4,977
editsAd placeholder
User:Llamageddon/vector.css: Difference between revisions
Jump to navigation
Jump to search
m
no edit summary
Llamageddon (talk | contribs) mNo edit summary Tag: Reverted |
Llamageddon (talk | contribs) mNo edit summary Tag: Manual revert |
||
| Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | /* 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); | |||
} | |||
/* Imitating in-game rarity icon borders */ | /* Imitating in-game rarity icon borders */ | ||