Toggle search
Toggle menu
11.4K
23.2K
4.5K
252.2K
bg3.wiki
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

User:Willowisp/vector-2022.css

More actions

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.
/**
 * Toggle spoiler content's display on the wiki.
 * 
 * @author Willowisp
 * 
 */
.spoiler-hidden.spoiler-hidden-allowed {
 display: none;
}

#spoilerButton.spoiler-button-hidden,
#spoilerButtonActOne.spoiler-button-hidden,
#spoilerButtonActTwo.spoiler-button-hidden,
#spoilerButtonActThree.spoiler-button-hidden {
	display: none !important;
}

#spoilerButton:hover.spoiler-button:not(.spoiler-button-on) {
	text-shadow: 0 0 1px #f58b5b, 0 0 2px #f5a371;
}

.spoiler-button:hover.spoiler-button-active:not(.spoiler-button-on) {
	text-shadow: 0 0 1px #f58b5b, 0 0 2px #f5a371;
}

#spoilerButton.spoiler-button-on {
		color: #fad2aa;
	text-shadow: 0 0 1px #ff5100, 0 0 2px #ff7119;
}

#spoilerButton.spoiler-button:not(.spoiler-button-on) {
	color: #b5b0aa;
    background-color: #302c2c;	
    border: 1px solid transparent;
}

.spoiler-button:not(.spoiler-button-active) {
	color: #4d4542;
    background-color: #302c2c;	
    border: 1px solid transparent;
}

.spoiler-button.spoiler-button-active {
	color: #b5b0aa;
    background-color: #302c2c;	
    border: 1px solid transparent;
}

.spoiler-button.spoiler-button-on:not(.spoiler-button-active) {
	color: #8c6d61;
	text-shadow: 0 0 1px #a87d6a, 0 0 2px #c9ab99;
}

.spoiler-button-active.spoiler-button-on {
	color: #fad2aa;
	text-shadow: 0 0 1px #ff5100, 0 0 2px #ff7119, 0 0 3px #ff8f33;
}

[hidden-state="hidden"] {
 display: none;
}

