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; }

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 { 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 { background-color: #000; }

.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 4px #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 1px #81ce38; border-radius: 5px; }

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

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

#mw-content h1.firstHeading { border-bottom: solid 2px #81ce38; }