MediaWiki:Common.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* BEGIN HOSAKA NIGHT RELAY */
/* Hosaka Night Relay 0.4.0: supported Vector 2022 site CSS; styles only. */
body.skin-vector-2022 .mw-body::before{content:"HOSAKA / NIGHT RELAY / ARCHIVE";display:block;color:var(--hosaka-accent);font-family:"Noto Sans Mono",monospace;font-size:12px;letter-spacing:.12em;margin-bottom:16px}
body.skin-vector-2022{--hosaka-background:#E5F4FF;--hosaka-surface:#FFFFFF;--hosaka-raised:#E2E8E5;--hosaka-text:#18282D;--hosaka-muted:#455E65;--hosaka-accent:#006B60;--hosaka-border:#71868B;font-family:"Noto Sans","DejaVu Sans",system-ui,sans-serif;font-size:16px;line-height:1.55;--color-base:var(--hosaka-text);--color-subtle:var(--hosaka-muted);--background-color-base:var(--hosaka-background);--background-color-neutral-subtle:var(--hosaka-surface);--border-color-base:var(--hosaka-border);--color-progressive:var(--hosaka-accent)}
html.skin-theme-clientpref-night body.skin-vector-2022{--hosaka-background:#090D18;--hosaka-surface:#121C2E;--hosaka-raised:#1C2D43;--hosaka-text:#E5F4FF;--hosaka-muted:#A7BDD4;--hosaka-accent:#53E4FF;--hosaka-border:#7893B0}
@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os body.skin-vector-2022,html.vector-feature-night-mode-disabled body.skin-vector-2022{--hosaka-background:#090D18;--hosaka-surface:#121C2E;--hosaka-raised:#1C2D43;--hosaka-text:#E5F4FF;--hosaka-muted:#A7BDD4;--hosaka-accent:#53E4FF;--hosaka-border:#7893B0}}
body.skin-vector-2022,body.skin-vector-2022 .mw-page-container,body.skin-vector-2022 .vector-header-container,body.skin-vector-2022 .vector-column-start,body.skin-vector-2022 .vector-column-end{background:var(--hosaka-background);color:var(--hosaka-text)}
body.skin-vector-2022 .mw-body,body.skin-vector-2022 .vector-sticky-header,body.skin-vector-2022 .vector-dropdown-content,body.skin-vector-2022 .vector-pinnable-header,body.skin-vector-2022 .vector-appearance-content{background:var(--hosaka-surface);color:var(--hosaka-text)}
body.skin-vector-2022 .mw-body{border:1px solid var(--hosaka-border);border-top:2px solid var(--hosaka-accent);border-radius:6px;padding:24px}
body.skin-vector-2022 a{color:var(--hosaka-accent)}
body.skin-vector-2022 .new{color:#B5243F}
body.skin-vector-2022 h1,body.skin-vector-2022 h2,body.skin-vector-2022 h3,body.skin-vector-2022 .mw-heading{font-family:"Noto Sans","DejaVu Sans",sans-serif;color:var(--hosaka-text);border-color:var(--hosaka-border)}
body.skin-vector-2022 h1{font-size:32px;line-height:1.25;font-weight:600}
body.skin-vector-2022 h2{font-size:24px;line-height:1.3;font-weight:600}
body.skin-vector-2022 pre,body.skin-vector-2022 code,body.skin-vector-2022 .mw-code{font-family:"Noto Sans Mono","DejaVu Sans Mono",monospace;background:var(--hosaka-raised);color:var(--hosaka-text);border-color:var(--hosaka-border)}
body.skin-vector-2022 pre{padding:16px;border-radius:6px;overflow:auto}
body.skin-vector-2022 .wikitable,body.skin-vector-2022 .infobox,body.skin-vector-2022 .toc,body.skin-vector-2022 .thumbinner{background:var(--hosaka-surface);color:var(--hosaka-text);border-color:var(--hosaka-border)}
body.skin-vector-2022 .wikitable th,body.skin-vector-2022 .wikitable td,body.skin-vector-2022 .infobox th,body.skin-vector-2022 .infobox td{border-color:var(--hosaka-border)}
body.skin-vector-2022 .wikitable th,body.skin-vector-2022 .infobox th{background:var(--hosaka-raised);color:var(--hosaka-text)}
body.skin-vector-2022 input:not([type=radio]):not([type=checkbox]),body.skin-vector-2022 select,body.skin-vector-2022 textarea,body.skin-vector-2022 .cdx-text-input__input,body.skin-vector-2022 .cdx-search-input__end-button{background:var(--hosaka-surface);color:var(--hosaka-text);border-color:var(--hosaka-border);border-radius:6px}
body.skin-vector-2022 button:not(.cdx-button--fake),body.skin-vector-2022 .mw-ui-button{border-radius:6px}
body.skin-vector-2022 :focus-visible{outline:3px solid var(--hosaka-accent);outline-offset:3px}
body.skin-vector-2022 ::selection{background:var(--hosaka-accent);color:var(--hosaka-background)}
body.skin-vector-2022 .mw-parser-output blockquote{border-left:3px solid var(--hosaka-accent);padding-left:16px;color:var(--hosaka-muted)}
body.skin-vector-2022 #footer{color:var(--hosaka-muted)}
@media(max-width:700px){body.skin-vector-2022 .mw-body{padding:16px}body.skin-vector-2022 h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){body.skin-vector-2022 *,body.skin-vector-2022 *::before,body.skin-vector-2022 *::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){body.skin-vector-2022 .mw-body{border:2px solid CanvasText}}
/* BEGIN HOSAKA SHARED ICON BRANDING */
body.skin-vector-2022{--hosaka-logo:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2224%22%20fill%3D%22%23E5F4FF%22%20%2F%3E%3Cpath%20d%3D%22M40%2038v52M88%2038v52M40%2064h48%22%20fill%3D%22none%22%20stroke%3D%22%23006B60%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%20%2F%3E%3Ccircle%20cx%3D%2288%22%20cy%3D%2238%22%20r%3D%226%22%20fill%3D%22%2318282D%22%20%2F%3E%3C%2Fsvg%3E");--hosaka-search:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23006B60%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22m15%2015%206%206%22%2F%3E%3C%2Fsvg%3E");--hosaka-settings:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23006B60%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");--hosaka-archive:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23855000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h14v18H5ZM12%203v11m-2-8h4m-4%203h4m-4%203h4%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2215%22%20width%3D%224%22%20height%3D%223%22%2F%3E%3C%2Fsvg%3E")}
html.skin-theme-clientpref-night body.skin-vector-2022{--hosaka-logo:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2224%22%20fill%3D%22%23090D18%22%2F%3E%3Cpath%20d%3D%22M40%2038v52M88%2038v52M40%2064h48%22%20fill%3D%22none%22%20stroke%3D%22%2353E4FF%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2288%22%20cy%3D%2238%22%20r%3D%226%22%20fill%3D%22%23E5F4FF%22%2F%3E%3C%2Fsvg%3E");--hosaka-search:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2353E4FF%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22m15%2015%206%206%22%2F%3E%3C%2Fsvg%3E");--hosaka-settings:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2353E4FF%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");--hosaka-archive:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFC05A%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h14v18H5ZM12%203v11m-2-8h4m-4%203h4m-4%203h4%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2215%22%20width%3D%224%22%20height%3D%223%22%2F%3E%3C%2Fsvg%3E")}
@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os body.skin-vector-2022,html.vector-feature-night-mode-disabled body.skin-vector-2022{--hosaka-logo:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2224%22%20fill%3D%22%23090D18%22%2F%3E%3Cpath%20d%3D%22M40%2038v52M88%2038v52M40%2064h48%22%20fill%3D%22none%22%20stroke%3D%22%2353E4FF%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2288%22%20cy%3D%2238%22%20r%3D%226%22%20fill%3D%22%23E5F4FF%22%2F%3E%3C%2Fsvg%3E");--hosaka-search:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2353E4FF%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22m15%2015%206%206%22%2F%3E%3C%2Fsvg%3E");--hosaka-settings:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2353E4FF%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");--hosaka-archive:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFC05A%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h14v18H5ZM12%203v11m-2-8h4m-4%203h4m-4%203h4%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2215%22%20width%3D%224%22%20height%3D%223%22%2F%3E%3C%2Fsvg%3E")}}
body.skin-vector-2022 .mw-logo-icon{content:var(--hosaka-logo);width:48px;height:48px;object-fit:contain}
body.skin-vector-2022 .mw-logo-container{font-size:0;filter:none!important}
body.skin-vector-2022 .mw-logo-container::after{content:"HOSAKA";font-family:"Noto Sans",sans-serif;font-weight:600;font-size:20px;letter-spacing:.14em;color:var(--hosaka-text)}
body.skin-vector-2022 .mw-logo-container .mw-logo-wordmark,body.skin-vector-2022 .mw-logo-container .mw-logo-tagline{display:none}
body.skin-vector-2022 .mw-body::before{background-image:var(--hosaka-archive);background-size:20px 20px;background-position:left center;background-repeat:no-repeat;padding-left:30px;min-height:24px;line-height:24px}
body.skin-vector-2022 .mw-ui-icon-wikimedia-search::before{background-image:var(--hosaka-search)!important;filter:none!important;opacity:1}
body.skin-vector-2022 .mw-ui-icon-wikimedia-appearance::before{background-image:var(--hosaka-settings)!important;filter:none!important;opacity:1}
/* END HOSAKA SHARED ICON BRANDING */
/* END HOSAKA NIGHT RELAY */