body {
     --bg3wiki-body-bg: #202027;
     --bg3wiki-even-row-bg: #d7d7db;
     --bg3wiki-container-bg: #d2d2d6;
     --bg3wiki-fg: #000000;
     --bg3wiki-fg-bright: #EDEDED;
     --bg3wiki-h-fg: #20213a;
     --bg3wiki-accent-dark-default: #202027;
     /* Possibly #bebbbd; or #101012 */
     --bg3wiki-accent-mid-default: #2A2A32;
     /* or #202027; */
     --bg3wiki-accent-bright-default: #d9d0d5;
    /* or #DADADC */
     --bg3wiki-a: #814F04;
    /* Red = #b30933 */
    /* or #B30934; or #AB2547 or #B31531 yellow: #7C500E or #7C500E */
     --bg3wiki-a-bright: #b30933;
     --bg3wiki-a-visited: #884833;
    /* Red: #973B52; */
    /*or #9A3746; or #A72A49; or abright variant, like #AB2547 or ... yellow: #685736 or #5C5C2E */
      /* #774B6E (palest!) #98385C (palest) or #A0304D (less pale) or #B01C52;  (saturated) or #9D3450; (most recent) */
     --bg3wiki-a-bright-visited: #973B52;
     --bg3wiki-mbox-bg: #d7d7db;
     --bg3wiki-table-border-default: 1px solid #82818f;
     --bg3wiki-wikitable-bg: #d5d5db;
	 --bg3wiki-wikitable-th-bg: #d0d0db;
     --bg3wiki-a-new: #A1361B;
     --bg3wiki-a-new-visited: #824D40;
     --aria-label-tooltip-bg: transparent;
     --aria-label-tooltip-fg: transparent;
     --aria-label-tooltip-border: transparent;
     --bg3wiki-hatnote-padding: 0 0 0 1.6em;
     --bg3wiki-hatnote-margin: 0 0 0.5em 0;
      /*Blockquote colour */
     --bg3wiki-vector-2022-blockquote-border: #a85050;
      /* Box and text colours - Default */
     --bg3wiki-box-dark-default: #bab3b6;
     --bg3wiki-box-mid-default: #c3c1c2;
     --bg3wiki-box-bright-default: #c9c7c8;
     --bg3wiki-box-bg-default: #d5d5db;
     --bg3wiki-box-border-default: 1px solid #a95160;
     --bg3wiki-box-border-faded-default: 1px solid #BA8E91;
     --bg3wiki-damage-colour-physical-fg: #58586F;
	 --bg3wiki-damage-colour-physical-fg-bright: #878787;
      /* Box and text colours - Red */
     --bg3wiki-box-dark-red: #d4a9b0;
     --bg3wiki-box-mid-red: #d4babe;
     --bg3wiki-box-bright-red: #d6c5c8;
     --bg3wiki-box-bg-red: #dbd5d6;
	 --bg3wiki-box-border-red: 1px solid #a85050;
     --bg3wiki-box-border-faded-red: 1px solid #BA8E91;
     --bg3wiki-damage-colour-force-fg: #A52C42;
	 --bg3wiki-damage-colour-force-fg-bright: #FF385D;
      /* Box and text colours - Orange*/
     --bg3wiki-box-dark-orange: #c9b199;
     --bg3wiki-box-mid-orange: #cfc0b2;
     --bg3wiki-box-bright-orange: #d1c6bc;
	 --bg3wiki-box-bg-orange: #dbd6d3;
	 --bg3wiki-box-border-orange: 1px solid #a85050;
     --bg3wiki-box-border-faded-orange: 1px solid #BA8E91;
     --bg3wiki-damage-colour-fire-fg: #8B4713;
	 --bg3wiki-damage-colour-fire-fg-bright: #E05E00;
      /* Box and text colours - Yellow */
     --bg3wiki-box-dark-yellow: #c2b793;
     --bg3wiki-box-mid-yellow: #c9c1a9;
     --bg3wiki-box-bright-yellow: #cfc9b6;
	 --bg3wiki-box-bg-yellow: #d9d7d0;
	 --bg3wiki-box-border-yellow: 1px solid #a85050;
     --bg3wiki-box-border-faded-yellow: 1px solid #BA8E91;
     --bg3wiki-damage-colour-radiant-fg: #6A5820;
	 --bg3wiki-damage-colour-radiant-fg-bright: #AD8200;
      /* Box and text colours - Yellow-green */
     --bg3wiki-box-dark-yellow-green: #baba8d;
     --bg3wiki-box-mid-yellow-green: #c4c4a1;
     --bg3wiki-box-bright-yellow-green: #c9c9ad;
	 --bg3wiki-box-bg-yellow-green: #d6d6ce;
	 --bg3wiki-box-border-yellow-green: 1px solid #a85050;
     --bg3wiki-box-border-faded-yellow-green: 1px solid #BA8E91;
     --bg3wiki-damage-colour-acid-fg: #5D5D1D;
	 --bg3wiki-damage-colour-acid-fg-bright: #8A8A00;
      /* Box and text colours - Green */
     --bg3wiki-box-dark-green: #aeba86;
     --bg3wiki-box-mid-green: #bfc7a3;
     --bg3wiki-box-bright-green: #c5ccaf;
	 --bg3wiki-box-bg-green: #d7d9d0;
	 --bg3wiki-box-border-green: 1px solid #a85050;
     --bg3wiki-box-border-faded-green: 1px solid #BA8E91;
     --bg3wiki-damage-colour-poison-fg: #4D6114;
	 --bg3wiki-damage-colour-poison-fg-bright: #6F9400;
      /* Box and text colours - Cyan-green*/
     --bg3wiki-box-dark-cyan-green: #9dbf8c;
     --bg3wiki-box-mid-cyan-green: #b1c9a5;
     --bg3wiki-box-bright-cyan-green: #bbcfb2;
	 --bg3wiki-box-bg-cyan-green: #d3d9d0;
	 --bg3wiki-box-border-cyan-green: 1px solid #a85050;
     --bg3wiki-box-border-faded-cyan-green: 1px solid #BA8E91;
     --bg3wiki-damage-colour-necrotic-fg: #2C6615;
	 --bg3wiki-damage-colour-necrotic-fg-bright: #339900;
      /* Box and text colours - Cyan */
     --bg3wiki-box-dark-cyan: #8ebfbb;
     --bg3wiki-box-mid-cyan: #a5c9c6;
     --bg3wiki-box-bright-cyan: #b2cfcc;
	 --bg3wiki-box-bg-cyan: #d0d9d8;
	 --bg3wiki-box-border-cyan: 1px solid #a85050;
     --bg3wiki-box-border-faded-cyan: 1px solid #BA8E91;
     --bg3wiki-damage-colour-healing-fg: #1A6560;
	 --bg3wiki-damage-colour-healing-fg-bright: #00998C;
      /* Box and text colours - Blue*/
     --bg3wiki-box-dark-blue: #9bb9c7;
     --bg3wiki-box-mid-blue: #afc3cc;
     --bg3wiki-box-bright-blue: #bccbd1;
	 --bg3wiki-box-bg-blue: #d0d7d9;
	 --bg3wiki-box-border-blue: 1px solid #a85050;
     --bg3wiki-box-border-faded-blue: 1px solid #BA8E91;
     --bg3wiki-damage-colour-cold-fg: #0E627C;
	 --bg3wiki-damage-colour-cold-fg-bright: #0091C2;
      /* Box and text colours - Indigo */
     --bg3wiki-box-dark-indigo: #a7b7d1;
     --bg3wiki-box-mid-indigo: #b8c2d6;
     --bg3wiki-box-bright-indigo: #c1c8d6;
	 --bg3wiki-box-bg-indigo: #d1d7e3;
	 --bg3wiki-box-border-indigo: 1px solid #a85050;
     --bg3wiki-box-border-faded-indigo: 1px solid #BA8E91;
     --bg3wiki-damage-colour-lightning-fg: #1A52C1;
	 --bg3wiki-damage-colour-lightning-fg-bright: #4281FF;
      /* Box and text colours - Violet */
     --bg3wiki-box-dark-violet: #c4aed4;
     --bg3wiki-box-mid-violet: #cbbcd6;
     --bg3wiki-box-bright-violet: #cfc5d6;
	 --bg3wiki-box-bg-violet: #dbd5e0;
	 --bg3wiki-box-border-violet: 1px solid #a85050;
     --bg3wiki-box-border-faded-violet: 1px solid #BA8E91;
     --bg3wiki-damage-colour-thunder-fg: #8127C2;
	 --bg3wiki-damage-colour-thunder-fg-bright: #B957FF;
      /* Box and text colours - Magenta*/
     --bg3wiki-box-dark-magenta: #d4a7ca;
     --bg3wiki-box-mid-magenta: #d6b8cf;
     --bg3wiki-box-bright-magenta: #d6c1d1;
	 --bg3wiki-box-bg-magenta: #ded3dc;
	 --bg3wiki-box-border-magenta: 1px solid #a85050;
     --bg3wiki-box-border-faded-magenta: 1px solid #BA8E91;
     --bg3wiki-damage-colour-psychic-fg: #82457A;
	 --bg3wiki-damage-colour-psychic-fg-bright: #C766B2;
}

