MediaWiki:Timeless.css

/* All CSS here will be loaded for users of the Timeless skin */
/** General styling **/
body {
	color: #dfcddd; 
	background: #422d65; }

/* Background */
#mw-content-container {
    background-image: url(https://static.miraheze.org/mooncomicswiki/3/3a/Bg.png) !important;
    background-size: cover !important;
    background-attachment: fixed !important; }

/* Logo */
.mw-wiki-logo.fallback {
    background-color: #DFCDDD;
    border: 2px solid #2B1D42;
    padding: 13px; }

/* Links */
a {
	color: #F3B88D !important; }
a:visited {
	color: #FCECCB !important; }
a.new {
    color:#ca828e !important; }
a.new:visited {
    color:#d9a6ae !important; }

/* Trick to make icons lighter */
.tools-inline li a { /* A the top of a page with action links */
    color: #862100 !important;
    filter: invert(100%); }
.tools-inline li a:visited {
    color: #FC4407 !important; }
.mw-editsection { /* In sections */
    filter: invert(100%);}
.mw-editsection a {
    color: #862100 !important; }
.mw-editsection a:visited {
    color: #FC4407 !important; }
#mw-indicator-mw-helplink a { /* Help link */
    color: #862100 !important;
    filter: invert(100%); }
#mw-indicator-mw-helplink a:visited {
    color: #FC4407 !important; }
.oo-ui-icon-lock { /* Page protection */
    filter: invert(50%); }
#ca-more span { /* Page tools on smaller screens */
    filter: invert(100%); }
.dropdown-toggle::after {
    filter: invert(100%); }

/* Headers */
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
    font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif; }
.mw-body h3 {
    margin: 0.5em 0 0.5em;
	font-weight: bold;
	font-size: 1.5em; }
#personal h2 {
    font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif; }

/* Wiki title */
#mw-header-container {
	background: #2B1D42;
	color: #fff; }
#p-logo-text {
	margin-top: 11px; }
#p-logo-text a {
    color: #fff !important; 
	text-decoration: none;
    font-family: unset;
    font-variant: unset; }

/* Search bar */	
#simpleSearch {
	background: #422D65; 
	border: solid 2px #DFCDDD; }
#searchInput {
	color: #DFCDDD; }
.suggestions .suggestions-results {
	background-color: #BAA6D1;
	border: 1px solid #2B1D42; }
.suggestions .suggestions-special {
	background-color: #D7C5E3;
	border: 1px solid #2B1D42; }
.suggestions .suggestions-result-current {
	background-color: #422D65; }
#searchButton, #mw-searchButton {
	background-color: transparent !important;
	filter: invert(1); /* Lighter icon */
}

/* Banner decoration */
#mw-header-hack {
	box-shadow: none; }
.color-middle, .color-left, .color-right  {
	background: #2B1D42; }

/* Content */	
#mw-content-container {
	background: #170926;
	border-bottom: solid 3px #2B1D42; }	
#mw-content {
	background: #422d65;
	border: 3px solid #2B1D42;
	border-top: none;
	box-shadow: none; }

/* Page main header (title) */	
.mw-body h1.firstHeading {
	border-bottom: solid 4px #2B1D42;
    font-weight: bold; 
    padding-bottom: 5px; }
.tools-inline li.selected {
    border-bottom-color: #2B1D42; }

/* ToC */	
#toc {
	background: #2B1D42;
	border: solid #DFCDCE;
	border-width: 2px; }
.toctogglelabel {
    color: #79DEFF !important; }
.tocnumber {
    color: #E9E6E8 !important; }

/* Notifications */
.mw-notification {
    border: 1px solid #2B1D42;
    background:#DFCDDD;
    color:#E9E6E8; }

/* Menus */
#mw-site-navigation h2, #mw-related-navigation h2 {
    font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif; }
	
#mw-site-navigation .sidebar-chunk {
	background: #422D65;
	border:none;
    padding-bottom:2px; }
#mw-related-navigation .sidebar-chunk {
    background: #422D65;
	border:none;
    padding-bottom:2px; }

#mw-header-nav-hack {
    border-top: solid 2px transparent;
    background: #422D65; }

#mw-site-navigation .sidebar-inner, #mw-related-navigation .sidebar-inner  {
    border: none;
    background: #422D65;
    box-shadow: none; }
#mw-site-navigation .sidebar-chunk h2 span::before, #mw-site-navigation .sidebar-chunk h2 span::after {
    top:33px;
    border-bottom:10px solid #79DEFF; }
#mw-related-navigation .sidebar-inner::before,#mw-related-navigation .sidebar-inner::after {
    top:-10px;
    border-bottom-color:#79DEFF !important; }

/* User menu drop down */
#personal .dropdown { 
    border: none;
    background: #6f4e96;
    box-shadow: none; }
#personal .dropdown::after {
    border-bottom-color: #79DEFF;
    top: -10px; }

/* Pre-footer space on non-desktop screens */
#content-bottom-stuff {
    background: #422D65; }	

