|
|
| 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;
| |
| }
| |
|
| |
| /* Weapon properties */
| |
|
| |
| .bg3wiki-weapon-damages dt {
| |
| font-weight: normal;
| |
| }
| |
| .bg3wiki-weapon-damages dd {
| |
| margin-left: 0;
| |
| }
| |
| .mw-content-ltr .bg3wiki-weapon-properties {
| |
| margin-left: 0;
| |
| list-style: none;
| |
| }
| |
|
| |
| /* Imitating in-game tooltips */
| |
|
| |
| 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);
| |
| }
| |
|
| |
| .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;
| |
| }
| |
|
| |
| /* Imitating in-game rarity icon borders */
| |
|
| |
| body.theme-dark-grey .bg3wiki-div-border {
| |
| 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: 2px solid #1B1A1999;
| |
| padding: 4px 0px 6px 0px;
| |
| max-width: 25px;
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-icon-colour-common {
| |
| border: 2px solid #1B1A1999;
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-icon-colour-uncommon {
| |
| border: 2px solid #00491599;
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-icon-colour-rare {
| |
| border: 2px solid #00374999;
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-icon-colour-veryrare {
| |
| border: 2px solid #54003299;
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-icon-colour-legendary {
| |
| border: 2px solid #563E0D99;
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-icon-colour-story {
| |
| border: 2px solid #561D0099;
| |
| }
| |
|
| |
| body.theme-dark-grey .bg3wiki-condition-filter {
| |
| border-radius: 50%;
| |
| }
| |
|
| |
| .bg3wiki-book-text {
| |
| padding: 30px 70px;
| |
| }
| |
|
| |
| .bg3wiki-book-text p {
| |
| font-family: 'Linux Libertine', 'Georgia', serif;
| |
| font-size: 1.2em;
| |
| }
| |
