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: darks) {

@media screen {
    mark {
        background-color: #ff0;
        color: #000
    }
    li span.deleted, span.history-deleted {
        color: #72777d;
    }
    .not-patrolled {
        background-color: #ffa
    }
    .unpatrolled {
        color: #d33
    }
    .catlinks li {
        border-left-color: #a2a9b1;
    }
    .autocomment {
        color: #72777d
    }
    div.mw-warning-with-logexcerpt {
        border-color: #2a4b8d;
    }
    a.new {
        color: #ba0000
    }
    table.wikitable {
        background-color: #152642;
        color: #fff;
        border-color: #a2a9b1;
    }
    table.wikitable>tr>th, table.wikitable>tr>td, table.wikitable>*>tr>th, table.wikitable>*>tr>td {
        border-color: #a2a9b1;
    }
    table.wikitable>tr>th, table.wikitable>*>tr>th {
        background-color: #152642;
    }
    .error {
        color: #d33
    }
    .warning {
        color: #705000
    }
    .success {
        color: #009000
    }
    .errorbox {
        color: #d33;
        border-color: #fac5c5;
        background-color: #152642
    }
    .warningbox {
        color: #705000;
        border-color: #fde29b;
        background-color: #152642
    }
    .successbox {
        color: #008000;
        border-color: #b7fdb5;
        background-color: #152642
    }
    .mw-infobox {
        border-color: #ff7f00;
    }
    .previewnote {
        color: #d33;
    }
    .mw-datatable, .mw-datatable td, .mw-datatable th {
        border-color: #000;
    }
    .mw-datatable th {
        background-color: #152642
    }
    .mw-datatable td {
        background-color: #152642
    }
    .mw-datatable tr:hover td {
        background-color: #152642
    }
}

@media screen {
    .mw-parser-output a.extiw, .mw-parser-output a.extiw:active {
        color: #36b
    }
    .mw-parser-output a.external {
        color: #36b
    }
}

@media screen {
    mark {
        background: #ff0;
        color: #000
    }
    fieldset {
        border-color: #000;
    }
    #preftoc li.selected a {
        color: #fff;
        border-bottom-color: #0088dd
    }
    fieldset {
        background: #fcfcfc;
        border: #000;
        background: #152642
    }
    fieldset legend {
        background: #152642;
        color: #006699
    }
    .htmlform-tip {
        color: #001133;
    }
    input[name='target'], input[name='user'], input[name='mime'], input[size$='0'], input[type='text'], input[type='checkbox'], input[type='radio'], input#wpTemplateSandboxPage, input.mw-summary, input.mw-input, .mw-input input, textarea, .mw-ui-input-inline, .mw-ui-input, #searchInput {
        border-color: #000;
    }
    .mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, input[type='submit'], input[type='button'], button {
        border-color: #000;
        background: #152642;
        color: #001133;
    }
    .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive:active:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked:active, input[type='submit']:active, input[type='button']:active, button:active {
        background-color: #152642
    }
    .mw-ui-button.mw-ui-progressive:hover, .mw-ui-button.mw-ui-progressive:active:hover, .mw-ui-button.mw-ui-progressive.mw-ui-checked:hover, input[type='submit']:hover, input[type='button']:hover, button:hover {
        background-color: #152642
    }
    textarea#wpTextbox1 {
        border-color: #000
    }
    div.editOptions {
        border-color: #000;
        background: #152642
    }
    body {
        color: #fff;
        background: #777777;
    }
    #mw-content {
        border: #000;
        background: #152642;
    }
    #mw-content-container {
        background: #152642
    }
    #mw-footer-container {
        border-top-color: #555555;
        color: #152642
    }
    #mw-footer-container a {
        color: #152642
    }
    #p-logo-text a {
        color: #001133;
    }
    #simpleSearch {
        background: #152642;
        border-color: #000
    }
    .suggestions {
        background: #152642;
    }
    .suggestions .suggestions-special {
        background-color: #152642;
        border-color: #000;
    }
    .suggestions .suggestions-results {
        background-color: #152642;
        border-color: #000;
    }
    .suggestions .suggestions-result {
        color: #001133;
    }
    .suggestions .suggestions-result-current {
        background-color: #0088dd;
        color: #152642
    }
    .pokey, .pokey:after {
        border-bottom-color: #000;
    }
    .pokey:after {
        border-bottom-color: #152642;
    }
    #mw-content-container {
        border-bottom-color: #33bb77
    }
    #mw-page-header-links li:hover {
        border-bottom-color: #000
    }
    #mw-page-header-links li.selected {
        border-bottom-color: #0088dd
    }
    #mw-page-header-links li.selected a {
        color: #001133
    }
    a {
        color: #0088dd
    }
    a:hover, a:visited {
        color: #006699
    }
    a.new, .new a {
        color: #dd4444
    }
    a.new:hover, .new a:hover, a.new:visited, .new a:visited {
        color: #990000
    }
    #contentSub {
        color: #666666
    }
    code {
        color: #fff;
        background-color: #353C51;
        border-color: #666666;
    }
    pre, .mw-code {
        color: #fff;
        background-color: #353C51;
        border-color: #666666;
    }
    .mw-body h1, .mw-body h2 {
        border-bottom-color: #cccccc;
    }
    .mw-body h1.firstHeading {
        border-bottom-color: #0088dd;
    }
    hr {
        border-color: #cccccc;
    }
    .thumbinner {
        background: #fcfcfc;
        border: #000;
    }
    .thumbinner .thumbimage, .thumbborder {
        border-color: #000
    }
    .mw-body li.gallerybox div.thumb {
        background: #fcfcfc;
        border: #000;
    }
    ul#filetoc, .toc, .mw-warning {
        background: #353C51;
        border: #000;
    }
    .mw-body .toc h2 {
        border-bottom-color: #000
    }
    .toctoggle {
        color: #fcfcfc
    }
    .tocnumber {
        color: #666666
    }
    .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, table.wikitable {
        color: #001133;
        background: #fcfcfc;
        border: #000;
    }
    table.wikitable>tr>th, table.wikitable>tr>td, table.wikitable>*>tr>th, table.wikitable>*>tr>td {
        border-color: #000;
    }
    .color-left {
        background: #990000;
    }
    .color-right {
        background: #339966;
    }
    .color-middle {
        background: #006699;
    }
}

