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 */
li.gallerycarousel.mw-gallery-slideshow-thumbnails-toggled ~ li.gallerybox .thumb,
li.gallerycarousel.mw-gallery-slideshow-thumbnails-toggled ~ li.gallerybox .gallerytext {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
ul.gallery li.gallerybox .gallerytext {
padding-left: 1em !important;
padding-right: 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;
}