Jump to content

MediaWiki:Vector.css

From VeraciaWiki
Revision as of 18:44, 29 March 2025 by DM (talk | contribs) (Created page with "β†’**** πŸ”₯ Base page styling ****: body { background-color: #2d241f !important; color: #e0d8c3; background-image: none; } β†’**** πŸ“„ Main article content ****: .vector-body, .vector-body .mw-body, .vector-body .mw-body-content, .vector-content, .vector-main, #mw-content-text, #content, .mw-parser-output { background-color: #3e322a !important; color: #e0d8c3; border: none; } β†’**** πŸ“Œ Sticky header and titlebar ****: .vector-sticky-header, .vector-pag...")
(diff) ← Older revision | Latest revision (diff) | Newer revision β†’ (diff)

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.
/***** πŸ”₯ Base page styling *****/
body {
  background-color: #2d241f !important;
  color: #e0d8c3;
  background-image: none;
}

/***** πŸ“„ Main article content *****/
.vector-body,
.vector-body .mw-body,
.vector-body .mw-body-content,
.vector-content,
.vector-main,
#mw-content-text,
#content,
.mw-parser-output {
  background-color: #3e322a !important;
  color: #e0d8c3;
  border: none;
}

/***** πŸ“Œ Sticky header and titlebar *****/
.vector-sticky-header,
.vector-page-titlebar {
  background-color: #3a2f26 !important;
  color: #e0d8c3 !important;
  border-bottom: 1px solid #5a4c3d;
}

.vector-page-titlebar .firstHeading {
  color: #f4eacc !important;
}

/***** πŸ“š Sidebar (menus & personal tools) *****/
.vector-sidebar-container,
.vector-toc,
#mw-panel,
.mw-sidebar {
  background-color: #4c3f33 !important;
  color: #e0d8c3;
  border-right: 1px solid #5a4c3d;
}

/***** 🧾 Tables & boxes *****/
.wikitable,
table {
  background-color: #40352d;
  color: #e0d8c3;
  border-color: #5a4c3d;
}

pre, code {
  background-color: #2b221c;
  color: #f0e8d0;
  border: 1px solid #5a4c3d;
  padding: 0.2em 0.4em;
  border-radius: 4px;
}

/***** 🧭 TOC & Navigation *****/
.vector-toc {
  background-color: #3e322a !important;
  border: 1px solid #5a4c3d;
}

.vector-toc h2 {
  color: #f1e9ce;
}

/***** πŸ”— Links *****/
a {
  color: #d8b365;
}
a:visited {
  color: #c4a25f;
}
a:hover, a:focus {
  color: #f4ca86;
}

/***** πŸ§ͺ Forms & inputs *****/
input, textarea, select {
  background-color: #2b221c;
  color: #f5f0e1;
  border: 1px solid #5a4c3d;
}

/***** 🦢 Footer *****/
#footer, .mw-footer, .mw-footer-container {
  background-color: #2d241f !important;
  color: #aaa07a;
}