Dicemonger (talk | contribs) mNo edit summary |
Dicemonger (talk | contribs) mNo edit summary |
||
Line 35: | Line 35: | ||
} | } | ||
.infoboxHeader | .infoboxHeader { | ||
{ | |||
background-color: var(--color-surface-3); | background-color: var(--color-surface-3); | ||
color: var(--pi-secondary-background-on); | color: var(--pi-secondary-background-on); | ||
Line 42: | Line 41: | ||
padding: 0 6px; | padding: 0 6px; | ||
text-align: center; | text-align: center; | ||
} | |||
@container floatwidth (max-width: 560) { | |||
width: 100%; | |||
} | } |
Revision as of 08:50, 16 June 2023
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
:root.skin-citizen-light {
--color-surface-0: #FFFAFA;
--color-surface-1: #FFFAFA;
--color-surface-2: #FFFAFA;
--color-surface-3: #B8860B;
--color-surface-4: #FDF5E6;
--color-base--emphasized: #A0522D;
--color-primary: #800080;
--pi-background: #FDF5E6;
--pi-secondary-background: #FDF5E6;
--pi-secondary-background-on: #FFFFFF;
--padding-page: 12px;
}
#bodyContent {
padding: 0 12px;
border-style: solid;
border-width: 4px;
border-color: #A0522D;
}
h1,h2,h3 {
font-family: 'Playfair Display', serif;
text-transform: uppercase;
}
img.fullwidth {
width: 100%;
height: auto;
}
.infoboxHeader {
background-color: var(--color-surface-3);
color: var(--pi-secondary-background-on);
font-weight: bold;
padding: 0 6px;
text-align: center;
}
@container floatwidth (max-width: 560) {
width: 100%;
}