MediaWiki:Timeless.css: Difference between revisions

From LCARS
No edit summary
(yet more link color whack a mole)
 
(28 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Timeless skin */
/* CSS placed here will affect users of the Timeless skin */


/* --- Fonts --- */
:root { --fa-secondary-opacity: 1;
@font-face {
        --fa-secondary-color: #81ce38;
    font-family: 'Teko';
        --fa-primary-color: #ffffff; }
    src: url('//fa.sfintel.space/other/teko/teko-light.ttf') format('truetype');
 
    font-style: normal;
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-weight: 300; }
    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; }


@font-face {
#mw-content-container {
    font-family: 'Teko';
    background-image: none;
    src: url('//fa.sfintel.space/other/teko/teko-regular.ttf') format('truetype');
    border-bottom: solid 10px #81ce38; }
    font-style: normal;
    font-weight: 400; }


@font-face {
body, #mw-content-container, #mw-content {
    font-family: 'Teko';
    background-color: #000000; }
    src: url('//fa.sfintel.space/other/teko/teko-medium.ttf') format('truetype');
    font-style: normal;
    font-weight: 500; }


@font-face {
#mw-header-container {
    font-family: 'Teko';
    background-color: #81ce38;
    src: url('//fa.sfintel.space/other/teko/teko-semibold.ttf') format('truetype');
    color: #000; }
    font-style: normal;
    font-weight: 600; }


@font-face {
#mw-header-container a {
    font-family: 'Teko';
    color: #000; }
    src: url('//fa.sfintel.space/other/teko/teko-bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700; }


@font-face {
#mw-content {  
    font-family: 'Oswald';
    border: none; }
    src: url('//fa.sfintel.space/other/oswald/oswald-regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400; }


@font-face {
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
    font-family: 'Oswald';
    background: #000;
    src: url('//fa.sfintel.space/other/oswald/oswald-light.ttf') format('truetype');
    border: solid 10px #81ce38;
    font-style: normal;
    border-radius: 5px; }
    font-weight: 300; }


@font-face {
#p-logo-text a {
    font-family: 'Oswald';
    color: #000;
    src: url('//fa.sfintel.space/other/oswald/oswald-bold.ttf') format('truetype');
    font-size: 2em; }
    font-style: normal;
    font-weight: 700; }


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


body { font-weight: 300; }
a.external,
#mw-content-container { font-size: 1.25rem; }
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; }


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; }
#mw-page-header-links li.selected a {
#personal h2 { font-family: 'Teko', sans-serif; letter-spacing: normal; color: #fff; }
    color: #d3d3d3; }
#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; }
#mw-content h1.firstHeading, #mw-content h1/*, #mw-content h2*/ {
#simpleSearch { box-shadow: none; background: #000; border: none; }
    border-bottom: solid 10px #81ce38; }


.color-left, .color-right, .color-middle { background-color: #81ce38; }
#mw-page-header-links li.selected {
#mw-header-nav-hack, #mw-header-hack { box-shadow: none; }
    border-bottom: solid 10px #81ce38; }  


#mw-content-container { background-image: none; border-bottom: solid 2px #81ce38; }
.color-left, .color-right, .color-middle {
    height: 0.15em; }


body, #mw-header-container, #mw-content-container, #mw-content { background-color: #000000; }
code, pre, .mw-code {
#mw-content { border: none; }
    background: #374237;
    color: #d3d3d3;
    border: solid 10px #81ce38;
    border-radius: 5px; }


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


#p-logo-text a { color: #81ce38; font-size: 2em; }
div.editOptions {
    background: #374237; }


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


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


.color-left, .color-right, .color-middle { height: 0.15em; }
.mw-changeslist-legend, #mw-content .mw-search-profile-tabs, #mw-content fieldset#mw-searchoptions, table.wikitable {
    background: #374237;
    color: #d3d3d3; }


code, pre, .mw-code { background: #374237; color: #d3d3d3; border: solid 1px #81ce38; border-radius: 5px; }
ul#filetoc, #toc, .toc, .mw-warning, .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .thumbinner {
.mw-highlight { background: #000; }
    background: #001200;
    color: #d3d3d3;
    border: solid 10px #81ce38;
    border-radius: 5px; }


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


fieldset legend { color: #fff; background: #001200; }
.mw-editfont-monospace {
fieldset { background: #001200; }
    font-size: 14pt; }
.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; }
#personal .dropdown {
    border: solid 10px #81ce38;
    border-radius: 5px;
    background-color: #000;
    color: #fff; }


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


.mw-editfont-monospace { font-size: 14pt; }
@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 ***/
/*** Works on common browsers ***/
::selection {
::selection {
    background-color: #81ce38;
    background-color: #81ce38;
    color: #000;
    color: #000;
}
}


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


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


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


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


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


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


#personal H2 { background-image:url(/skins/Timeless/resources/images/user-grey.png); }
.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; }

Latest revision as of 10:38, 13 October 2023

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