MediaWiki:Common.css: Difference between revisions

Latest revision as of 15:06, 11 June 2026

/* 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 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 1em !important;
}
ul.gallery .gallerycarousel {
    width: 100% !important;
}
li.gallerycarousel.mw-gallery-slideshow-thumbnails-toggled ~ li.gallerybox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 1em !important;
} 
ul.gallery.mw-gallery-packed .gallerybox .gallerytext {
    margin-left: .5em;
    margin-right: .5em;
}









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;
    border: 1px solid #808080;
    border-bottom-color: #2c2c2c;
    border-right-color: #2c2c2c; 
    border-collapse: separate;
}

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