User:Willowisp/common.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)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
/* Colour classes for templates */
.bg3wiki-red-1,
th.red {
    background-color: var(--bg3wiki-box-dark-red);
}

.bg3wiki-red-2 {
    background-color: var(--bg3wiki-box-mid-red);
}

.bg3wiki-red-3 {
    background-color: var(--bg3wiki-box-bright-red);
}

.bg3wiki-red-border {
    border: var(--bg3wiki-box-border-red);
}

.bg3wiki-red-border-faded {
    border: var(--bg3wiki-box-border-faded-red);
}

.bg3wiki-orange-1,
th.orange {
    background-color: var(--bg3wiki-box-dark-orange);
}

.bg3wiki-orange-2 {
    background-color: var(--bg3wiki-box-mid-orange);
}

.bg3wiki-orange-3 {
    background-color: var(--bg3wiki-box-bright-orange);
}

.bg3wiki-orange-border {
    border: var(--bg3wiki-box-border-orange);
}

.bg3wiki-orange-border-faded {
    border: var(--bg3wiki-box-border-faded-orange);
}

.bg3wiki-yellow-1,
th.yellow {
    background-color: var(--bg3wiki-box-dark-yellow);
}

.bg3wiki-yellow-2 {
    background-color: var(--bg3wiki-box-mid-yellow);
}

.bg3wiki-yellow-3 {
    background-color: var(--bg3wiki-box-bright-yellow);
}

.bg3wiki-yellow-border {
    border: var(--bg3wiki-box-border-yellow);
}

.bg3wiki-yellow-border-faded {
    border: var(--bg3wiki-box-border-faded-yellow);
}

.bg3wiki-yellow-green-1,
th.yellow-green {
    background-color: var(--bg3wiki-box-dark-yellow-green);
}

.bg3wiki-yellow-green-2 {
    background-color: var(--bg3wiki-box-mid-yellow-green);
}

.bg3wiki-yellow-green-3 {
    background-color: var(--bg3wiki-box-bright-yellow-green);
}

.bg3wiki-yellow-green-border {
    border: var(--bg3wiki-box-border-yellow-green);
}

.bg3wiki-yellow-green-border-faded {
    border: var(--bg3wiki-box-border-faded-yellow-green);
}

.bg3wiki-green-1,
th.green {
    background-color: var(--bg3wiki-box-dark-green);
}

.bg3wiki-green-2 {
    background-color: var(--bg3wiki-box-mid-green);
}

.bg3wiki-green-3 {
    background-color: var(--bg3wiki-box-bright-green);
}

.bg3wiki-green-border {
    border: var(--bg3wiki-box-border-green);
}

.bg3wiki-green-border-faded {
    border: var(--bg3wiki-box-border-faded-green);
}

.bg3wiki-cyan-green-1,
th.cyan-green {
    background-color: var(--bg3wiki-box-dark-cyan-green);
}

.bg3wiki-cyan-green-2 {
    background-color: var(--bg3wiki-box-mid-cyan-green);
}

.bg3wiki-cyan-green-3 {
    background-color: var(--bg3wiki-box-bright-cyan-green);
}

.bg3wiki-cyan-green-border {
    border: var(--bg3wiki-box-border-cyan-green);
}

.bg3wiki-cyan-green-border-faded {
    border: var(--bg3wiki-box-border-faded-cyan-green);
}

.bg3wiki-cyan-1,
th.cyan {
    background-color: var(--bg3wiki-box-dark-cyan);
}

.bg3wiki-cyan-2 {
    background-color: var(--bg3wiki-box-mid-cyan);
}

.bg3wiki-cyan-3 {
    background-color: var(--bg3wiki-box-bright-cyan);
}

.bg3wiki-cyan-border {
    border: var(--bg3wiki-box-border-cyan);
}

.bg3wiki-cyan-border-faded {
    border: var(--bg3wiki-box-border-faded-cyan);
}

.bg3wiki-blue-1,
th.blue {
    background-color: var(--bg3wiki-box-dark-blue);
}

.bg3wiki-blue-2 {
    background-color: var(--bg3wiki-box-mid-blue);
}

.bg3wiki-blue-3 {
    background-color: var(--bg3wiki-box-bright-blue);
}

.bg3wiki-blue-border {
    border: var(--bg3wiki-box-border-blue);
}

.bg3wiki-blue-border-faded {
    border: var(--bg3wiki-box-border-faded-blue);
}

.bg3wiki-indigo-1,
th.indigo {
    background-color: var(--bg3wiki-box-dark-indigo);
}

.bg3wiki-indigo-2 {
    background-color: var(--bg3wiki-box-mid-indigo);
}

.bg3wiki-indigo-3 {
    background-color: var(--bg3wiki-box-bright-indigo);
}

.bg3wiki-indigo-border {
    border: var(--bg3wiki-box-border-indigo);
}

.bg3wiki-indigo-border-faded {
    border: var(--bg3wiki-box-border-faded-indigo);
}

.bg3wiki-violet-1,
th.violet {
    background-color: var(--bg3wiki-box-dark-violet);
}

.bg3wiki-violet-2 {
    background-color: var(--bg3wiki-box-mid-violet);
}

.bg3wiki-violet-3 {
    background-color: var(--bg3wiki-box-bright-violet);
}

.bg3wiki-violet-border {
    border: var(--bg3wiki-box-border-violet);
}

.bg3wiki-violet-border-faded {
    border: var(--bg3wiki-box-border-faded-violet);
}


.bg3wiki-magenta-1,
th.magenta {
    background-color: var(--bg3wiki-box-dark-magenta);
}

.bg3wiki-magenta-2 {
    background-color: var(--bg3wiki-box-mid-magenta);
}

.bg3wiki-magenta-3 {
    background-color: var(--bg3wiki-box-bright-magenta);
}

.bg3wiki-magenta-border {
    border: var(--bg3wiki-box-border-magenta);
}

.bg3wiki-magenta-border-faded {
    border: var(--bg3wiki-box-border-faded-magenta);
}