MediaWiki:Citizen.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.

/* All CSS here will be loaded for users of the Citizen skin */

/* Global Overrides */
:root.skin-citizen-dark {
    --width-layout: 1440px;
    --color-surface-0: #121212 !important;
    --color-surface-1: #2C2C2C !important;
    --color-surface-2: #363636 !important;
    --color-surface-3: #474747 !important;
    --color-surface-4: #595959 !important;
    --color-primary__h: 200 !important;
    --color-primary__s: 99% !important;
    --color-primary__l: 45% !important;
}
#citizen-pref {
     display: none !important;
}

/* Custom Widgets */
.srk-navbtn {
        margin-left: 10px;
        font-size: 0.9em;
        color: #c1c1c1;
}
.header-srk {
        height: 0.9em;
        line-height: 0.9em;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
}

/* Mediawiki Widgets */
.inputError {
	background: #2C2C2C;
}
.multipleTemplateInstance {
	background-color: #2C2C2C;
	border: 0px;
}
.multipleTemplateInstance.sortable-chosen {
	background-color: #2C2C2C;
	border: 0px;
}
.mw-body-content h1, .mw-body-content h2 {
	margin-top: 1rem;
}
.mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
	margin-top: 0.2em;
}
.mw-body-content p + p {
        margin-top: 0.5em;
}
.mw-body-content ul, .mw-body-content ol, .mw-body-content dl, .mw-body-content p {
	margin-top: 0.3em
}
ul.tabbernav li.tabberactive a:hover {
	color: #c1c1c1;
	background: #3A3A3A;
	border-bottom: 1px solid #121212;
}
ul.tabbernav li a:link {
	color: #1ea8e8;
}
ul.tabbernav li.tabberactive a {
	background-color: #121212;
	border-bottom: 1px solid #121212;
}
ul.tabbernav li a {
	background: none;
        border: 1px solid #121212;
}
ul.tabbernav li a:hover {
	color: #c1c1c1;
	background: none;
	border-color: #121212;
}
.tabber .tabbertab {
	padding: 5px 0 0 0;
	border: 0px;
}
ul.tabbernav {
        padding-top: 3px;
	border-bottom: 1px solid #121212;
	font: bold 12px 'Verdana',sans-serif;
}
/* Fix KOF sprite sizes */
div.center > div.floatnone > a.image > img {
  max-width: none;
}

/* MW Body Changes */
.citizen-drawer__logo .mw-logo-icon {
    filter: invert(1) hue-rotate(180deg);
}
#footer-sitetitle img.mw-logo-wordmark {
	width: 50px;
	height: 50px;
	filter: invert(1) hue-rotate(180deg);
}
/* Tables */
table.wikitable {
	background: var(--color-surface-1);
	border: 1px solid var(--color-surface-2);
}
table.wikitable tr th {
	padding: 0.2em 0.4em;
	text-align: center;
	vertical-align: middle;
    background: var(--color-surface-1);
    color: var(--color-base);
}
table.wikitable tr td {
	padding: 0.2em 0.4em;
	vertical-align: middle;
}

table.wikitable tr th, table.wikitable tr td {
	border: 1px solid var(--color-surface-2);
}
.center {
	width: 100%;
	text-align: center;
}
.mw-body-content a.image {
	display: initial;
}
table.wikitable tr:hover {
	background-color: transparent;
}
.moveimg {
        max-width: none !important;
}
hr {
	display: block !important;
        border-bottom: 1px grey !important;
        color: gray;
}

.mw-body-content h5 {
	margin-top: 0;
}
.movedatacargoimage {
    width: 240px !important;
}

.movedatacargoimage-img {
    max-width: 240px !important;
}