CSS 45
Iphone-style-checkboxes.css Guest on 16th July 2020 01:26:55 PM
  1. .iPhoneCheckContainer {
  2.   position: relative;
  3.   height: 27px;
  4.   cursor: pointer;
  5.   overflow: hidden; }
  6.   .iPhoneCheckContainer input {
  7.     position: absolute;
  8.     top: 5px;
  9.     left: 30px;
  10.     opacity: 0;
  11.     -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  12.     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
  13.   .iPhoneCheckContainer label {
  14.     white-space: nowrap;
  15.     font-size: 17px;
  16.     line-height: 17px;
  17.     font-weight: bold;
  18.     font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  19.     text-transform: uppercase;
  20.     cursor: pointer;
  21.     display: block;
  22.     height: 27px;
  23.     position: absolute;
  24.     width: auto;
  25.     top: 0;
  26.     padding-top: 5px;
  27.     overflow: hidden; }
  28.   .iPhoneCheckContainer, .iPhoneCheckContainer label {
  29.     user-select: none;
  30.     -moz-user-select: none;
  31.     -khtml-user-select: none; }
  32.  
  33. .iPhoneCheckDisabled {
  34.   opacity: 0.5;
  35.   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  36.   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }
  37.  
  38. label.iPhoneCheckLabelOn {
  39.   color: white;
  40.   background: url('images/iphone-style-checkboxes/on.png?1282083753') no-repeat;
  41.   text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
  42.   left: 0;
  43.   padding-top: 5px; }
  44.   label.iPhoneCheckLabelOn span {
  45.     padding-left: 8px; }
  46. label.iPhoneCheckLabelOff {
  47.   color: #8b8b8b;
  48.   background: url('images/iphone-style-checkboxes/off.png?1282083753') no-repeat right 0;
  49.   text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
  50.   text-align: right;
  51.   right: 0; }
  52.   label.iPhoneCheckLabelOff span {
  53.     padding-right: 8px; }
  54.  
  55. .iPhoneCheckHandle {
  56.   display: block;
  57.   height: 27px;
  58.   cursor: pointer;
  59.   position: absolute;
  60.   top: 0;
  61.   left: 0;
  62.   width: 0;
  63.   background: url('images/iphone-style-checkboxes/slider_left.png?1282083753') no-repeat;
  64.   padding-left: 3px; }
  65.  
  66. .iPhoneCheckHandleRight {
  67.   height: 100%;
  68.   width: 100%;
  69.   padding-right: 3px;
  70.   background: url('images/iphone-style-checkboxes/slider_right.png?1282083753') no-repeat right 0; }
  71.  
  72. .iPhoneCheckHandleCenter {
  73.   height: 100%;
  74.   width: 100%;
  75.   background: url('images/iphone-style-checkboxes/slider_center.png?1282083753'); }

Paste is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

Login or Register to edit or fork this paste. It's free.