9,869
editsno edit summary
(Whitespace / indentation fixes.) |
No edit summary |
||
(11 intermediate revisions by the same user not shown) | |||
Line 4: | Line 4: | ||
--color-primary__h: 15; | --color-primary__h: 15; | ||
--color-secondary__h: 255; | --color-secondary__h: 255; | ||
--color-surface-0: hsl(var(--color-primary__h) 10% 10%); | --color-surface-0: hsl(var(--color-primary__h) 10% 10%); | ||
--color-surface-1: hsl(var(--color-primary__h) 10% 10%); | --color-surface-1: hsl(var(--color-primary__h) 10% 10%); | ||
--color-surface-2: hsl(var(--color-primary__h) 5% 12%); | --color-surface-2: hsl(var(--color-primary__h) 5% 12%); | ||
--background-color-overlay: hsla(var(--color-primary__h) 20% 20% / 60%); | --background-color-overlay: hsla(var(--color-primary__h) 20% 20% / 60%); | ||
--background-color-overlay--lighter: hsl(var(--color-primary__h) 20% 20% / 80%); | --background-color-overlay--lighter: hsl(var(--color-primary__h) 20% 20% / 80%); | ||
--bg3wiki-relative-location-bg: var(--color-surface-0); | --bg3wiki-relative-location-bg: var(--color-surface-0); | ||
--bg3wiki-relative-location-header-bg-dark: var(--color-surface-1); | --bg3wiki-relative-location-header-bg-dark: var(--color-surface-1); | ||
/* | /* CSS tooltip colours */ | ||
--aria-label-tooltip-bg: hsl(200deg 5% 10%); | --aria-label-tooltip-bg: hsl(200deg 5% 10%); | ||
--aria-label-tooltip-fg: hsl(0deg 0% 90%); | --aria-label-tooltip-fg: hsl(0deg 0% 90%); | ||
--aria-label-tooltip-border: none; | --aria-label-tooltip-border: none; | ||
--bg3wiki-tooltip-border: #785000; | |||
--bg3wiki-tooltip | |||
} | } | ||
/* | /* MobileFrontend should strip elements with this class, but still */ | ||
.nomobile { | |||
display: none; | |||
} | |||
. | /* Trick to easily make lists with list-style: none */ | ||
/* Wrap a list in <div class="bg3wiki-list-style-none"> */ | |||
.bg3wiki-list-style-none > ul { | |||
list-style: none; | |||
} | } | ||
/* Table styling */ | |||
.wikitable { | |||
width: 100%; | width: 100%; | ||
} | } | ||
Line 123: | Line 96: | ||
/* Imitating in-game tooltips */ | /* Imitating in-game tooltips */ | ||
.bg3wiki-tooltip-box { | |||
overflow: hidden; | |||
margin: 0.5em 0.2em 0 0.2em; | |||
} | |||
.skin-citizen-dark .bg3wiki-tooltip-box { | .skin-citizen-dark .bg3wiki-tooltip-box { | ||
Line 161: | Line 139: | ||
font-family: 'Linux Libertine', 'Georgia', serif; | font-family: 'Linux Libertine', 'Georgia', serif; | ||
} | } | ||
/* ItemIcon stuff */ | |||
:root { | :root { | ||
Line 173: | Line 153: | ||
--bg3wiki-itemicon-gradient-bot-opacity: 12.5%; | --bg3wiki-itemicon-gradient-bot-opacity: 12.5%; | ||
--bg3wiki-itemicon-border-opacity: 60%; | --bg3wiki-itemicon-border-opacity: 60%; | ||
} | } | ||
Line 224: | Line 195: | ||
/* Relative Location stuff */ | /* Relative Location stuff */ | ||
.relative-location { | .relative-location { | ||
background: var(--bg3wiki-relative-location-bg); | background: var(--bg3wiki-relative-location-bg); | ||
Line 238: | Line 210: | ||
/* Damage Rider As Source (DRS) template */ | /* Damage Rider As Source (DRS) template */ | ||
.bg3wiki-damage-rider-source { | .bg3wiki-damage-rider-source { | ||
font-size:10px; | font-size:10px; | ||
Line 245: | Line 218: | ||
/* License box */ | /* License box */ | ||
#mw-license-preview .bg3wiki-license-box-container { | #mw-license-preview .bg3wiki-license-box-container { | ||
/* Don't want margin in the preview box because that breaks things */ | /* Don't want margin in the preview box because that breaks things */ | ||
Line 271: | Line 245: | ||
vertical-align: top; | vertical-align: top; | ||
padding: 0.4rem 0 0.4rem 0.9rem; | padding: 0.4rem 0 0.4rem 0.9rem; | ||
} | } | ||
Line 539: | Line 508: | ||
.bg3wiki-blockquote-marks { | .bg3wiki-blockquote-marks { | ||
font-size: 120%; | font-size: 120%; | ||
font-family: serif; | font-family: serif; | ||
Line 548: | Line 516: | ||
.bg3wiki-template-shortcut { | .bg3wiki-template-shortcut { | ||
display: inline-block; | display: inline-block; | ||
background-color: var(-- | background-color: var(--color-surface-2); | ||
text-align: center; | text-align: center; | ||
margin: 1em; | margin: 1em; | ||
Line 566: | Line 533: | ||
} | } | ||
/* | /* Amboxes */ | ||
. | .ambox { | ||
color: var(-- | background-color: var(--color-surface-2); | ||
} | } | ||
.ambox-speedy { | |||
. | /* Pink */ | ||
color: | background-color: #400805; | ||
} | } | ||
.ambox .mbox-image, | |||
. | .ambox .mbox-imageright { | ||
/* These are hidden since the screen may be too narrow. */ | |||
display: none; | |||
} | } | ||
/* | /* PortableInfobox */ | ||
.portable-infobox [data-item-name="bg3wiki-resistances"] ul { | |||
margin: 0; | |||
list-style: none; | |||
display: flex; | |||
justify-content: center; | |||
gap: 5px; | |||
} | } | ||
/* Character info template styling */ | /* Character info template styling */ | ||
.infobox { | .infobox { | ||
display: table; | |||
width: 100%; | |||
font-size: 90%; | font-size: 90%; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
background-color: | background-color: var(--color-surface-0); | ||
} | } | ||
Line 601: | Line 570: | ||
font-size: 130%; | font-size: 130%; | ||
text-align: center; | text-align: center; | ||
background: | background: var(--color-surface-1); | ||
} | } | ||
.infobox-subheader { | .infobox-subheader { | ||
text-align: center; | text-align: center; | ||
background-color: | background-color: var(--color-surface-0); | ||
} | } | ||
Line 615: | Line 582: | ||
font-size: 130%; | font-size: 130%; | ||
text-align: center; | text-align: center; | ||
background: | background: var(--color-surface-1); | ||
} | } | ||
Line 624: | Line 590: | ||
.infobox-label { | .infobox-label { | ||
background-color: | background-color: var(--color-surface-1); | ||
margin-right: 5em; | margin-right: 5em; | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
th.infobox-label | th.infobox-label { | ||
text-align: right; | text-align: right; | ||
} | |||
th.infobox-label:has(.bg3wiki-icontext-block), | |||
th.infobox-label:has(.bg3wiki-condition) { | |||
text-align: left; | |||
} | } | ||
Line 640: | Line 610: | ||
.infobox-data { | .infobox-data { | ||
text-align: center; | text-align: center; | ||
background-color: | background-color: var(--color-surface-1); | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
Line 647: | Line 616: | ||
.infobox-below { | .infobox-below { | ||
text-align: center; | text-align: center; | ||
background: | background: var(--color-surface-1); | ||
} | } | ||
.infobox-image { | .infobox-image { | ||
text-align: center; | text-align: center; | ||
background-color: | background-color: var(--color-surface-0); | ||
} | } | ||
Line 663: | Line 630: | ||
.infobox caption { | .infobox caption { | ||
display: table-caption; | display: table-caption; | ||
background-color: | background-color: var(--color-surface-0); | ||
} | } | ||
Line 676: | Line 642: | ||
.wraplinks a { | .wraplinks a { | ||
white-space: normal; | white-space: normal; | ||
} | } |