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

:root {
  --background-top: url("/resources/assets/wiki_background_top.png");
  --background-bottom: url("/resources/assets/wiki_background_bottom.png");
  --background-top-size: 1856;
  --background-bottom-size: 1856;
  --content-border-top-color: #FFFFFF;
  --content-border-left-color: #FFFFFF;
  --content-background-color: #FFFFFF;
  --navbar-background: url('https://static.miraheze.org/btawiki/c/cf/Wiki_navbar_bg.png');
  --navbar-border: url('https://static.miraheze.org/btawiki/8/89/Wiki_navbar_border.png');
  --navbar-button-border: url('https://static.wikitide.net/btawiki/8/83/Wiki_navbar_button_border.png');
  --navbar-background-size: 32px;
}

body {
  background-image: var(--background-top), var(--background-bottom);
  background-repeat: repeat-x, repeat;
  background-position: top center, top center;
  background-size: 100% auto, 100% auto;
  background-position: 0 0 !important;
  image-rendering: pixelated;

}

.skin-vector-legacy #mw-page-base {
	background: none;
}

.skin-vector-legacy .mw-body {
    position: relative;
    background-color: var(--content-background-color);
    border: none;
    border-top: 6px solid var(--content-border-top-color);
    border-left: 6px solid var(--content-border-left-color);
}

.skin-vector-legacy .vector-menu-portal .vector-menu-content, .skin-vector-legacy #p-personal .vector-menu-content-list, #mw-panel.collapsible-nav .portal .vector-menu-content, #mw-panel.collapsible-nav .portal .vector-menu-heading {
	background-image: var(--navbar-background) !important;
	background-repeat: repeat;
	background-size: var(--navbar-background-size);
	border-image-slice: 3 3 3 3;
    border-image-width: 6px 6px 6px 6px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
	border-image-source: var(--navbar-border);
    border-style: solid;
}