MediaWiki:Common.css
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.
/* CSS placed here will be applied to all skins */ /* image thumbnail colors */ figure, figure figcaption, div.thumb { background-color: #111835 !important; } div.thumb, figure img { background-color: #19234d !important; } li.gallerybox div.thumb { border: 1px solid #c8c8c8 !important; } /* gallery controls */ /* I added style=%22fill%3A%23c8c8c8%22 in the svg link, telling it to have a ffffff color. */ .gallery-onenation .oo-ui-icon-imageGallery, .mw-ui-icon-imageGallery:before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 style=%22fill%3A%23ffffff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eimage gallery%3C/title%3E%3Cpath d=%22M3 5a2 2 0 00-2 2v10a2 2 0 002 2h14a2 2 0 002-2V7a2 2 0 00-2-2zm0 11l3.5-4.5 2.5 3 3.5-4.5 4.5 6zM16 2a2 2 0 012 2H2a2 2 0 012-2z%22/%3E%3C/svg%3E") !important; } .gallery-onenation .oo-ui-icon-next, .mw-ui-icon-next:before { background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 style=%22fill%3A%23c8c8c8%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Enext%3C/title%3E%3Cpath d=%22M7 1L5.6 2.5 13 10l-7.4 7.5L7 19l9-9z%22/%3E%3C/svg%3E) !important; } .gallery-onenation .oo-ui-icon-previous, .mw-ui-icon-previous:before { background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 style=%22fill%3A%23c8c8c8%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eprevious%3C/title%3E%3Cpath d=%22M4 10l9 9 1.4-1.5L7 10l7.4-7.5L13 1z%22/%3E%3C/svg%3E) !important; } /* sets opacity to 1 */ .gallery-onenation .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not(.oo-ui-image-invert), .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator:not(.oo-ui-image-invert) { opacity: 1; } /* remove the gap at the top of the gallery */ .gallery-onenation { margin-top: 0 !important; } /* css for ribbon images in Template:Infobox Awards */ td p.ribbon_template_image_row { margin-bottom: 2px !important; margin-top: 2px !important; } td p.ribbon_template_image_row a.image img { margin-bottom: 3px !important; margin-top: 3px !important; } /* bullet point changed to a disc that complies with the font color */ ul { list-style: disc; } /* "Tools" toolbar font color */ #p-tb-label { color: #c8c8c8; } /* change background and border of selected tabs */ #p-namespaces li.selected a, /* left nav bar */ #p-views li.selected a, /* right nav bar */ #p-cactions li.selected a /* 'more' tab */ { background: #19234D !important; color: #C8C8C8; border-top: 1px solid #c8c8c8 !important; border-left: 1px solid #c8c8c8 !important; border-right: 1px solid #c8c8c8 !important; border-bottom: none !important; height: 3.15em !important; } /* change background of unselected tabs */ #p-namespaces li a, /* left nav bar */ #p-views li a, /* right nav bar */ #p-cactions li a /* 'more' tab */ { background: #111835 !important; color: #C8C8C8 ; } /* remove background image of tabs */ #p-namespaces, #p-views, #p-cactions, #p-cactions-label { background-image: none !important; } /* footer text and "more tab" text * text for the editsection */ #footer li, #p-cactions-label, .mw-editsection-bracket, .mw-editsection-divider { color: #999999 !important; } /* top right user section */ #pt-anonuserpage, #pt-userpage a { background-position: left 0.5em; background-size: 1em 1em; } /* new page redlink color */ a.new, #p-personal a.new, a.new:visited { color: #BA0000 !important; } /* * external text link color * internal text link color */ a.external , a.external.text, a.internal, a.internal.text { color: #55798B !important; } /* * left nav bar link color * edit section link color */ .vector-menu-portal, .vector-menu-content li a, .mw-editsection a:link, .mw-editsection a:visited, #mw-indicator-mw-helplink a { color: #C8C8C8 !important; } /* table of contents */ .toctogglelabel { color: #C8C8C8 !important; } .toc { background-color: #111835 !important; } /* file page */ .mw_metadata td, .mw_metadata th, #filetoc { background-color: #111835 !important; border: 1px solid #C8C8C8 !important; color: #C8C8C8 !important; } /* fixed broken help icon */ #mw-indicator-mw-helplink a { background: no-repeat left center / 1.16em url(/wiki/resources/src/mediawiki.helplink/images/helpNotice.svg?f9bd3) !important; } /* removal of Visual Editor tab */ #ca-ve-edit { display: none !important; } /* add border to galleries */ li.gallerybox { border: 1px solid rgba(200, 200, 200, 0.69) !important; background-color: #111835 !important; text-align: left !important; } li.gallerybox div.thumb { border: none !important; } /* spacing in gallery */ ul.gallery li.gallerybox .thumb, ul.gallery li.gallerybox .gallerytext { margin-left: auto !important; margin-right: auto !important; } ul.gallery li.gallerybox .gallerytext { margin-left: 1em !important; } ul.gallery { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; gap: 1em !important; } ul.gallery .gallerycarousel { width: 100% !important; } body, #mw-page-base { background-color: #111835; background-image: none; color: #c8c8c8 !important; } #content { background-color: #19234d; border-color: #c8c8c8; } a:link { color: #55798B; } a:visited { color: #55798B !important; } a:hover { color: #ccdeff !important; text-decoration: underline !important; } a:active { color: #ccdeff !important; } .mw-body { margin-top: 0px; color: #c8c8c8; } .mw-editinginterface, .mw-editform { color: #222222; } .mw-content-ltr, .mw-editinginterface { color: #c8c8c8 !important; } #left-navigation { margin-left: 11.5em; } h1, h2, h3, h4, h5 { color: #c8c8c8; } div.vectorTabs { padding-left: 0px; background-image: none; } div.vectorTabs ul { background-image: none; } div.vectorTabs ul li { margin-left: 2px; margin-right: 2px; } div.vectorTabs ul li, div.vectorTabs li.selected { background-image: none; background-color: #19234d; color: #c8c8c8; } div.vectorTabs ul li a, div.vectorTabs ul li a:visited, div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li.new a, div.vectorTabs li.new a:visited { color: #c8c8c8; } div.vectorTabs ul li { border-top: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; border-bottom: none; background-color: #111835; box-sizing: border-box; } div.vectorTabs span { background-image: none; } div.vectorTabs ul li.selected { border-top: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; border-bottom: none; margin-top: 1px; } div#mw-head div.vectorMenu h3 { background-image: none; } div.vectorMenu li a, div.vectorMenu li a:visited, div.vectorMenu h3 span { color: #c8c8c8; } div.vectorMenu div.menu { background-color: #19234d; } div#mw-panel div.portal div.body { background-color: #00132C; color: black; border: 1px solid #c8c8c8; padding: 0 .8em .3em .5em; background-image: none; } div#mw-panel div.portal h3 { background: transparent; padding: 0 1em 0 .5em; display: inline; height: 1em; text-transform: lowercase; font-size: 75%; font-weight: normal; white-space: nowrap; color: #c8c8c8; margin: none; } div#simpleSearch { background-image: none; background-color: unset; } div#simpleSearch input { background-color: #00132C; color: #c8c8c8; } a, a:visited, div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited, .tocnumber { text-decoration: none; color: #55798B; background: none; } #bodyContent a.external { color: #55798B; } #toc, .toc, .mw-warning { border: 1px solid #c8c8c8; background-color: #0C3248; padding: 5px; font-size: 95%; } table { background-color: #111835; } pre { padding: 1em; border: 1px dashed #c8c8c8; color: #c8c8c8; background-color: #19234d; line-height: 1.1em; } .catlinks { border: 1px solid #c8c8c8; background-color: #111835; padding: 5px; margin-top: 1em; clear: both; } div#footer ul li { color: #c8c8c8; } #pagehistory li.selected { background-color: unset; } table, table.wikitable, div.thumbinner, img.thumbimage { background-color: #111835; color: #c8c8c8; } #pagehistory li.selected { color: inherit; } .mw-editinginterface, .mw-editform { color: inherit; } #filetoc { background-color: inherit; } table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: inherit; } .mw-parser-output a.extiw, .mw-parser-output a.extiw:active { color: #55798B !important; }