12,652
editsno edit summary
(Add overflow: hidden to tooltip boxes.) |
No edit summary |
||
(35 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 */ | /* Global variables used for various things */ | ||
Line 7: | Line 16: | ||
*/ | */ | ||
--bg3wiki-tooltip-border: #785000; | --bg3wiki-tooltip-border: #785000; | ||
/* PortableInfobox configuration */ | |||
--pi-width: 280px; | |||
} | } | ||
Line 55: | Line 67: | ||
/* Item, spell, etc. properties */ | /* Item, spell, etc. properties */ | ||
.bg3wiki-property-list | .bg3wiki-property-list > ul { | ||
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; | |||
} | } | ||
Line 756: | 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; | |||
padding: | |||
} | } | ||
.portable-infobox .pi-item-spacing { | |||
.infobox- | padding: 0; | ||
border: | } | ||
.portable-infobox .pi-group { | |||
border: none; | |||
} | } | ||
.infobox- | .portable-infobox .pi-data { | ||
border: none; | |||
margin: 2px 0; | |||
} | } | ||
.infobox- | .portable-infobox .pi-title { | ||
background: var(--bg3wiki-box-header-bg); | background: var(--bg3wiki-box-header-bg); | ||
text-align: center; | |||
font-size: 1.4em; | |||
font-weight: bold; | |||
} | } | ||
.infobox | .portable-infobox .pi-data[data-source="title"] { | ||
. | text-align: center; | ||
font-style: italic; | |||
font-size: 1.2em; | |||
margin-top: 2px; | |||
margin-bottom: 2px; | |||
} | } | ||
.infobox- | .portable-infobox .pi-tab-link, | ||
.portable-infobox .pi-section-tab { | |||
color: var(--link); | |||
border: none; | border: none; | ||
flex-grow: 1; | |||
} | |||
} | |||
.infobox- | .portable-infobox .pi-tab-link.current, | ||
.portable-infobox .pi-section-tab.pi-section-active { | |||
background: none; | |||
border-bottom: 1px solid var(--link); | |||
} | } | ||
.infobox- | .portable-infobox .pi-header { | ||
background | background: var(--bg3wiki-box-label-bg); | ||
text-align: center; | text-align: center; | ||
padding: 0 | font-size: 1.05em; | ||
padding: 5px 0; | |||
} | } | ||
.portable-infobox .pi-data-label, | |||
.infobox-data- | .portable-infobox .pi-data-value { | ||
padding: 3px 5px 3px 5px; | |||
} | } | ||
.infobox- | .portable-infobox .pi-data-label { | ||
background: var(--bg3wiki-box- | background-color: var(--bg3wiki-box-label-bg); | ||
font-weight: normal; | |||
} | } | ||
/** | .portable-infobox table { | ||
Navbox classes | background: none; | ||
**/ | } | ||
.navbox, | .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { | ||
.mw-parser-output .navbox-list-with-group, | border-left: 2px solid var(--bg3wiki-box-detail-bg); | ||
.bg3wiki-navbox { | } | ||
text-align: center; | .pi-horizontal-group th.pi-horizontal-group-item { | ||
border:1px solid var(--bg3wiki-tooltip-border); | border-top: 2px solid var(--bg3wiki-box-detail-bg); | ||
color: var(--fg); | padding-top: 5px; | ||
width: 100%; | } | ||
} | .pi-horizontal-group thead + tbody .pi-data-value { | ||
padding: 5px 0; | |||
.mw-parser-output .navbox-list-with-group, { | } | ||
color: var(--bg3wiki-navbox-header-text); | |||
background-color: var(--bg3wiki-navbox-bg); | .pi-type-creature [data-item-name="resistances"] ul { | ||
} | margin: 0; | ||
list-style: none; | |||
.bg3wiki-navbox-header { | display: flex; | ||
font-weight: bold; | justify-content: center; | ||
font-size: 105%; | gap: 5px; | ||
background-color: var(--bg3wiki-navbox-header-bg); | flex-wrap: wrap; | ||
border: 0px none; | } | ||
} | |||
.pi-type-creature li:first-child .bg3wiki-pi-creature-detail { | |||
.bg3wiki-navbox-side-header { | margin-top: 5px; | ||
background-color: var(--bg3wiki-navbox-header-bg); | } | ||
} | .pi-type-creature li:not(:last-child) .bg3wiki-pi-creature-detail { | ||
margin-bottom: 12px; | |||
.bg3wiki-navbox-side-secondary-header { | } | ||
background-color: var(--bg3wiki-navbox-header-secondary-bg); | .pi-type-creature .bg3wiki-pi-creature-detail .bg3wiki-icontext-text { | ||
} | margin-top: -16px; | ||
padding-left: 5px; | |||
/* These important tags will be removed, emergency fix */ | } | ||
.navbox-title { | .pi-type-creature .bg3wiki-pi-creature-detail-text { | ||
font-weight: bold; | margin-top: -12px; | ||
background-color: var(--bg3wiki-navbox-header-bg); | padding-left: 34px; | ||
border: none !important; | } | ||
.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; | |||
} | |||
/* Will remove this when I re-do the themes variables */ | |||
.infobox-data-last { | |||
border-bottom: none !important; | |||
} | |||
.infobox-below { | |||
background: var(--bg3wiki-box-header-bg); | |||
color: var(--fg); | |||
border: none; | |||
} | |||
/** | |||
Navbox classes | |||
**/ | |||
.navbox, | |||
.mw-parser-output .navbox-list-with-group, | |||
.bg3wiki-navbox { | |||
text-align: center; | |||
border:1px solid var(--bg3wiki-tooltip-border); | |||
color: var(--fg); | |||
width: 100%; | |||
} | |||
.mw-parser-output .navbox-list-with-group, { | |||
color: var(--bg3wiki-navbox-header-text); | |||
background-color: var(--bg3wiki-navbox-bg); | |||
} | |||
.bg3wiki-navbox-header { | |||
font-weight: bold; | |||
font-size: 105%; | |||
background-color: var(--bg3wiki-navbox-header-bg); | |||
border: 0px none; | |||
} | |||
.bg3wiki-navbox-side-header { | |||
background-color: var(--bg3wiki-navbox-header-bg); | |||
} | |||
.bg3wiki-navbox-side-secondary-header { | |||
background-color: var(--bg3wiki-navbox-header-secondary-bg); | |||
} | |||
/* These important tags will be removed, emergency fix */ | |||
.navbox-title { | |||
font-weight: bold; | |||
background-color: var(--bg3wiki-navbox-header-bg); | |||
border: none !important; | |||
} | } | ||
Line 1,490: | 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; | |||
} | } |