@media screen and (min-width:851px) {
    #mw-header-container {
        background: #152642;
        color: #fff;
    }
    #personal .dropdown {
        border: #ccc;
        background: #353C51;
    }
    #personal .dropdown h3 {
        border-bottom-color: #cccccc
    }
}

@media screen and (min-width:1340px) {
    #mw-site-navigation .sidebar-chunk {
        background: #fcfcfc;
        border: #000;
    }
    #mw-site-navigation .sidebar-chunk h3 {
        border-bottom-color: #cccccc
    }
    #mw-related-navigation .sidebar-chunk {
        background: #fcfcfc;
        border: #000;
    }
    #mw-related-navigation .sidebar-chunk h3 {
        border-bottom-color: #cccccc
    }
}

@media screen and (min-width:1100px) and (max-width:1339px) {
    #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
        background: #353C51;
        border: #000;
    }
    #mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {
        border-bottom-color: #cccccc
    }
    .color-right {
        background: #006699
    }
}

@media screen and (min-width:851px) and (max-width:1099px) {
    .color-right, .color-middle {
        background: #990000
    }
    #mw-header-nav-hack {
        border-top-color: #000;
        background: #152642;
    }
    #mw-site-navigation .sidebar-inner {
        border: #000;
        background: #152642;
    }
    #mw-site-navigation .sidebar-inner h3 {
        border-bottom-color: #cccccc
    }
    #mw-related-navigation .sidebar-inner {
        border: #000;
        background: #152642;
    }
    #mw-related-navigation .sidebar-inner h3 {
        border-bottom-color: #cccccc
    }
}

@media screen and (max-width:850px) {
    #catlinks {
        border-top-color: #cccccc
    }
    #mw-header-container {
        background: #152642;
    }
    .color-right, .color-middle, .color-left {
        background: #990000
    }
    .sidebar-inner, .dropdown {
        border: #000;
        background: #152642;
    }
    .sidebar-inner h3, .dropdown h3 {
        border-bottom-color: #cccccc
    }
    #menus-cover {
        background: #152642;
    }
    #mw-content-block {
        background: #152642
    }
}

}