MediaWiki:Gadget-timeless-blackcurrant.css: Difference between revisions

Revision as of 03:03, 18 April 2025

@media screen and (max-width:850px) {
.sidebar-inner, .dropdown {background: #000000!important;border: 3px solid #FFFFFF;}
.sidebar-inner h3, .dropdown h3 {color:#937886; text-transform:capitalize;}
} 
.sidebar-inner, .dropdown li a {color:#937886;}
.sidebar-inner, .dropdown li a:hover {color:#937886;}
.sidebar-inner, .dropdown li a:visited {color:#937886;}

/* Navbar */
#p-logo-text a {font-variant: none; color: #937886; font-family:sans-serif;}
#mw-header-container {background:#565656DD;}
.color-middle, .color-left, .color-right {background:#5B2440;}

@media screen and (max-width: 550px) {#p-logo-text {position: absolute;top: 1rem;}}

@media screen and (min-width:851px) {#personal h2 {color:#937886; background-image:none; font-family:"Quantico",sans-serif!important;}}
@media screen and (min-width:851px) {#personal .dropdown {border: 3px solid #ABAB98; background:#000000EE;}}
@media screen and (min-width:851px) {#personal .dropdown h3 {color:#937886;}}
@media screen and (min-width:851px) {#personal .dropdown .mw-portlet-body {margin-bottom:5px;}
@media screen and (min-width:851px) {#personal .dropdown li a {color:#937886;}

code, pre, .mw-code {background-color:#d7c6dd97; border: 2px #0a0a0a solid;}

/* Sidebar */
.mw-wiki-logo {background-size: contain; background:none;}

@media screen and (min-width: 1340px) {
#mw-content-block {display: grid;}
#mw-content {margin-left: 14em;}
#mw-content-wrapper {grid-row-start: 1; grid-row-end: 99; grid-column: 1; order: unset;}
#mw-site-navigation {grid-row: 1;grid-column: 1;order: unset;}
#mw-related-navigation {grid-row: 2;grid-column: 1;width: 14em;padding: 0 1em 0 0;order: unset;}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {background: none;border: none;margin: 0;padding-top: 0;}
#mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {margin-bottom: 5px;}
#mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body li a {color:#5B2440!important;font-family:"Quantico",sans-serif;}
#mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body li a:visited {color:#5B2440!important;font-family:"Quantico",sans-serif;}
#mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body li a:hover {color:#5B2440!important;font-family:"Quantico",sans-serif;}
#mw-site-navigation .sidebar-chunk ul, #mw-site-navigation .sidebar-chunk li a {color:#5B2440!important;font-family:"Quantico",sans-serif;}
#mw-site-navigation .sidebar-chunk ul, #mw-site-navigation .sidebar-chunk li a:visited {color:#5B2440!important;font-family:"Quantico",sans-serif;}
#mw-header-container {background-color:#000000DD!important;}
}

@media screen and (min-width: 1100px) and (max-width: 1339px) {
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {background:none; border:none; box-shadow:none;}
#mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {margin-bottom: 5px;}
#mw-header-container {background-color:#000000DD!important;}
}

@media screen and (min-width: 851px) and (max-width: 1099px) {
#mw-site-navigation h2, #mw-related-navigation h2 {font-family: sans-serif;padding: 0 .25rem;}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {padding-top: 0!important;margin-top: .4rem;}
#mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {margin-bottom: 0;}
#mw-site-navigation h2, #mw-related-navigation h2 {padding: 2rem 0;position: relative;bottom: 3.25em;}
#mw-site-navigation .sidebar-inner, #mw-related-navigation .sidebar-inner {background-color:#000000DD; border:solid 3px #5B2440;}
#mw-header-nav-hack {background-color:#000000DD; color:#5B2440; border-top:none;font-family:"Quantico",sans-serif;margin-top:.4em}
#mw-site-navigation h2, #mw-related-navigation h2 {color:#5B2440;font-family:"Quantico",sans-serif;}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {color:#000;}
#mw-header-container {background-color:#000000DD!important;}
}

@media screen and (max-width: 850px) {
.sidebar-inner {background: #000000!important;border: 3px solid #5B2440;}
.sidebar-inner, .dropdown {background: #000000!important;border: 3px solid #5B2440;}
.sidebar-inner h3, .dropdown h3 {color:#FFFFFF;}
.sidebar-inner .mw-portlet-body, .dropdown .mw-portlet-body, .sidebar-inner ul, .dropdown ul {margin: 0;}
}

#mw-site-navigation .sidebar-chunk .mw-portlet > div, #mw-related-navigation .sidebar-chunk .mw-portlet > div, #mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {margin-bottom:1px;}

.sidebar-inner .mw-portlet {background-color: #191919; margin-bottom: 5px; border: 3px solid #5B2440; font-family:"Quantico",sans-serif;}

#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {background: none;border: none;text-align: center; margin: 0;text-transform: capitalize; color: #937886; font-weight: 500; font-family:"Quantico",sans-serif;}
#mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {padding: 5px;}
.ns-8 #p-cactions li, .ns-8 #p-cactions li a {background:none !important;}

/* Content */
#mw-content {margin-top: 1em;border: 3px solid #5B2440; background-color:#191919; color:#FFFFFF;}
#p-namespaces li a {color:#FFFFFF;}
.mw-body h1.firstHeading {border-color:#FEFEFE!important; border-width:2px; border-bottom-style:solid;}
.mw-body h1.firstHeading {border-top: 0; border-left: 0; border-right: 0;}
.tools-inline li.selected {border:solid 2px #5B2440; font-weight: bold; font-family:"Quantico",sans-serif;}
.tools-inline li.selected {color:#FFEEEE; border-top: 0; border-left: 0; border-right: 0;}
.tools-inline li.selected a {color:#FFEEEE;}
.tools-inline li:hover {color:#FFEEEE; border:solid 2px #5B244099; font-weight: bold; font-family:"Quantico",sans-serif;}
.tools-inline li:hover {border-top: 0; border-left: 0; border-right: 0;}
#mw-portlet-body li a {color:#FFFFFF; font-weight: bold;}
#mw-portlet-body li a:hover {color:#FFEEEE; font-weight: bold;}
.new.mw-list-item {font-family:"Quantico",sans-serif;}
#p-views li a {color:#FFFFFF; font-weight: bold;font-family:"Quantico",sans-serif;}
#p-views li a:hover {color:#FFEEEE; font-weight: bold;font-family:"Quantico",sans-serif;}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {font-family:sans-serif;border-color:#FFFFFF!important; border-width:2px; border-bottom-style:solid;}
.mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {border-color:#010001!important; border-width:2px; border-bottom-style:solid;}

.mw-body .toctitle {border: none;}
.mw-toc-heading h2 {font-family:"Quantico",sans-serif;}
.toc ul {padding: 0 10px; border:none;}
@media screen and (min-width:851px) #toc ul a {color:#000000;}
@media screen and (min-width:851px) #toc ul a {color:#000000;}
.toctitle {padding: 5px; border-radius: 5px 5px 0 0; text-align: center;font-family:"Quantico",sans-serif;}
ul#filetoc, .toc, .toccolours {padding: 5px; border:none; background:none;}
div#toc.toc {background-color:#d7c6dd97; border:2px solid #0a0a0a;}

@media screen and (min-width: 851px) and (max-width: 1099px) {
#mw-content {margin-top: 7.5em;}
}

.ns-4 #content, .ns-4 #p-cactions li, .ns-4 #p-cactions li a {background-color:#EEEEDD;}

body, #mw-content-container {background-color:#000000;}
#mw-content-container {background:none;}

#localNotice {background: none;border: none;}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt, #siteSub, #p-logo-text a, #personal h2 {font-family: sans-serif;}

.mw-body h1.firstHeading {margin: 0;border-color: #c4d8f3;}

#bodyContentOuter {margin-top: 10px;}

/* Mobile view specifically */
@media screen and (max-width:850px) {
.mw-body {background-color:#FFFFDD; font-family:sans-serif;}
div.mw-highlight {background-color:#d7c6dd44;}
@media screen and (max-width:850px)
#mw-data-after-content, .mw-footer {background-color:##DEDEBC;}
#mw-content {background-color:#FFFFDD; box-shadow:0; border:none;}
}
/* Footer */
.mw-footer-container {background: #000000;color: #937886; border: none;box-shadow: none;}
.mw-footer-container a {color: #937886!important;}

#mw-content-container {border-bottom: solid 3px #5B2440;}

@media screen and (max-width: 850px) {
#mw-data-after-content, .mw-footer {display: grid;text-align: center;}
#footer-icons {display: flex; }
.mw-footer-container {padding: 1px; border-top: none; box-shadow: 0;}
#catlinks ul {display: list-item;}
}

@media screen and (min-width: 851px) and (max-width: 1099px) {
#mw-footer {padding: 1px 2em;}
}

@media screen and (min-width:851px){
.ts-inner {padding:none;}}
.ts-inner {padding:none;}
.mw-footer ul, .mw-footer li {margin:0; padding:5px;}
@media screen {.mw-footer ul, .mw-footer li {margin:0;}}
.footer-places {margin:none;}

#catlinks:not(:empty) {display:block; background:#191919; color:#FFFFFF; margin:10px 0 0 14em; padding: 10px; border:3px solid #5B2440;}
.mw-normal-catlinks a {color:#3266CC!important;}
.mw-normal-catlinks a:visited {color:#3266CC!important;}
.mw-normal-catlinks a.new:visited {color:#C2574E!important;}
.mw-normal-catlinks a.new {color:#C2574E!important;}
.mw-normal-catlinks {color:#FFFFFF;}

@media screen and (max-width: 1099px) {#catlinks {margin: 10px 0!important;}}

/* Other */
.mw-message-box-warning {background-color:#9d9b8c; color:#000000; border: 3px solid #5B2440;}
pre {background-color:#d7c6dd97; border-color:#0a0a0a; border-style-top:solid; border-width:2px;}
div.thumbinner {background-color:#d7c6dd97; border-color:#0a0a0a; border-style-top:solid; border-width:2px;}
code {background-color:#d7c6dd97; border-color:#0a0a0a; border-style-top:solid; border-width:2px;}
li.gallerybox div.thumb {background-color:#d7c6dd97; border-color:#0a0a0a; border-style-top:solid; border-width:2px;}
.mw-body li.gallerybox div.thumb {background-color:#d7c6dd97; border-color:#0a0a0a; border-style-top:solid; border-width:2px;}
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {background:none; border: none;}