User:Amelia/timeless.css

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

/* Background */ background-image: url(https://static.miraheze.org/softcellwiki/3/36/SoftCellWiki_BG.jpg) !important; background-size: cover !important; background-attachment: fixed !important; }
 * 1) mw-content-container {

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

/* Links */ a { color: #79DEFF !important; } a:visited { color: #03BBF8 !important; } a.new { color:#DA3030 !important; } a.new:visited { color:#DC6161 !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: #BD096C; 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: #800649; border: solid 2px #E6005C; } color: #fff; } .suggestions .suggestions-results { background-color: #BAA6D1; border: 1px solid #E6005C; } .suggestions .suggestions-special { background-color: #D7C5E3; border: 1px solid #E6005C; } .suggestions .suggestions-result-current { background-color: #4D3667; } 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: #BD096C; }
 * 1) mw-header-hack {

/* Content */ background: #170926; border-bottom: solid 3px #E6005C; } background: #260919; border: 3px solid #E6005C; 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 #E6005C; font-weight: bold; padding-bottom: 5px; } .tools-inline li.selected { border-bottom-color: #E6005C; }

/* ToC */ background: #48092C; border: solid #E6005C; border-width: 1px; } .toctogglelabel { color: #79DEFF !important; } .tocnumber { color: #E9E6E8 !important; }
 * 1) toc {

/* Notifications */ .mw-notification { border: 1px solid #E6005C; background:#48092C; color:#E9E6E8; }

/* Menus */ font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif; } background: #4D3667; border:none; padding-bottom:2px; } background: #4D3667; 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: #4D3667; }
 * 1) mw-header-nav-hack {

border: none; background: #4D3667; 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: #4D3667; }
 * 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 #E6005C; } #mw-related-navigation .sidebar-chunk { border: 2px solid #E6005C; } } @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%; } }