MediaWiki:Common.css: Difference between revisions

From One Nation Under Jou
Jump to navigation Jump to search
No edit summary
m (hopefully this is finally correct)
 
(392 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


/* Cascades border-box value to all elements that accept it
/* image thumbnail colors */
.mediawiki, .mediawiki *, .mediawiki *::before, .mediawiki *::after {
figure, figure figcaption, div.thumb {
-webkit-box-sizing: border-box;
    background-color: #111835 !important;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
*/
div.thumb, figure img {
/* WikiEditor toolbar components cannot handle cascade
    background-color: #19234d !important;
.wikiEditor-ui-toolbar * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
}
*/
li.gallerybox div.thumb {
/* neither can latest notification and talk bubble backgrounds
    border: 1px solid #c8c8c8 !important;
#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-message .mw-echo-notifications-badge {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
}
*/
 
/*********
/* gallery controls */
** TEMP Reproduce notorious 3.00em margin-left that WAS once part of Dynamic Layouts
/* 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 {
/* setting ported to common.css on 01/25/2015 */
    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;
/* re-labeled ids moved to site.css on 05/03/2015 */
body.ns-0 #pageContainer,
body.ns-114 #pageContainer {
position: relative;
display: block;
margin-right: 0;
margin-left: 0;
}
}
body.ns-0 #regionContainer,
.gallery-onenation .oo-ui-icon-next, .mw-ui-icon-next:before {
body.ns-114 #regionContainer {
    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;
position: relative;
display: block;
margin-right: 3.00em;
margin-left: 3.00em;
}
}
body.ns-0 #columnContainer,
.gallery-onenation .oo-ui-icon-previous, .mw-ui-icon-previous:before {
body.ns-114 #columnContainer{
    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;
position: static;
display: block;
margin-right: auto;
margin-left: auto;
}
}
/* Layout area after h1 firstHeading but before div #mw-content-text */
/* sets opacity to 1 */
/* body.skin-vector div.mw-body-content {
.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) {
position: relative;
    opacity: 1;
font-size: calc((12 / 16) * 1.00em;
line-height: 1.8667;
z-index: 0;
}
}
*/
/* remove the gap at the top of the gallery */
/*********
.gallery-onenation {
** Most-used standard templates
    margin-top: 0 !important;
*********/
/* All header templates */
/* colours common to Template:Header and MediaWiki:Proofreadpage header template */
table.headertemplate, table.footertemplate, .subheadertemplate {
border: 1px solid #ACA;
background-color: #E6F2E6;
}
}
/* Real header templates */
 
table.headertemplate, table.translationheadertemplate, table.portalheadertemplate, .subheadertemplate, .processheadertemplate, .authortemplate {
/* css for ribbon images in Template:Infobox Awards */
width: 100%;
td p.ribbon_template_image_row {
margin-bottom: 4px;
    margin-bottom: 2px !important;
    margin-top: 2px !important;
}
}
/* Forward and backward link */
td p.ribbon_template_image_row a.image img {
.gen_header_backlink, .gen_header_forelink {
    margin-bottom: 3px !important;
width: 20%;
    margin-top: 3px !important;
font-size: 0.9em;
line-height: normal;
}
}
.gen_header_backlink {
 
text-align: left;
/* bullet point changed to a disc that complies with the font color */
ul {
    list-style: disc;
}
}
.gen_header_forelink {
text-align: right;
/* "Tools" toolbar font color */
#p-tb-label {
    color: #c8c8c8;
}
}
/* Title field */
 
.gen_header_center_cell {
/* change background and border of selected tabs */
width: 60%;
#p-namespaces li.selected a, /* left nav bar */
text-align: center;
#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;
}
}


#header_section_text .mw-selflink {
/* change background of unselected tabs */
font-weight: inherit; /* disable bolding of self-links in the section field of <pages header=1/> */
#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 ;
}
}


/* Notes field */
/* remove background image of tabs */
table.translation_notes, .process_notes, .author_notes {
#p-namespaces,
width: 100%;
#p-views,
font-size: 0.9em;
#p-cactions,
line-height: 1.4;
#p-cactions-label
margin-bottom: 4px; /* a bit of space before body-text; 1em might be better... */
{
    background-image: none !important;
}
}
table.header_notes {
 
border-bottom: 1px solid #A0A0A0;
/* footer text and "more tab" text
background-color: #FAFAFF;
* text for the editsection
*/
#footer li,
#p-cactions-label,
.mw-editsection-bracket,
.mw-editsection-divider
{
    color: #999999 !important;
}
}
/* Specific header templates */
/* For Header template, see above with ProofreadPage code */