a:hover {
color: #B30059;
/* or #FFF0BE, if yellow */
}

 #firstHeading {
      background-color: var(--bg3wiki-accent-dark-default);
      color: var(--bg3wiki-container-bg);
      border-radius: 4px;
      padding:0.2em 0.2em 0.2em 0.4em;
      border-bottom: none;
 }

.mw-header {
    min-height: 2.125em;
    width: 100%;
    background-color: var(--bg3wiki-mbox-bg);
    border-radius: 12px;
border-bottom: var(--bg3wiki-table-border-default);
    padding: 0;
  }

.mw-header-aside,
.mw-header-content {
  background-color: transparent;
}

.cdx-search-input--has-end-button {
  background-color: var(--bg3wiki-mbox-bg);
  color: var(--bg3wiki-h-fg);
  border: var(--bg3wiki-table-border-default);
}

.cdx-text-input__input {
  background-color: var(--bg3wiki-container-bg);
}

.cdx-text-input__input:enabled {
  background-color: var(--bg3wiki-container-bg);
}

.cdx-text-input__input:enabled:focus {
  box-shadow: inset 0 0 0 1px var(--bg3wiki-a);
  border: 1px solid var(--bg3wiki-a);
  color: var(--bg3wiki-fg);
  outline: 1px solid transparent;
  background-color: white;
}

.cdx-button--framed:enabled {
  background-color: var(--bg3wiki-mbox-bg);
  color: var(--bg3wiki-h-fg);
  border: var(--bg3wiki-table-border-default);
}

.cdx-button--framed:enabled:hover {
  background-color: var(--bg3wiki-container-bg);
  border: 1px solid var(--bg3wiki-a);
  color: var(--bg3wiki-fg);
}

.cdx-text-input__input:enabled ~ .cdx-text-input__icon {
  color: var(--bg3wiki-h-fg);
}

.cdx-search-input--has-end-button {
  background-color: var(--bg3wiki-container-bg);
  border: var(--bg3wiki-table-border-default);
  color: var(--bg3wiki-fg);
}

.cdx-text-input__input,
.cdx-text-input__input:enabled {
  color: #454545;
  border: var(--bg3wiki-table-border-default);
}

 .vector-search-box-input {
    background-color: var(--bg3wiki-container-bg);
    color: var(--bg3wiki-fg);
    box-sizing: border-box;
    border: var(--bg3wiki-table-border-default);
}

#pagehistory li.selected {
  background: var(--bg3wiki-box-bg-default);
  color: var(--bg3wiki-fg);
  outline: 1px dashed #a85050;
}

.diff-context {
  background: var(--bg3wiki-box-bg-default);
  color: var(--bg3wiki-fg);
  border: var(--bg3wiki-table-border-default);
}

.diff-addedline {
  background: var(--bg3wiki-container-bg);
  border-color: #9c7b52;
}

.diff-deletedline {
  background: var(--bg3wiki-container-bg);
border-color: #693d36;
}

.diff-addedline .diffchange {
  background: #ffe4c2;
}

.diff-deletedline .diffchange {
  background: #ffada1;
}