/* Footer */
#mw-footer-container {
	border-top: none;
	box-shadow: none; }	

/* Miraheze notice */	
/* .mw-dismissable-notice {
    background: #746586;
    border: solid #800649;
    border-width: 2px;
	font-size: 90%;
	padding: 0; }
.mw-dismissable-notice-body .wikitable {
	border: solid #746586; }
.sitedir-ltr .mw-dismissable-notice-body {
	margin: -10px 15%; }
.mw-dismissable-notice-body td {
	border: none !important;
	background: none !important; } */

/* Editor UI */
div .editOptions {
	background: #EFECF1;
	color: #54595D }
.wikiEditor-ui-toolbar {
	background-color: #EFECF1; }

/* Changes highlights */
.diff-deletedline .diffchange {
	background: #ff8730; }
.diff-addedline .diffchange {
	background: #0083ff; }

/* General tables */
.wikitable, .wikitable td {
    color:inherit; 
    background-color:transparent; }
.wikitable tr th {
    background-color: #800649; }

/* File metadata table (doesn't work?) */
.mw_metadata th, .mw_metadata td {
    background-color:transparent; }

/* Special table class */
.bigtable {
	width: 80%; }

/** Changes for desktop screens **/
@media only screen and (min-width: 1100px) { 
    #mw-site-navigation .sidebar-chunk { /* Side menus borders */
        border: 2px solid #DFCDDD; }
    #mw-related-navigation .sidebar-chunk {  
        border: 2px solid #DFCDDD; }
}
@media only screen and (max-width: 1400px) {
     .bigtable {
		width: 100%; }
}

/** Changes for mobile screens **/
@media only screen and (max-width: 500px) {
    #mw-content { /* content */
        border-right: none;
	    border-left: none; }
    #p-logo-text { /* Wiki title */
		position: unset;
		text-align: center;
		margin: 0 auto 10px;
		font-weight: bold;
	    font-size: 120%; }
}
.mw-ext-cite-error { color: #ca828e; }

/* Thumbnails */
div.thumbinner {
	border: 2px solid #DFCDDD;
	background-color: #2B1D42;
    color:            #DFCDDD;
	text-align: center;
}


@media print {
	.navbox {
		display: none;
	}
}

.nb-basic-one {
    background-color: #2B1D42;
    color: #DFCDDD;
}

/* DOCUMENTATION */
div .documentation {
	background-color: #2B1D42 !important;
	color: #DFCDDD !important;
	border: 2px solid #DFCDDD !important;
	border-top: 2px solid #DFCDDD !important;
	border-right: 2px solid #DFCDDD !important;
	border-bottom: 2px solid #DFCDDD !important;
	border-left: 2px solid #DFCDDD !important;
}
/*MACROBOX */
.macrobox {
	width: 100%;
	border: 2px solid #DFCDDD;
	background: #2B1D42;
	color: #DFCDDD;
}
.macrobox-bottom {
	width: 100%;
	border-left: 2px solid #DFCDDD;
	border-right: 2px solid #DFCDDD;
	border-bottom: 2px solid #DFCDDD;
	background: #2B1D42;
	color: #DFCDDD;
	text-align: center;
}

/*NAVBOXES*/
.sweetie-dark {
	width: 100%;
	border: 2px solid #DFCDDD;
	background: #2B1D42;
	color: #DFCDDD;
}
.c-form-title {
	color: #DFCDDD;
}

#comments-body .comments-body {
	background: #422d65 !important;
}

/*** Replace [[Template:Infobox coloring]] templates, more dynamic for exta skins and stuff ***/
/* Default */
.default-dark {
	background: #4D4180;
}

.default-light {
	background: #6153A2;
}

.default-inner {
	background: #EAD5FC;
}

.default-dark tr:first-child th, .default-dark tr:first-child th a {
	color: #FFF !important;
}

/* CPA */
.cpa-dark {
	background: #3C1831;
	color: #F6DDE8;
}
.cpa-dark tr:first-child th, .cpa-dark tr:first-child th a {
	color: #F6DDE8 !important;
}

.cpa-light {
	background: #5B1C44;
	color: #F6DDE8;
}

.cpa-inner {
	background: #F6DDE8;
	color: #5B1C44;
}

/* Settlement */
.settlement-dark {
	background: #1f3433;
}

.settlement-light {
	background: #325453;
}

.settlement-inner {
	background: #e4efef;
}

.settlement-dark tr:first-child th, .settlement-dark tr:first-child th a {
	color: #e4efef !important;
}

/* Earth */
.earth-dark {
	background: #373223;
}

.earth-light {
	background: #5A5336;
	color: #F1E3CE;
}

.earth-inner {
	background: #F1E3CE;
}

.earth-dark tr:first-child th, .earth-dark tr:first-child th a {
	color: #F1E3CE !important;
}

/* night */
.night-dark {
	background: #DFCDDD;
}

.night-light {
	background: #2B1D42;
}

.night-inner {
	background: #422D65;
}

.night-dark tr:first-child th, .night-dark tr:first-child th a {
	color: #FFF !important;
}

/* dragon */
.dragon-dark {
	background: #580F11;
}

.dragon-light {
	background: #981826;
}

.dragon-inner {
	background: #FFEB9E;
}

.dragon-dark tr:first-child th, .dragon-dark tr:first-child th a {
	color: #FFEB9E !important;
}
/* Expand colors */
.expand-white tr:first-child th, .expand-white tr:first-child th a {
	color: #FFF !important;
}

.expand-black tr:first-child th, .expand-black tr:first-child th a {
	color: #000 !important;
}

/* Manga */
.manga-dark {
	background: #221E1F;
}

.manga-light {
	background: #C5C5C5;
}

.manga-inner {
	background: #E5E5E5;
}

/* Pegasi */
.pegasus-dark {
	background: #263768;
}

.pegasus-light {
	background: #334A8E;
}

.pegasus-inner {
	background: #D5E7FC;
}

.pegasus-dark tr:first-child th, .pegasus-dark tr:first-child th a {
	color: #FFF !important;
}

/* Kirin */
.kirin-dark {
	background: #52844A;
}

.kirin-light {
	background: #67A45D;
}

.kirin-inner {
	background: #F1F7F0;
}

.kirin-dark tr:first-child th, .kirin-dark tr:first-child th a {
	color: #000 !important;
}

/* Cosmological */
.cosmology-dark {
	background: #280F36;
}

.cosmology-light {
	background: #461a5e;
	color: #F29E9C;
}

.cosmology-inner {
	background: #f2e6f8;
}

.cosmology-dark tr:first-child th, .cosmology-dark tr:first-child th a {
	color: #F29E9C !important;
}

/* Unicorn */
.unicorn-dark {
	background: #5F3E87;
}

.unicorn-light {
	background: #7F43BF;
	color: #FFF;
}

.unicorn-inner {
	background: #F2D6FE;
}

.unicorn-dark tr:first-child th, .unicorn-dark tr:first-child th a {
	color: #FFF !important;
}

/* Earth */
.earth-dark {
	background: #373223;
}

.earth-light {
	background: #5A5336;
}

.earth-inner {
	background: #F1E3CE;
}

.earth-dark tr:first-child th, .earth-dark tr:first-child th a {
	color: #FFF !important;
}

/* Cheerilee */
.cheerilee-dark {
	background: #8C426B;
}

.cheerilee-light {
	background: #C46C9E;
}

.cheerilee-inner {
	background: #FFDAE9;
}

.cheerilee-dark tr:first-child th, .cheerilee-dark tr:first-child th a {
	color: #FFF !important;
}

/*** Navbox coding, making it easier to code for ***/
/* Navbox 1, used for navboxes like [[Template:Castles]] */
.navbox {
	border-radius: 0.5em;
	width: 100%;
	font-family: Arial;
	}

/*** Franchise box coding ***/
.fbox {
	border-radius: 0.5em;
	width: 270px;
	font-family: Arial;
	text-align: center;
	float: right;
	}

.left-text {
	text-align: left;
}

/*** Appearance list ***/
table.top-align td, .appearances td {
  vertical-align: top;
}

.appearances {
  margin-bottom: 0px;
}

/*** Scrollbar for scroll boxes ***/
/* width */
.scroll ::-webkit-scrollbar {
  width: 10px;
  border-radius: 0 0.5em 0 0.5em;
}

/* Appearances table */

table.appearances {
	padding: 5px;
	width: 100%;
	border: 2px solid #6153A2;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	background: #EAD5FC;
	margin-bottom: 4px;
	text-align: left;
	clear: left;
}
table.appearances tr td { vertical-align: top; }

/* "Spoiler" templates */
.spoiler {
	background: #EAD5FC;
	color: #4D4180;
	border-color: #4D4180;
	border-style: solid;
	border-width: 2px 0px 2px 0px;
	text-align: center;
}

/* Ignoring clear */
.ignore-clear {
	clear: none !important;
}

/* Appearance table */
.appearance-table-starter {
	border: 2px solid #48336E;
	background: #EAD5FC;
	border-radius: 0.5em;
}

.appearance-top-header {
	background: #48336E; 
	color: #DDC3FF;
	border-radius: 0.5em 0.5em 0 0;
}

.appearance-top-header2 {
	background: #48336E; 
	color: #DDC3FF;
}

.appearance-major-header {
	background: #48336E; 
	color: #DDC3FF;
}

.appearance-table-headers {
	background: #6153A2;
	color: #DDC3FF;
}

.appearance-table-items {
	background: #EAD5FC; 
	text-align: center;
}

/* Recent Changes updates */
 .mw-changeslist-legend {
 	background-color: #2B1D42 !important;
 	border: 2px solid #DFCDDD !important;
 	color: #DFCDDD !important; 
 }

 .mw-plusminus-pos {
 	color: #398054;
 }
 
 .mw-plusminus-neg {
 	color: #734b33;
 }