MediaWiki:Themes.css


 * root {

--celeste-grey: #ccc; --concrete-grey: #f2f2f2; --alabaster-grey: #fafafa; --dark-red: #861c01; --light-red: #ecccc6; --steel-blue: #438ab5; --botticelli-blue: #c1deed; --geyser-blue: #d0e2ed; --tundora: #464646; }

.switch-infobox .switch-infobox-triggers, .switch-infobox .loading-button { clear: left; margin: auto; text-align: center; }

.portable-infobox { border: 1px solid var(--celeste-grey); }

.portable-infobox.pi-background { background: transparent; }

.portable-infobox .pi-border-color { border-color: var(--celeste-grey); }

.portable-infobox.pi-europa .pi-item-spacing { padding: 8px 10px; }

.portable-infobox:not(.pi-europa) .pi-secondary-font { background-color: var(--concrete-grey); font-size: smaller; }

.portable-infobox .pi-title { background-color: var(--steel-blue); color: #fff; text-shadow: 1px 1px #000; padding: 3px 5px; text-align: center; }

.portable-infobox .pi-image { border-top: 1px solid var(--celeste-grey); border-bottom: 1px solid var(--celeste-grey); }

.portable-infobox .pi-image-thumbnail { max-width: 275px; max-height: 200px; width: auto; height: auto; }

.portable-infobox .pi-image-collection .pi-image-collection-tab-content { background-color: transparent; }

.portable-infobox .pi-image-collection-tabs { background-color: var(--concrete-grey); }

.portable-infobox .pi-image-collection-tabs .pi-tab-link { background-color: #fff; border: 1px solid var(--celeste-grey); border-top: 2px solid var(--celeste-grey); margin: 5px 1px 0; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 3px; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link.current { background: var(--botticelli-blue); font-weight: bold; }

.portable-infobox .pi-image .pi-caption { text-align: center; }

.portable-infobox .pi-data.pi-item-spacing { padding: 0; }

.portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 3px 5px; }

.portable-infobox .pi-data-value:only-child { margin: auto; }

.portable-infobox .pi-data-value[data-item-name=GE-data-chart] { padding: 0; }

.portable-infobox .pi-smart-data-value:not(:first-child), .portable-infobox .pi-smart-data-label:not(:first-child) { border-color: var(--celeste-grey); }

.portable-infobox.pi-europa .pi-data-label, .portable-infobox.pi-europa .pi-data-value { padding: 8px 10px; }

.portable-infobox.pi-europa .pi-smart-data-label, .portable-infobox.pi-europa .pi-smart-data-value { text-align: center; }

.portable-infobox:not(.pi-europa) .pi-header { text-align: center; }

.portable-infobox.type-bonuses { float: none; clear: none; }

.portable-infobox .pi-section-navigation { flex-flow: row wrap; justify-content: space-around; }

.portable-infobox .pi-section-label { color: var(--steel-blue); display: inline-flex; font-size: 12px; font-weight: bold; height: unset; margin: unset; text-transform: none; }

.portable-infobox .pi-section-tab { padding: 3px 5px; }

.portable-infobox .pi-section-tab.pi-section-active { box-shadow: inset 0 -2px 0 0 var(--steel-blue); background: var(--steel-blue); border-radius: 5px; text-shadow: 1px 1px var(--tundora); }

.portable-infobox .pi-section-tab.pi-section-active .pi-section-label { color: #fff; }

.portable-infobox .pi-section-tab:hover { box-shadow: inset 0 -2px 0 0 var(--steel-blue); }

.portable-infobox .pi-section-tab:hover .pi-section-label { color: var(--steel-blue); }

.portable-infobox .pi-section-tab:hover.pi-section-active { box-shadow: inset 0 -2px 0 0 #000; }

.portable-infobox .pi-section-tab:hover.pi-section-active .pi-section-label { color: #fff; }

.portable-infobox.type-item .pi-data[data-item-name=icon] { background-color: var(--concrete-grey); border: 0; }

.portable-infobox.type-item .pi-header[data-item-name=bonuses] { font-size: larger; }

.portable-infobox.type-monster .pi-group[data-item-name=offensive] .pi-header:first-of-type { background-color: var(--dark-red); color: #fff; }

.portable-infobox.type-monster .pi-group[data-item-name=offensive] .pi-header:not(:first-of-type), .portable-infobox.type-monster .pi-group[data-item-name=offensive] .pi-data-label { background-color: var(--light-red); color: #000; }

.portable-infobox.type-monster .pi-group[data-item-name=defensive] .pi-header:first-of-type { background-color: var(--steel-blue); color: #fff; }

.portable-infobox.type-monster .pi-group[data-item-name=defensive] .pi-header:not(:first-of-type), .portable-infobox.type-monster .pi-group[data-item-name=defensive] .pi-data-label { background-color: var(--botticelli-blue); color: #000; }

.portable-infobox.type-monster .pi-group[data-item-name=combat-info] .pi-header:first-of-type, .portable-infobox.type-monster .pi-group[data-item-name=combat-info] .pi-data-label { background-color: var(--geyser-blue); }

.portable-infobox.type-monster .pi-group[data-item-name=slayer] .pi-header:first-of-type { background-color: var(--tundora); color: #fff; }

.portable-infobox.type-monster .pi-header[data-item-name=immunities] + .pi-smart-group .pi-smart-group-head img { margin: auto; display: block; }