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 */ body { font-family: Rubik, system-ui, Helvetica, Arial, sans-serif; font-size: 1rem; line-height: 1.5rem; color: #cbcbcb; background-color: rgb(17, 18, 22); margin: 10px; background-image: url(/backline_teal.png), url(/backline_teal_top.png); background-size: auto; background-repeat: no-repeat, no-repeat; background-position: center bottom 400px, center 2%; } #mw-page-base { background-color: transparent; background-image: none; } .mw-body, .parsoid-body { background-color: rgba(7, 8, 10, 0.49); backdrop-filter: blur(2px); border-radius: 10px; color: #cbcbcb; border: 0px solid #000; } .vector-menu-tabs-legacy .selected { background-color: transparent; } .vector-menu-tabs-legacy .selected a { background-image: none; color: #56bbd2 !important; } .vector-menu-tabs-legacy li { background-image: none; height: 100%; margin: 0; padding: 0; line-height: 1.125em; white-space: nowrap; } .vector-menu-tabs-legacy li a { transition: .5s; color: #baf2ff; height: auto; background-color: #3C8FA240; cursor: pointer; border: 1px solid #baf2ff; border-radius: 10px; padding: 0.4rem; line-height: normal; text-shadow: black 0px 1px 1px; font-family: Anta, monospace; text-transform: uppercase; } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background-image: none; } .mw-wiki-logo { background-image: url(/uploads/monthly_2023_07/logo23_jka.png.4384c1d8a71a520d48316f704892a42f.png); background-size: 125px auto; } h1, h2, h3, h4, h5, h6 { color: #cbcbcb; } a { color: #3C8FA2; text-decoration: none; font-weight: bold; transition: .5s; } a:hover, .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:hover, .vector-menu-dropdown .mw-list-item a:hover { color: #1a5765; text-decoration: none; } .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a, .vector-menu-dropdown .mw-list-item a, .toctogglelabel { color: #3C8FA2; text-decoration: none; } .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited, a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: #3C8FA2; text-decoration: none; } .vector-menu-dropdown .vector-menu-heading { color: #3C8FA2; padding: 0.5em 8px 6px; } .vector-menu-tabs .mw-watchlink.icon a { padding: 2.2em 0 0 0; } .vector-menu-tabs .mw-watchlink.icon a::before { top: .48em; } .vector-menu-dropdown .vector-menu-content { background-color: rgba(30, 30, 34, .6); backdrop-filter: blur(3px); border-radius: 0 0 10px 10px; border-color: #baf2ff; } .vector-search-box-input { background-color: #131315; } .searchButton[name="go"] { filter: invert(100%); } .editOptions { background-color: #131315; color: #cbcbcb; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { transition: .5s; color: #baf2ff; background-color: #3C8FA240; cursor: pointer; border: 1px solid #baf2ff; border-radius: 10px; padding: 6px; padding: 0.428571429rem; line-height: normal; text-shadow: black 0px 1px 1px; font-family: Anta, monospace; text-transform: uppercase; } #left-navigation { margin-left: 11.5em; } .mw-editform #wpTextbox1 { background-color: rgb(30, 30, 34); color:#fff; border-radius: 10px 10px 0 0; border: 1px solid transparent; padding: 10px; } .toc, .toccolours { background-color: rgb(30, 30, 34); border-radius: 10px; border: 1px solid #000; padding: 10px; } figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Frame"] { background-color: rgb(30, 30, 34); border-radius: 10px 10px 0 0; border: 0px solid #000; padding: 0px; } figure[typeof~="mw:File/Thumb"] > figcaption, figure[typeof~="mw:File/Frame"] > figcaption { background-color: rgb(30, 30, 34); border-radius: 0 0 10px 10px; border-top: 1px solid #000; border-bottom: 0; border-left: 0; border-right: 0; box-shadow: rgba(0, 0, 0, 0.8) 0 0 10px; } figure[typeof~="mw:File/Thumb"] > a:first-child > :first-child:not(.mw-broken-media), figure[typeof~="mw:File/Frame"] > a:first-child > :first-child:not(.mw-broken-media), figure[typeof~="mw:File/Thumb"] > span:first-child > :first-child:not(.mw-broken-media), figure[typeof~="mw:File/Frame"] > span:first-child > :first-child:not(.mw-broken-media) { background-color: rgb(30, 30, 34); border-radius: 10px; border: 0px solid transparent; box-shadow: rgba(0, 0, 0, 0.8) 0 0 3px; } .mw-footer li { color: #586068; } .wikitable { background-color: rgb(30, 30, 34); border-radius: 10px; border: 1px solid #000; padding: 10px; color: #cbcbcb; } .wikitable > tr > th, .wikitable > * > tr > th { background-color: rgb(23, 23, 28); } pre, code, .mw-code { background-color: rgb(20, 20, 24); border: 0; color: #fff; padding: 5px; } .infobox { background-color: rgb(30, 30, 34); border-radius: 10px; border: 1px solid #000; padding: 10px; color:#cbcbcb; margin:0.5em 0 0.5em 1em; padding:10px; float:right; clear:right; text-align:left; font-size:88%; line-height:1.5em } li.gallerybox div.thumb { border: 1px solid #000; background-color: rgb(23, 23, 28); } .catlinks { border: 1px solid #000; background-color: rgb(23, 23, 28); padding: 8px; } /* Infobox template style */ /* mrwonko: I omitted some unnecessary classes, see https://en.wikipedia.org/w/index.php?title=MediaWiki:Common.css&action=edit for the full file. */ /*.infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; /* @noflip */ margin: 0.5em 0 0.5em 1em; padding: 0.2em; /* @noflip */ float: right; /* @noflip */ clear: right; /* @noflip */ text-align: left; font-size: 88%; line-height: 1.5em; }*/ .infobox caption { font-size: 125%; font-weight: bold; } .infobox td, .infobox th { vertical-align: top; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } .details { text-align: center; font-weight: bold; background: #14141a; }