| @import "common.less"; |
| |
| // Images locations |
| @image_switch_on: "@{images_gsoc_location}/ui_switch_on.png"; |
| @image_switch_off: "@{images_gsoc_location}/ui_switch_off.png"; |
| @image_switch_slider_left: "@{images_gsoc_location}/ui_switch_slider_left.png"; |
| @image_switch_slider_right: "@{images_gsoc_location}/ui_switch_slider_right.png"; |
| @image_switch_slider_center: "@{images_gsoc_location}/ui_switch_slider_center.png"; |
| |
| /* Tooltip */ |
| /* Slide checkboxes */ |
| .iPhoneCheckContainer { |
| display: block; |
| clear: both; |
| position: relative; |
| height: 27px; |
| cursor: pointer; |
| overflow: hidden; |
| } |
| .iPhoneCheckContainer input { |
| position: absolute; |
| top: 5px; |
| left: 30px; |
| opacity: 0; |
| } |
| .iPhoneCheckContainer label { |
| white-space: nowrap; |
| font-size: 15px; |
| line-height: 17px; |
| font-weight: bold; |
| font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; |
| text-transform: uppercase; |
| cursor: pointer; |
| display: block; |
| height: 27px; |
| position: absolute; |
| width: auto; |
| top: 0; |
| padding-top: 5px; |
| overflow: hidden; |
| } |
| .iPhoneCheckContainer, .iPhoneCheckContainer label { |
| user-select: none; |
| -moz-user-select: none; |
| -khtml-user-select: none; |
| } |
| .iPhoneCheckDisabled { |
| opacity: 0.5; |
| } |
| label.iPhoneCheckLabelOn { |
| color: white; |
| background: url(@image_switch_on) no-repeat; |
| text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); |
| left: 0; |
| padding-top: 5px; |
| } |
| label.iPhoneCheckLabelOn span { |
| padding-left: 8px; |
| } |
| label.iPhoneCheckLabelOff { |
| color: #8b8b8b; |
| background: url(@image_switch_off) no-repeat right 0; |
| text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6); |
| text-align: right; |
| right: 0; |
| } |
| label.iPhoneCheckLabelOff span { |
| padding-right: 8px; |
| } |
| .iPhoneCheckHandle { |
| display: block; |
| height: 27px; |
| cursor: pointer; |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 0; |
| background: url(@image_switch_slider_left) no-repeat; |
| padding-left: 3px; |
| } |
| .iPhoneCheckHandleRight { |
| height: 100%; |
| width: 100%; |
| padding-right: 3px; |
| background: url(@image_switch_slider_right) no-repeat right 0; |
| } |
| .iPhoneCheckHandleCenter { |
| height: 100%; |
| width: 100%; |
| background: url(@image_switch_slider_center); |
| } |
| |
| .verify_togglebutton { |
| padding: 0 0 20px 225px; |
| } |