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.9KB

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
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  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. #note {
  37. font-size: medium;
  38. font-style: italic;
  39. }
  40. /* .regler::-webkit-slider-thumb{
  41. -webkit-appearance: none;
  42. appearance: none;
  43. width: 5%;
  44. height: 20px;
  45. border-radius: 10px;
  46. background-color: rgb(107, 122, 192);
  47. cursor:pointer;
  48. } */
  49. /* input[type=range]::-webkit-slider-thumb{
  50. -webkit-appearance: none;
  51. border:none;
  52. height: 30px;
  53. width: 4%;
  54. border-radius: 30px;
  55. } */
  56. .slider {
  57. margin: 1%;
  58. }
  59. /*-------------------------------------------------------*/
  60. /*Switch:
  61. .switch {
  62. position: relative;
  63. display: inline-block;
  64. width: 60px;
  65. height: 34px;
  66. }
  67. Hide default HTML checkbox
  68. .switch input {
  69. opacity: 0;
  70. width: 0;
  71. height: 0;
  72. }
  73. */
  74. /* The slider */
  75. /*input:checked + .slider {
  76. background-color: #04AA6D;
  77. }
  78. input:focus + .slider {
  79. box-shadow: 0 0 1px #04AA6D;
  80. }*/
  81. /*
  82. input:checked + .slider:before {
  83. -webkit-transform: translateX(26px);
  84. -ms-transform: translateX(26px);
  85. transform: translateX(26px);
  86. }
  87. */
  88. .terminal {
  89. margin:5%;
  90. padding: 1%;
  91. width: 80%;
  92. border: 1px solid black;
  93. border-radius: 5px;
  94. }
  95. #term {
  96. font-size: large;
  97. width: 100%;
  98. height: 20em;
  99. }
  100. #clear_term {
  101. margin: 2px;
  102. }
  103. input[type="number"] {
  104. width: 100px;
  105. }
  106. input:invalid+span:after {
  107. content: '✖';
  108. padding-left: 5px;
  109. }
  110. input:valid+span:after {
  111. content: '✓';
  112. padding-left: 5px;
  113. }