12,652
editsAd placeholder
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
(Start cleaning up damage type color class names.) |
No edit summary |
||
(39 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* | |||
* The CSS here should be moved to Vector.css as much as possible. Currently, | |||
* no other skin is supported for desktop, and mobile doesn't use Common.css | |||
* anyway. Any future skin that we intend to support will need careful | |||
* consideration and porting of CSS to its own skin-specific CSS page. | |||
*/ | |||
/* Global variables used for various things */ | |||
:root { | |||
/* Originally for the "tooltip" style boxes; also used for some other | |||
* things now. Should perhaps be renamed or split into different variables. | |||
*/ | |||
--bg3wiki-tooltip-border: #785000; | |||
/* PortableInfobox configuration */ | |||
--pi-width: 280px; | |||
} | |||
/* Table of contents */ | |||
.toc { | .toc { | ||
margin: 0.5em 0 0 0.5em; | margin: 0.5em 0 0 0.5em; | ||
Line 16: | Line 37: | ||
} | } | ||
/* Some h3 use an alternative style. */ | |||
.bg3wiki-tooltip-box h3, | .bg3wiki-tooltip-box h3, | ||
h3.bg3wiki-level-header { | h3.bg3wiki-level-header { | ||
Line 45: | Line 67: | ||
/* Item, spell, etc. properties */ | /* Item, spell, etc. properties */ | ||
.bg3wiki-property-list > ul { | |||
.bg3wiki-property-list | |||
margin-left: 0; | margin-left: 0; | ||
list-style: none; | |||
} | } | ||
.mw-content-ltr ul.bg3wiki-property-list { | .mw-content-ltr ul.bg3wiki-property-list { | ||
margin-left: 0; | margin-left: 0; | ||
list-style: none; | list-style: none; | ||
} | |||
.bg3wiki-property-list dd { | |||
margin-left: 0; | |||
} | } | ||
/* ItemIcon | /* ItemIcon stuff */ | ||
:root { | :root { | ||
--bg3wiki-itemicon-common: 72, 72, 72; | --bg3wiki-itemicon-common: 72, 72, 72; | ||
Line 66: | Line 88: | ||
--bg3wiki-itemicon-legendary: 183, 134, 29; | --bg3wiki-itemicon-legendary: 183, 134, 29; | ||
--bg3wiki-itemicon-story: 255, 89, 1; | --bg3wiki-itemicon-story: 255, 89, 1; | ||
--bg3wiki-itemicon-gradient-top-opacity: 0%; | --bg3wiki-itemicon-gradient-top-opacity: 0%; | ||
--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 128: | Line 149: | ||
background: var(--bg3wiki-tooltip-bg); | background: var(--bg3wiki-tooltip-bg); | ||
box-shadow: | 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 var(--bg3wiki-tooltip-border); | border: 0.15rem solid var(--bg3wiki-tooltip-border); | ||
border-radius: 10px; | border-radius: 10px; | ||
padding: 15px; | padding: 15px; | ||
margin: 0.5em 0.2em 0 0.2em; | margin: 0.5em 0.2em 0 0.2em; | ||
overflow: hidden; | |||
} | } | ||
/* Relative | /* [[Template:Relative location]] */ | ||
.relative-location { | .relative-location { | ||
background: var(--bg3wiki-relative-location-bg); | background: var(--bg3wiki-relative-location-bg); | ||
Line 145: | Line 167: | ||
text-align: center; | text-align: center; | ||
} | } | ||
.relative-location-header { | .relative-location-header { | ||
background: var(--bg3wiki-relative-location-header-bg-dark); | background: var(--bg3wiki-relative-location-header-bg-dark); | ||
Line 158: | Line 179: | ||
/* 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; | ||
vertical-align: top; | vertical-align: top; | ||
font-style: italic; | font-style: italic; | ||
Line 165: | Line 186: | ||
/* Proficiency abbreviation styling */ | /* Proficiency abbreviation styling */ | ||
.bg3wiki-save-proficiency-abbr { | .bg3wiki-save-proficiency-abbr { | ||
font-size:10px; | font-size: 10px; | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
Line 171: | Line 192: | ||
/* For mobile eyes only */ | /* For mobile eyes only */ | ||
.nodesktop { | .nodesktop { | ||
display: none; | display: none; | ||
} | } | ||
/* 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 */ | |||
margin: auto auto auto 0; | |||
} | } | ||
Line 747: | Line 769: | ||
} | } | ||
/* | /* PortableInfobox */ | ||
.infobox { | |||
background-color: var(--bg3wiki-box-detail-bg | .portable-infobox { | ||
background-color: var(--bg3wiki-box-detail-bg); | |||
border: var(--bg3wiki-wikitable-border); | border: var(--bg3wiki-wikitable-border); | ||
padding: 4px; | |||
} | |||
.portable-infobox .pi-item-spacing { | |||
padding: 0 | padding: 0; | ||
} | |||
.portable-infobox .pi-group { | |||
border: none; | |||
} | } | ||
.infobox- | .portable-infobox .pi-data { | ||
border: 0; | border: none; | ||
margin: 2px 0; | |||
} | } | ||
.infobox- | .portable-infobox .pi-title { | ||
background: var(--bg3wiki-box-header-bg); | background: var(--bg3wiki-box-header-bg); | ||
color: var(--fg); | text-align: center; | ||
font-size: 130%; | font-size: 1.4em; | ||
border: var(--bg3wiki-box-accent-dark-border); | font-weight: bold; | ||
} | } | ||
.infobox-header { | .portable-infobox .pi-data[data-source="title"] { | ||
background: var(--bg3wiki-box-header-bg); | text-align: center; | ||
color: var(--fg); | font-style: italic; | ||
border: none; | font-size: 1.2em; | ||
} | margin-top: 2px; | ||
margin-bottom: 2px; | |||
.infobox-subheader, | } | ||
.infobox-image, | |||
.infobox-caption { | .portable-infobox .pi-tab-link, | ||
background-color: var(--bg3wiki-box-detail-bg); | .portable-infobox .pi-section-tab { | ||
border: var(--bg3wiki-box-detail-border); | color: var(--link); | ||
color: var(--fg); | border: none; | ||
} | flex-grow: 1; | ||
} | |||
.infobox-label { | |||
background-color: var(--bg3wiki-box-label-bg); | .portable-infobox .pi-tab-link.current, | ||
border: none; | .portable-infobox .pi-section-tab.pi-section-active { | ||
color: var(--fg); | background: none; | ||
text-align: left; | border-bottom: 1px solid var(--link); | ||
padding: 0.2em 0.4em 0.2em 0.4em; | } | ||
vertical-align: top; | |||
font-weight: normal; | .portable-infobox .pi-header { | ||
} | background: var(--bg3wiki-box-label-bg); | ||
text-align: center; | |||
.infobox-data { | font-size: 1.05em; | ||
background-color: transparent; | padding: 5px 0; | ||
color: var(--fg); | } | ||
border: none; | |||
text-align: center; | .portable-infobox .pi-data-label, | ||
.portable-infobox .pi-data-value { | |||
padding: 3px 5px 3px 5px; | |||
} | |||
.portable-infobox .pi-data-label { | |||
background-color: var(--bg3wiki-box-label-bg); | |||
font-weight: normal; | |||
} | |||
.portable-infobox table { | |||
background: none; | |||
} | |||
.pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { | |||
border-left: 2px solid var(--bg3wiki-box-detail-bg); | |||
} | |||
.pi-horizontal-group th.pi-horizontal-group-item { | |||
border-top: 2px solid var(--bg3wiki-box-detail-bg); | |||
padding-top: 5px; | |||
} | |||
.pi-horizontal-group thead + tbody .pi-data-value { | |||
padding: 5px 0; | |||
} | |||
.pi-type-creature [data-item-name="resistances"] ul { | |||
margin: 0; | |||
list-style: none; | |||
display: flex; | |||
justify-content: center; | |||
gap: 5px; | |||
flex-wrap: wrap; | |||
} | |||
.pi-type-creature li:first-child .bg3wiki-pi-creature-detail { | |||
margin-top: 5px; | |||
} | |||
.pi-type-creature li:not(:last-child) .bg3wiki-pi-creature-detail { | |||
margin-bottom: 12px; | |||
} | |||
.pi-type-creature .bg3wiki-pi-creature-detail .bg3wiki-icontext-text { | |||
margin-top: -16px; | |||
padding-left: 5px; | |||
} | |||
.pi-type-creature .bg3wiki-pi-creature-detail-text { | |||
margin-top: -12px; | |||
padding-left: 34px; | |||
} | |||
.pi-type-creature .bg3wiki-pi-creature-detail p { | |||
margin: 0; | |||
} | |||
.pi-type-creature .bg3wiki-pi-creature-detail-text a { | |||
color: unset; | |||
text-decoration: underline dotted var(--link); | |||
} | |||
.pi-type-creature .bg3wiki-pi-creature-detail-text a:hover { | |||
text-decoration: underline solid var(--link); | |||
} | |||
/* Character info template styling */ | |||
.infobox { | |||
background-color: var(--bg3wiki-box-detail-bg); | |||
color: var(--fg); | |||
border: var(--bg3wiki-wikitable-border); | |||
font-size: 90%; | |||
float: right; | |||
margin: 0.5em 0 0.5em 1em; | |||
padding: 0.2em 0.2em 0.6em 0.2em; | |||
clear: right; | |||
line-height: 1.5em; | |||
width: 23em; | |||
vertical-align: top; | |||
} | |||
.infobox-title { | |||
border: 0; | |||
} | |||
.infobox-above { | |||
background: var(--bg3wiki-box-header-bg); | |||
color: var(--fg); | |||
font-size: 130%; | |||
border: var(--bg3wiki-box-accent-dark-border); | |||
} | |||
.infobox-header { | |||
background: var(--bg3wiki-box-header-bg); | |||
color: var(--fg); | |||
border: none; | |||
} | |||
.infobox-subheader, | |||
.infobox-image, | |||
.infobox-caption { | |||
background-color: var(--bg3wiki-box-detail-bg); | |||
border: var(--bg3wiki-box-detail-border); | |||
color: var(--fg); | |||
} | |||
.infobox-label { | |||
background-color: var(--bg3wiki-box-label-bg); | |||
border: none; | |||
color: var(--fg); | |||
text-align: left; | |||
padding: 0.2em 0.4em 0.2em 0.4em; | |||
vertical-align: top; | |||
font-weight: normal; | |||
} | |||
.infobox-label:has(.bg3wiki-icontext-block) { | |||
vertical-align: middle; | |||
} | |||
.infobox-data { | |||
background-color: transparent; | |||
color: var(--fg); | |||
border: none; | |||
text-align: center; | |||
padding: 0.2em 0.4em 0.2em 0.4em; | padding: 0.2em 0.4em 0.2em 0.4em; | ||
} | } | ||
Line 1,477: | Line 1,615: | ||
.bg3wiki-achievement { | .bg3wiki-achievement { | ||
width: 100%; | width: 100%; | ||
} | |||
/* For visual effect, as of now only used on [[Illithid Powers]]. */ | |||
.bg3wiki-visible-on-hover { | |||
opacity: 0; | |||
transition-property: opacity; | |||
transition-duration: .4s; | |||
} | |||
.bg3wiki-visible-on-hover:hover, | |||
.bg3wiki-visible-on-hover:focus { | |||
opacity: 1; | |||
} | |||
/* Template:WeaponsTableHeader / Template:WeaponsTableRow */ | |||
.bg3wiki-weapons-table td:not(:last-child) { | |||
text-align: center; | |||
} | } |