MediaWiki:Timeless.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
• Opera: Strg+F5

/* CSS placed here will affect users of the Timeless skin */

/* 8BIT Schrift laden */
@font-face {
    font-family: 'IBMVGA8';
    src: url('webfonts/Px437_IBM_VGA8.eot');
    src: url('webfonts/Px437_IBM_VGA8.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Px437_IBM_VGA8.woff2') format('woff2'),
        url('webfonts/Px437_IBM_VGA8.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Damit Vorschläge bei Eingabefeldern unterhalb dessen und nicht immer an fixer Position angezeigt werden */
div.suggestions {
    top: unset;
}

/* Leiste ganz oben möchten wir grün */
.color-left, .color-middle, .color-right {
    background-color: #339966;
}

/* Artikelname grün Unterstreichen */
.mw-body h1.firstHeading {
   border-bottom-color: #339966;
}

/* Artikelreiter grün Unterstreichen */
#mw-page-header-links li.selected {
   border-bottom-color: #339966;
}

/* Schriftart Serifenschrift -> 8BIT-Font */
.mw-body h1,.mw-body h2,.mw-body h3, .mw-body h4,.mw-body h5, .mw-body h6, .mw-body dt, #siteSub, #personal h2, #mw-site-navigation h2, #mw-related-navigation h2, #p-logo-text a, .mw-body .mw-changeslist-legend dd, #personal .pokey, #ca-languages span {
   font-family: 'IBMVGA8';
}

/* Schriftart Navigation & Menüs -> 8BIT-Font */
#mw-site-navigation *, #mw-related-navigation .sidebar-chunk *, #mw-page-header-links * {
   font-family: 'IBMVGA8';
}

/* ALLE.JPG Schriften in 8BIT-Font (Will man nicht, deshalb auskommentiert)
* {
   font-family: 'IBMVGA8';
} */


/* Schriftart Überschriften Grün */
.mw-body h1,.mw-body h2,.mw-body h3, .mw-body h4,.mw-body h5, .mw-body h6, .mw-body dt{
   color: #339966;
}

/* Hintergrund dunkler */
#mw-content-container { background-color: #787; }

/* Dark Mode, die k4cg kommt auf dei dunkle Seite */
@media (prefers-color-scheme: dark) {

body { color: #fff; }
a { color: #aaf; }
a:visited { color: #88c; }
#mw-page-header-links li.selected a, #mw-header-container { color: #fff; }
textarea, .mw-code {color: #fff !important; background-color: #111; }
.mw-body h1,.mw-body h2,.mw-body h3, .mw-body h4,.mw-body h5, .mw-body h6, .mw-body dt { color: #4a4; }
#mw-content-container { background-color: #112; }
#mw-content, #mw-content *, #site-navigation .sidebar-chunk, #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk, #page-tools .sidebar-chunk, #mw-header-container { background-color: #223; background: #223; }
#mw-content, #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { border: #000; }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: #aaf; }

}