MediaWiki:Common.css

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/oswald/v40/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUJiZTaR.woff2) format('woff2');
}

img {
	image-rendering: pixelated;
}

.biglink {
    font-family: "Oswald";
}

.flex {
    display: flex
}

@media screen and (min-width:851px) {
    .mobile {
        display: none
    }
}

@media screen and (max-width:850px) {
    .nomobile {
        display: none
    }
}

:root.skin-citizen-dark {
	--color-primary__h: 190;
    --color-primary__s: 100%;
    --color-surface-0: hsl(var(--color-primary__h) 0% 10%);
    --color-surface-1: hsl(var(--color-primary__h) 0% 12%);
    --color-surface-2: hsl(var(--color-primary__h) 0% 15%);
    --color-surface-3: hsl(var(--color-primary__h) 0% 20%);
    --color-surface-4: hsl(var(--color-primary__h) 0% 25%);
    --color-base--emphasized: hsl(var(--color-primary__h) 80% 95%);
    --color-base: hsl(var(--color-primary__h) 20% 88%);
    --color-base--subtle: hsl(var(--color-primary__h) 25% 65%);
    --background-color-primary--hover: hsl(var(--color-primary__h),var(--color-primary__s),15%);
    --background-color-primary--active: hsl(var(--color-primary__h),var(--color-primary__s),20%);
    --background-color-overlay: hsla(var(--color-primary__h) 0% 10% / 95%);
    --background-color-overlay--lighter: hsl(var(--color-primary__h) 0% 10% / 60%);
    --color-surface-2--hover: hsl(var(--color-primary__h) 30% 19%);
    --color-surface-2--active: hsl(var(--color-primary__h) 30% 11%);
    --surface-shadow: var(--color-primary__h) 50% 3%;
    --color-surface-2--hover: hsl(var(--color-primary__h) 0% 19%);
    --shadow-strength: 0.8;
    --font-family-base: sans-serif;
    --font-family-serif: sans-serif;
    --font-family-monospace: sans-serif;
    /*font-size: calc(1em * 0.875);*/
}

::selection { 
	background-color: #E2E2E2; 
	color: #212121; 
	text-shadow: 0px 0px 0px black !important; 
}

.ace-tm .ace_constant.ace_numeric {
    color: #00C1B5;
}

.ace-tm .ace_support.ace_function {
    color: #00C187;
}

.ace-tm .ace_string {
    color: #008CC1;
}

.ace-tm .ace_constant {
    color: #00C13D;
}

.ace-tm .ace_storage, .ace-tm .ace_keyword {
    color: #529EEB;
}

.ace-tm .ace_support.ace_constant {
    color: #64DBE5;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    border-color: var(--color-success) !important;
    background-color: var(--color-success) !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive:hover > .oo-ui-buttonElement-button:hover {
	border-color: #00C89D !important;
    background-color: #00C89D !important;
}
.mw-plusminus-neg {
    color: #DB1F1F;
}

.mw-diff-bytes{
	font-weight: bolder;
}

.citizen-page-container{
	background-color: #141516;
}

.mw-footer, .editOptions, .codeEditor-status{
	background-color: #1E1E1E !important; 
}

.mw-header {
    background-color: #2a2a2a;
}

.wikiEditor-ui-top, 
.wikiEditor-ui-toolbar, 
.mw-parser-output pre, 
.oo-ui-window-content,
.oo-ui-buttonElement-button
{
	background-color: #090909;
}

.oo-ui-buttonElement-button,
.wikiEditor-ui-toolbar,
.oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-table,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-input,
.oo-ui-textInputWidget
{
	background-color: #090909 !important;
}

a {
	text-shadow: 1px 1px 0px black; 
}

.mw-headline {
    text-align: center;
    line-height: 3;
}

::marker{
	font-weight: bolder;
}
.grid-rules th, .maid-rules th, .engi-rules th, .sosaki-rules th{
	color: white;
}
.sosaki-rules li::marker{
	color: #B806A8;
}
.kz-black a{
	color: black;
	text-shadow: none;
}
.kz-white a{
	color: white;
	text-shadow: none;
}

.wikitable th {
    background: #ffffff11;
}

.wikitable td {
    background: #ffffff08;
}

.wikitable {
    border-color: #404040;
}

.wikitable tr:hover {
    background-color: #00000022;
}

.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul, .mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
    padding-left: 12px;
}

.citizen-body a.image:hover:not(.lazy):not(.new) > img {
    transform: scale(1);
}