User:Alef/timeless.css

:root {
    /* ref a colors.txt */
    --BLACK: rgba(0,0,0,1);
    --BLUE: rgba(45,90,160,1);
    --GREEN: rgba(80,135,20,1);
    --CYAN: rgba(25,140,140,1);
    --RED: rgba(160,20,10,1);
    --MAGENTA: rgba(135,60,130,1);
    --BROWN: rgba(150,75,55,1);
    --LGRAY: rgba(178,175,172,1);
    --DGRAY: rgba(116,110,113,1);
    --LBLUE: rgba(105,135,225,1);
    --LGREEN: rgba(125,185,55,1);
    --LCYAN: rgba(60,205,190,1);
    --LRED: rgba(220,50,20,1);
    --LMAGENTA: rgba(190,110,185,1);
    --YELLOW: rgba(230,170,30,1);
    --WHITE: rgba(232,227,232,1);

    --background-color: var(--BLACK);
    --color: var(--LGRAY);
}

/* Same font as TTF */
body, .mw-body h1.firstHeading {
    font-family: "Sitka Small";
}

.mw-body h1.firstHeading {
    color: var(--GREEN);
}

* {
    background: var(--background-color);
    color: var(--color);
}

#mw-header-container, #mw-content-container, #mw-content-block, #mw-content-wrapper,
#mw-content, #content, #body-content, #mw-header-nav-hack, #mw-site-navigation,
#mw-related-navigation .sidebar-chunk, #mw-site-navigation .sidebar-chunk, #personal .dropdown,
div.editOptions, .mw-highlight pre, .wikiEditor-ui-toolbar, ul#filetoc, .toc, .mw-warning,
.thumbinner, td, th, table.wikitable > * > tr > th {
    background: var(--background-color);
    color: var(--color);
}

/* Info box table headers */
table.infobox > * > tr > th {
    background: var(--background-color) !important;
    color: var(--color) !important;
}

/* Hyperlinks */
a { color: var(--LCYAN); }
a:visited { color: var(--CYAN); }

/* Horizontal colored rulers */
.color-right, .color-middle {
    background: var(--background-color);
}

/* Thick underline */
#mw-page-header-links li.selected, .mw-body h1.firstHeading {
    border-bottom-color: var(--LCYAN);
}

/* Floating boxes */
div[style*=float]>div[style*=background]>b {
    background-color: rgba(0,0,0,0); 
}

div[style*=float] {
    background-color: rgba(0,0,0,1) !important;
}

/* Keyboard keys */
.keyboard-key {
    color: var(--background-color);
    border: 1px solid #aaa;
    border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -o-border-radius: 0.2em;
    -ms-border-radius: 0.2em;
    -moz-box-shadow: 0.1em 0.2em 0.2em #ddd;
    -webkit-box-shadow: 0.1em 0.2em 0.2em #ddd;
    box-shadow: 0.1em 0.2em 0.2em #ddd;
    background-color: var(--BLACK) /* #f9f9f9 */ !important ;
    background-image: -moz-linear-gradient(top, #eee, #f9f9f9, #eee);
    background-image: -o-linear-gradient(top, #eee, #f9f9f9, #eee);
    background-image: -webkit-linear-gradient(top, #eee, #f9f9f9, #eee);
    background-image: linear-gradient(to bottom, #eee, #f9f9f9, #eee);
    padding: 0.1em 0.3em;
    font-family: inherit;
    font-size: 0.9em;
}