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.
 
 
 

35 lines
1.0 KiB

/* switch button */
.onoffswitch {
position: relative; width: 46px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block; overflow: hidden; cursor: pointer;
height: 20px; padding: 0; line-height: 20px;
border: 2px solid #FFFFFF; border-radius: 20px;
background-color: #9E9E9E;
transition: background-color 0.3s ease-in;
margin-bottom: 0;
}
.onoffswitch-label:before {
content: "";
display: block; width: 20px; margin: 0px;
background: #FFFFFF;
position: absolute; top: 0; bottom: 0;
right: 24px;
border: 2px solid #FFFFFF; border-radius: 20px;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
background-color: #FF00B9;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
border-color: #FF00B9;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
right: 0px;
}