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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */ /* Hides the rollback option. Not needed when we don't have large vandalism issues. */ .mw-rollback-link { display: none; } /* Implements section-collapse and stop-section-collapse */ .section-collapse { border-color: #000000; border-style: solid; border-width: 2px 2px 0 0; content: ""; cursor: pointer; display: inline-block; height: 7px; margin-right: 5px; position: relative; right: 0; top: 5px; transform: rotate(-45deg); vertical-align: middle; width: 7px; } .section-collapsed { display: none; } .collapsed-icon { margin-top: 1px; transform: rotate(135deg); } .mw-collapsible-toggle { padding-left: 5px; } /* Hide the page header on the Main_Page */ body.page-Main_Page h1 { display: none; } /* Make TabberNeue not have arrows on the list and instead wrap it */ .tabber__tabs { margin: 0 auto; flex-wrap: wrap; } /* Hide default tab indicator */ .tabber__indicator { display: none; } /* Change style of selected tab */ .tabber__tab[aria-selected='true'] { background-color: #2859a8; color: white !important; } /* Center the buttons better */ .tabber__tab { margin: 0 auto !important; } /* Change the size of the button text, note that this also proportionally changes the button padding */ /*.tabber__tab { font-size: calc(1em * 0.7); }*/ /* Do not invert logo */ /*.client-darkmode .mw-wiki-logo { filter: invert( 1 ) hue-rotate( 180deg ) }*/ /* Cancel inversion to use better styling */ :root, img { filter: unset !important; } :root { --text-color: #cbd9f4; --link-color: #8cabe6; } .client-darkmode .mw-body, .client-darkmode #mw-navigation, .client-darkmode #mw-page-base, .client-darkmode #mw-head-base { background-color: #0B0B3B !important; color: var(--text-color); } .client-darkmode a { color: var(--link-color); } .client-darkmode .mw-code { background-color: #0B0B3B; color: var(--text-color); }