/* Template:Author */
/* top right user section */
.authortemplate {
#pt-anonuserpage,
border: 1px solid #BEA2A2;
#pt-userpage a
background-color: #E4D8D8;
{
    background-position: left 0.5em;
    background-size: 1em 1em;
}
}
.author_notes {
 
border-bottom: 1px solid #A88;
/* new page redlink color */
background-color: #FFFBFC;
a.new,
#p-personal a.new,
a.new:visited
{
    color: #BA0000 !important;
}
}
.author_seealso { /* Remove this if we change to Plain_sister usage */
 
float: right;
/*  
padding: 2px;
* external text link color
margin: 0 0 0.5em 1em;
* internal text link color
border: 1px solid #CCC;
*/
a.external ,
a.external.text,
a.internal,
a.internal.text
{
    color: #55798B !important;
}
}
/* Process_header template */
 
.processheadertemplate {
/*
border: 1px solid #966;
* left nav bar link color
background-color: #DCA;
* 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;
}
}
.process_notes {
 
border-bottom: 1px solid #A88;
/* fixed broken help icon */
background-color: #FFFBFC;
#mw-indicator-mw-helplink a
{
    background: no-repeat left center / 1.16em url(/wiki/resources/src/mediawiki.helplink/images/helpNotice.svg?f9bd3) !important;
}
}
/* Portal_header template */
 
table.portalheadertemplate {
/* removal of Visual Editor tab */
border: 1px solid #36A;
#ca-ve-edit
background-color: #DDE;
{
    display: none !important;
}
}
table.portal_notes {
 
border-bottom: 1px solid #88A;
/* add border to galleries */
background-color: #FCFBFF;
li.gallerybox
{
    border: 1px solid rgba(200, 200, 200, 0.69) !important;
    background-color: #111835 !important;
    text-align: left !important;
}
}
/* Translation_header template */
li.gallerybox div.thumb
table.translationheadertemplate {
{
border: 1px solid #FDD017;
    border: none !important;
background-color: #FFB;
}
}
table.translation_notes {
 
border-bottom: 1px solid #FDD017;
/* spacing in gallery */
background-color: #FFF8DC;
ul.gallery {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 1em !important;
}
}
/***********
ul.gallery .gallerycarousel {
* Score extension
    width: 100% !important;
***********/
.mw-ext-score {
display: table;
margin: auto;
}
}
/* Prevent scores spilling over [[phab:T67252]] */
li.gallerycarousel.mw-gallery-slideshow-thumbnails-toggled ~ li.gallerybox {
.mw-ext-score img {
    display: flex;
     max-width: 100%;
    flex-direction: column;
     height: auto;
    align-items: center;
    justify-content: center;
    padding-top: 1em !important;
}
ul.gallery.mw-gallery-packed .gallerybox .gallerytext {
     margin-left: .5em;
     margin-right: .5em;
}
}
/*********
 
** File namespace
 
*********/
 
/* parameter fields for Information & Book templates */
 
.fileinfo-paramfield {
 
display: table-cell;
 
background: #CCF;
 
font-weight: bold;
 
padding-right: 0.40em;
 
text-align: right;
body, #mw-page-base {
vertical-align: top;
    background-color: #111835;
width: 15%;
    background-image: none;
    color: #c8c8c8 !important;
}
}
/*********
#content {
** Page namespace
    background-color: #19234d;
*********/
    border-color: #c8c8c8;
/* transcluded pages */
.lefttext p {
text-indent: 2em;
}
}
.lefttext .poem p {
 
text-indent: 0;
a:link {
  color: #55798B;
}
}
.lefttext .tiInherit p {
a:visited {
text-indent: inherit;
  color: #55798B !important;
}
}
.lefttext {
a:hover {
width: 33em;
  color: #ccdeff !important;
text-align: justify;
  text-decoration: underline !important;
margin-left: 5em;
}
}
.leftoutdent {
a:active {
padding-left: 2em;
  color: #ccdeff !important;
text-indent: -2em;
max-width: 33em;
margin-left: 5em;
}
}
/* similar to tiInherit, above; wrap something with a div of this class and set line-height; poem-tags, too */
 
