MediaWiki:Common.css
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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* ============================================================
* PAWS Lab Wiki — site-wide CSS (Common.css)
* Applies to all skins. Edit via MediaWiki:Common.css page.
* ============================================================ */
/* Constrain images so they don't overflow the content column.
* The old Tweeki skin did this implicitly; Vector doesn't. */
.mw-parser-output img {
max-width: 100%;
height: auto;
}
/* Thumbnails and floating figures also honor container width */
.mw-parser-output .thumb,
.mw-parser-output .thumbinner,
.mw-parser-output figure {
max-width: 100%;
box-sizing: border-box;
}
/* Prevent overwide tables from breaking layout */
.mw-parser-output table {
max-width: 100%;
}
/* Wide code blocks scroll horizontally instead of pushing the page */
.mw-parser-output pre {
max-width: 100%;
overflow-x: auto;
white-space: pre;
}
/* Small tweak: infobox-style floats behave reasonably on narrow viewports */
@media (max-width: 720px) {
.mw-parser-output .thumb.tright,
.mw-parser-output .thumb.tleft {
float: none;
margin-left: auto;
margin-right: auto;
}
}