MediaWiki:Theme-light.css
From Tardis Wiki, the free Doctor Who reference
(Redirected from CSS:LIGHT)
Clear your cache often around here
After changes are made to this site's CSS or Javascript, you have to bypass your browser's cache to see the changes. You can always do this by going to your browser's preferences panel. But many browsers also offer keyboard shortcuts to save you that trouble. The following shortcuts work in the versions of the browsers that Tardis currently supports. They may not work in earlier versions.
- Firefox: hold down Shift while performing a page reload.
- Opera offers no default keyboard shortcut, but you can create a custom keyboard shortcut with the value Clear disk cache
- Safari users should simultaneously hold down ⌘ + Option + E. You may need to enable the Develop menu first
- Chrome: press Ctrl + F5 or Shift + F5 while performing a page reload.
:root {
--H-1: 222deg;
--H-2: 224deg;
--H-3: 214deg;
--H-4: 19deg;
--H-5: 198deg;
--H-6: 236deg;
--H-7: 218deg;
--H-8: 228deg;
--text-color: #0e191a;
--text-color-2: #44474e;
--text-color-3: #24201e;
--text-color-4: #182546;
--text-color-5: #101420;
--text-color-6: #313950;
--text-color-7: #1a233c;
--text-color-8: #546785;
--text-color-9: #3b4c65;
--text-color-10: #232734;
--primary-1: #fff4ef;
--primary-2: #90a2bf;
--primary-3: #4f6087;
--primary-4: #bec9da;
--primary-5: #f5dfd4;
--primary-6: #ddd8d5;
--primary-7: #ebe3e0;
--primary-8: #777f95;
--primary-9: #304275;
--primary-10: #fbeeeb; /*f7e5e0*/
--primary-11: #fbeeea; /*ebdbd6*/
--primary-12: #f7eeeb; /*ddc6bf*/
--primary-13: #e3d6d2;
--primary-14: #f3e1d9;
--primary-15: #e3d1c8;
--primary-16: #d9c9c1;
--primary-17: #2e4074;
--primary-18: #e9e0dc;
--primary-19: #2d417a;
--primary-20: #22397a;
--primary-21: #f3e1d9;
--primary-22: #224a75;
--primary-23: #091c50;
--primary-24: #454a72;
--primary-25: #5c6080;
--primary-26: #6d739b;
--primary-27: #424667; /* temp */
--primary-28: #40445f;
--primary-29: #7c82a9; /* review */
--primary-30: #3a4069; /* review */
--primary-31: #f0e6e0;
--accent-1: #556375;
--accent-2: #47639E;
--accent-3: #46619b;
--accent-4: #334671;
--accent-5: #324b83;
--accent-6: #506593;
--accent-7: #2a498a;
--accent-8: #324268;
--accent-9: #425278;
--accent-10: #3d5c7d;
--accent-11: #27394c;
--accent-12: #5b6a8e;
--accent-13: #3b4660;
--accent-14: #264a70;
--accent-15: #858da7;
--accent-16: #7793b1;
--accent-17: #303a4c;
--accent-18: #354d91;
--accent-19: #3e577a;
--accent-20: #435981;
--accent-21: #485875;
--accent-22: #515f87;
--accent-23: #8daadd;
--accent-24: #8aa7da;
--accent-25: #90a1c8;
--accent-26: #5a6a8d;
--accent-27: #637099;
--alt-text-color: #ffffff;
--alt-text-color-2: #e9ebf1;
--alt-text-color-3: #bec7d9;
--alt-text-color-4: #dadfe8;
--contrast-color-1: #6b778f;
--contrast-color-1--rgb: 107,119,143;
--contrast-color-2: #2d2724;
--contrast-color-2--rgb: 45,39,36;
--contrast-color-3: #687a99;
--contrast-color-3-rgb: 104,122,153;
--contrast-color-4: #737f92;
--contrast-color-5: #687a99;
--contrast-color-5-rgb: 104,122,153;
--contrast-color-6: #bec7d9;
--contrast-color-6-rgb: 190,199,217;
--contrast-color-7: #4a628c;
--contrast-color-8: #b8c2d4;
--contrast-color-9: #3f4a5c;
--contrast-color-10: #cdc7c5;
--contrast-color-11: #aeafba;
--contrast-color-12: #a5a6b7;
--contrast-color-13: #a0a2b1;
--contrast-color-14: #717381;
--contrast-color-15: #212e42;
--contrast-color-16: #030d3a;
--contrast-color-17: #535676;
--contrast-color-18: #3c4854;
--contrast-color-19: #b9b0ad;
--contrast-color-20: #b3bed7;
--contrast-color-21: #c0c6d2;
--contrast-color-22: #d9dce3;
--border-shade: #ffffff;
--border-shade-2: #002c91;
--background-contrast-shade: #e0e0e2;
--background-contrast-shade-2: #d2d2d2; /*exclusive to light mode #799be9*/
--integrate-sections: 0.153em 1.2px 0 var(--contrast-color-1) inset,0px -2px 0 6px var(--primary-25);
--integrate-sections-2: 0.113em 1.2px 0 var(--contrast-color-1) inset,-2px -1px 0 6.9px var(--contrast-color-11),-4px -3px 0 7px var(--contrast-color-14),-4px 1.9px 0 7px var(--contrast-color-14);
--subtle-shadow-1: drop-shadow(-6.04px -3.3px 17.7px #06173561);
--stub-tab: -3.5px -1px 0 5px var(--primary-7),3.7px -1px 0 5px var(--primary-7),-3.5px -1px 0 7px var(--contrast-color-11),3.7px -1px 0 7px var(--contrast-color-11)!important;
--sidebar-dropdown-1: 0 0 0 7px var(--primary-10), -2.8px 0.4px 0 11px #9aa2b0, 6px -1.6px 0 10px #9aa2b0, -4px 2.4px 0 11px #828b9d, 6px 2.4px 0 10px #9aa2b0, -20px 0 0 0 #828b9d;
--sidebar-dropdown-1b: -26.78px 56px 0 -4px #828b9d, -14.2px 54px 0 -4px #9aa2b0, 18px 65px 0 -4px #828b9d, 17px 78px 0 -4px #9aa2b0, 17px 56px 0 -4px #828b9d;
--category-box-1: 0 12px 0 0 #4e6795, -73px 0 0 0 #2b4778 inset, 0 -10px 0 0 #415b87, 0 -35px 0 #4b699b, -240px 8px 0 #77849bd6, 30px 0 0 #7685a3, 30px -20px 0 #374764d9, -222px -15px 12px 20px #486293d9, -30px -37px 0 #335eb9, -30px -37px 0 #516891, 68.4em -47px 0 #6f88b3;
--category-box-2: -99em 3.12em #2d4670e3, -69.6em 1.92em #3a5a91e3, -99em 1.396em 0 -1.26em #243654b0, 0 -0.91em 0 #7187a9d6 inset, -105em 2.09em 0 #7187a9d6;
--category-box-5: box-shadow: 0 12px 0 0 #7383a0, 0 28px 0 #d2c6c0, -73px 0 0 0 #8b9ebe inset, 0 -10px 0 0 #6f87ae, 0 -19px 0 #f1e8e4, 0 -30px 0 #6c7fa2, 0 -33px 0 #a0b3d6!important;
}
#menus-cover {
background-position-x: 298.394em;
opacity: .69;
filter: brightness(0.99) hue-rotate(226deg) contrast(1.1) blur(.45px);
}
#mw-header-container {
background: var(--primary-24);
}
#mw-content {
border-color: var(--primary-6);
filter: var(--subtle-shadow-1);
box-shadow: 1px 0 0 6px #7b7e92;
}
.skin-timeless a, .skin-timeless .mw-parser-output a.external, .skin-timeless .mw-parser-output a.extiw {
color: var(--primary-20);
}
.skin-timeless .mw-headline a {
color: var(--primary-19);
}
.skin-timeless h2 .mw-headline a,
.skin-timeless h3 .mw-headline a {
color: var(--primary-30);
border-bottom: solid 2px var(--primary-29);
}
.skin-timeless h2 .mw-headline a:hover,
.skin-timeless h3 .mw-headline a:hover {
color: var(--primary-9);
border-bottom-color: var(--primary-20);
text-decoration: none;
}
#mw-site-navigation .timeless-logo img {
filter: drop-shadow(-1.04px 0px 3.9px #213250) saturate(.8364) brightness(1.37) opacity(0.93) hue-rotate(338deg);
}
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
border-top-right-radius: 1px;
border-bottom-right-radius: 1px;
left: 4.5px;
/* background: var(--contrast-color-10);
border-color: var(--primary-7); */
border-color: var(--contrast-color-5);
background: var(--primary-31);
filter: var(--subtle-shadow-1);
}
@media screen and (min-width: 1100px) {
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
border-color: var(--contrast-color-13);
-moz-box-shadow: var(--integrate-sections);
-webkit-box-shadow: var(--integrate-sections);
-o-box-shadow: var(--integrate-sections);
-ms-box-shadow: var(--integrate-sections);
box-shadow: var(--integrate-sections);
}
#mw-site-navigation .sidebar-chunk {
transform: scale(0.96641841);
}
#mw-related-navigation .sidebar-chunk {
transform: scale(0.9478);
}
}
#mw-site-navigation .sidebar-chunk h3,
#mw-related-navigation .sidebar-chunk h3 {
color: var(--contrast-color-17);
font-weight: bold;
letter-spacing: .435px;
padding-bottom: 6px;
border-bottom-color: var(--contrast-color-19)!important;
}
#mw-site-navigation .sidebar-chunk h3 a,
#mw-related-navigation .sidebar-chunk h3 a {
font-weight: 500;
}
#mw-site-navigation .sidebar-chunk a,
#mw-related-navigation .sidebar-chunk a {
color: var(--text-color-4);
}
#mw-site-navigation .sidebar-chunk#site-navigation a {
color: var(--text-color-2);
}
.sidebar-chunk#page-tools .mw-inputbox-centered .mw-ui-input {
-moz-box-shadow: 0 0 0 2.9px #8c8fa7,0 0 0 5.19px var(--primary-8);
-webkit-box-shadow: 0 0 0 2.9px #8c8fa7,0 0 0 5.19px var(--primary-8);
-o-box-shadow: 0 0 0 2.9px #8c8fa7,0 0 0 5.19px var(--primary-8);
-ms-box-shadow: 0 0 0 2.9px #8c8fa7,0 0 0 5.19px var(--primary-8);
box-shadow: 0 0 0 2.9px #8c8fa7,0 0 0 5.19px var(--primary-8);
}
.sidebar-chunk#page-tools .mw-inputbox-centered .mw-ui-button {
/* background: #9098ac; */
background: #5e6985;
border: solid 2px var(--primary-8);
-moz-box-shadow: 0 0 0 2.06px #d9d9db;
-webkit-box-shadow: 0 0 0 2.06px #d9d9db;
-o-box-shadow: 0 0 0 2.06px #d9d9db;
-ms-box-shadow: 0 0 0 2.06px #d9d9db;
box-shadow: 0 0 0 2.06px #d9d9db;
color: #dfe0e5;
}
.skin-timeless .mw-parser-output > h2 { /* ??? */
border-color: var(--contrast-color-15);
color: #31334e;
color: hwb(var(--H-6) 19% 69%);
margin-left: -5px;
}
.skin-timeless .mw-parser-output > h2:after {
border: 2.88px solid var(--primary-6);
}
.skin-timeless.ns-0 .mw-parser-output > h2 {
background: var(--primary-11);
box-shadow: -14px 0 var(--primary-11);
}
.skin-timeless .mw-parser-output > h2 { /* ??? */
margin-left: -0.0068em;
font-weight: 700;
color: var(--contrast-color-18);
}
.skin-timeless .mw-parser-output>h3 {
margin-left: 0.1428em;
font-weight: 700;
font-size: 1.298648rem;
color: #586289;
color: hsl(var(--H-8) 21.72% 44.11%)
}
.skin-timeless .mw-parser-output > h3 + h4 {
margin-top: -13.12px;
}
.skin-timeless .mw-parser-output > h4 {
color: var(--text-color-6);
}
.skin-timeless .mw-parser-output > h5, .skin-timeless .mw-parser-output > h6 {
color: var(--text-color-7);
}
.skin-timeless .mw-parser-output > h3, .mw-parser-output > h4,
.skin-timeless .mw-parser-output > h5, .mw-parser-output > h6 {
border-color: var(--contrast-color-16);
}
div#inline-box {
background: var(--primary-7);
border: 1px solid var(--accent-5);
}
#t-contributions a {
color: var(--text-color-8);
}
#ca-nstab-user a,
#ca-nstab-user + #ca-talk a,
#ca-talk.selected a,
#ca-addsection a {
color: var(--text-color-9)!important;
}
#ca-nstab-user.selected a,
#ca-nstab-user + #ca-talk.selected a {
color: var(--text-color-8)!important;
}
.skin-timeless ul#filetoc,
.skin-timeless .toc,
.skin-timeless .toccolours,
.skin-timeless .mw-warning {
background: var(--accent-12);
border-color: var(--primary-8);
margin-right: -0.601em;
margin-top: -0.19em;
margin-left: 0.74em;
}
.skin-timeless .smw-callout-warning {
background: var(--primary-7);
border-left: solid 6px #c5a570;
}
.skin-timeless .ns-talk .toc {
filter: saturate(1.45);
}
.skin-timeless .mw-body .toctitle {
border-bottom: solid 3.4px var(--contrast-color-8);
}
.skin-timeless .toc ul {
background: var(--primary-3);
box-shadow: 0 10px 0 20px var(--primary-3);
border-radius: 0 0 10px 10px;
}
.skin-timeless .gallery {
margin-bottom: 20.4px;
margin-left: 5.008px;
}
.skin-timeless li.gallerybox {
border-color: var(--accent-17);
background: var(--primary-21);
background: var(--accent-6);
box-shadow: 0 -4.04px 0 4px var(--accent-12), 0 6.02px 0 4px var(--accent-12), 1.82px 21.38px 0 2.2px #717b9d;
min-height: 189.4px;
}
.skin-timeless .gallerytext p {
margin: -0.5em 0 0.57em 0em;
background: var(--primary-6);
padding: 0.5em 0.23293em 0.1em 0.41em;
filter: brightness(1.14);
}
.skin-timeless .gallerytext p a {
color: var(--accent-18);
font-weight: bold;
filter: brightness(0.86);
}
.skin-timeless li.gallerybox:not:nth-child(1),
.skin-timeless li.gallerybox:not:nth-child(2),
.skin-timeless li.gallerybox:not:nth-child(3) {
box-shadow: 0 0 0 4px var(--accent-12), 0 18.26px 0 4px var(--accent-12);
}
.skin-timeless li.gallerybox:nth-last-child(4),
.skin-timeless li.gallerybox:nth-last-child(3),
.skin-timeless li.gallerybox:nth-last-child(2) {
box-shadow: 0 0 0 4px var(--accent-12), 0 8.26px 0 4px var(--accent-12), 3.82px 18.38px 0 2.2px var(--accent-15);
}
.skin-timeless li.gallerybox:nth-child(2),
.skin-timeless li.gallerybox:nth-child(3n+2) {
position: relative;
z-index: 2;
}
.skin-timeless li.gallerybox:nth-child(3n+1) {
position: relative;
z-index: 2;
}
.skin-timeless li.gallerybox:nth-child(3n+2) {
z-index: 3;
}
.skin-timeless li.gallerybox:nth-child(2):nth-last-child(4),
.skin-timeless li.gallerybox:nth-child(3n+2):nth-last-child(4),
.skin-timeless li.gallerybox:nth-child(2):nth-last-child(3),
.skin-timeless li.gallerybox:nth-child(3n+2):nth-last-child(3),
.skin-timeless li.gallerybox:nth-child(2):nth-last-child(2),
.skin-timeless li.gallerybox:nth-child(3n+2):nth-last-child(2),
.skin-timeless li.gallerybox:nth-child(2):nth-last-child(1),
.skin-timeless li.gallerybox:nth-child(3n+2):nth-last-child(1) {
box-shadow: 0 0 0 4px var(--accent-12), 0 8.26px 0 4px var(--accent-12), 2px 18.38px 0 2px var(--accent-15);
}
.skin-timeless li.gallerybox:nth-child(3n):nth-last-child(2) {
box-shadow: 0 0 0 4px var(--accent-12), 0 8.26px 0 4px var(--accent-12), 1.28px 17.44px 0 2.2px var(--accent-15);
}
.skin-timeless li.gallerybox:nth-last-child(1) {
box-shadow: 0 0 0 4px var(--accent-12), 0 8.26px 0 4px var(--accent-12), 1.28px 18.44px 0 2.2px var(--accent-15);
}
div.mw-edit-longpagewarning, div.mw-editinginterface, div.mw-warning-with-logexcerpt {
background-color: var(--primary-6);
}
div.mw-warning-with-logexcerpt p,
div.mw-warning-with-logexcerpt a {
color: #32466a!important;
filter: none!important;
}
div.mw-warning-with-logexcerpt p strong,
div.mw-warning-with-logexcerpt p span[style] {
color: var(--text-color-2);
font-weight: 600!important;
}
.toctogglelabel {
color: var(--primary-1);
font-size: 1.052em; /* 16.832px at normal font size */
}
.skin-timeless #subpage-talk {
filter: saturate(0.58);
}
.skin-timeless .mw-parser-output > #subpage-article ~ .pullout-wrapper,
.skin-timeless .mw-parser-output > .content-table-wrapper:first-child ~ .pullout-wrapper {
-moz-box-shadow: -20px 0 0 0 var(--primary-7) inset;
-webkit-box-shadow: -20px 0 0 0 var(--primary-7) inset;
-o-box-shadow: -20px 0 0 0 var(--primary-7) inset;
-ms-box-shadow: -20px 0 0 0 var(--primary-7) inset;
box-shadow: -20px 0 0 0 var(--primary-7) inset;
}
.skin-timeless .pullout-handle {
background-color: var(--accent-27);
}
.skin-timeless .portable-infobox .pi-title,
.skin-timeless .portable-infobox .pi-title p {
background: var(--accent-21);
}
.skin-timeless .pullout-wrapper ~ .portable-infobox .pi-title,
.skin-timeless .pullout-wrapper ~ .portable-infobox .pi-title p {
background: var(--accent-26);
}
.skin-timeless .portable-infobox:nth-of-type(n+2),
.skin-timeless .collapsible-navfobox .portable-infobox {
border-color: #415c84;
}
.skin-timeless .portable-infobox:nth-of-type(n+2) .pi-header {
background: #42556d;
}
.skin-timeless .portable-infobox .pi-header + .pi-header {
background: #556988; /*677893*/
}
.skin-timeless .portable-infobox .pi-header + .pi-header ~ .pi-header:nth-of-type(3) {
background: #677893; /*8797af*/
}
.skin-timeless .portable-infobox .pi-header + .pi-header ~ .pi-header:nth-of-type(4) {
background: #8390a5; /*8da0b7*/
}
.skin-timeless .portable-infobox + .portable-infobox:nth-of-type(3) .pi-header:first-of-type {
background: #627795;
}
.skin-timeless table.wikitable {
background: var(--primary-11);
}
.skin-timeless table.wikitable>tr>th, table.wikitable>*>tr>th,
.skin-timeless #smwtable tr>th, table.smwtable>*>tr>th {
background: var(--accent-9);
}
.skin-timeless table.wikitable tbody tr:hover td a, .skin-timeless #smwtable tbody tr:hover td a,
.skin-timeless table.smwtable tbody tr:hover td a, .skin-timeless table.wikitable tbody tr:hover td,
.skin-timeless #smwtable tbody tr:hover td, .skin-timeless table.smwtable tbody tr:hover td {
background: var(--accent-6);
}
.skin-timeless table.wikitable .row-red td,
.skin-timeless div#block.row-red {
background: #af6f6d!important;
}
.skin-timeless table.wikitable .row-red.hover td {
background: #9e5755!important;
}
.skin-timeless table.wikitable .row-red.hover td a {
background: #8d4442!important;
}
.skin-timeless table.wikitable .row-yellow td,
.skin-timeless div#block.row-yellow {
background: #e6c69b!important;
}
.skin-timeless table.wikitable .row-yellow.hover td {
background: #ecdab2 !important;
color: black;
}
.skin-timeless table.wikitable .row-yellow.hover td a {
background: #fad8ab !important;
color: black;
}
.skin-timeless #crewtop,
.skin-timeless #crew {
background: var(--primary-7);
border-color: var(--accent-12);
margin-bottom: 0.91em;
}
.skin-timeless #crew {
margin-bottom: -2.8em;
}
.skin-timeless table.navbox {
background: #353343;
}
.skin-timeless .navbox-group {
background: #706b9b;
}
#license {
background: var(--primary-18);
border: solid 7px #6d739b;
}
#license h1 {
color: #182b55;
}
#license h1:after {
border-bottom: solid 4px #4a5f8e;
border-bottom: solid 3.8px #616c84; /*4a5f8e*/
margin-top: 8.4px;
}
#personal h2,
#personal-extra,
.skin-timeless .tocnumber {
filter: invert(1) hue-rotate(180deg);
}
.skin-timeless div.editOptions {
color: var(--alt-text-color);
}
.skin-timeless .mw-footer-container {
color: black;
}
@media screen and (min-width: 851px) {
.skin-timeless .mw-footer-container {
background: #17315ead;
background: hsl(var(--H-7) 60% 23% / 68%);
color: var(--alt-text-color-2);
}
}
.skin-timeless .mw-footer-container a {
color: var(--primary-1);
}
#p-banner.mw-wiki-title {
color: var(--alt-text-color);
}
#p-themes, #p-themes-label, .vector-menu-content-list .mw-list-item a {
color: var(--alt-text-color);
}
#p-themes-label::after {
background-color: var(--alt-text-color);
}
.skin-timeless .mw-dismissable-notice,
.skin-timeless #localNotice {
background: var(--primary-7);
border-color: var(--accent-22);
color: var(--text-color-2);
margin-bottom: 0.7522em;
}
.skin-timeless .mw-dismissable-notice a, .skin-timeless #localNotice a,
.skin-timeless .mw-dismissable-notice a:visited, .skin-timeless #localNotice a:visited {
color: var(--primary-9);
}
.skin-timeless #mw-content:has(.usermessage) .mw-dismissable-notice,
.skin-timeless #mw-content:has(.usermessage) #localNotice {
background: var(--primary-11);
}
.skin-timeless .usermessage {
background: var(--primary-18);
border-color: var(--primary-3);
}
/*.mw-portlet-body a {
color: #ddcfae;
} */
.mw-editsection a {
color: var(--accent-2);
}
.skin-timeless .subpage-tabs-tab {
background-color: var(--accent-12);
}
.skin-timeless .subpage-tabs-main a {
color: var(--alt-text-color);
}
.skin-timeless .subpage-tabs-main a:visited, .subpage-tabs-main a:hover:visited {
color: var(--alt-text-color-2);
}
.skin-timeless .portable-infobox {
margin-top: 1.5px; /*light mode only*/
}
.skin-timeless .portable-infobox .pi-media-collection-tabs .pi-tab-link:not(.current) {
background: var(--contrast-color-8);
}
.skin-timeless .portable-infobox .pi-media-collection-tabs .pi-tab-link.current {
background: var(--contrast-color-5);
color: var(--alt-text-color);
}
.mw-parser-output h2 .mw-headline {
margin-left: -1px; /*light mode only*/
}
.skin-timeless .timeline {
background: #43588a;
background: -moz-linear-gradient(top, #03213f 0%, #253251 35%, #465f9d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #03213f), color-stop(35%, #03213f), color-stop(100%, #465f9d));
background: -webkit-linear-gradient(top, #03213f 0%, #253251 35%, #465f9d 100%);
background: -o-linear-gradient(top, #03213f 0%, #253251 35%, #465f9d 100%);
background: -ms-linear-gradient(top, #03213f 0%, #253251 35%, #465f9d 100%);
background: linear-gradient(top, #03213f 0%, #253251 35%, #465f9d 100%);
}
.skin-timeless #archstrip, .skin-timeless .archstrip {
background: var(--accent-19);
}
.skin-timeless #tech, .skin-timeless .tech {
background-color: #eae8d1;
}
.skin-timeless .ns-3 #glow,
.skin-timeless #glow-2 {
border: solid 2.9px var(--primary-9)!important;
box-shadow: 0px 0px 29px 0px var(--primary-9)!important;
}
.skin-timeless:not(.action-edit):not(.action-submit) form:not(.oo-ui-layout) button,
.skin-timeless:not(.action-edit):not(.action-submit) form:not(.oo-ui-layout) input[type="submit"] {
background-color: var(--accent-3);
border-color: var(--accent-9);
}
.skin-timeless .mw-ui-button.mw-ui-progressive:not(:disabled),
.skin-timeless .mw-ui-button#mw-createaccount-join {
background-color: var(--primary-3);
color: white;
border: solid 4px var(--contrast-color-5);
}
.skin-timeless .mw-ui-button.mw-ui-progressive:not(:disabled):hover {
background-color: var(--accent-6);
}
.skin-timeless .smw-editpage-help,
.skin-timeless #box {
background-color: var(--primary-7);
border: 2px solid var(--accent-1);
}
.skin-timeless smw-editpage-help a,
.skin-timeless #box a {
color: var(--accent-14);
}
.skin-timeless #preload-templates #pt-list {
background-color: var(--TEXT-B-H1);
color: var(--contrast-color-20);
filter: invert(1) hue-rotate(180deg);
}
.skin-timeless #preload-templates #pt-list option {
background: var(--contrast-color-21);
color: var(--text-color-10);
}
.skin-timeless #preload-templates #pt-list option:not([disabled="disabled"]) {
background: var(--contrast-color-22);
}
.mw-editform #editpage-copywarn {
color: var(--alt-text-color-2);
}
#content-bottom-stuff {
background: var(--primary-5);
filter: saturate(0.7);
}
#content-bottom-stuff .catlinks {
background: var(--primary-2);
}
#content-bottom-stuff .catlinks a {
color: var(--alt-text-color-2);
filter: saturate(1.1) brightness(0.7);
}
@media screen and (min-width: 851px) and (max-width: 1099px) {
.skin-timeless #mw-site-navigation {
z-index: 2;
}
.skin-timeless #mw-header-container {
z-index: 200;
}
#mw-header-nav-hack {
min-height: 12em;
background: var(--background-image);
filter: brightness(0.99) hue-rotate(216deg) contrast(1.1) blur(.45px);
z-index: -1;
position: absolute;
}
#mw-header-nav-hack .color-bar {
background: #d99c9c66;
margin-top: 0;
height: 14.5em;
}
.skin-timeless #mw-content-container {
margin-top: 6.8em!important;
}
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
border-color: var(--alt-text-color);
}
.sidebar-chunk#page-tools .mw-inputbox-centered {
position: absolute;
top: -3.08em!important;
}
#mw-related-navigation .sidebar-chunk#catlinks-sidebar {
margin-top: -0.42em!important;
}
.skin-timeless .mw-dismissable-notice {
/* left: 1.4em; */
}
.skin-timeless #mw-content-container {
background: #4d5f7c; /*will save as variable later*/
}
.skin-timeless .mw-footer {
background: #1e3c75b3;
color: var(--alt-text-color-3);
}
.skin-timeless .mw-footer-container a,
.skin-timeless .mw-footer-container a:hover {
color: var(--alt-text-color);
}
}
@media screen and (min-width: 1720px) {
#menus-cover {
background-size: 70em!important;
}
}
@media screen and (min-width: 1860px) {
#mw-site-navigation .sidebar-chunk#site-navigation {
left: 0.428em!important;
}
}
.skin-timeless .mainpage-box-about .header,
.skin-timeless .mainpage-box-characters .header,
.skin-timeless .mainpage-box-how-to-DW .header,
.skin-timeless .mainpage-box-featured-videos .header,
.skin-timeless .mainpage-box-series .header {
color: var(--accent-7);
border-bottom-color: var(--accent-1);
}
.skin-timeless .mainpage a,
.skin-timeless .mainpage a:link {
color: var(--primary-3)!important;
}
.skin-timeless .mainpage-box-welcome {
background: var(--primary-28);
border: solid 5px #5c6080;
margin: 16px -1px;
}
.skin-timeless .mainpage-box-welcome .header {
color: white!important;
}
.skin-timeless .mainpage-box-welcome p {
color: var(--alt-text-color-4)!important;
}
/*.mainpage-box-welcome a,
.mainpage-box-welcome a:link,
.mainpage-box-welcome a:visited {
color: black!important;
}*/
.skin-timeless .mainpage-box-welcome a,
.skin-timeless .mainpage-box-welcome a:link,
.skin-timeless .mainpage-box-welcome a:visited {
color: #b8bde1!important;
}
.skin-timeless .mainpage-box-welcome .header a:visited,
.skin-timeless .mainpage-box-welcome b a,
.skin-timeless .mainpage-box-welcome b a:link,
.skin-timeless .mainpage-box-welcome b a:visited {
color: #d2d4e4!important;
}
.skin-timeless #mw-previewheader {
background: var(--accent-6);
color: var(--primary-7);
padding-top: 6px;
margin-top: -7.8px;
border-bottom-color: var(--accent-2);
margin-bottom: -2.21px;
}
.skin-timeless .mw-message-box-warning {
background: var(--primary-7);
border-color: var(--accent-6);
color: var(--accent-9);
}
.skin-timeless .mw-message-box-warning strong {
color: var(--primary-21);
}
.skin-timeless .mw-message-box-warning a {
color: var(--primary-21);
font-size: 1.21464em; /* 19.43424px at normal font size */
font-weight: 580;
}
.skin-timeless #powersearch {
background: var(--primary-14);
}
.skin-timeless .mw-body .mw-search-profile-tabs {
background: var(--primary-15);
border: solid 3px var(--primary-21);
}
.skin-timeless .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.skin-timeless .mw-changeslist-legend,
.skin-timeless .mw-body fieldset#mw-searchoptions,
.skin-timeless .mw_metadata, .skin-timeless .mw-datatable {
background: var(--primary-16);
border: solid 3px var(--primary-21);
filter: invert(1) hue-rotate(22deg) brightness(2.5); /*temporary*/
}
.mw-prefs-buttons .oo-ui-buttonElement-framed.oo-ui-widget-disabled>.oo-ui-buttonElement-button {
background: var(--accent-1);
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background-color: var(--accent-24);
filter: invert(1) hue-rotate(180deg);
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.oo-ui-tagItemWidget.oo-ui-widget-enabled {
filter: invert(1) hue-rotate(180deg);
}
.mw-rcfilters-ui-row.mw-rcfilters-ui-filterTagMultiselectWidget-views .mw-rcfilters-ui-filterTagMultiselectWidget-views-select {
background-color: var(--accent-23);
filter: invert(1) hue-rotate(180deg);
}
@media screen and (min-width: 1340px) {
#menus-cover {
background-position-x: 334.402em;
}
#mw-content {
margin-right: -0.9138vw;
left: 6.18px;
}
#mw-site-navigation .timeless-logo img {
width: 13.679em;
margin-left: calc(-3.04em + 0.4584vw);
right: -35.9121px;
top: 2.2499em;
margin-bottom: 3.04em;
}
#mw-related-navigation {
padding-top: 2.2087em;
}
#mw-related-navigation .sidebar-chunk {
/* left: 14.63px; */
left: 18.1263px;
}
#mw-related-navigation .sidebar-chunk#site-navigation {
box-shadow: 0.153em 1.2px 0 var(--contrast-color-1) inset,0px -2px 0 6px var(--contrast-color-12);
-moz-box-shadow: 0.153em 1.2px 0 var(--contrast-color-1) inset,0px -2px 0 6px var(--contrast-color-12);
-webkit-box-shadow: 0.153em 1.2px 0 var(--contrast-color-1) inset,0px -2px 0 6px var(--contrast-color-12);
-o-box-shadow: 0.153em 1.2px 0 var(--contrast-color-1) inset,0px -2px 0 6px var(--contrast-color-12);
-ms-box-shadow: 0.153em 1.2px 0 var(--contrast-color-1) inset,0px -2px 0 6px var(--contrast-color-12);
box-shadow: 0.153em 1.2px 0 var(--contrast-color-1) inset,0px -2px 0 6px var(--contrast-color-12);
}
#mw-site-navigation .sidebar-chunk {
left: 0.06216em;
}
.mediawiki.long-page #mw-site-navigation .sidebar-chunk:last-of-type:not(:first-of-type):after {
filter: saturate(0.92) brightness(1.032);
left: 0.0614em;
top: 121.92%;
}
}
@media screen and (max-width: 1099px) {
.skin-timeless .mw-dismissable-notice, .skin-timeless #localNotice {
background: var(--primary-6);
border-color: var(--background-contrast-shade-2);
}
}
@media screen and (max-width: 850px) {
.skin-timeless .mw-dismissable-notice, .skin-timeless #localNotice {
border-color: var(--contrast-color-3);
}
.skin-timeless .mw-footer-container {
background: #90a1bf;
}
.skin-timeless .mw-footer a {
color: var(--text-color);
}
}
@media screen and (min-width: 851px) and (max-width: 1099px) {
.skin-timeless #mw-content-container {
border-bottom-color: var(--border-shade-2)!important;
}
.skin-timeless .mw-footer-container {
background: var(--background-contrast-shade-2);
border-color: transparent;
font-weight: 500;
}
}
@media screen and (min-width: 851px) and (max-width: 1099px) {
#mw-site-navigation .sidebar-chunk.dropdown-active:not(#page-tools),
#mw-related-navigation .sidebar-chunk.dropdown-active:not(#page-tools) {
border-bottom-left-radius: 1px;
border-top-left-radius: 16.4px;
border-top-right-radius: 18px;
box-shadow: -26.78px 56px 0 -4px #828b9d, -14.2px 54px 0 -4px #9aa2b0, 18px 65px 0 -4px #828b9d, 17px 78px 0 -4px #9aa2b0, 17px 56px 0 -4px #828b9d;
-moz-box-shadow: var(--sidebar-dropdown-1b);
-webkit-box-shadow: var(--sidebar-dropdown-1b);
-o-box-shadow: var(--sidebar-dropdown-1b);
-ms-box-shadow: var(--sidebar-dropdown-1b);
box-shadow: var(--sidebar-dropdown-1b);
transition: box-shadow 0.48s;
}
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-inner {
border: solid 6.8px var(--primary-6);
top: 68.5px;
-moz-box-shadow: var(--sidebar-dropdown-1);
-webkit-box-shadow: var(--sidebar-dropdown-1);
-o-box-shadow: var(--sidebar-dropdown-1);
-ms-box-shadow: var(--sidebar-dropdown-1);
box-shadow: var(--sidebar-dropdown-1);
}
#mw-site-navigation .sidebar-chunk.dropdown-active .sidebar-inner, #mw-related-navigation .sidebar-chunk.dropdown-active .sidebar-inner {
left: 5px;
right: -2px;
}
}
@media screen and (max-width: 1099px) {
.mediawiki:not(.ns-8):not(.action-edit) #content-bottom-stuff {
background: var(--accent-20);
}
}
@media screen and (min-width: 1100px) {
#mw-header-container {
/* outline-color: var(--contrast-color-3); */
outline-color: var(--accent-17);
}
.mediawiki:not(.action-edit) #mw-related-navigation {
z-index: 1;
}
#mw-related-navigation .sidebar-chunk {
border: solid 6.8px var(--primary-6);
-moz-box-shadow: var(--sidebar-dropdown-1), 0 0 0 16px var(--primary-26);
-webkit-box-shadow: var(--sidebar-dropdown-1), 0 0 0 16px var(--primary-26);
-o-box-shadow: var(--sidebar-dropdown-1), 0 0 0 16px var(--primary-26);
-ms-box-shadow: var(--sidebar-dropdown-1), 0 0 0 16px var(--primary-26);
box-shadow: var(--sidebar-dropdown-1), 0 0 0 16px var(--primary-26);
}
}
@media screen and (min-width: 1100px) and (max-width: 1339px) {
#mw-content {
position: relative;
left: 1em;
padding-left: 1.789em;
}
.pullout-content div#article-type {
border-right-color: var(--accent-16);
}
#subpage-article ~ .pullout-wrapper ~ .stub-type,
#subpage-article ~ .pullout-wrapper ~ #stub-type,
#subpage-article ~ .pullout-wrapper ~ div#stub-type {
transform: rotate(90deg) translate(-5px,-3.98px);
}
#mw-related-navigation .sidebar-chunk {
top: 9px;
left: 1px;
-moz-box-shadow: var(--integrate-sections-2);
-webkit-box-shadow: var(--integrate-sections-2);
-o-box-shadow: var(--integrate-sections-2);
-ms-box-shadow: var(--integrate-sections-2);
box-shadow: var(--integrate-sections-2);
}
#mw-related-navigation .sidebar-chunk:nth-last-of-type(2):after,
#mw-related-navigation .sidebar-chunk:nth-last-of-type(1):after{
filter: saturate(0.92) brightness(1.032);
top: 105.7%;
}
.toc ~ .content-table-wrapper {
margin-left: -8.4px!important;
}
}
@media screen and (min-width: 1340px) {
#mw-site-navigation .sidebar-chunk {
left: 0.46216em;
}
}
@media screen and (min-width: 1860px) {
#mw-site-navigation {
margin-right: 0.8832em;
}
}
.mw-cookiewarning-container {
background-color: var(--primary-3); /*Temporary colours*/
box-shadow: -36px 0 #7b85a1, 18px 0 #4f6087, 23px -6px #868fa7, -32px -6px #757593, -32px -11px #757593, 0 7.8px #aeaeb9, -32.535px 6.8px #aeaeb9, 30px -10px #757593, 23px 1px #1d2439, 30px 1px #353549;
bottom: 8.4px;
}
/* Temporary colour correct */
.skin-timeless .oo-ui-windowManager-modal > .oo-ui-dialog {
background-color: rgb(229 229 229 / 37%);
}
.skin-timeless .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
background-color: #f0f0f0;
}
.skin-timeless .oo-ui-flaggedElement-progressive > a.oo-ui-buttonElement-button {
background: #617aad !important;
}
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
color: var(--alt-text-color);
}
/* Will generate colour variables and fix this up later. */
.skin-timeless .oo-ui-tabSelectWidget-framed {
background: #252932;
filter: brightness(1.362);
}
.skin-timeless .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget[aria-selected="false"] span {
color: var(--alt-text-color);
background: #414c68;
padding: 7px;
}
.skin-timeless .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget[aria-selected="true"] {
background: var(--primary-5);
}
.skin-timeless .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget {
background: #555f76;
border-radius: 10px;
position: relative;
top: -2.12px;
}
.ns-116 a:link,
.ns-116 a:visited {
color: var(--accent-2);
}
.ns-116 a:hover {
color: var(--accent-1);
}
