MediaWiki:Common.less/oswf.less
- root {
--oswf-page-container-border-color: @mystic; --oswf-page-container-bg: @white; --oswf-page-container-box-shadow: @box-shadow; --oswf-tile-border-color: @la-palma; --oswf-tile-complete-border-color: @old-brick; --oswf-tile-complete-bg: @old-brick; --oswf-tile-banner-bg: @la-palma; --oswf-tile-banner-color: @white; --oswf-section-header-bg: @gallery; --oswf-section-border-color: @base-heading-border; --oswf-section-page-header-bg: @ecstasy; --oswf-section-page-header-colors: @white; --oswf-quicklinks-bg: @black-haze; --oswf-quicklinks-discord-bg: #5865F2; --oswf-quicklinks-link-color: @white; --oswf-text-color: @ecstasy; }
.oswf-page-container {
width: 100%; border-radius: .5em; max-width: 80rem; margin-left: auto; margin-right: auto; border: 1px solid var(--oswf-page-container-border-color); background: var(--oswf-page-container-bg); box-shadow: var(--oswf-page-container-box-shadow); .mw-headline-underline { display: none; } .oswf-tile { max-width: 35em; padding: 0; border-color: var(--oswf-tile-border-color); &.oswf-tile-complete { order: 10; border-color: var(--oswf-tile-complete-border-color); .oswf-tile-banner {
background: var(--oswf-tile-complete-bg);
} .oswf-tile-content { opacity: 0.5; } }
.oswf-tile-banner { padding: .5em 2em; background: var(--oswf-tile-banner-bg); color: var(--oswf-tile-banner-color); }
.oswf-tile-content { padding: 1.5em 2em 1.5em; }
}
}
.oswf-section-header {
padding: .25em 2em; background: var(--oswf-section-header-bg); display: flex; flex-direction: row; align-items: center; border-top: 1px solid var(--oswf-section-border-color); border-bottom: 1px solid var(--oswf-section-border-color); justify-content: space-between; h2, h5 { padding: 0; margin: .3em 0; }
&.oswf-page-header { background: var(--oswf-section-page-header-bg); border-radius: .5em .5em 0 0; border: none;
h2, h5 {
color: var(--oswf-section-page-header-colors); padding: 0; margin: .5em 0; } }
}
.oswf-page-section {
padding: 1em 2em; p:last-child, &.rules-section ul { margin-bottom: 0; }
}
.oswf-page-quicklinks {
padding: 0 2em; background: var(--oswf-quicklinks-bg); display: flex; flex-direction: row; align-items: center; border-bottom: 1px solid var(--oswf-section-border-color);
.oswf-page-quicklinks-col { padding: .5em 1em .5em 0; border-right: 1px solid var(--oswf-section-border-color); p, h5 { margin: 0; padding: 0; }
&:not(:first-child) { padding-left: 1em; }
&.oswf-ql-discord { background: var(--oswf-quicklinks-discord-bg);
a, h5 { color: var(--oswf-quicklinks-link-color); } img { margin-right: .3em; } } }
}
.oswf-text-primary {
color: var(--oswf-text-color);
}