MediaWiki:Timeless.css

From LCARS

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Timeless skin */

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

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, .editOptions {
     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, #searchInput {
     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,.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 10px #81ce38;
     border-radius: 5px; }

#searchInput {
     background-color: #000;
     color: #81ce38;
     border: solid 10px #000;
     font-weight: bold; }

#simpleSearch {
     box-shadow: none;
     background: #000;
     border: none; }

#mw-content .toc h2 {
     background-color: #81ce38;
     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 10px #81ce38; }

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

#mw-header-container {
     background-color: #81ce38;
     color: #000; }

#mw-header-container a {
     color: #000; }

#mw-content { 
     border: none; }

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

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

/*-- Link Colors --*/
a,
a:active,
a:hover,
a:visited,
a:visited:active,
a:visited:hover,
.toctogglelabel,
.mw-footer-container a,
.mw-footer-container a:active,
.mw-footer-container a:hover,
.mw-footer-container a:visited,
.mw-footer-container a:visited:active,
.mw-footer-container a:visited:hover { 
	color: #81ce38; }

a.external,
a.external:active,
a.external:hover,
a.external:visited,
a.external:visited:active,
a.external:visited:hover,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:active,
.mw-parser-output a.extiw:hover,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.extiw:visited:active,
.mw-parser-output a.extiw:visited:hover,
.mw-parser-output a.external,
.mw-parser-output a.external:active,
.mw-parser-output a.external:hover,
.mw-parser-output a.external:visited,
.mw-parser-output a.external:visited:active,
.mw-parser-output a.external:visited:hover {
     color: #429a19; }

#mw-page-header-links li.selected a {
     color: #d3d3d3; }

#mw-content h1.firstHeading, #mw-content h1/*, #mw-content h2*/ {
     border-bottom: solid 10px #81ce38; }

#mw-page-header-links li.selected {
     border-bottom: solid 10px #81ce38; } 

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

code, pre, .mw-code {
     background: #374237;
     color: #d3d3d3;
     border: solid 10px #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 10px #81ce38;
     border-radius: 5px; }

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

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

#personal .dropdown {
     border: solid 10px #81ce38;
     border-radius: 5px;
     background-color: #000;
     color: #fff; }

#personal .dropdown a {
     color: #fff; }

@media screen and (max-width: 850px) {
 #sidebar-inner {
     border-color: #81ce38;
     background-color: #000;
     color: #fff; }
 #sidebar-inner a {
     color: #fff; }
}

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



.photon-css {
     font-family: monospace;
     border-collapse: separate;
     border-spacing: 0.42em; }

.photon-css th, .photon-css td {
     border: solid 2px #81ce38;
     border-radius: 5px;
     padding: 0 0.42em;
     text-align: center;
     vertical-align: center; }

.photon-css th {
     background-color: #81ce38;
     font-family: 'Teko', sans-serif;
     letter-spacing: normal;
     color: #000;
     font-size: 1.125em; }

.photon-css tr:nth-child(even) {
     background-color: #374237; }

.photon-css pre {
     border: none;
     background-color: transparent;
     padding: 0;
     font-size: 0.8em; }

.photon-css .sub-th {
     font-family: 'Teko', sans-serif;
     letter-spacing: normal;
     font-weight: bold;
     border: none;
     background: #000; }