MediaWiki:Common.css: Difference between revisions
Xinreality (talk | contribs) No edit summary |
Xinreality (talk | contribs) No edit summary |
||
| (One intermediate revision 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 */ | |||