MediaWiki:Common.css: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 261: Line 261:
   position: relative;
   position: relative;
   display: inline-block;
   display: inline-block;
   width: 60px;
   width: 30px;
   height: 34px;
   height: 17px;
}
}


Line 286: Line 286:
   position: absolute;
   position: absolute;
   content: "";
   content: "";
   height: 26px;
   height: 13px;
   width: 26px;
   width: 13px;
   left: 4px;
   left: 2px;
   bottom: 4px;
   bottom: 2px;
   background-color: white;
   background-color: white;
   -webkit-transition: .4s;
   -webkit-transition: .4s;
Line 296: Line 296:


input:checked + .slider {
input:checked + .slider {
   background-color: #2196F3;
   background-color: #4c4c4c;
}
}


input:focus + .slider {
input:focus + .slider {
   box-shadow: 0 0 1px #2196F3;
   box-shadow: 0 0 1px #4c4c4c;
}
}


input:checked + .slider:before {
input:checked + .slider:before {
   -webkit-transform: translateX(26px);
   -webkit-transform: translateX(13px);
   -ms-transform: translateX(26px);
   -ms-transform: translateX(13px);
   transform: translateX(26px);
   transform: translateX(13px);
}
}


/* Rounded sliders */
/* Rounded sliders */
.slider.round {
.slider.round {
   border-radius: 34px;
   border-radius: 17px;
}
}