5,953
edits
No edit summary |
No edit summary |
||
Line 255: | Line 255: | ||
padding: 30px; | padding: 30px; | ||
margin: 0 -60px; | margin: 0 -60px; | ||
} | |||
/* Template:Notes toggle */ | |||
.switch { | |||
position: relative; | |||
display: inline-block; | |||
width: 60px; | |||
height: 34px; | |||
} | |||
.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: 26px; | |||
width: 26px; | |||
left: 4px; | |||
bottom: 4px; | |||
background-color: white; | |||
-webkit-transition: .4s; | |||
transition: .4s; | |||
} | |||
input:checked + .slider { | |||
background-color: #2196F3; | |||
} | |||
input:focus + .slider { | |||
box-shadow: 0 0 1px #2196F3; | |||
} | |||
input:checked + .slider:before { | |||
-webkit-transform: translateX(26px); | |||
-ms-transform: translateX(26px); | |||
transform: translateX(26px); | |||
} | |||
/* Rounded sliders */ | |||
.slider.round { | |||
border-radius: 34px; | |||
} | |||
.slider.round:before { | |||
border-radius: 50%; | |||
} | } | ||
/* ============================== mobile responsiveness =============================== */ | /* ============================== mobile responsiveness =============================== */ | ||
#mf-banner { display: none; } | #mf-banner { display: none; } |