MediaWiki:Common.css: Difference between revisions
Xinreality (talk | contribs) No edit summary |
Xinreality (talk | contribs) No edit summary |
||
| (19 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* This makes the infobox above the content on Mobile only */ | |||
/* Mobile-specific infobox styling - only applies on small screens */ | |||
@media only screen and (max-width: 768px) { | |||
.infobox { | |||
float: none !important; | |||
display: block !important; | |||
width: 100% !important; | |||
margin: 0 0 15px 0 !important; | |||
box-sizing: border-box; | |||
} | |||
/* Optional: If you want a bit of margin on the sides */ | |||
.infobox { | |||
margin-left: auto !important; | |||
margin-right: auto !important; | |||
max-width: 95% !important; | |||
} | |||
/* Ensure infobox appears before the first paragraph */ | |||
#bodyContent > p:first-of-type { | |||
clear: both; | |||
} | |||
} | |||
/* End of this makes the infobox above the content on Mobile only */ | |||
body.page-Main_Page h1.firstHeading { display:none; } | body.page-Main_Page h1.firstHeading { display:none; } | ||
.XinReality1 { | .XinReality1 { | ||
| Line 217: | Line 246: | ||
background-repeat: no-repeat!important; | background-repeat: no-repeat!important; | ||
} | } | ||
/* display mobile or desktop */ | |||
/* used by the front page start*/ | |||
/* Default styles for desktop (769px or more) */ | |||
.desktop-view { | |||
display: block; | |||
} | |||
.mobile-view { | |||
display: none; | |||
} | |||
@media only screen and (max-width: 768px) { | |||
.desktop-view { display: none !important; } | |||
.mobile-view { display: block !important; } | |||
} | |||
/* used by the front page end*/ | |||