MediaWiki:Gadget-timeless-blackcurrant.css: Difference between revisions
From Splatoon Fanon
Trig Jegman (talk | contribs) mNo edit summary |
Trig Jegman (talk | contribs) mNo edit summary |
||
| Line 184: | Line 184: | ||
.mw-body li.gallerybox div.thumb {background-color:#d7c6dd97; border-color:#ABABAB; border-style-top:solid; border-width:2px;} | .mw-body li.gallerybox div.thumb {background-color:#d7c6dd97; border-color:#ABABAB; border-style-top:solid; border-width:2px;} | ||
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {background:none; border: none;} | .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {background:none; border: none;} | ||
/* Dark mode canonized CSS */ | |||
.sf-red {color:#CA5F5F;} | |||
.sf-dark-red {color:#A03F3F;} | |||
.sf-orange {color:#DA9C5B;} | |||
.sf-dark-orange {color:#B17B41;} | |||
.sf-light-yellow {color:#838300;} | |||
.sf-medium-yellow {color:#E5E195;} | |||
.sf-yellow {color:#D4CF4F;} | |||
.sf-dark-yellow {color:#B7B239;} | |||
.sf-burnt-gold {color:#68683B;} | |||
.sf-green {color:#A6C675;} | |||
.sf-dark-green {color:#69863Bv;} | |||
.sf-olive {color:#7C9A4E;} | |||
.sf-dark-olive {color:#5B6F3E;} | |||
.sf-cyan {color:#6FB485;} | |||
.sf-blue {color:#60849F;} | |||
.sf-dark-blue {color:#2A4F6B;} | |||
.sf-purple {color:#9583B4;} | |||
.sf-dark-purple {color:#59437E;} | |||
.sf-pink {color:#A87494;} | |||
.sf-dark-pink {color:#5B2440;} | |||
.sf-magenta {color:#7C4C66;} | |||
.sf-brown {color:#88755D;} | |||
.sf-dark-brown {color:#594A38;} | |||
.sf-gray {color:#43433F;} | |||
.sf-grey {color:#43433F;} | |||
.sf-bkg-red {color:#CA5F5F;} | |||
.sf-bkg-dark-red {color:#A03F3F;} | |||
.sf-bkg-orange {color:#DA9C5B;} | |||
.sf-bkg-dark-orange {color:#B17B41;} | |||
.sf-bkg-light-yellow {color:#838300;} | |||
.sf-bkg-medium-yellow {color:#E5E195;} | |||
.sf-bkg-yellow {color:#D4CF4F;} | |||
.sf-bkg-dark-yellow {color:#B7B239;} | |||
.sf-bkg-burnt-gold {color:#68683B;} | |||
.sf-bkg-green {color:#A6C675;} | |||
.sf-bkg-dark-green {color:#69863Bv;} | |||
.sf-bkg-olive {color:#7C9A4E;} | |||
.sf-bkg-dark-olive {color:#5B6F3E;} | |||
.sf-bkg-cyan {color:#6FB485;} | |||
.sf-bkg-blue {color:#60849F;} | |||
.sf-bkg-dark-blue {color:#2A4F6B;} | |||
.sf-bkg-purple {color:#9583B4;} | |||
.sf-bkg-dark-purple {color:#59437E;} | |||
.sf-bkg-pink {color:#A87494;} | |||
.sf-bkg-dark-pink {color:#5B2440;} | |||
.sf-bkg-magenta {color:#7C4C66;} | |||
.sf-bkg-brown {color:#88755D;} | |||
.sf-bkg-dark-brown {color:#594A38;} | |||
.sf-bkg-gray {color:#43433F;} | |||
.sf-bkg-grey {color:#43433F;} | |||
.sf-url-red {color:#CA5F5F;} | |||
.sf-url-dark-red {color:#A03F3F;} | |||
.sf-url-orange {color:#DA9C5B;} | |||
.sf-url-dark-orange {color:#B17B41;} | |||
.sf-url-light-yellow {color:#838300;} | |||
.sf-url-medium-yellow {color:#E5E195;} | |||
.sf-url-yellow {color:#D4CF4F;} | |||
.sf-url-dark-yellow {color:#B7B239;} | |||
.sf-url-burnt-gold {color:#68683B;} | |||
.sf-url-green {color:#A6C675;} | |||
.sf-url-dark-green {color:#69863Bv;} | |||
.sf-url-olive {color:#7C9A4E;} | |||
.sf-url-dark-olive {color:#5B6F3E;} | |||
.sf-url-cyan {color:#6FB485;} | |||
.sf-url-blue {color:#60849F;} | |||
.sf-url-dark-blue {color:#2A4F6B;} | |||
.sf-url-purple {color:#9583B4;} | |||
.sf-url-dark-purple {color:#59437E;} | |||
.sf-url-pink {color:#A87494;} | |||
.sf-url-dark-pink {color:#5B2440;} | |||
.sf-url-magenta {color:#7C4C66;} | |||
.sf-url-brown {color:#88755D;} | |||
.sf-url-dark-brown {color:#594A38;} | |||
.sf-url-gray {color:#43433F;} | |||
.sf-url-grey {color:#43433F;} | |||
Latest revision as of 16:34, 24 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-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: 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:#937886; border-top:none;font-family:"Quantico",sans-serif;margin-top:.4em}
#mw-site-navigation h2, #mw-related-navigation h2 {color:#937886;font-family:"Quantico",sans-serif;}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {color:#000;}
#mw-header-container {background-color:#000000DD!important;}
#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;}
}
@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 */
.templatetext {color:#000000;}
#contentSub .subpages a {color:#937886;}
#contentSub .subpages a:visited {color:#937886;}
#contentSub .subpages a.new {color:#937886;}
#contentSub .subpages a.new:visited {color:#937886;}
.mw-message-box-warning {background-color:#9d9b8c; color:#000000; border: 3px solid #5B2440;}
pre {background-color:#d7c6dd97; border-color:#ABABAB; border-style-top:solid; border-width:2px;}
.mw-code {background-color:#d7c6dd97; border-color:#ABABAB; border-style-top:solid; border-width:2px;}
div.thumbinner {background-color:#d7c6dd97; border-color:#ABABAB; border-style-top:solid; border-width:2px;}
code {background-color:#d7c6dd97; border-color:#191919; border-style-top:solid; border-width:2px;}
li.gallerybox div.thumb {background-color:#d7c6dd97; border-color:#ABABAB; border-style-top:solid; border-width:2px;}
.mw-body li.gallerybox div.thumb {background-color:#d7c6dd97; border-color:#ABABAB; border-style-top:solid; border-width:2px;}
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {background:none; border: none;}
/* Dark mode canonized CSS */
.sf-red {color:#CA5F5F;}
.sf-dark-red {color:#A03F3F;}
.sf-orange {color:#DA9C5B;}
.sf-dark-orange {color:#B17B41;}
.sf-light-yellow {color:#838300;}
.sf-medium-yellow {color:#E5E195;}
.sf-yellow {color:#D4CF4F;}
.sf-dark-yellow {color:#B7B239;}
.sf-burnt-gold {color:#68683B;}
.sf-green {color:#A6C675;}
.sf-dark-green {color:#69863Bv;}
.sf-olive {color:#7C9A4E;}
.sf-dark-olive {color:#5B6F3E;}
.sf-cyan {color:#6FB485;}
.sf-blue {color:#60849F;}
.sf-dark-blue {color:#2A4F6B;}
.sf-purple {color:#9583B4;}
.sf-dark-purple {color:#59437E;}
.sf-pink {color:#A87494;}
.sf-dark-pink {color:#5B2440;}
.sf-magenta {color:#7C4C66;}
.sf-brown {color:#88755D;}
.sf-dark-brown {color:#594A38;}
.sf-gray {color:#43433F;}
.sf-grey {color:#43433F;}
.sf-bkg-red {color:#CA5F5F;}
.sf-bkg-dark-red {color:#A03F3F;}
.sf-bkg-orange {color:#DA9C5B;}
.sf-bkg-dark-orange {color:#B17B41;}
.sf-bkg-light-yellow {color:#838300;}
.sf-bkg-medium-yellow {color:#E5E195;}
.sf-bkg-yellow {color:#D4CF4F;}
.sf-bkg-dark-yellow {color:#B7B239;}
.sf-bkg-burnt-gold {color:#68683B;}
.sf-bkg-green {color:#A6C675;}
.sf-bkg-dark-green {color:#69863Bv;}
.sf-bkg-olive {color:#7C9A4E;}
.sf-bkg-dark-olive {color:#5B6F3E;}
.sf-bkg-cyan {color:#6FB485;}
.sf-bkg-blue {color:#60849F;}
.sf-bkg-dark-blue {color:#2A4F6B;}
.sf-bkg-purple {color:#9583B4;}
.sf-bkg-dark-purple {color:#59437E;}
.sf-bkg-pink {color:#A87494;}
.sf-bkg-dark-pink {color:#5B2440;}
.sf-bkg-magenta {color:#7C4C66;}
.sf-bkg-brown {color:#88755D;}
.sf-bkg-dark-brown {color:#594A38;}
.sf-bkg-gray {color:#43433F;}
.sf-bkg-grey {color:#43433F;}
.sf-url-red {color:#CA5F5F;}
.sf-url-dark-red {color:#A03F3F;}
.sf-url-orange {color:#DA9C5B;}
.sf-url-dark-orange {color:#B17B41;}
.sf-url-light-yellow {color:#838300;}
.sf-url-medium-yellow {color:#E5E195;}
.sf-url-yellow {color:#D4CF4F;}
.sf-url-dark-yellow {color:#B7B239;}
.sf-url-burnt-gold {color:#68683B;}
.sf-url-green {color:#A6C675;}
.sf-url-dark-green {color:#69863Bv;}
.sf-url-olive {color:#7C9A4E;}
.sf-url-dark-olive {color:#5B6F3E;}
.sf-url-cyan {color:#6FB485;}
.sf-url-blue {color:#60849F;}
.sf-url-dark-blue {color:#2A4F6B;}
.sf-url-purple {color:#9583B4;}
.sf-url-dark-purple {color:#59437E;}
.sf-url-pink {color:#A87494;}
.sf-url-dark-pink {color:#5B2440;}
.sf-url-magenta {color:#7C4C66;}
.sf-url-brown {color:#88755D;}
.sf-url-dark-brown {color:#594A38;}
.sf-url-gray {color:#43433F;}
.sf-url-grey {color:#43433F;}
