Fork of the espurna firmware for `mhsw` switches
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.

120 lines
2.5 KiB

  1. .iPhoneCheckContainer {
  2. -webkit-transform:translate3d(0,0,0);
  3. position: relative;
  4. height: 30px;
  5. cursor: pointer;
  6. overflow: hidden;
  7. margin: 5px 0 10px 0;
  8. }
  9. .iPhoneCheckContainer input {
  10. position: absolute;
  11. top: 5px;
  12. left: 30px;
  13. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  14. opacity: 0;
  15. }
  16. .iPhoneCheckContainer label {
  17. white-space: nowrap;
  18. font-size: 17px;
  19. line-height: 17px;
  20. font-weight: bold;
  21. font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  22. cursor: pointer;
  23. display: block;
  24. height: 27px;
  25. position: absolute;
  26. width: auto;
  27. top: 0;
  28. padding-top: 5px;
  29. overflow: hidden;
  30. }
  31. .iPhoneCheckContainer, .iPhoneCheckContainer label {
  32. user-select: none;
  33. -moz-user-select: none;
  34. -khtml-user-select: none;
  35. }
  36. .iPhoneCheckDisabled {
  37. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  38. opacity: 0.5;
  39. }
  40. div.iPhoneCheckBorderOn {
  41. position: absolute;
  42. left: 0;
  43. width: 4px;
  44. height: 100%;
  45. background-image: url('images/border-on.png');
  46. background-repeat: no-repeat;
  47. }
  48. label.iPhoneCheckLabelOn {
  49. color: white;
  50. background-image: url('images/label-on.png');
  51. background-repeat: repeat-x;
  52. text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
  53. left: 0;
  54. padding-top: 5px;
  55. margin-left: 4px;
  56. margin-top: 0px;
  57. }
  58. label.iPhoneCheckLabelOn span {
  59. padding-left: 4px;
  60. }
  61. label.iPhoneCheckLabelOff {
  62. color: #8b8b8b;
  63. background-image: url('images/label-off.png');
  64. background-repeat: repeat-x;
  65. text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
  66. text-align: right;
  67. margin-right: 4px;
  68. margin-top: 0px;
  69. right: 0;
  70. }
  71. label.iPhoneCheckLabelOff span {
  72. padding-right: 4px;
  73. }
  74. div.iPhoneCheckBorderOff {
  75. position: absolute;
  76. width: 4px;
  77. height: 100%;
  78. background-image: url('images/border-off.png');
  79. background-repeat: no-repeat;
  80. }
  81. .iPhoneCheckHandle {
  82. display: block;
  83. height: 27px;
  84. cursor: pointer;
  85. position: absolute;
  86. top: 0;
  87. left: 0;
  88. width: 0;
  89. background-image: url('images/handle-left.png');
  90. background-repeat: no-repeat;
  91. padding-left: 4px;
  92. }
  93. .iPhoneCheckHandleCenter {
  94. position: absolute;
  95. width: 100%;
  96. height: 100%;
  97. background-image: url('images/handle-center.png');
  98. background-repeat: repeat-x;
  99. }
  100. .iPhoneCheckHandleRight {
  101. position: absolute;
  102. height: 100%;
  103. width: 4px;
  104. right: 0px;
  105. background-image: url('images/handle-right.png');
  106. background-repeat: no-repeat;
  107. }