MediaWiki:Vector.css

From GPhys Developer Community
Revision as of 00:56, 29 April 2026 by Rhosyn Celyn (talk | contribs) (Created page with "→‎── GPhys Developer Community – Vector Skin Theme ──: →‎Page background: html, body, #mw-page-base, #mw-head-base { background-color: #5271ff !important; } →‎Header bar: #mw-head { background-color: #5271ff !important; border-radius: 0 0 12px 12px !important; } →‎Personal links (top right): #p-personal li, #p-personal li a { color: #ffffff !important; font-weight: bold !important; } →‎Nav tabs – text only: div.vectorTabs li { b...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* ── GPhys Developer Community – Vector Skin Theme ── */

/* Page background */
html, body,
#mw-page-base, #mw-head-base {
  background-color: #5271ff !important;
}

/* Header bar */
#mw-head {
  background-color: #5271ff !important;
  border-radius: 0 0 12px 12px !important;
}

/* Personal links (top right) */
#p-personal li,
#p-personal li a {
  color: #ffffff !important;
  font-weight: bold !important;
}

/* Nav tabs – text only */
div.vectorTabs li {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  margin: 0 !important;
}

div.vectorTabs li a,
div.vectorTabs li.selected a,
div.vectorTabs li:hover a {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-weight: bold !important;
}

div.vectorTabs li.selected a,
div.vectorTabs li:hover a {
  color: #c0c8ff !important;
}

/* Also kill any remaining #p-views / #p-cactions borders */
#p-views,
#p-cactions {
  border: none !important;
  background: #5271ff !important;
}

#p-views li,
#p-cactions li {
  background: #5271ff !important;
}

#p-views ul,
#p-cactions ul {
  background: transparent !important;
  border: none !important;
}

/* Sidebar */
#mw-panel {
  background-color: #5271ff !important;
}
#mw-panel .portal {
  background-color: #5271ff !important;
  border-radius: 10px !important;
  margin-bottom: 8px !important;
}
#mw-panel .portal h3 {
  color: #ffffff !important;
  font-weight: bold !important;
}
#mw-panel .portal a,
#mw-panel div.body a {
  color: #c0c8ff !important;
  font-weight: bold !important;
}
#mw-panel .portal a:hover {
  color: #ffffff !important;
}

/* Content area */
#content, .mw-body {
  background-color: #5271ff !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 12px !important;
}
#content a, .mw-body a {
  color: #c0c8ff !important;
  font-weight: bold !important;
}
#content a:hover, .mw-body a:hover {
  color: #ffffff !important;
}

/* Headings & text */
#firstHeading, .mw-first-heading {
  color: #ffffff !important;
  font-weight: bold !important;
  border-bottom: 2px solid #ffffff !important;
}
#content p, #content li, #content td, #content th,
#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6 {
  color: #ffffff !important;
  font-weight: bold !important;
}

/* Notices / info boxes */
.mw-message-box,
.warningbox, .errorbox, .successbox {
  border-radius: 10px !important;
  border: 2px solid #ffffff !important;
  background-color: #5271ff !important;
  color: #ffffff !important;
  font-weight: bold !important;
}

/* Search box */
#p-search input#searchInput {
  background-color: #5271ff !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 8px !important;
  font-weight: bold !important;
}
#p-search input#searchInput::placeholder {
  color: #c0c8ff !important;
}

/* Footer */
#footer {
  background-color: #5271ff !important;
  color: #ffffff !important;
  border-top: 2px solid #ffffff !important;
  border-radius: 12px 12px 0 0 !important;
}
#footer a, #footer li {
  color: #c0c8ff !important;
  font-weight: bold !important;
}
#footer a:hover {
  color: #ffffff !important;
}

/* Code blocks */
code, tt {
  background-color: #3a5ce8 !important;
  color: #c0c8ff !important;
  border: 1px solid #ffffff !important;
  border-radius: 5px !important;
  padding: 1px 4px !important;
  font-weight: normal !important;
}
pre, .mw-code {
  background-color: #3a5ce8 !important;
  color: #c0c8ff !important;
  border: 2px solid #ffffff !important;
  border-radius: 8px !important;
  padding: 10px !important;
  font-weight: normal !important;
}

/* Wikitables */
table.wikitable,
table.wikitable th,
table.wikitable td {
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}
table.wikitable {
  background-color: #5271ff !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
table.wikitable th {
  background-color: #3a5ce8 !important;
}
table.wikitable td {
  background-color: #5271ff !important;
}

/* Ambox / infobox / maintenance boxes */
.ambox, .tmbox, .ombox, .cmbox, .fmbox,
.infobox, .mbox-small, .navbox, .navbox-subgroup {
  background-color: #5271ff !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 10px !important;
}
.ambox td, .infobox td, .infobox th,
.navbox td, .navbox th {
  color: #ffffff !important;
  border-color: #c0c8ff !important;
}