.lhInherit p {
 
line-height: inherit;
.mw-body {
    margin-top: 0px;
    color: #c8c8c8;
}
}
/* Justify Text in Page namespace */
.mw-editinginterface, .mw-editform {
body.ns-104 div.pagetext, body.mw-mobile-mode div.pagetext {
    color: #222222;
text-align: justify !important;
}
}
/* ProofreadPage */
.mw-content-ltr, .mw-editinginterface {
.quality4 { background-color: #90ff90 !important; }
    color: #c8c8c8 !important;
.quality3 { background-color: #ffe867 !important; }
.quality2 { background-color: #b0b0ff !important; }
.quality1 { background-color: #ffa0a0 !important; }
.quality0 { background-color: #ddd !important; }
.qualitye { background-color: #ffffff !important; }
.ns-104 .mw-editsection {
visibility: hidden;
}
}
/* not in remarks */
 
div#remarks a.quality4 { background: #ffffff; }
#left-navigation {
div#remarks a.quality3 { background: #ffffff; }
    margin-left: 11.5em;
div#remarks a.quality2 { background: #ffffff; }
div#remarks a.quality1 { background: #ffffff; }
div#remarks a.quality0 { background: #ffffff; }
div#remarks a.qualitye { background: #ffffff; }
/* pr_typos faux underline defaults */
.coquille {
border-bottom: 1px dashed #666;
}
}
/* pr_typos message forced right in Quality bar */
 
body.ns-104 span#corr-info {
 
float: right !important;
h1, h2, h3, h4, h5 {
    color: #c8c8c8;
}
}
/*
 
* Specific to manipulating image files (IMG) via class settings
div.vectorTabs {
*/
    padding-left: 0px;
img.floatright {
    background-image: none;
float: right !important;
}
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;
}
}
img.floatleft {
 
float: left !important;
div#footer ul li {
    color: #c8c8c8;
}
}
/* Change the external link icon to an Adobe icon for all PDF files
 
* in browsers that support these CSS selectors, like Mozilla and Opera
#pagehistory li.selected {
*/
    background-color: unset;
.mw-body a[href$=".pdf"].external, .mw-body a[href*=".pdf?"].external, .mw-body a[href*=".pdf#"].external, .mw-body a[href$=".PDF"].external, .mw-body a[href*=".PDF?"].external, .mw-body a[href*=".PDF#"].external, div#mw_content a[href$=".pdf"].external, div#mw_content a[href*=".pdf?"].external, div#mw_content a[href*=".pdf#"].external, div#mw_content a[href$=".PDF"].external, div#mw_content a[href*=".PDF?"].external, div#mw_content a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
/* @noflip */
padding-right: 18px;
}
}
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
 
* is used (notably Template:PDFlink). This works in IE, unlike the above.
table, table.wikitable, div.thumbinner, img.thumbimage {  
*/
    background-color: #111835;
.mw-body span.PDFlink a, div#mw_content span.PDFlink a {
    color: #c8c8c8;  
background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
/* @noflip */
padding-right: 18px;
}
}


/*********
#pagehistory li.selected {
** Ruby text
color: inherit;
*********/
rt {
/* because the default font-size is 0.875em, bump up the smaller text size or it's really small at 50% */
font-size: 60%;
}
}


/*********
.mw-editinginterface, .mw-editform {
** Dividers
color: inherit;
*********/
hr {
/* don't allow to exceed page size even if set manually */
max-width:100%;
}
}


@media print {
#filetoc {
p {
background-color: inherit;
text-align: inherit; /* override the load.php 'justify', which breaks centre and right alignments */
}
#mw-content-text {
text-align: justify; /* apply justify to the out div, and centred/right-aligned can override as usual */
}
}
}


/*************
table.wikitable > tr > th, table.wikitable > * > tr > th {
** OOUI hacks
background-color: inherit;
*************/
/* T280543 */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help {
    margin-left: -2rem;
}
}


/* @end */
.mw-parser-output a.extiw, .mw-parser-output a.extiw:active {
color: #55798B !important;
}

Latest revision as of 03:18, 11 July 2023

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

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;
}
Retrieved from "https://jou.swc-web.org/wiki/index.php?title=MediaWiki:Common.css&oldid=1783"