@media (prefers-color-scheme: dark) {
/* 26, 30, 36, 46*/
	body {
     --bg3wiki-body-bg: #201d1d;
     --bg3wiki-even-row-bg: #1f1d1a;
     --bg3wiki-container-bg: #1C1A17;
     --bg3wiki-fg: #EDEDED;
     --bg3wiki-fg-bright: #EDEDED;
     --bg3wiki-h-fg: #E8C5A2;
     --bg3wiki-accent-dark-default: #241e1b;
     --bg3wiki-accent-mid-default: #33302e;
     --bg3wiki-accent-bright-default: #1F1B19;
     --bg3wiki-a: #BD7832;
     --bg3wiki-a-bright: #BD7832;
     --bg3wiki-a-visited: #A88161;
     --bg3wiki-a-bright-visited: #A88161;
     --bg3wiki-a-external: #AF7B23;
     --bg3wiki-mbox-bg: #211f1c;
     --bg3wiki-table-border-default: 1px solid #976b49;
     --bg3wiki-wikitable-bg: #211e1d;
	 --bg3wiki-wikitable-th-bg: #2b2927;
     --bg3wiki-a-new: #ff4646;
     --bg3wiki-a-new-visited: #c73232;
      /*Blockquote colour */
     --bg3wiki-vector-2022-blockquote-border: #917459;
      /* Box and text colours - Default */
     --bg3wiki-box-dark-default: #3e3932;
     --bg3wiki-box-mid-default: #332f29;
     --bg3wiki-box-bright-default: #2d2924;
     --bg3wiki-box-bg-default: #211e1d;
     --bg3wiki-box-border-default: 1px solid #917559;
     --bg3wiki-box-border-faded-default: 1px solid #5C4D44;
     --bg3wiki-damage-colour-physical-fg: #878787;
      /* Box and text colours - Red */
     --bg3wiki-box-dark-red: #4a3034;
     --bg3wiki-box-mid-red: #36282a;
     --bg3wiki-box-bright-red: #2b2123;
	 --bg3wiki-box-bg-red: #1f1a1b;
	 --bg3wiki-box-border-red: 1px solid #a85050;
     --bg3wiki-box-border-faded-red: 1px solid #BA8E91;
     --bg3wiki-damage-colour-force-fg: #FF385D;
      /* Box and text colours - Orange*/
     --bg3wiki-box-dark-orange: #40352c;
     --bg3wiki-box-mid-orange: #332a25;
     --bg3wiki-box-bright-orange: #29231f;
	 	 --bg3wiki-box-bg-orange: #1c1917;
	 --bg3wiki-box-border-orange: 1px solid #a85050;
     --bg3wiki-box-border-faded-orange: 1px solid #BA8E91;
     --bg3wiki-damage-colour-fire-fg: #E05E00;
      /* Box and text colours - Yellow */
     --bg3wiki-box-dark-yellow: #3b3729;
     --bg3wiki-box-mid-yellow: #302c20;
     --bg3wiki-box-bright-yellow: #26241e;
	 	 --bg3wiki-box-bg-yellow: #1c1b17;
	 --bg3wiki-box-border-yellow: 1px solid #a85050;
     --bg3wiki-box-border-faded-yellow: 1px solid #BA8E91;
     --bg3wiki-damage-colour-radiant-fg: #AD8200;
      /* Box and text colours - Yellow-green */
     --bg3wiki-box-dark-yellow-green: #383827;
     --bg3wiki-box-mid-yellow-green: #2e2e1d;
     --bg3wiki-box-bright-yellow-green: #272321;
	 	 --bg3wiki-box-bg-yellow-green: #1c1c16;
	 --bg3wiki-box-border-yellow-green: 1px solid #a85050;
     --bg3wiki-box-border-faded-yellow-green: 1px solid #BA8E91;
     --bg3wiki-damage-colour-acid-fg: #8A8A00;
      /* Box and text colours - Green */
     --bg3wiki-box-dark-green: #343827;
     --bg3wiki-box-mid-green: #2a2e1d;
     --bg3wiki-box-bright-green: #24261e;
	 	 --bg3wiki-box-bg-green: #1b1c16;
	 --bg3wiki-box-border-green: 1px solid #a85050;
     --bg3wiki-box-border-faded-green: 1px solid #BA8E91;
     --bg3wiki-damage-colour-poison-fg: #6F9400;
      /* Box and text colours - Cyan-green*/
     --bg3wiki-box-dark-cyan-green: #2f3b28;
     --bg3wiki-box-mid-cyan-green: #232e1d;
     --bg3wiki-box-bright-cyan-green: #21261e;
	 	 --bg3wiki-box-bg-cyan-green: #181c16;
	 --bg3wiki-box-border-cyan-green: 1px solid #a85050;
     --bg3wiki-box-border-faded-cyan-green: 1px solid #BA8E91;
     --bg3wiki-damage-colour-necrotic-fg: #339900;
      /* Box and text colours - Cyan */
     --bg3wiki-box-dark-cyan: #283b39;
     --bg3wiki-box-mid-cyan: #1d2e2c;
     --bg3wiki-box-bright-cyan: #1e2626;
	 	 --bg3wiki-box-bg-cyan: #161c1b;
	 --bg3wiki-box-border-cyan: 1px solid #a85050;
     --bg3wiki-box-border-faded-cyan: 1px solid #BA8E91;
     --bg3wiki-damage-colour-healing-fg: #00998C;
      /* Box and text colours - Blue*/
     --bg3wiki-box-dark-blue: #2a3a40;
     --bg3wiki-box-mid-blue: #202f33;
     --bg3wiki-box-bright-blue: #1e2426;
	 	 --bg3wiki-box-bg-blue: #161a1c;
	 --bg3wiki-box-border-blue: 1px solid #a85050;
     --bg3wiki-box-border-faded-blue: 1px solid #BA8E91;
     --bg3wiki-damage-colour-cold-fg: #0091C2;
      /* Box and text colours - Indigo */
     --bg3wiki-box-dark-indigo: #2e374a;
     --bg3wiki-box-mid-indigo: #262c38;
     --bg3wiki-box-bright-indigo: #21242b;
	 	 --bg3wiki-box-bg-indigo: #191a1f;
	 --bg3wiki-box-border-indigo: 1px solid #a85050;
     --bg3wiki-box-border-faded-indigo: 1px solid #BA8E91;
     --bg3wiki-damage-colour-lightning-fg: #4281FF;
      /* Box and text colours - Violet */
     --bg3wiki-box-dark-violet: #402f4d;
     --bg3wiki-box-mid-violet: #33273b;
     --bg3wiki-box-bright-violet: #27212b;
	 	 --bg3wiki-box-bg-violet: #1c191f;
	 --bg3wiki-box-border-violet: 1px solid #a85050;
     --bg3wiki-box-border-faded-violet: 1px solid #BA8E91;
     --bg3wiki-damage-colour-thunder-fg: #B957FF;
      /* Box and text colours - Magenta*/
     --bg3wiki-box-dark-magenta: #4a2e42;
     --bg3wiki-box-mid-magenta: #3b2636;
     --bg3wiki-box-bright-magenta: #2b2129;
	 	 --bg3wiki-box-bg-magenta: #1f191e;
	 --bg3wiki-box-border-magenta: 1px solid #a85050;
     --bg3wiki-box-border-faded-magenta: 1px solid #BA8E91;
     --bg3wiki-damage-colour-psychic-fg: #C766B2;
}
 #firstHeading {
      background-color: transparent;
      color: var(--bg3wiki-h-fg);
      border-radius: 0px;
      padding:0.2em 0.2em 0.2em 0.4em;
      border-bottom: 1px solid #d6bca4;
background: -webkit-linear-gradient(top, #fffaf6, #fbcea0);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mw-header {
    min-height: 2.125em;
    width: 100%;
    background-color: none;
    border-radius: 12px;
    padding: 0;
    border-bottom: 0;
  }

.mw-header-aside,
.mw-header-content {
  background-color: var(--bg3wiki-accent-dark-default);
}

.cdx-search-input--has-end-button {
  background-color: var(--bg3wiki-mbox-bg);
  color: var(--bg3wiki-h-fg);
  border: var(--bg3wiki-box-border-default);
}

.cdx-text-input__input {
  background-color: var(--bg3wiki-container-bg);
  border: var(--bg3wiki-box-border-default);
}

.cdx-text-input__input:enabled {
  background-color: var(--bg3wiki-container-bg);
  border: var(--bg3wiki-box-border-default);
}


.cdx-text-input__input:enabled:focus {
  box-shadow: inset 0 0 0 1px var(--bg3wiki-a);
  border: 1px solid var(--bg3wiki-a);
  color: var(--bg3wiki-fg);
  outline: 1px solid transparent;
  background-color: #151514;
}

.cdx-button--framed:enabled {
  background-color: var(--bg3wiki-mbox-bg);
  color: var(--bg3wiki-h-fg);
  border: var(--bg3wiki-box-border-default);
}

.cdx-button--framed:enabled:hover {
  background-color: var(--bg3wiki-container-bg);
  border: 1px solid var(--bg3wiki-a);
  color: var(--bg3wiki-fg);
}

.cdx-text-input__input:enabled ~ .cdx-text-input__icon {
  color: #bbc3cc;
}

.cdx-search-input--has-end-button {
  background-color: var(--bg3wiki-container-bg);
  border: var(--bg3wiki-box-border-default);
  color: var(--bg3wiki-fg);
}

.cdx-text-input__input,
.cdx-text-input__input:enabled {
  color: #ffd5c0; 
  border-color: var(--bg3wiki-table-border-default);
  border: var(--bg3wiki-box-border-default);
}

 .vector-search-box-input {
    background-color: var(--bg3wiki-container-bg);
    color: var(--bg3wiki-fg);
    box-sizing: border-box;
    border: var(--bg3wiki-box-border-default);
}

#pagehistory li.selected {
  background: var(--bg3wiki-box-bg-default);
  color: var(--bg3wiki-fg);
  outline: 1px dashed #a85050;
}

