No edit summary |
No edit summary |
||
(133 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 */ | ||
/* COLOR OVERRIDES */ | |||
:root:not(.skin-citizen-dark) { | |||
/* --color-primary--hover: #DAA06D !important; */ | |||
--color-surface-2: #faf7f2 !important; | |||
--border-color-base: #faf7f2 !important; | |||
--border-color-base--darker: #C68B59 !important; | |||
--color-custom-tertiary: #faf7f2 !important; | |||
--pi-border-color: var(--color-surface-2) !important; | |||
} | |||
:root { | |||
--color-primary: #865439 !important; | |||
--color-primary--hover: #C68B59 !important; | |||
--color-primary--active: #6b432e !important; | |||
--background-color-primary--active: #faf7f2 !important; | |||
--pi-width: 400px !important; | |||
--color-custom-tertiary: var(--color-surface-2) !important; | |||
--pi-border-color: var(--color-surface-2) !important; | |||
} | |||
.mw-wiki-logo { | .mw-wiki-logo { | ||
Line 6: | Line 26: | ||
} | } | ||
.skin-citizen-dark .mw-logo-icon { | |||
filter: var(--filter-invert); | |||
} | |||
.navbox-title { | |||
background-color: var(--color-primary) !important; | |||
color: white; | |||
padding-top: 8px !important; | |||
padding-bottom: 8px !important; | |||
} | |||
.navbox-title a, .navbox-title a:hover { | |||
color: white !important; | |||
} | |||
.navbox { | |||
border-radius: var(--border-radius--medium) !important; | |||
overflow: hidden; | |||
border: none !important; | |||
} | |||
.navbox-abovebelow, | |||
.navbox-group, | |||
.navbox-subgroup .navbox-title { | |||
background-color: var(--color-custom-tertiary) !important; /* Level 2 color */ | |||
} | |||
.navbox-subgroup .navbox-group, | |||
.navbox-subgroup .navbox-abovebelow { | |||
background-color: var(--color-custom-tertiary) !important; /* Level 3 color */ | |||
} | |||
.navbox-even { | |||
background-color: var(--color-custom-tertiary) !important; | |||
} | |||
.mw-parser-output tr + tr > .navbox-abovebelow, | |||
.mw-parser-output tr + tr > .navbox-group, | |||
.mw-parser-output tr + tr > .navbox-image, | |||
.mw-parser-output tr + tr > .navbox-list { | |||
border-top: 0px !important; | |||
} | |||
.navbox .hlist td dl, | |||
.navbox .hlist td ol, | |||
.navbox .hlist td ul, | |||
.navbox td.hlist dl, | |||
.navbox td.hlist ol, | |||
.navbox td.hlist ul { | |||
padding: var(--space-xs) var(--space-sm) !important; | |||
} | |||
.side-box { | |||
. | background-color: var(--color-custom-tertiary) !important; | ||
border-radius: var(--border-radius--medium) !important; | |||
padding-top: 8px !important; | |||
background-color: | padding-bottom: 8px !important; | ||
} | } | ||
. | .navbox + .navbox, /* TODO: remove first line after transclusions have updated */ | ||
. | .navbox + .navbox-styles + .navbox { | ||
. | /*margin-top: -1px; */ /* Single pixel border between adjacent navboxes */ | ||
. | margin-top: 16px !important; | ||
. | |||
/* | |||
} | } | ||
. | /* Alignment grid CSS from Forgotten Realms wiki: https://forgottenrealms.fandom.com/wiki/MediaWiki:Wikia.css | ||
. | * Used under CC-BY-SA as noted on the source page: https://creativecommons.org/licenses/by-sa/3.0/ | ||
/ | */ | ||
. | .alignment-grid { | ||
. | float: left; | ||
text-align: center; | |||
text-align: | font-size: 0.85em; | ||
} | |||
.alignment-cell { | |||
padding: 4px !important; | |||
text-align: center !important; | |||
} | } | ||
.infobox | |||
.portable-infobox { | |||
border-radius: var(--border-radius--medium); | |||
overflow: hidden; | |||
} | } | ||
.infobox- | .portable-infobox .image-thumbnail, .portable-infobox .pi-image-thumbnail { | ||
width: 100%; | |||
. | |||
} | } | ||
.portable-infobox .pi-title { | |||
. | background-color: var(--color-primary); | ||
color: white; | |||
width: 100%; | |||
font-size: var(--font-size-h2) !important; | |||
padding-left: var(--space-md); | |||
margin: 0 !important; | |||
font-weight: var(--font-weight-semibold); | |||
text-align: center; | text-align: center; | ||
} | } | ||
.portable-infobox .pi-item-spacing { | |||
. | padding-left: var(--space-md) !important; | ||
} | } | ||
.infobox- | .portable-infobox p, | ||
.portable-infobox .pi-data-value > :not(ul), | |||
.portable-infobox .pi-data-value li { | |||
margin: var(--space-xxs) 0; | |||
} | } | ||
.pi-section-navigation .pi-section-tab, | |||
. | .pi-media-collection .pi-tab-link { | ||
flex: 1 1 0px; | |||
} | } | ||
. | .pi-media-collection .pi-tab-link { | ||
margin: 0 !important; | |||
border-radius: 0 !important; | |||
border-width: 0 !important; | |||
} | } | ||
. | .pi-media-collection .pi-tab-link.current { | ||
text-decoration-color: var(--color-primary) !important; | |||
text-decoration: underline; | |||
} | } | ||
. | .pi-media-collection .pi-tab-link:hover { | ||
text-decoration-color: var(--color-primary--hover) !important; | |||
text-decoration: underline; | |||
} | |||
.pi-media-collection .pi-tab-link:active { | |||
text-decoration-color: var(--color-primary--active) !important; | |||
text-decoration: underline; | |||
} | } | ||
. | .portable-infobox .pi-secondary-font { | ||
font-weight: bold; | |||
} | } | ||
.portable-infobox .pi-data-label { | |||
flex-basis: 120px; | |||
} | } | ||
. | .portable-infobox .pi-data-value ul li { | ||
list-style: none; | |||
margin-left: -20px; | |||
} | } | ||
.navbox { | |||
font-size: 0.85em; | |||
} | } | ||
. | .mw-parser-output .navbox .navbox-title div { | ||
font-size: var(--font-size-h3) !important; | |||
} | } | ||
. | .pi-data-label { | ||
hyphens: none !important; | |||
} | } | ||
. | .in-setting-text-info { | ||
text-align: center; | |||
} | } | ||
. | .template-note { | ||
display: block; | |||
background-color: var(--background-color-primary--active); | |||
padding: var(--space-md); | |||
margin-bottom: 1em; | |||
border-radius: var(--border-radius--medium); | |||
} | } | ||
. | .template-note p { | ||
margin: 0; | |||
} | } | ||
. | .mw-content-ltr ul { | ||
margin-top: 0; | |||
margin-bottom: 0; | |||
} | } | ||
/* Yearbox styling */ | |||
border: | .yearbox { | ||
display: flex; | |||
flex-direction: column; | |||
border-radius: var(--border-radius--medium) !important; | |||
overflow: hidden; | |||
margin-bottom: 1em; | |||
} | } | ||
. | .yearbox .yearbox-header { | ||
background-color: var(--color-primary); | |||
color: white; | |||
font-size: var(--font-size-h2) !important; | |||
margin: 0 !important; | |||
font-weight: var(--font-weight-semibold); | |||
text-align: center; | |||
padding: 5px 10px /*var(--pi-item-spacing)*/; | |||
} | } | ||
. | .yearbox .yearbox-header p { | ||
margin: var(--space-xxs) 0; | |||
line-height: 1.5; | |||
} | } | ||
. | .yearbox .yearbox-content { | ||
display: flex; | |||
flex-direction: row; | |||
justify-content: space-evenly; | |||
background-color: var(--color-surface-2); | |||
} | } | ||
. | .yearbox .yearbox-content .yearbox-item { | ||
} | } | ||
. | .yearbox .yearbox-content .yearbox-item.main-item { | ||
font-weight: bold; | |||
} | } | ||
. | .yearbox .yearbox-content .yearbox-item:after { | ||
content: " · "; | |||
font-weight: bold; | |||
} | } | ||
.yearbox .yearbox-content .yearbox-item:last-child:after { | |||
content: ""; | |||
} | } | ||
. | |||
.mwe-popups footer { | |||
display: none; | |||
} | } | ||
. | |||
.mwe-popups .mwe-popups-extract { | |||
margin-bottom: 16px !important; | |||
} | } | ||
. | .full-width-image img { | ||
max-width: 100%; | |||
height: auto; | |||
width: auto; | |||
} | } |
Latest revision as of 20:23, 20 July 2024
/* CSS placed here will be applied to all skins */ /* COLOR OVERRIDES */ :root:not(.skin-citizen-dark) { /* --color-primary--hover: #DAA06D !important; */ --color-surface-2: #faf7f2 !important; --border-color-base: #faf7f2 !important; --border-color-base--darker: #C68B59 !important; --color-custom-tertiary: #faf7f2 !important; --pi-border-color: var(--color-surface-2) !important; } :root { --color-primary: #865439 !important; --color-primary--hover: #C68B59 !important; --color-primary--active: #6b432e !important; --background-color-primary--active: #faf7f2 !important; --pi-width: 400px !important; --color-custom-tertiary: var(--color-surface-2) !important; --pi-border-color: var(--color-surface-2) !important; } .mw-wiki-logo { background-size: 160px !important; margin-top: 10px !important; } .skin-citizen-dark .mw-logo-icon { filter: var(--filter-invert); } .navbox-title { background-color: var(--color-primary) !important; color: white; padding-top: 8px !important; padding-bottom: 8px !important; } .navbox-title a, .navbox-title a:hover { color: white !important; } .navbox { border-radius: var(--border-radius--medium) !important; overflow: hidden; border: none !important; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background-color: var(--color-custom-tertiary) !important; /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background-color: var(--color-custom-tertiary) !important; /* Level 3 color */ } .navbox-even { background-color: var(--color-custom-tertiary) !important; } .mw-parser-output tr + tr > .navbox-abovebelow, .mw-parser-output tr + tr > .navbox-group, .mw-parser-output tr + tr > .navbox-image, .mw-parser-output tr + tr > .navbox-list { border-top: 0px !important; } .navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { padding: var(--space-xs) var(--space-sm) !important; } .side-box { background-color: var(--color-custom-tertiary) !important; border-radius: var(--border-radius--medium) !important; padding-top: 8px !important; padding-bottom: 8px !important; } .navbox + .navbox, /* TODO: remove first line after transclusions have updated */ .navbox + .navbox-styles + .navbox { /*margin-top: -1px; */ /* Single pixel border between adjacent navboxes */ margin-top: 16px !important; } /* Alignment grid CSS from Forgotten Realms wiki: https://forgottenrealms.fandom.com/wiki/MediaWiki:Wikia.css * Used under CC-BY-SA as noted on the source page: https://creativecommons.org/licenses/by-sa/3.0/ */ .alignment-grid { float: left; text-align: center; font-size: 0.85em; } .alignment-cell { padding: 4px !important; text-align: center !important; } .portable-infobox { border-radius: var(--border-radius--medium); overflow: hidden; } .portable-infobox .image-thumbnail, .portable-infobox .pi-image-thumbnail { width: 100%; } .portable-infobox .pi-title { background-color: var(--color-primary); color: white; width: 100%; font-size: var(--font-size-h2) !important; padding-left: var(--space-md); margin: 0 !important; font-weight: var(--font-weight-semibold); text-align: center; } .portable-infobox .pi-item-spacing { padding-left: var(--space-md) !important; } .portable-infobox p, .portable-infobox .pi-data-value > :not(ul), .portable-infobox .pi-data-value li { margin: var(--space-xxs) 0; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { flex: 1 1 0px; } .pi-media-collection .pi-tab-link { margin: 0 !important; border-radius: 0 !important; border-width: 0 !important; } .pi-media-collection .pi-tab-link.current { text-decoration-color: var(--color-primary) !important; text-decoration: underline; } .pi-media-collection .pi-tab-link:hover { text-decoration-color: var(--color-primary--hover) !important; text-decoration: underline; } .pi-media-collection .pi-tab-link:active { text-decoration-color: var(--color-primary--active) !important; text-decoration: underline; } .portable-infobox .pi-secondary-font { font-weight: bold; } .portable-infobox .pi-data-label { flex-basis: 120px; } .portable-infobox .pi-data-value ul li { list-style: none; margin-left: -20px; } .navbox { font-size: 0.85em; } .mw-parser-output .navbox .navbox-title div { font-size: var(--font-size-h3) !important; } .pi-data-label { hyphens: none !important; } .in-setting-text-info { text-align: center; } .template-note { display: block; background-color: var(--background-color-primary--active); padding: var(--space-md); margin-bottom: 1em; border-radius: var(--border-radius--medium); } .template-note p { margin: 0; } .mw-content-ltr ul { margin-top: 0; margin-bottom: 0; } /* Yearbox styling */ .yearbox { display: flex; flex-direction: column; border-radius: var(--border-radius--medium) !important; overflow: hidden; margin-bottom: 1em; } .yearbox .yearbox-header { background-color: var(--color-primary); color: white; font-size: var(--font-size-h2) !important; margin: 0 !important; font-weight: var(--font-weight-semibold); text-align: center; padding: 5px 10px /*var(--pi-item-spacing)*/; } .yearbox .yearbox-header p { margin: var(--space-xxs) 0; line-height: 1.5; } .yearbox .yearbox-content { display: flex; flex-direction: row; justify-content: space-evenly; background-color: var(--color-surface-2); } .yearbox .yearbox-content .yearbox-item { } .yearbox .yearbox-content .yearbox-item.main-item { font-weight: bold; } .yearbox .yearbox-content .yearbox-item:after { content: " · "; font-weight: bold; } .yearbox .yearbox-content .yearbox-item:last-child:after { content: ""; } .mwe-popups footer { display: none; } .mwe-popups .mwe-popups-extract { margin-bottom: 16px !important; } .full-width-image img { max-width: 100%; height: auto; width: auto; }