MediaWiki:Mobile.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
@import url("/w/index.php?action=raw&ctype=text/css&title=Mediawiki:hilight-users.css");
@import url("/w/index.php?action=raw&ctype=text/css&title=Mediawiki:Custom-gallery.css");
.flow-ui-load-overlay{
display:none;
}
.fake-button{
background-color: #3d5afe;
color: white;
padding: 9px;
border-radius: 3px;
}
.fake-button:hover{
cursor: pointer;
}
.char-int:hover{
cursor: pointer;
}
.selected-intersection-character{
background-color: yellow;
display: initial;
padding: 5px;
margin-left: -5px;
}
#search-box{
text-align:center;
font-size: larger;
}
.checkbox-container {
display: inline-block;
position: relative;
}
.checkbox-label {
line-height:20px;
display: inline-block;
vertical-align: middle;
}
.checkbox-container label {
background-color: #aaa;
border: 1px solid #fff;
border-radius: 20px;
display: inline-block;
position: relative;
transition: all 0.3s ease-out;
width: 45px;
height: 25px;
z-index: 2;
}
.checkbox-container label::after {
content: ' ';
background-color: #fff;
border-radius: 50%;
position: absolute;
top: 2px;
left: 1px;
transform: translateX(0);
transition: transform 0.3s linear;
width: 20px;
height: 20px;
z-index: 3;
}
.checkbox-container input {
visibility: hidden;
position: absolute;
z-index: 2;
}
.checkbox-container input:checked + label::after {
transform: translateX(calc(100% + 0.5px));
}
.checkbox-container.blue .active-circle,
.checkbox-container.blue input:checked + label {
background-color: #3d5afe;
}
/*Remove the height from Main Page slideshow on mobile*/
.mainPage-newReleases-slideshowContainer {
height: auto !important;
}
/*Let's temporarily "fix" the Main Page styles on mobile*/
@media screen and (max-width: 980px) {
#mainPage-leftColumn,
#mainPage-rightColumn {
float: none !important;
width: 100% !important;
}
#mainPage-rightColumn > div {
padding: 0 0 5px 0 !important;
}
}
.tip{
display:none;
}