Imperialhare (talk | contribs) (Add comments) |
Imperialhare (talk | contribs) (new layout) |
||
Line 1: | Line 1: | ||
/*** | @import url('https://fonts.googleapis.com/css2?family=Arbutus+Slab&display=swap'); | ||
/* | /* PALETTE */ | ||
:root { | |||
--color-primary: #fdcd5e; | |||
--color-secondary: #fdebbb; | |||
--color-background: #fff1d1; | |||
--color-sidebar-heading: #b06100; | |||
--link-color: #007cc4; | |||
--link-visited: #016069; | |||
} | |||
.cat-Counterweight { | |||
--color-primary: #EF44AAff; | |||
--color-secondary: #1F3549ff; | |||
--color-background: #1F3549ff; | |||
--color-sidebar-heading: white; | |||
} | |||
body { | |||
background-color: var(--color-background); | |||
} | |||
/* FONT FACE */ | |||
.mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-sticky-header-context-bar-primary, #pt-userpage-2 { | |||
font-family: Arbutus Slab, serif; | |||
} | |||
.vector-body p { | |||
margin: 0.5em 0 0.8em 0; | |||
} | |||
/* LINK COLORS */ | |||
a, | |||
.vector-menu-portal .vector-menu-content li a, | |||
.vector-menu-tabs li a { | |||
color: var(--link-color); | |||
} | |||
a:visited, | |||
.vector-menu-portal .vector-menu-content li a:visited, | |||
.vector-menu-tabs li a:visited { | |||
color: var(--link-visited); | |||
} | |||
/* CONTAINERS */ | |||
.mw-content-container { | |||
background-color: white; | |||
min-height: 100%; | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
border-left: 2px solid var(--color-primary); | |||
border-right: 2px solid var(--color-primary); | |||
} | |||
.mw-page-container { | |||
background: none; | |||
border: none; | |||
height: 100%; | |||
min-height: 100%; | |||
} | |||
.mw-page-container-inner { | |||
min-height: 100%; | |||
height: 100%; | |||
} | |||
.mw-workspace-container { | |||
min-height: 100%; | |||
height: 100%; | |||
} | |||
/* REGULAR HEADER */ | |||
.header-container { | |||
display: flex; | |||
justify-content: center; | |||
background-color: var(--color-primary); | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
border-bottom: 1px solid black; | |||
} | |||
.mw-header { | |||
min-width: 27.5em; | |||
max-width: 103.125em; | |||
flex-grow: 1; | |||
} | |||
.mw-logo-wordmark { | |||
color: black; | |||
font-family: Arbutus Slab, serif; | |||
} | |||
.vector-search-box-input { | |||
border-color: var(--color-primary); | |||
} | |||
/* STICKY HEADER */ | |||
.vector-sticky-header { | |||
background-color: var(--color-primary); | |||
max-width: none; | |||
justify-content: center; | |||
border-bottom: 1px solid black; | |||
} | |||
.vector-sticky-header-context-bar { | |||
border-left-color: black; | |||
} | |||
.vector-sticky-header-inner-container { | |||
display: flex; | |||
width: 106.875em; | |||
justify-content: center; | |||
} | |||
/* SIDEBAR */ | |||
.mw-sidebar { | |||
background: none !important; | |||
border: none !important; | |||
width: auto !important; | |||
padding: none !important; | |||
} | |||
.vector-menu-portal .vector-menu-heading { | |||
background: none !important; | |||
} | |||
.vector-menu-portal .vector-menu-content { | |||
border: 2px solid var(--color-primary); | |||
border-radius: 8px; | |||
background-color: white; | |||
padding: 1em; | |||
} | |||
.vector-menu-portal .vector-menu-content li { | |||
font-size: 0.85em; | |||
} | |||
. | .vector-menu-portal .vector-menu-heading { | ||
font-size: 1em; | |||
font-family: Arbutus Slab, serif; | |||
color: var(--color-sidebar-heading); | |||
} | } | ||
/* | /* TOOLBAR & MENU TABS EDITS */ | ||
.mw-article-toolbar-container { | .mw-article-toolbar-container { | ||
border-bottom: 1px solid #ddd; | |||
margin-bottom: 3px; | |||
max-width: none; | |||
} | } | ||
.mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-article-toolbar-container { | .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-article-toolbar-container { | ||
margin-left: 0px !important; | |||
} | } | ||
.vector-menu-tabs { | .vector-menu-tabs { | ||
background: none; | |||
height: 32px; | |||
} | } | ||
.vector-menu-tabs li { | .vector-menu-tabs li { | ||
background: none; | |||
} | } | ||
.vector-menu-tabs li a { | .vector-menu-tabs li a { | ||
background: none; | |||
padding-left: 12px; | |||
padding-right: 12px; | |||
padding-top: 8px; | |||
height: 32px; | |||
} | } | ||
.vector-menu-tabs .selected { | .vector-menu-tabs .selected { | ||
background: none; | |||
} | } | ||
.vector-menu-tabs .selected a { | .vector-menu-tabs .selected a { | ||
border-bottom: 2px solid var(--color-primary); | |||
} | } | ||
#mw-head .vector-menu-dropdown .vector-menu-heading { | #mw-head .vector-menu-dropdown .vector-menu-heading { | ||
background: none; | |||
} | } | ||
.mw-body { | .mw-body { | ||
border-top: none; | |||
} | } | ||
.vector-menu-tabs .mw-watchlink.icon a:before { | .vector-menu-tabs .mw-watchlink.icon a:before { | ||
top: 8px; | |||
} | } | ||
.vector-menu-dropdown-noicon .vector-menu-heading { | .vector-menu-dropdown-noicon .vector-menu-heading { | ||
padding-top: 8px; | |||
} | } | ||
#mw-head .vector-menu-dropdown .vector-menu-heading { | #mw-head .vector-menu-dropdown .vector-menu-heading { | ||
height: auto; | |||
} | } | ||
.vector-menu-dropdown .vector-menu-content { | .vector-menu-dropdown .vector-menu-content { | ||
top: 32px; | |||
} | } | ||
/* PORTABLE INFOBOX */ | |||
.portable-infobox { | |||
border: 2px solid var(--color-primary); | |||
background-color: white; | |||
border-radius: 5px; | |||
} | } | ||
. | .portable-infobox .pi-font, .portable-infobox .pi-secondary-font { | ||
font-size:13px; | |||
} | } | ||
.pi-title { | |||
margin-bottom: 0.25em !important; | |||
. | |||
} | } | ||
.pi-title p { | |||
font-size: 16px; | |||
line-height: 18px; | |||
text-align: center; | |||
font-weight: bold; | |||
margin: 0 !important; | |||
padding: 0.5em !important; | |||
} | } | ||
.pi- | .pi-header p { | ||
margin: 0 !important; | |||
padding: 0 !important; | |||
} | } | ||
.pi-title { | .pi-title { | ||
background-color: var(--color-primary); | |||
font-family: Arbutus Slab, serif !important; | |||
} | } | ||
.pi-data { | .pi-data { | ||
align-items: center; | |||
} | } | ||
.pi-border-color { | .pi-border-color { | ||
border-color: #fff !important; | |||
} | } | ||
.pi-header { | .pi-header { | ||
text-align: center; | |||
font-size: 14px; | |||
background-color: var(--color-secondary) !important; | |||
} | } | ||
.portable-infobox .pi-item-spacing { | |||
padding-top: 0; | |||
. | |||
} | } |
Revision as of 03:52, 10 July 2022
@import url('https://fonts.googleapis.com/css2?family=Arbutus+Slab&display=swap'); /* PALETTE */ :root { --color-primary: #fdcd5e; --color-secondary: #fdebbb; --color-background: #fff1d1; --color-sidebar-heading: #b06100; --link-color: #007cc4; --link-visited: #016069; } .cat-Counterweight { --color-primary: #EF44AAff; --color-secondary: #1F3549ff; --color-background: #1F3549ff; --color-sidebar-heading: white; } body { background-color: var(--color-background); } /* FONT FACE */ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-sticky-header-context-bar-primary, #pt-userpage-2 { font-family: Arbutus Slab, serif; } .vector-body p { margin: 0.5em 0 0.8em 0; } /* LINK COLORS */ a, .vector-menu-portal .vector-menu-content li a, .vector-menu-tabs li a { color: var(--link-color); } a:visited, .vector-menu-portal .vector-menu-content li a:visited, .vector-menu-tabs li a:visited { color: var(--link-visited); } /* CONTAINERS */ .mw-content-container { background-color: white; min-height: 100%; padding-left: 1em; padding-right: 1em; border-left: 2px solid var(--color-primary); border-right: 2px solid var(--color-primary); } .mw-page-container { background: none; border: none; height: 100%; min-height: 100%; } .mw-page-container-inner { min-height: 100%; height: 100%; } .mw-workspace-container { min-height: 100%; height: 100%; } /* REGULAR HEADER */ .header-container { display: flex; justify-content: center; background-color: var(--color-primary); padding-left: 1em; padding-right: 1em; border-bottom: 1px solid black; } .mw-header { min-width: 27.5em; max-width: 103.125em; flex-grow: 1; } .mw-logo-wordmark { color: black; font-family: Arbutus Slab, serif; } .vector-search-box-input { border-color: var(--color-primary); } /* STICKY HEADER */ .vector-sticky-header { background-color: var(--color-primary); max-width: none; justify-content: center; border-bottom: 1px solid black; } .vector-sticky-header-context-bar { border-left-color: black; } .vector-sticky-header-inner-container { display: flex; width: 106.875em; justify-content: center; } /* SIDEBAR */ .mw-sidebar { background: none !important; border: none !important; width: auto !important; padding: none !important; } .vector-menu-portal .vector-menu-heading { background: none !important; } .vector-menu-portal .vector-menu-content { border: 2px solid var(--color-primary); border-radius: 8px; background-color: white; padding: 1em; } .vector-menu-portal .vector-menu-content li { font-size: 0.85em; } .vector-menu-portal .vector-menu-heading { font-size: 1em; font-family: Arbutus Slab, serif; color: var(--color-sidebar-heading); } /* TOOLBAR & MENU TABS EDITS */ .mw-article-toolbar-container { border-bottom: 1px solid #ddd; margin-bottom: 3px; max-width: none; } .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-article-toolbar-container { margin-left: 0px !important; } .vector-menu-tabs { background: none; height: 32px; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li a { background: none; padding-left: 12px; padding-right: 12px; padding-top: 8px; height: 32px; } .vector-menu-tabs .selected { background: none; } .vector-menu-tabs .selected a { border-bottom: 2px solid var(--color-primary); } #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .mw-body { border-top: none; } .vector-menu-tabs .mw-watchlink.icon a:before { top: 8px; } .vector-menu-dropdown-noicon .vector-menu-heading { padding-top: 8px; } #mw-head .vector-menu-dropdown .vector-menu-heading { height: auto; } .vector-menu-dropdown .vector-menu-content { top: 32px; } /* PORTABLE INFOBOX */ .portable-infobox { border: 2px solid var(--color-primary); background-color: white; border-radius: 5px; } .portable-infobox .pi-font, .portable-infobox .pi-secondary-font { font-size:13px; } .pi-title { margin-bottom: 0.25em !important; } .pi-title p { font-size: 16px; line-height: 18px; text-align: center; font-weight: bold; margin: 0 !important; padding: 0.5em !important; } .pi-header p { margin: 0 !important; padding: 0 !important; } .pi-title { background-color: var(--color-primary); font-family: Arbutus Slab, serif !important; } .pi-data { align-items: center; } .pi-border-color { border-color: #fff !important; } .pi-header { text-align: center; font-size: 14px; background-color: var(--color-secondary) !important; } .portable-infobox .pi-item-spacing { padding-top: 0; }