MediaWiki:Timeless.css

Aus k4cg.org

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; }
li.selected a { color: #fff; }
.mw-body h1,.mw-body h2,.mw-body h3, .mw-body h4,.mw-body h5, .mw-body h6, .mw-body dt { color: #3c3; }
#mw-content-container { background-color: #001; }
#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, #site-navigation, .sidebar-chunk { border: #000;}
pre .mw-editform #wpTextbox1, .mw-editfont-monospace {color: #fff !important;}

}