|
|
| (5 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* CSS placed here will affect users of the Vector skin */
| |
|
| |
|
| html {
| |
| /* This is just for while the background image is loading. */
| |
| background-color: black !important;
| |
|
| |
| /* Whole-page image background */
| |
| background-image: url(/static/background.webp);
| |
| background-repeat: no-repeat;
| |
| background-attachment: fixed;
| |
| background-position: top;
| |
| background-size: cover;
| |
| }
| |
|
| |
| body.theme-dark-grey {
| |
| /* Gradient background for centered body. */
| |
| background: linear-gradient(rgba(27 27 27 / 90%) 80%, transparent);
| |
| }
| |
|
| |
| .vector-body h3 {
| |
| font-size: 1.25em;
| |
| }
| |
|
| |
| .vector-body h4 {
| |
| font-size: 1.2em;
| |
| }
| |
|
| |
| .wikitable caption {
| |
| padding: 5px;
| |
| }
| |
|
| |
| .wikitable tr :is(th, td) {
| |
| padding-left: 0.8em;
| |
| padding-right: 0.8em;
| |
| padding-top: 0.5em;
| |
| padding-bottom: 0.5em;
| |
| }
| |
|
| |
| .wikitable tr td :is(ol, ul) {
| |
| margin: 0 0 0 1em;
| |
| }
| |
|
| |
| /*
| |
| * Make some warnings more prominent
| |
| */
| |
|
| |
| body.theme-dark-grey .mw-userconfigpublic {
| |
| color: yellow;
| |
| }
| |
|
| |
| body.theme-dark-grey .mw-userconfigdangerous {
| |
| color: red;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| /*
| |
| * Main Page
| |
| */
| |
|
| |
| @media screen and (min-width: 780px) {
| |
| .bg3wiki-mainpage-left {
| |
| float: left;
| |
| padding-left: 10px;
| |
| padding-right: 15px;
| |
| width: calc(50% - 25px);
| |
| }
| |
| .bg3wiki-mainpage-right {
| |
| float: right;
| |
| padding-left: 15px;
| |
| padding-right: 10px;
| |
| width: calc(50% - 25px);
| |
| }
| |
| }
| |
|
| |
| body:is(.page-Main_Page, .page-Template_MainPageDesktop) h2 {
| |
| text-align: center;
| |
| }
| |
|
| |
| /*
| |
| * Conditionally hiding things on narrow screens
| |
| */
| |
|
| |
| @media screen and (max-width: 1199px) {
| |
| .bg3wiki-minwidth-1200 {
| |
| display: none;
| |
| }
| |
| }
| |
|
| |
| /*
| |
| * Feedback Footer
| |
| */
| |
|
| |
| body.theme-dark-grey .bg3wiki-article-footer {
| |
| border: 1px solid var(--bdr-color);
| |
| background-color: var(--bg-dark);
| |
| }
| |
|
| |
| .bg3wiki-article-footer {
| |
| font-size: 1.1em;
| |
| margin-top: 1em;
| |
| padding: 0.5em;
| |
| }
| |
|
| |
| /*
| |
| * Various elements used across the wiki
| |
| */
| |
|
| |
| /* Info blob */
| |
|
| |
| body.theme-dark-grey .bg3wiki-info-blob {
| |
| background-color: var(--bg-dark);
| |
| }
| |
| div.bg3wiki-info-blob {
| |
| display: inline-block;
| |
| padding: 0 1em 0 1em;
| |
| border-radius: 20px;
| |
| }
| |
| span.bg3wiki-info-blob {
| |
| display: inline-block;
| |
| padding: 0 0.5em 0 0.5em;
| |
| border-radius: 10px;
| |
| }
| |
| .bg3wiki-info-blob {
| |
| font-family: monospace;
| |
| }
| |
|
| |
| /* D20 background image for numbers */
| |
|
| |
| .bg3wiki-d20-bg {
| |
| background-image: url('/static/d20-bg.png');
| |
| background-position: center;
| |
| background-repeat: no-repeat;
| |
| background-size: 35px;
| |
| }
| |
|
| |
| /* Coordinates */
| |
|
| |
| body.theme-dark-grey .bg3wiki-coordinates {
| |
| font-family: 'Linux Libertine', 'Georgia', serif;
| |
| text-shadow: 1px 1px 2px #000, -1px -1px 2px #000;
| |
| color: #AB9F89;
| |
| background: #34323285;
| |
| border-radius: 5px;
| |
| padding: 3px 5px;
| |
| box-shadow: 1px 1px 5px #00000030;
| |
| }
| |
|
| |
| /* Imitating in-game tooltips and item icons */
| |
|
| |
| body.theme-dark-grey .bg3wiki-tooltip-box {
| |
| background: #1B1A19;
| |
| box-shadow:
| |
| rgba(0, 0, 0, 0.14) 3px 3px 6px 0px inset,
| |
| rgba(0, 0, 0, 0.14) -3px -3px 6px 1px inset;
| |
| border: 0.15rem solid #785000;
| |
| border-radius: 10px;
| |
| padding: 15px;
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-tooltip-gradient-common {
| |
| background: linear-gradient(to bottom, #1B1A1999, #1B1A1999, #1B1A1999, #40295199);
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-tooltip-gradient-uncommon {
| |
| background: linear-gradient(to bottom, #00491599, #1B1A1999, #1B1A1999, #40295199);
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-tooltip-gradient-rare {
| |
| background: linear-gradient(to bottom, #00374999, #1B1A1999, #1B1A1999, #40295199);
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-tooltip-gradient-veryrare {
| |
| background: linear-gradient(to bottom, #54003299, #1B1A1999, #1B1A1999, #40295199);
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-tooltip-gradient-legendary {
| |
| background: linear-gradient(to bottom, #563E0D99, #1B1A1999, #1B1A1999, #40295199);
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-tooltip-gradient-story {
| |
| background: linear-gradient(to bottom, #561D0099, #1B1A1999, #1B1A1999, #40295199);
| |
| }
| |
|
| |
| :root {
| |
| --bg3wiki-itemicon-common-bdr: #48484899;
| |
| --bg3wiki-itemicon-common-bg: #48484820;
| |
| --bg3wiki-itemicon-uncommon-bdr: #01BD3999;
| |
| --bg3wiki-itemicon-uncommon-bg: #01BD3920;
| |
| --bg3wiki-itemicon-rare-bdr: #01BFFF99;
| |
| --bg3wiki-itemicon-rare-bg: #01BFFF20;
| |
| --bg3wiki-itemicon-very-rare-bdr: #D1017B99;
| |
| --bg3wiki-itemicon-very-rare-bg: #D1017B20;
| |
| --bg3wiki-itemicon-legendary-bdr: #B7861D99;
| |
| --bg3wiki-itemicon-legendary-bg: #B7861D20;
| |
| --bg3wiki-itemicon-story-bdr: #FF590199;
| |
| --bg3wiki-itemicon-story-bg: #FF590120;
| |
| }
| |
|
| |
| .bg3wiki-itemicon-wrapper {
| |
| text-align: center;
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| .bg3wiki-itemicon {
| |
| display: inline-block;
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-itemicon-common {
| |
| background: linear-gradient(var(--bg-main), var(--bg3wiki-itemicon-common-bg));
| |
| border: solid 1px var(--bg3wiki-itemicon-common-bdr);
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-itemicon-uncommon {
| |
| background: linear-gradient(var(--bg-main), var(--bg3wiki-itemicon-uncommon-bg));
| |
| border: solid 1px var(--bg3wiki-itemicon-uncommon-bdr);
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-itemicon-rare {
| |
| background: linear-gradient(var(--bg-main), var(--bg3wiki-itemicon-rare-bg));
| |
| border: solid 1px var(--bg3wiki-itemicon-rare-bdr);
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-itemicon-very-rare {
| |
| background: linear-gradient(var(--bg-main), var(--bg3wiki-itemicon-very-rare-bg));
| |
| border: solid 1px var(--bg3wiki-itemicon-very-rare-bdr);
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-itemicon-legendary {
| |
| background: linear-gradient(var(--bg-main), var(--bg3wiki-itemicon-legendary-bg));
| |
| border: solid 1px var(--bg3wiki-itemicon-legendary-bdr);
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-itemicon-story {
| |
| background: linear-gradient(var(--bg-main), var(--bg3wiki-itemicon-story-bg));
| |
| border: solid 1px var(--bg3wiki-itemicon-story-bdr);
| |
| }
| |
|
| |
| .bg3wiki-book-text {
| |
| padding: 30px 70px;
| |
| }
| |
|
| |
| .bg3wiki-book-text p {
| |
| font-family: 'Linux Libertine', 'Georgia', serif;
| |
| font-size: 1.2em;
| |
| }
| |
|
| |
|
| |
| /* Imitating in-game icon display */
| |
|
| |
| body.theme-dark-grey .bg3wiki-rarity-border {
| |
| background: #1B1A19;
| |
| border: 1px solid #48484899;
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-rarity-gradient-common {
| |
| background: linear-gradient(to bottom, #1B1A1999, #1B1A1999, #48484820);
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-rarity-gradient-uncommon {
| |
| background: linear-gradient(to bottom, #1B1A1999, #1B1A1999, #00491599);
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-rarity-gradient-rare {
| |
| background: linear-gradient(to bottom, #1B1A1999, #1B1A1999, #00374999);
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-rarity-gradient-veryrare {
| |
| background: linear-gradient(to bottom, #1B1A1999, #1B1A1999, #54003299);
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-rarity-gradient-legendary {
| |
| background: linear-gradient(to bottom, #1B1A1999, #1B1A1999, #563E0D99);
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-rarity-gradient-story {
| |
| background: linear-gradient(to bottom, #1B1A1999, #1B1A1999, #561D0099);
| |
| }
| |
|
| |
| /* {{RrtyItem rarity colours */
| |
|
| |
| body {
| |
| --rrtyitem-common: #1B1A1999;
| |
| --rrtyitem-uncommon: #00491599;
| |
| --rrtyitem-rare: #00374999;
| |
| --rrtyitem-very-rare: #54003299;
| |
| --rrtyitem-legendary: #563E0D99;
| |
| --rrtyitem-story: #561D0099;
| |
| }
| |
|
| |
| /* {{Rarity}} template colours and body style */
| |
|
| |
| body {
| |
| --rarity-common: #48484899;
| |
| --rarity-common-bck: #48484820;
| |
| --rarity-uncommon: #01BD3999;
| |
| --rarity-uncommon-bck: #01BD3920;
| |
| --rarity-rare: #01BFFF99;
| |
| --rarity-rare-bck: #01BFFF20;
| |
| --rarity-very-rare: #D1017B99;
| |
| --rarity-very-rare-bck: #D1017B20;
| |
| --rarity-legendary: #B7861D99;
| |
| --rarity-legendary-bck: #B7861D20;
| |
| --rarity-story: #FF590199;
| |
| --rarity-story-bck: #FF590120;
| |
| }
| |
|
| |
| body .itemicon-wrapper {
| |
| text-align: center;
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-condition-filter {
| |
| border-radius: 50%;
| |
| }
| |
|
| |
| .inline-redlink a.new {
| |
| display: inline-block;
| |
| width: 25px;
| |
| height: 25px;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .imaged-redlink a.new {
| |
| display: inline-block;
| |
| width: 25px;
| |
| height: 25px;
| |
| overflow: hidden;
| |
| background-image: url('https://bg3.wiki/w/images/c/c0/NoImage_Icon.webp');
| |
| background-position: center;
| |
| background-repeat: no-repeat;
| |
| background-size: 31px;
| |
| }
| |
