MediaWiki:Gadget-timeless-mute-city-classic.css

From F-Zero Wiki, the F-Zero encyclopedia
Jump to navigationJump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* color list dark blue: #183048; light blue: #B0C4DE; red: #a50000; tan: #E8D9C6; dark tan: #D0C3B2; pre #a5000044 */

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

/* Navbar */
#p-logo-text a {font-variant: none; color: #000000; font-family:sans-serif;}
#mw-header-container {background:#a50000DD;}
.color-middle, .color-left, .color-right {background: #B0C4DE;}

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

@media screen and (min-width:851px) {#personal h2 {color:#B0C4DE; background-image:none; font-family:"Quantico",sans-serif!important;}}
@media screen and (min-width:851px) {#personal .dropdown {border: 3px solid #B0C4DE; background:#791079DD;}}
@media screen and (min-width:851px) {#personal .dropdown h3 {color:#B0C4DE;}}
@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:#B0C4DE;}

/* 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:#0745ad!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:#0745ad!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:#0745ad!important;font-family:"Quantico",sans-serif;}
#mw-site-navigation .sidebar-chunk ul, #mw-site-navigation .sidebar-chunk li a {color:#0745ad!important;font-family:"Quantico",sans-serif;}
#mw-site-navigation .sidebar-chunk ul, #mw-site-navigation .sidebar-chunk li a:visited {color:#0745ad!important;font-family:"Quantico",sans-serif;}
}

@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;}
}

@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:#a50000DD; border:solid 3px #B0C4DE;}
#mw-header-nav-hack {background-color:#a50000DD; color:#B0C4DE; border-top:none;font-family:"Quantico",sans-serif;margin-top:.4em}
#mw-site-navigation h2, #mw-related-navigation h2 {color:#B0C4DE;font-family:"Quantico",sans-serif;}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {color:#000;}
}

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

.sidebar-inner .mw-portlet {background-color: #D0C3B2; margin-bottom: 5px; border: 3px solid #a50000; 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: #000000;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 #a50000; background-color:#E8D9C6; color:#000000}
#p-namespaces li a {color:#000000}
.mw-body h1.firstHeading {border-color:#010001!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 #B0C4DE; font-weight: bold; font-family:"Quantico",sans-serif;}
.tools-inline li.selected {border-top: 0; border-left: 0; border-right: 0;}
.tools-inline li:hover {border:solid 2px #B0C4DE44; 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:#000000; font-weight: bold;}
.new.mw-list-item {font-family:"Quantico",sans-serif;}
#p-views li a {color:#000000; 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:#010001!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:#a5000044; border:2px solid #0a0a0a;}

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

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

body, #mw-content-container {background-color:#183048;}
#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:#E8D9C6; font-family:sans-serif;}
div.mw-highlight {background-color:#a5000044;}
@media screen and (max-width:850px)
#mw-data-after-content, .mw-footer {background-color:#a50000;}
#mw-content {background-color:#aaaa9b; box-shadow:0; border:none;}
}
/* Footer */
.mw-footer-container {background:#a50000; color:#B0C4DE; border:none; box-shadow: none;}
.mw-footer-container a {color: #B0C4DE;!important;}

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

@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:#D0C3B2; color:#000000; margin:10px 0 0 14em; padding: 10px; border:3px solid #a50000;}

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

/* Other */
.mw-message-box-warning {background-color:#D0C3B2; color:#000000; border: 3px solid #a50000;}
pre {background-color:#a5000044; border-color:#0a0a0a; border-style-top:solid; border-width:2px;}
div.thumbinner {background-color:#a5000044; border-color:#0a0a0a; border-style-top:solid; border-width:2px;}
code {background-color:#a5000044; border-color:#0a0a0a; border-style-top:solid; border-width:2px;}
li.gallerybox div.thumb {background-color:#a5000044; border-color:#0a0a0a; border-style-top:solid; border-width:2px;}
.mw-body li.gallerybox div.thumb {background-color:#a5000044; border-color:#0a0a0a; border-style-top:solid; border-width:2px;}

/* color list dark blue: #183048; light blue: #B0C4DE; red: #a50000; tan: #E8D9C6; dark tan: #D0C3B2; pre #a5000044 */
Retrieved from "https://mutecity.org/w/index.php?title=MediaWiki:Gadget-timeless-mute-city-classic.css&oldid=25870"