MediaWiki:Timeless.css

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

/* --- Fonts --- */
@font-face {
    font-family: 'Teko';
    src: url('//fa.deathkitten.net/other/teko/teko-light.ttf') format('truetype');
    font-style: normal;
    font-weight: 300; }

@font-face {
    font-family: 'Teko';
    src: url('//fa.deathkitten.net/other/teko/teko-regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400; }

@font-face {
    font-family: 'Teko';
    src: url('//fa.deathkitten.net/other/teko/teko-medium.ttf') format('truetype');
    font-style: normal;
    font-weight: 500; }

@font-face {
    font-family: 'Teko';
    src: url('//fa.deathkitten.net/other/teko/teko-semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600; }

@font-face {
    font-family: 'Teko';
    src: url('//fa.deathkitten.net/other/teko/teko-bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700; }

@font-face {
    font-family: 'Oswald';
    src: url('//fa.deathkitten.net/other/oswald/oswald-regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400; }

@font-face {
    font-family: 'Oswald';
    src: url('//fa.deathkitten.net/other/oswald/oswald-light.ttf') format('truetype');
    font-style: normal;
    font-weight: 300; }

@font-face {
    font-family: 'Oswald';
    src: url('//fa.deathkitten.net/other/oswald/oswald-bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700; }

/* --- Styling --- */
body,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,.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,.mw-editsection,#mw-content .toc h2 { font-family: 'Oswald', sans-serif; letter-spacing: 0.01em; color: #d3d3d3; }

body { font-weight: 300; }
#mw-content-container { font-size: 1.25rem; }

h1,h2,h3,h4,h5,h6,#p-logo-text a,#mw-content h1,#mw-content h2,#mw-content h3,#mw-content h4,#mw-content h5,#mw-content h6, .mw-body dt { font-family: 'Teko', sans-serif; font-weight: bold; letter-spacing: normal; color: #fff; }
#personal h2 { font-family: 'Teko', sans-serif; letter-spacing: normal; color: #fff; }
#p-personal-label { color: #429a19; }

textarea,input,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,.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,#mw-content .toc h2 { background-color: #000; border: solid 2px #81ce38; border-radius: 5px; }
#simpleSearch { box-shadow: none; background: #000; border: none; }

.color-left, .color-right, .color-middle { background-color: #81ce38; }
#mw-header-nav-hack, #mw-header-hack { box-shadow: none; }

#mw-content-container { background-image: none; border-bottom: solid 2px #81ce38; }

body, #mw-header-container, #mw-content-container, #mw-content { background-color: #000000; }
#mw-content { border: none; }

#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { background: #000; border: solid 2px #81ce38; border-radius: 5px; }

#p-logo-text a { color: #81ce38; font-size: 2em; }

a, a:hover, a:visited { color: #81ce38; }
.mw-parser-output a.extiw, .mw-parser-output a.extiw:active, .mw-parser-output a.external { color: #429a19; }
#mw-page-header-links li.selected a { color: #d3d3d3; }

#mw-content h1.firstHeading, #mw-content h1, #mw-content h2 { border-bottom: solid 2px #81ce38; }
#mw-page-header-links li.selected { border-bottom: solid 2px #81ce38; }

.color-left, .color-right, .color-middle { height: 0.15em; }

pre { background: #374237; color: #d3d3d3; border: solid 1px #81ce38; border-radius: 5px; }
.mw-highlight { background: #000; }

div.editOptions { background: #374237; }

fieldset legend { color: #fff; background: #001200; }
fieldset { background: #001200; }
.mw-changeslist-legend, #mw-content .mw-search-profile-tabs, #mw-content fieldset#mw-searchoptions, table.wikitable { background: #374237; color: #d3d3d3; }

ul#filetoc, #toc, .toc, .mw-warning, .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .thumbinner { background: #001200; color: #d3d3d3; border: solid 2px #81ce38; border-radius: 5px; }

table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #374237; }

.mw-editfont-monospace { font-size: 14pt; }

/*** Works on common browsers ***/
::selection {
    background-color: #81ce38;
    color: #000;
}

/*** Mozilla based browsers ***/
::-moz-selection {
    background-color: #81ce38;
    color: #000;
}

/***For Other Browsers ***/
::-o-selection {
    background-color: #81ce38;
    color: #000;
}

::-ms-selection {
    background-color: #81ce38;
    color: #000;
}

/*** For Webkit ***/
::-webkit-selection {
    background-color: #81ce38;
    color: #000;
}

:root { --fa-secondary-opacity: 1;
        --fa-secondary-color: #81ce38;
        --fa-primary-color: #ffffff; }