User:Amelia/common.css

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

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

/* 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; } color: #862100 !important; filter: invert(100%); } color: #FC4407 !important; } .oo-ui-icon-lock { /* Page protection */ filter: invert(50%); } filter: invert(100%); } .dropdown-toggle::after { filter: invert(100%); }
 * 1) mw-indicator-mw-helplink a { /* Help link */
 * 1) mw-indicator-mw-helplink a:visited {
 * 1) ca-more span { /* Page tools on smaller screens */

/* 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; } font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif; }
 * 1) personal h2 {

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

/* Search bar */ background: #422D65; border: solid 2px #DFCDDD; } 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; } background-color: transparent !important; filter: invert(1); /* Lighter icon */ }
 * 1) simpleSearch {
 * 1) searchInput {
 * 1) searchButton, #mw-searchButton {

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

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

/* 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 */ background: #2B1D42; border: solid #DFCDCE; border-width: 2px; } .toctogglelabel { color: #79DEFF !important; } .tocnumber { color: #E9E6E8 !important; }
 * 1) toc {

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

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

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

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

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

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

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

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

/* Navbox template CSS */

/* Site styles */ .navbox { width: 100%; color: #2B1D42; font-size: 88%; background: #422D65; border: 2px solid #DFCDDD; margin-top: 15px; } .nav-right { color: #2B1D42; clear: right; float: right; font-size: 90%; margin:0 0 10px 1em; } .navbox + .navbox, .navbox .navbox { margin-top: 0; } .navbox .navbox { font-size: 100%; } .mobile .navbox tr:nth-of-type(2) > td:first-child { padding-left: 0 !important; padding-right: 0 !important; } .navbox:not(.multi) .mw-collapsible > tbody > tr:first-child > th { padding-left: 4.1em; } .navbox tr:first-child th { color: #DFCDDD; font-size: 108%; font-weight: bold; background: #999; } .navbox tr:first-child th, .navbox tr:first-child th a { color: #DFCDDD !important; } .navbox tr th { text-align: center; background: #ccc; } .navbox tr:not(:first-child) th:not([rowspan]):not([colspan]) { background: #E6E6E6; } .navbox tr th a, .navbox tr th a:visited, .navbox tr th a.new, .navbox tr th a.new:visited { color: #2B1D42; } .navbox tr:nth-child(2n) td { background: #F6F6F6; } .navbox tr td { background: #FCFCFC; } .navbox td a { color: #2B1D42; } .navbox td a:visited { color: #2B1D42; } .navbox td a.new { color: #CC2200; } .navbox td a.new:visited { color: #A55858; } @media print { .navbox { display: none; } }

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