135 lines
1.9 KiB
CSS
Raw Normal View History

2021-06-23 02:13:48 +02:00
html {
font-size: 16px;
2021-06-23 02:13:48 +02:00
font-family: sans-serif, Arial, Helvetica;
2021-07-05 18:15:57 +02:00
background-color: #ffffff;
2021-06-24 13:08:28 +02:00
height: 100%;
2021-06-23 02:13:48 +02:00
}
2021-06-24 13:51:12 +02:00
body {
height: 100%;
border-radius: 3;
}
2021-06-23 02:13:48 +02:00
.topbar {
2021-07-05 18:15:57 +02:00
padding: 10px;
background-color: #585858;
2021-06-23 02:13:48 +02:00
color: white;
2021-07-05 18:15:57 +02:00
font-size: xx-large;
2021-06-23 02:13:48 +02:00
text-align: center;
}
2021-07-05 18:15:57 +02:00
.param_block{
padding: 1em;
color: #000000;
border: 1px solid darkred;
font-size: x-large;
width: 80%;
}
2021-07-05 18:15:57 +02:00
.val_range {
font-weight: bold;
}
.regler {
2021-07-05 18:15:57 +02:00
/* -webkit-appearance: none; */
height: 50px;
2021-06-24 13:41:20 +02:00
width: 100%;
border-radius: 20px;
outline: black;
background-color: rgb(176, 188, 228);
}
#note {
font-size: medium;
font-style: italic;
}
2021-07-05 18:15:57 +02:00
/* .regler::-webkit-slider-thumb{
-webkit-appearance: none;
appearance: none;
width: 5%;
height: 20px;
border-radius: 10px;
background-color: rgb(107, 122, 192);
cursor:pointer;
2021-07-05 18:15:57 +02:00
} */
/* input[type=range]::-webkit-slider-thumb{
-webkit-appearance: none;
border:none;
2021-06-23 17:01:47 +02:00
height: 30px;
width: 4%;
border-radius: 30px;
2021-07-05 18:15:57 +02:00
} */
2021-06-24 13:08:28 +02:00
.slider {
2021-07-05 18:15:57 +02:00
margin: 1%;
2021-06-24 13:08:28 +02:00
}
2021-06-24 13:51:12 +02:00
2021-06-24 13:08:28 +02:00
/*-------------------------------------------------------*/
/*Switch:
2021-06-23 02:13:48 +02:00
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
2021-06-24 13:08:28 +02:00
Hide default HTML checkbox
2021-06-23 02:13:48 +02:00
.switch input {
opacity: 0;
width: 0;
height: 0;
}
2021-06-24 13:08:28 +02:00
*/
2021-06-23 02:13:48 +02:00
/* The slider */
2021-06-24 13:08:28 +02:00
/*input:checked + .slider {
2021-06-23 02:13:48 +02:00
background-color: #04AA6D;
}
input:focus + .slider {
box-shadow: 0 0 1px #04AA6D;
2021-06-24 13:08:28 +02:00
}*/
/*
2021-06-23 02:13:48 +02:00
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
2021-06-26 10:49:29 +02:00
*/
2021-06-23 02:13:48 +02:00
2021-06-26 10:49:29 +02:00
.terminal {
margin:5%;
padding: 1%;
width: 80%;
border: 1px solid black;
border-radius: 5px;
}
#term {
font-size: large;
width: 100%;
2021-06-30 20:33:16 +02:00
height: 20em;
2021-06-26 10:49:29 +02:00
}
2021-06-23 02:13:48 +02:00
2021-06-26 10:49:29 +02:00
#clear_term {
margin: 2px;
2021-07-07 16:58:27 +02:00
}
input[type="number"] {
width: 100px;
}
input:invalid+span:after {
content: '✖';
padding-left: 5px;
}
input:valid+span:after {
content: '✓';
padding-left: 5px;
}