5,951
edits
No edit summary |
No edit summary |
||
Line 188: | Line 188: | ||
background-color: #ffffff; | background-color: #ffffff; | ||
padding: 20px; | padding: 20px; | ||
} | |||
/* Template:Notes toggle */ | |||
.switch { | |||
position: relative; | |||
display: block; | |||
width: 30px; | |||
height: 17px; | |||
margin: 0 auto; | |||
} | |||
.switch input { | |||
opacity: 0; | |||
width: 0; | |||
height: 0; | |||
} | |||
.slider { | |||
position: absolute; | |||
cursor: pointer; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
background-color: #ccc; | |||
-webkit-transition: .4s; | |||
transition: .4s; | |||
} | |||
.slider:before { | |||
position: absolute; | |||
content: ""; | |||
height: 13px; | |||
width: 13px; | |||
left: 2px; | |||
bottom: 2px; | |||
background-color: white; | |||
-webkit-transition: .4s; | |||
transition: .4s; | |||
} | |||
input:checked + .slider { | |||
background-color: #4c4c4c; | |||
} | |||
input:focus + .slider { | |||
box-shadow: 0 0 1px #4c4c4c; | |||
} | |||
input:checked + .slider:before { | |||
-webkit-transform: translateX(13px); | |||
-ms-transform: translateX(13px); | |||
transform: translateX(13px); | |||
} | |||
/* Rounded sliders */ | |||
.slider.round { | |||
border-radius: 17px; | |||
} | |||
.slider.round:before { | |||
border-radius: 50%; | |||
} | } |