.diff-context {
  background: var(--bg3wiki-box-bg-default);
  color: var(--bg3wiki-fg);
  border: var(--bg3wiki-table-border-default);
}

.diff-addedline {
  background: var(--bg3wiki-container-bg);
  border-color: #736b4b;
}

.diff-deletedline {
  background: var(--bg3wiki-container-bg);
border-color: #8a4237;
}

.diff-addedline .diffchange {
  background: #634f35;
}

.diff-deletedline .diffchange {
  background: #5e352d;
}

  }
}

.mw-footer li,
#footer-info-lastmod,
#footer-info-copyright {
color: var(--bg3wiki-fg);
}

.sidebar {
background-color: var(--bg3wiki-box-bg-default) !important;
color: var(--bg3wiki-fg) !important;
border: var(--bg3wiki-table-border-default) !important;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
}

.sidebar-content {
background-color: var(--bg3wiki-box-bg-default) !important;
color: var(--bg3wiki-fg) !important;
border: none !important;
}

.sidebar-above {
background-color: var(--bg3wiki-accent-bright-default) !important;
color: var(--bg3wiki-fg-bright) !important;
border: var(--bg3wiki-table-border-default) !important;
}

.sidebar-title {
background-color: var(--bg3wiki-box-bg-default) !important;
color: var(--bg3wiki-fg) !important;
border: none !important;
}

.sidebar-navbar {
background-color: var(--bg3wiki-box-bg-default) !important;
color: var(--bg3wiki-fg) !important;
border: var(--bg3wiki-table-border-default) !important;
}


.sidebar-heading {
background-color: var(--bg3wiki-accent-mid-default) !important;
color: var(--bg3wiki-fg-bright) !important;
border: none !important;
}

.sidebar-list-title {
background-color: var(--bg3wiki-accent-dark-default) !important;
color: var(--bg3wiki-fg-bright) !important;
border: none !important;
}


.sidebar-list {
background-color: var(--bg3wiki-box-bg-default) !important;
color: var(--bg3wiki-fg) !important;
border: none !important;
}


