No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
Line 50: | Line 50: | ||
/* --- TABLES --- */ | /* --- TABLES --- */ | ||
/* fix table sort arrows */ | /* fix table sort arrows */ | ||
.headerSort { | .headerSort svg { | ||
filter: invert( 1 ) hue-rotate( 180deg ); | filter: invert( 1 ) hue-rotate( 180deg ); | ||
} | } |
Revision as of 18:28, 7 June 2023
/* All CSS here will be loaded for users of the Citizen skin */
/* Full site CSS */
:root {
--color-primary__h: 41;
--color-primary__s: 86%;
--color-primary__l: 47%;
--width-layout: 1280px;
}
/* --- INFOBOXES --- */
/* infobox background (standard & portable) */
.infobox, .portable-infobox {
background-color: var(--color-surface-2);
border: 1px solid var(--border-color-base);
border-radius: 8px;
padding: 4px;
color: var(--color-base);
}
/* infobox title (standard & portable) */
.infobox .infobox-above, .infobox .infobox-title, .infobox caption, .pi-title {
background: none !important;
font-size: 20px !important;
font-weight: bold;
text-align: center;
padding-top: 4px;
padding-bottom: 8px;
}
/* infobox images (standard & portable) */
.infobox-image a, .pi-image a {
border-radius: 6px;
}
.infobox th {
color: var(--color-base--emphasized)
}
/* remove border on portable infobox images and other stuff */
.pi-group {
border: none;
}
/* add spacing below images on portable infoboxes */
.pi-group .pi-image {
padding-bottom: 5px;
}
/* --- TABLES --- */
/* fix table sort arrows */
.headerSort svg {
filter: invert( 1 ) hue-rotate( 180deg );
}