MediaWiki:Vector.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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* All CSS here will be loaded for users of the Vector skin */

@import url('https://fonts.googleapis.com/css2?family=Geologica:[email protected]&display=swap');



/* Set background and text color */

body,
#p-navigation,
#content,
#mw-head,
#mw-page-base,
#p-logo,
#p-tb,
#p-tb .body,
#p-tb-label,
#bodyContent,
#mw-panel { 
  background-color: #1e1e1e;
  color: #e0e0e0 !important;
  font-family: 'Geologica'; 
}
.mw-body { 
  background-color: #1e1e1e; 
  margin-right: 15px; 
  border: 1px solid #000000; }
#catlinks { 
  background-color: #1e1e1e; 
  border: 1px solid #000000;}

/* Links */
a {
    color: #80b3ff;
}
a:visited {
    color: #80b3ff;
}
a:hover {
    color: #ffffff;
}



/* Borders */
#mw-head-base {
  border-top: 1px solid #000000;
}
.mw-heading1,
h1,
.mw-heading2,
h2 {
  border-bottom: 1px solid #000000;
}


/* Hovering effect and margins for icons on main page */

.main-page-icons { 
  margin-right: 10px;
} 

.main-page-icons:hover { 
  width: 100%;
  height: auto;
  max-width: 100%;
  opacity: 0.7;
  cursor: pointer;
  margin-right: 10px;
} 

/* Search box and input fields */
input,
textarea,
select {
  background-color: #333;
  color: #eee;
  border: 1px solid #555;
}


/* Site backgrounds */



/* #content { background-color: #ded5ba; } */

#firstHeading { background-color: rgba(255, 132, 32, 0); }
.oo-ui-panelLayout-framed { border: 1px solid #000000; }


/* Footer */
#footer { background: none; }
#footer-icons a { background: none; }
.mw-footer { min-height: 100px; margin-top: 20px; padding-left: 0; }
.cdx-button { border: none; }
#footer-info li {
    color: #cccccc;
}

/* Top menu tabs */

.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { background-image: none; }

.vector-menu-tabs, .vector-menu-tabs a, .vector-menu-dropdown h3 {
    background-image: none; }

.vector-menu-tabs li {
    background-image: none; }

.vector-menu-tabs .selected {
    background: none; background-color: rgba(209, 191, 167, 0.69); }

.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
    color: #e0e0e0; }

/* .vector-menu-tabs { border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;} */



/* Dropdown menu */

.vector-menu-dropdown .vector-menu-content {
 background-image: none;
 background-color: rgba(209, 191, 167);
 border: 1px solid #000000; }

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background-image: none; }

/* Table customization */
/* Tables and infoboxes */
table,
.infobox {
    background-color: #2a2a2a !important;
    color: #ddd !important;
    border-color: #444 !important;
}

}
table.infotable {border: 1px solid #000000;}
.infotable tr th,
.infotable tr td {
  border: none;
  vertical-align: top;
}

table.main-page-content-bg {
  background-image: url('https://certified.wiki/images/a/a3/Main_page_content_bg.jpg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 550px; 
}

/* Search box and input fields */
input,
textarea,
select {
  background-color: #333 !important;
  color: #eee !important;
  border: 1px solid #555 !important;
}
/* Highlighted text (e.g., search results) */
.searchmatch {
    background-color: #444;
    color: #fff;
}




/* Dark background for gallery container */
.gallery {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

/* Dark background for each gallery box */
.gallerybox {
    background-color: #2a2a2a !important;
    border: 1px solid #444 !important;
}
/* Thumbnail area inside each gallery box */
.gallerybox .thumb {
    background-color: #2a2a2a !important;
}

/* Captions under gallery images */
.gallerytext {
    color: #cccccc !important;
}


.mw-changeslist-legend {
  background-color: #2a2a2a;
}

ul {
  color: #cccccc;
}