html,
body {
    background-color: var(--bg3wiki-body-bg);
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
    background-size: cover;
}

.mw-body {
    padding: 0em;
    padding-left: 0em
  }

.vector-body { 
font-size: calc(1em * 0.875);
    line-height: 1.571;
}

.vector-body p {
margin: 0.5em 0 1em 0;
}

.mw-page-container {
    max-width: 100em;
    min-width: 30em;
    background-color: transparent;
    position: relative;
    z-index: 0;
	box-sizing: border-box;
    min-height: unset;
    margin-left: unset;
    margin-right: unset;
    padding: unset;
	padding-top: 0.05px;
    padding-right: 1em;
    padding-left: 1em;
    margin: 0 auto;
  }

.mw-page-container-inner {
    max-width: unset;
    background-color: var(--bg3wiki-container-bg);
    grid-template-columns: 9.7rem 9.7rem minmax(0,1fr);
    box-shadow: none;
}

 

.vector-menu-portal {
    margin: 0;
    padding: 0;
    direction: ltr;
}

.vector-menu-portal .vector-menu-heading {
    display: block;
    color: #54595d;
    padding: 0;
    margin: 0 0 0 0.5em;
    border: 0;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    font-size: 0.875rem;
    font-weight: normal;
    cursor: default;
}

.mw-sidebar {
    background-color: var(--bg3wiki-container-bg);
    border-radius: 8px;
    width: 11.5em;
    text-align: left;
    margin-top: 78px;
    margin-left: 3em;
    padding: unset;
}

.sidebar-toc {
    text-align: left;
    margin-top: 0em;
    margin-left: 4em;
    padding: unset;
    background-color: var(--bg3wiki-container-bg);
    color: var(--bg3wiki-fg);
    overflow: unset;
  border-right: none;
          width: 14em;
}

.sidebar-toc .sidebar-toc-title {
    color: var(--bg3wiki-fg);
    background-color: var(--bg3wiki-container-bg);
    font-size:0.875rem;
    margin:0;
    padding:0.2em 0.4em 0.2em 0.4em;
    border:0;
    border-radius: 0px;
    border-bottom: var(--bg3wiki-box-border-default);
}

.vector-sidebar-container {
    margin-top: 0;
    border-top: 1px solid transparent;
    padding: 16px 16px;
}

.vector-toc-not-collapsed .sidebar-toc::after {
      background:transparent;
      background-repeat:unset;
      border-radius:15px;
      border-bottom:2px solid #5c121c;
}
  
#vector-toc-collapsed-button {
    color: #808088;
    background-color: #313139;
}

  .vector-toc-collapse-button, .vector-toc-uncollapse-button {
    color: #808088;
   background-color: #313139;
  }

  .sidebar-toc .sidebar-toc-list-item-active > .sidebar-toc-link {
    color: var(--bg3wiki-fg);
    font-weight: bold;
  }

    .vector-toc-not-collapsed .sidebar-toc::after {
      background: transparent;
    background-repeat: repeat;
      background-repeat: unset;
   border: none !important;
    }

.vector-sticky-header {
    display: none;
}

#content,
#bodyContent {
    background-color: transparent;
    color:  var(--bg3wiki-fg);
}

h2, h3, h4, h5, h6 {
    color: var(--bg3wiki-h-fg);
}

h2 {
    border-bottom: var(--bg3wiki-box-border-default);
}

.vector-body h3 {
	font-size: 120%;
}

.vector-body h4 {
	font-size: 100%;
}

h3:not(.bg3wiki-h3-bordered) {
	border: none;
	font-size: 120%;
    font-family: sans-serif;
    font-weight: bold;
}

h4:not(.bg3wiki-h4-bordered) {
	font-size: 100%;
}

h5:not(.bg3wiki-h5-bordered) {
	font-size: 90%;
}

h6:not(.bg3wiki-h6-bordered) {
	font-size: 82%;
}

:is(h4, h5, h6) .mw-editsection {
    display: none;
}

h3 .mw-editsection {
    display: none;
}


        .bg3wiki-h3-bordered > h3 {
          border-bottom: 1px dashed #a85050;
          font-family: serif;
          font-weight: normal;
        }

.catlinks {
    background-color: var(--bg3wiki-accent-dark-default);
    color: var(--bg3wiki-fg);
    border:none;
    border-radius:15px !important;
}

.navbox-title a:not(.selflink),
#firstheading a,
#pt-userpage-2 a,
.catlinks a,
.sidebar-list-title a,
.sidebar-heading a,
.sidebar-above a {
    color: var(--bg3wiki-a-bright);
}

.navbox-title a:visited:not(.selflink),
#firstheading a:visited,
.catlinks a:visited,
.sidebar-list-title a:visited,
.sidebar-heading a:visited,
.sidebar-above a:visited {
    color: var(--bg3wiki-a-bright-visited);
}

  .sidebar-toc .sidebar-toc-link {
    color: var(--bg3wiki-a);
  }
  
a {
      color: var(--bg3wiki-a);
}

a:visited {
      color: var(--bg3wiki-a-visited);
}

a.new {
    color: var(--bg3wiki-a-new);
  }

a.new:visited {
    color: var(--bg3wiki-a-new-visited);
  }

.sidebar-toc .sidebar-toc-link {
      color: var(--bg3wiki-a);
}



