MediaWiki:Common.css
From diff.wiki
Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
p { font-size:1.2em; } /** Hide sidebar **/ div#mw-site-navigation { display: none; } div#mw-related-navigation { display: none; } #left-navigation { left: 1em; } #mw-head-base, div#content, div#footer { margin-left: 1em; } #mw-content, #content-bottom-stuff { margin-left: 0em; padding: 0.45em 0.45em 0.45em 0em; } body.page-Main_Page.action-view h1.firstHeading, body.page--Main_Page.action-submit h1.firstHeading { display: none; } .tools-inline li a { text-indent: -99999px; width: 20px; overflow: hidden; box-sizing: border-box; } * { box-sizing: border-box; } table { width: 100%; } table tbody td,table thead th { text-align: left; padding: 6px; word-wrap: break-word; border-bottom: 2px solid #ededed; } table thead th:first-child,table tbody td:first-child { font-weight: bold; color: black; } @media screen and (max-width: 768px) { table tr { display: flex; flex-flow: row wrap; justify-content: space-around; } table tbody td, table thead th { display: block; width: 50%; border-bottom: none; } table thead th:first-child, table tbody td:first-child { width: 100%; border-top: 2px solid #ededed; } table thead th:first-child { display: none; } th { border-right: none; } body.page-Main_Page.action-view .mw-content-ltr { font-size: 1.2em; } } /** Center homepage content **/ @media screen and (min-width: 768px){ body.page-Main_Page.action-view .mw-content-ltr { padding-left: 25%; padding-right: 25%; font-size: 1.5em; } } /** Remove unused space on this size **/ @media screen and (max-width: 1099px) and (min-width: 851px){ #mw-header-nav-hack { display: none; z-index: 0; } #mw-content { margin-top: 0em; } } /** Remove usertools icon on smalles screen widths **/ @media screen and (max-width: 550px){ #mw-header-container { padding: 0em 0.45em 0.35em; } #user-tools h2, .sidebar-chunk h2 { display:none; } } /** Align logo text **/ @media screen and (min-width: 551px) and (max-width: 850px){ #p-logo-text a { margin-left: -2.1em; } }