ESP8266 Treppenlichtsteuerung mit OTA zum Firmware Upload
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

style.css 1.8KB

3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. html {
  2. font-size: 16px;
  3. font-family: sans-serif, Arial, Helvetica;
  4. background-color: #ffffff;
  5. height: 100%;
  6. }
  7. body {
  8. height: 100%;
  9. border-radius: 3;
  10. }
  11. .topbar {
  12. padding: 10px;
  13. background-color: #585858;
  14. color: white;
  15. font-size: xx-large;
  16. text-align: center;
  17. }
  18. .param_block{
  19. padding: 1em;
  20. color: #000000;
  21. border: 1px solid darkred;
  22. font-size: x-large;
  23. width: 80%;
  24. }
  25. .val_range {
  26. font-weight: bold;
  27. }
  28. .regler{
  29. /* -webkit-appearance: none; */
  30. height: 50px;
  31. width: 100%;
  32. border-radius: 20px;
  33. outline: black;
  34. background-color: rgb(176, 188, 228);
  35. }
  36. /* .regler::-webkit-slider-thumb{
  37. -webkit-appearance: none;
  38. appearance: none;
  39. width: 5%;
  40. height: 20px;
  41. border-radius: 10px;
  42. background-color: rgb(107, 122, 192);
  43. cursor:pointer;
  44. } */
  45. /* input[type=range]::-webkit-slider-thumb{
  46. -webkit-appearance: none;
  47. border:none;
  48. height: 30px;
  49. width: 4%;
  50. border-radius: 30px;
  51. } */
  52. .slider {
  53. margin: 1%;
  54. }
  55. /*-------------------------------------------------------*/
  56. /*Switch:
  57. .switch {
  58. position: relative;
  59. display: inline-block;
  60. width: 60px;
  61. height: 34px;
  62. }
  63. Hide default HTML checkbox
  64. .switch input {
  65. opacity: 0;
  66. width: 0;
  67. height: 0;
  68. }
  69. */
  70. /* The slider */
  71. /*input:checked + .slider {
  72. background-color: #04AA6D;
  73. }
  74. input:focus + .slider {
  75. box-shadow: 0 0 1px #04AA6D;
  76. }*/
  77. /*
  78. input:checked + .slider:before {
  79. -webkit-transform: translateX(26px);
  80. -ms-transform: translateX(26px);
  81. transform: translateX(26px);
  82. }
  83. */
  84. .terminal {
  85. margin:5%;
  86. padding: 1%;
  87. width: 80%;
  88. border: 1px solid black;
  89. border-radius: 5px;
  90. }
  91. #term {
  92. font-size: large;
  93. width: 100%;
  94. height: 20em;
  95. }
  96. #clear_term {
  97. margin: 2px;
  98. }
  99. input[type="number"] {
  100. width: 100px;
  101. }
  102. input:invalid+span:after {
  103. content: '✖';
  104. padding-left: 5px;
  105. }
  106. input:valid+span:after {
  107. content: '✓';
  108. padding-left: 5px;
  109. }