123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- .ios6switch{
- overflow:hidden;
- position:relative;
- display:inline-block;
- margin:2px;
- cursor:default;
- vertical-align:middle;
- box-sizing:content-box;
- }
- .ios6switch *{
- -moz-user-select:none;
- -khtml-user-select:none;
- -webkit-user-select:none;
- -ms-user-select:none;
- user-select:none;
- }
- .ios6switch .ios6switch_shadow_and_highlight{
- position:absolute;
- left:0px;
- top:0px;
- width:100%;
- height:100%;
- background-repeat:no-repeat;
- background-image:url(images/ios6switch_shadow.png);
- background-size:100% 100%;
- z-index:1;
- }
- .ios6switch .ios6switch_draglayer{
- position:absolute;
- height:100%;
- width:100%;
- }
- .ios6switch .ios6switch_switch_off{
- position:absolute;
- top:0px;
- height:100%;
- width:100%;
- text-align:center;
- }
- .ios6switch .ios6switch_switch_on{
- position:absolute;
- top:0px;
- height:100%;
- width:100%;
- text-align:center;
- }
- .ios6switch .ios6switch_thumb{
- position:absolute;
- left:0px;
- top:0px;
- background-repeat:no-repeat;
- background-image:url(images/ios6switch_thumb.png);
- background-size:100% 100%;
- border-radius:50%;
- box-shadow:0px 0px 3px #000, 1px 0px 0px rgba(0,0,0,.3) inset, -1px 0px 0px rgba(0,0,0,.3) inset, 0px 1px 0px rgba(0,0,0,.3) inset, 0px -1px 0px rgba(0,0,0,.3) inset;
- z-index:2;
- }
|