html { font-size: 16px; font-family: sans-serif, Arial, Helvetica; background-color: #ffffff; height: 100%; } body { height: 100%; border-radius: 3; } .topbar { padding: 10px; background-color: #585858; color: white; font-size: xx-large; text-align: center; } .param_block{ padding: 1em; color: #000000; border: 1px solid darkred; font-size: x-large; width: 80%; } .val_range { font-weight: bold; } .regler{ /* -webkit-appearance: none; */ height: 50px; width: 100%; border-radius: 20px; outline: black; background-color: rgb(176, 188, 228); } /* .regler::-webkit-slider-thumb{ -webkit-appearance: none; appearance: none; width: 5%; height: 20px; border-radius: 10px; background-color: rgb(107, 122, 192); cursor:pointer; } */ /* input[type=range]::-webkit-slider-thumb{ -webkit-appearance: none; border:none; height: 30px; width: 4%; border-radius: 30px; } */ .slider { margin: 1%; } /*-------------------------------------------------------*/ /*Switch: .switch { position: relative; display: inline-block; width: 60px; height: 34px; } Hide default HTML checkbox .switch input { opacity: 0; width: 0; height: 0; } */ /* The slider */ /*input:checked + .slider { background-color: #04AA6D; } input:focus + .slider { box-shadow: 0 0 1px #04AA6D; }*/ /* input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } */ .terminal { margin:5%; padding: 1%; width: 80%; border: 1px solid black; border-radius: 5px; } #term { font-size: large; width: 100%; height: 20em; } #clear_term { margin: 2px; }