MediaWiki:Vector.css

From Forklift Certified Video Games
Revision as of 11:14, 8 July 2025 by Admin (talk | contribs)
Jump to navigation Jump to search

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;
  background-image: none;
  color: #e0e0e0 !important;
  font-family: 'Geologica'; 
}
.mw-body { 
  background-color: #1e1e1e; 
  margin-right: 15px; 
  border: none;
  padding: 0;
}
#catlinks { 
  background-color: #1e1e1e; 
  border: 1px solid #ffffff;
}

/* Links */
a {
    color: #80b3ff;
}
a:visited {
    color: #80b3ff;
}
a:hover {
    color: #ffffff;
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
  color: #80b3ff;
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:hover {
  color: #ffffff;
}


/* Headings */
#mw-head-base {
  border-top: 1px solid #000000;
  background-image: none;
}
.mw-heading1,
h1,
.mw-heading2,
h2,
.mw-heading3,
h3,
.mw-heading4,
h4,
.mw-heading5,
h5 {
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}
body.page-Main_Page h1 {
  border: 0;
}

/* 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%;
  background-color: #3d3d3d;
  opacity: 0.7;
  transition: .5s ease;
  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-menu-tabs-legacy li a {
  color: #80b3ff;
}

.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: #1e1e1e; }

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

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
  color: #80b3ff;
}
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
  color: #80b3ff;
}
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:hover {
  color: #ffffff;
}

/* .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: #2a2a2a;
 border: 1px solid #000000; }

.vector-menu-dropdown .mw-list-item a {
  color: #80b3ff;
}
.vector-menu-dropdown .mw-list-item a:hover {
  color: #ffffff;
}

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

.toc, .toccolours {
  background-color: #2a2a2a;
}

.tocnumber {
  color: #cccccc;
}

ul {
    list-style-image: url(https://certified.wiki/images/icons/bullet-icon.svg);
}

figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
    border: 1px solid var(--border-color-subtle, #c8ccd1);
    background-color: var(--background-color-interactive-subtle, #2a2a2a);
}
.mw-body-content figure[typeof~='mw:File/Thumb'] > a, .mw-body-content figure[typeof~='mw:File/Frame'] > a {
    border: 1px solid var(--border-color-subtle, #c8ccd1);
    background-color: #2a2a2a;
}


/* Datatables */
.mw-datatable th {
  background-color: #2a2a2a;
}
.mw-datatable td {
  background-color: #2a2a2a;
}
.mw-datatable tr:hover td {
  background-color: #3d3d3d;
  opacity: 0.7;
  transition: .5s ease;
}
.wikitable > tr > th, .wikitable > * > tr > th {
  background-color: #2a2a2a;
  color: #cccccc;
}
#filetoc {
  background-color: #2a2a2a;
}
.oo-ui-tagMultiselectWidget-handle {
  background-color: #2a2a2a;
}
.mw_metadata th {
  background-color: #2a2a2a;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background-color: #2a2a2a;
}

/* Revisions */
.diff-addedline .diffchange {
  background: #3e77ab;
}
.diff-deletedline .diffchange {
  background: #a98b3a;
}
.diff-context {
    background: #373737;
    color: #ffffff;
}
Retrieved from "https://certified.wiki/index.php?title=MediaWiki:Vector.css&oldid=1468"