.vector-menu-tabs .mw-list-item a {
      color: var(--bg3wiki-a);
      border-bottom: var(--bg3wiki-box-border-default);
}

.mw-parser-output a.external:visited {
      color: var(--bg3wiki-a-visited);
}
.mw-parser-output a.external {
      color: var(--bg3wiki-a);
}

.vector-menu-tabs .mw-list-item a {
      color: var(--bg3wiki-vector-fg);
      border-bottom: var(--bg3wiki-box-border-default);
    }

  .vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
    color: var(--bg3wiki-vector-fg);
    border-bottom: none;
}

.vector-menu-tabs .mw-list-item.new a, .vector-menu-tabs .mw-list-item.new a:visited {
  color: var(--bg3wiki-vector-fg);
}


  .vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs a:visited {
    color: var(--bg3wiki-a-visited);
}

table.ambox {
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
      border-top: 2px outset #969696;
        background-color: var(--bg3wiki-mbox-bg);
  color: var(--bg3wiki-fg);
  border-bottom: var(--bg3wiki-table-border-default);
  border-top: var(--bg3wiki-table-border-default);
  border-right: var(--bg3wiki-table-border-default);
 }
 
.bg3wiki-tabbar {
      background-color: transparent;
      border:none;
      border-top: 0;
      border-bottom: var(--bg3wiki-box-border-default);
      border-radius:15px
}


.infobox-above {
      border:none;
      padding:0.2em 0.2em 0.2em 0.4em;
      background-color: var(--bg3wiki-accent-dark-default);
      color: var(--bg3wiki-fg-bright);
      border-radius: 4px;
}
 
.infobox-header {
      border: none;
      color: var(--bg3wiki-fg-bright);
      background-color: var(--bg3wiki-accent-mid-default);
}

.infobox-label {
      background-color: transparent;
      color: var(--bg3wiki-fg);
      border-radius: 0;
      padding: 0.2em 0.4em 0.2em 0.4em;
}

.infobox-image {
  background-color: none;
  border: none;
  color: var(--bg3wiki-fg);
  border-radius: 8px;
}

.infobox-data {
border-bottom: var(--bg3wiki-box-border-faded-default);
color: var(--bg3wiki-fg);
}

.infobox {
      background-color: var(--bg3wiki-box-bg-default);
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
     border: var(--bg3wiki-table-border-default);
 }

.wikitable th {
    background-color: var(--bg3wiki-wikitable-th-bg) !important;
    border: var(--bg3wiki-table-border-default) !important;
}

table.wikitable td {
  background-color: var(--bg3wiki-wikitable-bg) !important !important;
  border: var(--bg3wiki-table-border-default) !important;
color: var(--bg3wiki-fg) !important;
}

  .wikitable {
    background-color: var(--bg3wiki-wikitable-bg);
    color: var(--bg3wiki-fg) !important;
  border: var(--bg3wiki-table-border-default) !important;
}

  .wikitable caption {
  padding: 0.2em;
  background-color: var(--bg3wiki-accent-dark-default) !important;
  color: var(--bg3wiki-fg-bright) !important;
}
	

/*Toolbar container */
  .mw-article-toolbar-container {
    display: flow-root;
      border-bottom: var(--bg3wiki-box-border-default);
}

.navbox-title {
  background-color: var(--bg3wiki-box-dark-default); !important;
  border: none !important;
  color: var(--bg3wiki-fg) !important;
}

.navbox-odd {
background-color: var(--bg3wiki-container-bg) !important;
color: var(--bg3wiki-fg) !important;
}

.navbox-even {
background-color: var(--bg3wiki-even-row-bg) !important;
color: var(--bg3wiki-fg) !important;
}

.navbox {
 border: 1px solid #5C4D44 !important;
}

.navbox-group {
background-color: var(--bg3wiki-box-mid-default);
border-top: 2px solid !important;
border-color: var(--bg3wiki-container-bg) !important;
color: var(--bg3wiki-fg) !important;
}


.navbox-subgroup .navbox-group {
  font-weight: bold;
  background-color: var(--bg3wiki-box-bright-default);
border-top: 2px solid !important;
border-color: var(--bg3wiki-container-bg) !important;
color: var(--bg3wiki-fg) !important;
  }

 

  .vector-menu-portal .vector-menu-content li a {
    color: var(--bg3wiki-a);
  }

  .vector-menu-portal .vector-menu-content li a:visited {
    color: var(--bg3wiki-a-visited) !important;
  }

  .vector-menu-portal .vector-menu-heading {
    border-bottom: var(--bg3wiki-box-border-default);
  }

  .vector-menu-portal .vector-menu-heading {
    color: var(--bg3wiki-fg);
  }

.skin-vector {
    --bg3wiki-hatnote-bg: inherit;
    --bg3wiki-hatnote-font-style: italic;
    --bg3wiki-hatnote-font-size: inherit;
    --bg3wiki-hatnote-padding: 0 1.6em 0.4em 1.6em;
    --bg3wiki-hatnote-margin: 0 0 0.4em 0;
}

.mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive {
  background-color: transparent;
  border-color: transparent;
  font-weight: bold;
  border-radius: 8px;
}

.vector-toc-not-collapsed #mw-sidebar-checkbox:not(:checked) ~ .mw-table-of-contents-container .vector-sticky-toc-container {
    margin-top: 0;
  }

