Ad 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 dt {
font-weight: normal;
}
.bg3wiki-property-list dd {
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 rarity colors */
/* 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%;
--bg3wiki-tooltip-border: #785000;
}
}


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 0px inset,
rgba(0, 0, 0, 0.14) -3px -3px 6px 1px 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 Location stuff */
/* [[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 {
margin: auto auto auto 0; /* Don't want margin in the preview box because that breaks things */
/* Don't want margin in the preview box because that breaks things */
margin: auto auto auto 0;
}
}


Line 747: Line 769:
}
}


/* Character info template styling */
/* PortableInfobox */
.infobox {
 
background-color: var(--bg3wiki-box-detail-bg);
.portable-infobox {
color: var(--fg);
background-color: var(--bg3wiki-box-detail-bg);
border: var(--bg3wiki-wikitable-border);
border: var(--bg3wiki-wikitable-border);
font-size: 90%;
padding: 4px;
float: right;
}
margin: 0.5em 0 0.5em 1em;
.portable-infobox .pi-item-spacing {
padding: 0.2em 0.2em 0.6em 0.2em;
padding: 0;
clear: right;
}
line-height: 1.5em;
.portable-infobox .pi-group {
width: 23em;
border: none;
vertical-align: top;
}
}


.infobox-title {
.portable-infobox .pi-data {
border: 0;
border: none;
margin: 2px 0;
}
}


.infobox-above {
.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;
}
}

Navigation menu