Revision as of 23:32, 18 October 2022 by Imperialhare (talk | contribs)
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.
@import url('https://fonts.googleapis.com/css2?family=Arbutus+Slab&display=swap');
/* PALETTE */
:root {
--color-primary: #fdcd5e;
--color-secondary: #fdebbb;
--color-background: #fff1d1;
--color-background2: #fff4d5;
--color-sidebar-heading: #b06100;
--link-color: #007cc4;
--link-visited: #016069;
--color-aih: #f69b09;
--color-aih2: #fbcd84;
--color-aih3: #ffe7c0;
--color-cw: #F461BA;
--color-cw2: #fccfea;
--color-cw3: #FFEAF7;
--color-marielda: #FFB27B;
--color-marielda2:#ffe1cc;
--color-marielda3:#FFEEE6;
--color-wih: #92D1F4;
--color-wih2: #d1ecfa;
--color-wih3: #EDF9FF;
--color-tm: #59ADA1;
--color-tm2: #bbddd8;
--color-tm3: #CEF2F2;
--color-sih: #AFE27D;
--color-sih2: #d9f1c0;
--color-sih3: #EBF9DD;
--color-pzn: #F75451;
--color-pzn2: #ffb3b3;
--color-pzn3: #FFE6E6;
--color-sf: #FAD47A;
--color-sf2: #fdefce;
--color-sf3: #FCF7ED;
--color-pal: #b783c9;
--color-pal2: #e5b8f5;
--color-pal3: #F7E6FF;
--color-bluff: #7C7BCF;
--color-bluff2: #c7c7eb;
--color-bluff3: #E6F2FF;
--color-live: #5AC45E;
--color-live2: #b4e4b6;
--color-live3: #C3F7C5;
}
body {
background-color: var(--color-background);
}
.bgcolor-primary {
background-color: var(--color-primary) !important;
}
.bgcolor-background {
background-color: var(--color-background) !important;
}
.bgcolor-aih {
background-color: var(--color-aih) !important;
}
.bgcolor-aih2 {
background-color: var(--color-aih2) !important;
}
.bgcolor-cw {
background-color: var(--color-cw) !important;
}
.bgcolor-cw2 {
background-color: var(--color-cw2) !important;
}
.bgcolor-marielda {
background-color: var(--color-marielda) !important;
}
.bgcolor-marielda2 {
background-color: var(--color-marielda2) !important;
}
.bgcolor-wih {
background-color: var(--color-wih) !important;
}
.bgcolor-wih2 {
background-color: var(--color-wih2) !important;
}
.bgcolor-tm {
background-color: var(--color-tm) !important;
}
.bgcolor-tm2 {
background-color: var(--color-tm2) !important;
}
.bgcolor-sih {
background-color: var(--color-sih) !important;
}
.bgcolor-sih2 {
background-color: var(--color-sih2) !important;
}
.bgcolor-pzn {
background-color: var(--color-pzn) !important;
}
.bgcolor-pzn2 {
background-color: var(--color-pzn2) !important;
}
.bgcolor-sf {
background-color: var(--color-sf) !important;
}
.bgcolor-sf2 {
background-color: var(--color-sf2) !important;
}
.bgcolor-pal {
background-color: var(--color-pal) !important;
}
.bgcolor-pal2 {
background-color: var(--color-pal2) !important;
}
.bgcolor-bluff {
background-color: var(--color-bluff) !important;
}
.bgcolor-bluff2 {
background-color: var(--color-bluff2) !important;
}
.bgcolor-live {
background-color: var(--color-live) !important;
}
.bgcolor-live2 {
background-color: var(--color-live2) !important;
}
.border-color-primary {
border-color: var(--color-primary) !important;
}
.border-color-aih {
border-color: var(--color-aih) !important;
}
.border-color-cw {
border-color: var(--color-cw) !important;
}
.border-color-marielda {
border-color: var(--color-marielda) !important;
}
.border-color-wih {
border-color: var(--color-wih) !important;
}
.border-color-tm {
border-color: var(--color-tm) !important;
}
.border-color-sih {
border-color: var(--color-sih) !important;
}
.border-color-pzn {
border-color: var(--color-pzn) !important;
}
.border-color-sf {
border-color: var(--color-sf) !important;
}
.border-color-pal {
border-color: var(--color-pal) !important;
}
.border-color-bluff {
border-color: var(--color-bluff) !important;
}
.border-color-live {
border-color: var(--color-live) !important;
}
.vector-body blockquote {
margin-left: 0;
padding: 8px 20px;
}
/* FONT FACE */
.mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-sticky-header-context-bar-primary {
font-family: Arbutus Slab, serif;
}
.vector-body p {
margin: 0.5em 0 0.8em 0;
}
/* LINK COLORS */
a,
.vector-menu-portal .vector-menu-content li a,
.vector-menu-tabs li a {
color: var(--link-color);
}
a:visited,
.vector-menu-portal .vector-menu-content li a:visited,
.vector-menu-tabs li a:visited {
color: var(--link-visited);
}
/* CONTAINERS */
.mw-content-container {
background-color: white;
min-height: 100%;
padding: 0 1em 1em 1em;
border-left: 2px solid var(--color-primary);
border-right: 2px solid var(--color-primary);
border-bottom: 2px solid var(--color-primary);
}
.mw-page-container {
background: none;
border: none;
height: 100%;
min-height: 100%;
}
.mw-page-container-inner {
min-height: 100%;
height: 100%;
}
.mw-workspace-container {
min-height: 100%;
height: 100%;
}
/* REGULAR HEADER */
.header-container {
display: flex;
justify-content: center;
background-color: var(--color-primary);
padding-left: 1em;
padding-right: 1em;
border-bottom: 1px solid black;
}
.mw-header {
min-width: 27.5em;
max-width: 103.125em;
flex-grow: 1;
}
.mw-logo-wordmark {
color: black;
font-family: Arbutus Slab, serif;
font-size: 1.25em;
font-weight: normal;
}
.vector-search-box-input {
border-color: var(--color-primary);
}
/* STICKY HEADER */
.vector-sticky-header {
background-color: var(--color-primary);
max-width: none;
justify-content: center;
border-bottom: 1px solid black;
}
.vector-sticky-header-context-bar {
border-left-color: black;
}
.vector-sticky-header-inner-container {
display: flex;
width: 106.875em;
justify-content: center;
}
/* SIDEBAR */
.mw-sidebar {
background: none !important;
border: none !important;
width: auto !important;
padding: none !important;
}
.vector-menu-portal .vector-menu-heading {
background: none !important;
}
.vector-menu-portal .vector-menu-content {
border: 2px solid var(--color-primary);
border-radius: 8px;
background-color: white;
padding: 1em;
}
.vector-menu-portal .vector-menu-content li {
font-size: 0.85em;
}
.vector-menu-portal .vector-menu-heading {
font-size: 1em;
font-family: Arbutus Slab, serif;
color: var(--color-sidebar-heading);
}
/* TOOLBAR & MENU TABS EDITS */
.mw-article-toolbar-container {
border-bottom: 1px solid #ddd;
margin-bottom: 3px;
max-width: none;
}
.mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-article-toolbar-container {
margin-left: 0px !important;
}
.vector-menu-tabs {
background: none;
height: 32px;
}
.vector-menu-tabs li {
background: none;
}
.vector-menu-tabs li a {
background: none;
padding-left: 12px;
padding-right: 12px;
padding-top: 8px;
height: 32px;
}
.vector-menu-tabs .selected {
background: none;
}
.vector-menu-tabs .selected a {
border-bottom: 2px solid var(--color-primary);
}
#mw-head .vector-menu-dropdown .vector-menu-heading {
background: none;
}
.mw-body {
border-top: none;
}
.vector-menu-tabs .mw-watchlink.icon a:before {
top: 8px;
}
.vector-menu-dropdown-noicon .vector-menu-heading {
padding-top: 8px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading {
height: auto;
}
.vector-menu-dropdown .vector-menu-content {
top: 32px;
}
/* PORTABLE INFOBOX */
.portable-infobox {
--color-infobox-primary: var(--color-primary);
--color-infobox-secondary: var(--color-background);
}
.portable-infobox img {
width:300px !important;
}
/* PORTABLE INFOBOX COLOR THEMES */
.pi-theme-aih.portable-infobox {
--color-infobox-primary: var(--color-aih);
--color-infobox-secondary: var(--color-aih2);
}
.pi-theme-cw.portable-infobox {
--color-infobox-primary: var(--color-cw);
--color-infobox-secondary: var(--color-cw2);
}
.pi-theme-marielda.portable-infobox {
--color-infobox-primary: var(--color-marielda);
--color-infobox-secondary: var(--color-marielda2);
}
.pi-theme-wih.portable-infobox {
--color-infobox-primary: var(--color-wih);
--color-infobox-secondary: var(--color-wih2);
}
.pi-theme-tm.portable-infobox {
--color-infobox-primary: var(--color-tm);
--color-infobox-secondary: var(--color-tm2);
}
.pi-theme-sih.portable-infobox {
--color-infobox-primary: var(--color-sih);
--color-infobox-secondary: var(--color-sih2);
}
.pi-theme-pzn.portable-infobox {
--color-infobox-primary: var(--color-pzn);
--color-infobox-secondary: var(--color-pzn2);
}
.pi-theme-sf.portable-infobox {
--color-infobox-primary: var(--color-sf);
--color-infobox-secondary: var(--color-sf2);
}
.pi-theme-pal.portable-infobox {
--color-infobox-primary: var(--color-pal);
--color-infobox-secondary: var(--color-pal2);
}
.pi-theme-bluff.portable-infobox {
--color-infobox-primary: var(--color-bluff);
--color-infobox-secondary: var(--color-bluff2);
}
.pi-theme-live.portable-infobox {
--color-infobox-primary: var(--color-live);
--color-infobox-secondary: var(--color-live2);
}
.portable-infobox {
--pi-width:300px;
border: 2px solid var(--color-infobox-primary);
background-color: white;
border-radius: 5px;
}
.portable-infobox .pi-font, .portable-infobox .pi-secondary-font {
font-size:13px;
}
.pi-title {
margin-bottom: 1px !important;
}
.pi-title p {
font-size: 16px;
line-height: 18px;
text-align: center;
font-weight: bold;
margin: 0 !important;
padding: 0.5em !important;
}
.pi-header p {
margin: 0 !important;
padding: 1em !important;
}
.pi-title {
background-color: var(--color-infobox-primary);
}
.pi-data {
align-items: center;
}
.pi-border-color {
border-color: #fff !important;
}
.pi-header {
text-align: center;
font-size: 14px;
background-color: var(--color-infobox-primary) !important;
}
h2.pi-secondary-background {
padding: 0 !important;
background-color: var(--color-infobox-secondary) !important;
}
.pi-data-label.pi-secondary-font p {
line-height: 1.3em;
}
.pi-item.pi-data p {
margin: 0.5em 0 0.5em 0;
}
.pi-data-label {
flex-basis:100px;
}
/* RESPONSIVE SIDEBAR */
@media screen and (max-width: 86.75em) {
.mw-checkbox-hack-checkbox:checked ~ .mw-page-container .mw-workspace-container .mw-article-toolbar-container {
margin-left: 0 !important;
}
}
@media screen and (max-width: 720px) {
.mw-sidebar {
margin: 0;
padding: 1em;
background: white !important;
border-left: 2px solid var(--color-primary) !important;
border-right: 2px solid var(--color-primary) !important;
}
.vector-menu-portal {
margin: 0 !important;
padding: 0 !important;
}
.vector-menu-heading {
margin: 0;
}
.vector-menu-content {
border: none !important;
padding: 0 !important;
}
.vector-menu-portal .vector-menu-heading {
margin: 0.5em 0 0 0;
}
}
/* OTHER */
.navbox-styles {
margin-bottom: 0.5em;
}
.mw-category-generated > p > em {
display:none;
}
.article-table {
border-spacing: 0;
}
.article-table tr > td:not(:last-child) {
padding-right: 0.75em;
}
.article-table tr > td:not(:first-child) {
padding-left: 0.75em;
}
.article-table td {
border-bottom: 1px solid #ddd;
padding-top: 0.3em;
padding-bottom: 0.3em;
}
.doc-table td {
border: 1px solid #ddd;
padding: 0.5em;
}
.doc-table {
border-spacing: 0;
border-collapse: collapse;
}
.doc-table td pre {
padding: 0;
margin: 0;
}
.wiki-banner img {
width:100% !important;
height:auto !important;
}
/* NAVBOXES */
.navbox {
padding: 0 !important;
}
.navbox-title a {
color: black;
text-decoration: underline;
}
.navbox-inner {
border-spacing: 0;
}
.navbox {
border-width: 2px;
border-style: solid;
padding: 0px !important;
}
.navbox-list {
text-align: left !important;
padding-left: 2px !important;
}
.navbox-aih.navbox {
border: 2px solid var(--color-aih) !important;
}
.navbox-aih .navbox-group,
.navbox-aih .navbox-abovebelow {
background-color: var(--color-aih3) !important;
}
.navbox-aih .navbox-title,
.navbox-aih tr:last-child > .navbox-abovebelow {
background-color: var(--color-aih2) !important;
}
.navbox-cw.navbox {
border: 2px solid var(--color-cw) !important;
}
.navbox-cw .navbox-group,
.navbox-cw .navbox-abovebelow {
background-color: var(--color-cw3) !important;
}
.navbox-cw .navbox-title,
.navbox-cw tr:last-child > .navbox-abovebelow {
background-color: var(--color-cw2) !important;
}
.navbox-marielda.navbox {
border: 2px solid var(--color-marielda) !important;
}
.navbox-marielda .navbox-group,
.navbox-marielda .navbox-abovebelow {
background-color: var(--color-marielda3) !important;
}
.navbox-marielda .navbox-title,
.navbox-marielda tr:last-child > .navbox-abovebelow {
background-color: var(--color-marielda2) !important;
}
.navbox-wih.navbox {
border: 2px solid var(--color-wih) !important;
}
.navbox-wih .navbox-group,
.navbox-wih .navbox-abovebelow {
background-color: var(--color-wih3) !important;
}
.navbox-wih .navbox-title,
.navbox-wih tr:last-child > .navbox-abovebelow {
background-color: var(--color-wih2) !important;
}
.navbox-tm.navbox {
border: 2px solid var(--color-tm) !important;
}
.navbox-tm .navbox-group,
.navbox-tm .navbox-abovebelow {
background-color: var(--color-tm3) !important;
}
.navbox-tm .navbox-title,
.navbox-tm tr:last-child > .navbox-abovebelow {
background-color: var(--color-tm2) !important;
}
.navbox-sih.navbox {
border: 2px solid var(--color-sih) !important;
}
.navbox-sih .navbox-group,
.navbox-sih .navbox-abovebelow {
background-color: var(--color-sih3) !important;
}
.navbox-sih .navbox-title,
.navbox-sih tr:last-child > .navbox-abovebelow {
background-color: var(--color-sih2) !important;
}
.navbox-pzn.navbox {
border: 2px solid var(--color-pzn) !important;
}
.navbox-pzn .navbox-group,
.navbox-pzn .navbox-abovebelow {
background-color: var(--color-pzn3) !important;
}
.navbox-pzn .navbox-title,
.navbox-pzn tr:last-child > .navbox-abovebelow {
background-color: var(--color-pzn2) !important;
}
.navbox-sf.navbox {
border: 2px solid var(--color-sf) !important;
}
.navbox-sf .navbox-group,
.navbox-sf .navbox-abovebelow {
background-color: var(--color-sf3) !important;
}
.navbox-sf .navbox-title,
.navbox-sf tr:last-child > .navbox-abovebelow {
background-color: var(--color-sf2) !important;
}
.navbox-pal.navbox {
border: 2px solid var(--color-pal) !important;
}
.navbox-pal .navbox-group,
.navbox-pal .navbox-abovebelow {
background-color: var(--color-pal3) !important;
}
.navbox-pal .navbox-title,
.navbox-pal tr:last-child > .navbox-abovebelow {
background-color: var(--color-pal2) !important;
}
.navbox-bluff.navbox {
border: 2px solid var(--color-bluff) !important;
}
.navbox-bluff .navbox-group,
.navbox-bluff .navbox-abovebelow {
background-color: var(--color-bluff3) !important;
}
.navbox-bluff .navbox-title,
.navbox-bluff tr:last-child > .navbox-abovebelow {
background-color: var(--color-bluff2) !important;
}
.navbox-live.navbox {
border: 2px solid var(--color-live) !important;
}
.navbox-live .navbox-group,
.navbox-live .navbox-abovebelow {
background-color: var(--color-live3) !important;
}
.navbox-live .navbox-title,
.navbox-live tr:last-child > .navbox-abovebelow {
background-color: var(--color-live2) !important;
}