MediaWiki:Citizen.css: Difference between revisions

Revision as of 16:54, 25 May 2023

/* All CSS here will be loaded for users of the Citizen skin */
.skin-citizen-dark {
--color-surface-0: #121212 !important;
--color-surface-1: #2C2C2C !important;
--color-surface-3: #363636 !important;
--color-surface-4: #474747 !important;
}
#citizen-pref {
display: none !important;
}
/* header menu */
.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;
}
.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;
}
div.specialCargoQuery-extraPane {
	background: none;
}
div.drilldown-filters-wrapper {
        background-color: none;
        color: var(--color-base);
}
.ui-menu .ui-menu-item a {
	color: #1ea8e8;
}
.fieldBox {
	background: transparent;
}
/* Cargo Tables */
table.cargoTable {
	background-color: var(--background-color-dp-04);
	border: 1px solid var(--border-color-base);
}
table.cargoTable.noMerge tr:nth-child(2n+1),
table.cargoTable.mergeSimilarCells td.odd {
	background-color: var(--background-color-dp-04);
}
table.cargoTable.noMerge tr:nth-child(2n),
table.cargoTable.mergeSimilarCells td.even {
	background-color: var(--background-color-dp-08);
}
table.cargoTable td {
	border: 1px solid var(--border-color-base);
}
.mw-body, .parsoid-body {
	padding: 0 10px;
}
.page-heading {
	margin-bottom: 0px;
}
#footer-bottom {
	margin-top: 0px;
}
.mw-body-header {
	margin-bottom: 0.5em;
}
#mw-drawer-header {
	padding: 0px var(--padding-page) 20px var(--padding-page);
}
.mw-body-content {
	font-size: 0.875em;
	line-height: 1.6;
}
.mw-header-siteinfo .mw-wiki-title img.mw-logo-wordmark {
	width: 56px;
	height: 56px;
	padding-top: 2px;
}
#mw-drawer-logo img.mw-logo-wordmark {
	width: auto;
	height: 80px;
}
#mw-drawer-logo .mw-logo-icon {
	width: auto;
	height: 0px;
        visibility: hidden;
}
#footer-sitetitle img.mw-logo-wordmark {
	width: 50px;
	height: 50px;
	filter: invert(1) hue-rotate(180deg);
}
#footer-sitetitle {
	margin: 0px;
}
#footer-desc {
	margin: 0px;
}

/* Tables */
table.wikitable {
	background: var(--background-color-dp-01); /* #23272f; */
	border: 1px solid var(--border-color-base);
}
table.wikitable tr th {
	padding: 0.2em 0.4em;
	text-align: center;
	vertical-align: middle;
        background-color: var(--background-color-dp-02);
}
table.wikitable tr td {
	padding: 0.2em 0.4em;
	vertical-align: middle;
}
table.wikitable tr th, table.wikitable tr td {
	border: 1px solid var(--border-color-base);
}
.center {
	width: 100%;
	text-align: center;
}
.skin-citizen-dark .mw-search-profile-tabs {
	background-color: var(--background-color-dp-02);
}
.skin-citizen-dark #mw-searchoptions {
	background-color: var(--background-color-dp-02);
}
.last-modified-bar {
	background: #121212;
}
.mw-footer {
	background: #121212;
}
#footer-bottom {
	background: #121212;
}
.mw-footer a, .mw-footer a.external {
	color: var(--color-link);
}
.mw-footer a:hover, .mw-footer a.external:hover, .mw-footer a:active, .mw-footer a.external:active, .mw-footer a:focus, .mw-footer a.external:focus {
	color: var(--color-link--hover);
}
.skin-citizen-dark .mw-widget-dateInputWidget-handle {
	border: 1px solid var(--border-color-input);
	background-color: var(--background-color-input);
	color: var(--color-base--emphasized);
}
.skin-citizen-dark .mw-widget-dateInputWidget-calendar {
	background-color: var(--background-color-dp-00) !important;
}
.mw-widget-calendarWidget-item:hover {
	background-color: var(--color-primary);
}
#pagehistory li.selected.before {
	background-color: var(--background-color-dp-06);
}
#pagehistory li.selected.after {
	background-color: var(--background-color-dp-01);
}
.mw-widget-calendarWidget-day-today {
	box-shadow: inset 0 0 0 1px var(--color-primary);
}
.mw-widget-calendarWidget-item-selected {
	background-color: var(--color-primary);
}
.skin-citizen-dark .wikiEditor-ui-toolbar {
	background-color: var(--background-color-dp-01);
	background-image: none;
}
.skin-citizen-dark .wikiEditor-ui-toolbar .tabs span.tab a, .skin-citizen-dark .wikiEditor-ui-toolbar .tabs span.tab a:visited {
	color: var(--color-primary);
}
.skin-citizen-dark .wikiEditor-ui-toolbar .booklet .index {
        background-color: var(--background-color-dp-00);
}
.skin-citizen-dark .wikiEditor-ui-toolbar .booklet .index div {
	color: var(--color-primary);
}
.wikiEditor-ui-toolbar .booklet > .index > :hover {
	background-color: var(--background-color-dp-02);
}
.skin-citizen-dark .wikiEditor-ui-toolbar .booklet .index .current {
	background-color: var(--background-color-dp-01);
	color: #c1c2c5;
}
.skin-citizen-dark .wikiEditor-ui-toolbar .booklet .pages {
	background-color: transparent;
}
.skin-citizen-dark .wikiEditor-ui-toolbar .sections .section {
	background-color: transparent;
}
.skin-citizen-dark .wikiEditor-ui-toolbar .booklet .pages {
	background-color: transparent;
}
.skin-citizen-dark .wikiEditor-ui-toolbar .sections .section {
	background-color: var(--background-color-input);
}
.CodeMirror {
	background-color: var(--background-color-input);
}
.mw-body-content a.image {
	background-color: transparent;
}
.skin-citizen-dark .wikiEditor-ui-toolbar .group .tool-select {
	background-color: transparent;
}
.skin-citizen-dark .wikiEditor-ui-toolbar .group .tool-select .menu .options {
        background-color: var(--background-color-dp-00);
}
.skin-citizen-dark .wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
	background-color: var(--background-color-dp-01);
}
.tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
	background-color: var(--background-color-input);
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: none;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	background-color: var(--background-color-dp-00);
}
.skin-citizen-dark .wikiEditor-ui-toolbar .page-characters div span:hover {
	background-color: var(--background-color-input);
}
.skin-citizen-dark .wikiEditor-ui .wikiEditor-ui-view {
	border: 1px solid var(--background-color-input);
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus {
	border-color: var(--color-primary);
	box-shadow: inset 0 0 0 1px var(--color-primary);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	background-color: var(--background-color-input);
	color: var(--color-primary);
}
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
	color: var(--color-base);
}
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
	color: var(--color-base);
}
.mw-rcfilters-ui-menuSelectWidget-footer {
	background-color: var(--background-color-dp-00);
}
#siteSub {
        visibility: hidden;
        height: 0px;
        width: 0px;
}
.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;
}
.wikiEditor-ui-toolbar {
	z-index: 0;
}
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
	z-index: 11;
}
.mw-body-content h5 {
	margin-top: 0;
}
.movedatacargoimage {
    width: 240px !important;
}

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