Imperialhare (talk | contribs) No edit summary |
Imperialhare (talk | contribs) No edit summary |
||
Line 301: | Line 301: | ||
font-size: 14px; | font-size: 14px; | ||
background-color: var(--color-infobox-primary) !important; | background-color: var(--color-infobox-primary) !important; | ||
filter: brightness( | filter: brightness(120%); | ||
} | } | ||
Revision as of 21:24, 11 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; --color-aih: #FDCE5E; --color-cw: #F461BA; --color-marielda: #FFB27B; --color-wih: #92D1F4; --color-tm: #59ADA1; --color-sih: #AFE27D; --color-pzn: #F75451; --color-sf: #FAD47A; --color-bluff: #2F7FAB; --color-live: #5AC45E; } 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 { 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: 0 1em 1em 1em; border-left: 2px solid var(--color-primary); border-right: 2px solid var(--color-primary); border-bottom: 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; font-size: 1.25em; font-weight: normal; } .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 { --color-infobox-primary: var(--color-primary); } /* PORTABLE INFOBOX COLOR THEMES */ .pi-theme-aih.portable-infobox { --color-infobox-primary: var(--color-aih); } .pi-theme-cw.portable-infobox { --color-infobox-primary: var(--color-cw); } .pi-theme-marielda.portable-infobox { --color-infobox-primary: var(--color-marielda); } .pi-theme-wih.portable-infobox { --color-infobox-primary: var(--color-wih); } .pi-theme-tm.portable-infobox { --color-infobox-primary: var(--color-tm); } .pi-theme-sih.portable-infobox { --color-infobox-primary: var(--color-sih); } .pi-theme-pzn.portable-infobox { --color-infobox-primary: var(--color-pzn); } .pi-theme-sf.portable-infobox { --color-infobox-primary: var(--color-sf); } .pi-theme-bluff.portable-infobox { --color-infobox-primary: var(--color-bluff); } .pi-theme-live.portable-infobox { --color-infobox-primary: var(--color-live); } .portable-infobox { border: 2px solid var(--color-infobox-primary); background-color: white; border-radius: 5px; } .portable-infobox .pi-font, .portable-infobox .pi-secondary-font { font-size:13px; } .pi-title { margin-bottom: 1px !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.5em !important; } .pi-title { background-color: var(--color-infobox-primary); } .pi-data { align-items: center; } .pi-border-color { border-color: #fff !important; } .pi-header { text-align: center; font-size: 14px; background-color: var(--color-infobox-primary) !important; filter: brightness(120%); } /* RESPONSIVE SIDEBAR */ @media screen and (max-width: 86.75em) { .mw-checkbox-hack-checkbox:checked ~ .mw-page-container .mw-workspace-container .mw-article-toolbar-container { margin-left: 0 !important; } } @media screen and (max-width: 720px) { .mw-sidebar { margin: 0; padding: 1em; background: white !important; border-left: 2px solid var(--color-primary) !important; border-right: 2px solid var(--color-primary) !important; } .vector-menu-portal { margin: 0 !important; padding: 0 !important; } .vector-menu-heading { margin: 0; } .vector-menu-content { border: none !important; padding: 0 !important; } .vector-menu-portal .vector-menu-heading { margin: 0.5em 0 0 0; } } /* OTHER */ .navbox-styles { margin-bottom: 0.5em; } .mw-category-generated > p > em { display:none; }