.bg3wiki-info-blob {
background-color: #19191e;
}

/* Blockquote style */
blockquote {
  border-left: 2px solid !important;
  border-color: var(--bg3wiki-vector-2022-blockquote-border) !important;
  border-radius: 12px;
}


.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background-color: var(--bg3wiki-container-bg);
  position: relative;
  z-index: 1;
  border: var(--bg3wiki-table-border-default);
  border-radius: 3px;
}

/*Thumbnails */
div.thumbinner {
    border: var(--bg3wiki-table-border-default);
    background-color: var(--bg3wiki-box-bg-default);
    font-size: 94%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

 .thumbimage {
    background-color: var(--bg3wiki-box-bg-default);
    border: var(--bg3wiki-table-border-default);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

.client-js .vector-toc-collapsed .mw-table-of-contents-container .sidebar-toc {
      border: var(--bg3wiki-box-border-default);
}

/* Redo */

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: #423c3e;
  color: #f5e3df;
    border-color: #755e49;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  color: var(--bg3wiki-fg-bright);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  color: var(--bg3wiki-fg-bright);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  background-color: #423c3e;
  color: var(--bg3wiki-fg-bright);
  border-color: #755e49;
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background-color: #423c3e;
  border: 1px solid #755e49;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(117, 94, 73);
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  color: #f5e3df;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
  color: #f5e3df;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  color: #ffc070;
}


.bg3wiki-mainpage-left > h2 {
  background-color: #5c3038;
  border-bottom: none;
}

.bg3wiki-mainpage-right > h2 {
  background-color: #5c3038;
  border-bottom: none;
}

 .vector-body #contentSub, .vector-body #contentSub2 {
    color: #e6b4bb;
  }


input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {
  color: #202122;
  border-color: #ffc14b;
  box-shadow: inset 0 0 0 1px #ffc14b,inset 0 0 0 2px #3a3a40;
}

  .infobox-header {
          border: none;
          border-top-left-radius: 4px;
          border-top-right-radius: 4px;
        }

.vector-search-box {
    font-size: 0.875em;
    font-size: calc(1em * 0.875);
    flex-grow: 1;
    max-height: 32px;
  }

.cdx-search-input__input-wrapper,
.cdx-button,
.cdx-button--framed,
.cdx-button--framed:enabled {
          max-height: 20px;
        }


.cdx-menu {
  background-color: #1e1d29;
  border: 1px solid #755e49;
}

.cdx-menu-item--enabled, .cdx-menu-item--enabled .cdx-menu-item__content {
  color: #ffc14b;
}


.cdx-menu-item--enabled:hover {
   background-color: #4d272e;
}

 .vector-menu-portal .vector-menu-content li {
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
    line-height: 1.5;
    word-wrap: break-word;
  }

.sidebar-toc .sidebar-toc-text {
    padding: 0;
    margin: 0;
  }

.sidebar-toc .sidebar-toc-contents, .sidebar-toc .sidebar-toc-list {
    margin: 0;
    list-style: none;
    line-height: 1.5;
    padding: 0;
  }

.vector-toc-collapse-button, .vector-toc-uncollapse-button {
color: #808088;
          background-color: #313139;
padding: 2px 4px;
          font-size: 0.75rem;
      }

.vector-toc-collapse-button::before, .vector-toc-uncollapse-button::before {
    content: none;
  }

.vector-toc-collapse-button::after, .vector-toc-uncollapse-button::after {
    content: none;
  }

.vector-menu-portal .vector-menu-content {
    margin-left: 0;
    padding-top: 0;
}

.client-js .vector-sticky-header-visible .mw-sticky-header-element, .client-js .vector-sticky-header-visible .charts-stickyhead th {
    top: 0rem !important;
  }

.vector-toc-not-collapsed .vector-sticky-toc-container {
    padding-top: 0;
  }


body .bg3wiki-tooltip-box {
  background: none;
  box-shadow: none;
  border:none;
  border-radius: none;
  padding: none;
  margin: none;
  text-align: left;
}

.bg3wiki-uid tt, .bg3wiki-uid-box {
  border: none;
  user-select: all;
  padding: 0 0.5rem;
  display: inline-block;
  padding: 0 1em 0 1em;
  border-radius: 20px;
  background-color: #19191e;
}

.mwe-popups,
.mwe-popups-type-page {
background-color: #3a3a40 !important;
color: var(--bg3wiki-fg-bright) !important;
border: var(--bg3wiki-box-border-default) !important;
}

.mwe-popups-container {
background-color: #3a3a40 !important;
color: #f5e3df !important;
border: var(--bg3wiki-box-border-default) !important;
}


.mwe-popups-extract {
background: transparent !important;
color: var(--bg3wiki-fg-bright); !important;
}

.mwe-popups-discreet {
background: transparent !important;
color: var(--bg3wiki-fg-bright); !important;

}

.vector-toc-collapse-button:hover, .vector-toc-uncollapse-button:hover {
    color: #e3ba69;
  }
Retrieved from "https://dev.bg3.wiki/w/index.php?title=User:Willowisp/vector-2022.css&oldid=147843"
Last modified
This page was last edited on 29 January 2024, at 14:55.
Copyright
Content is available under CC BY-NC-SA 4.0 or CC BY-SA 4.0; please see the linked page for details.