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.
/*
* Imported from https://cookbook.miraheze.org/wiki/MediaWiki:Bluesky.css
* Contributors: Silicona on Miraheze
* Licensed under CC BY-SA 4.0
*/
@font-face {
font-family: Gotham; font-weight: 100; font-style: normal;
src: url(https://howto.skywiki.org/images/howtowiki/7/72/Gotham-Thin.woff2);
}
@font-face {
font-family: Gotham; font-weight: 100; font-style: italic;
src: url(https://howto.skywiki.org/images/howtowiki/d/de/Gotham-ThinItalic.woff2);
}
@font-face {
font-family: Gotham; font-weight: 200; font-style: normal;
src: url(https://howto.skywiki.org/images/howtowiki/d/db/Gotham-XLight.woff2);
}
@font-face {
font-family: Gotham; font-weight: 200; font-style: italic;
src: url(https://howto.skywiki.org/images/howtowiki/c/cd/Gotham-XLightItalic.woff2);
}
@font-face {
font-family: Gotham; font-weight: 300; font-style: normal;
src: url(https://howto.skywiki.org/images/howtowiki/2/2e/Gotham-Light.woff2);
}
@font-face {
font-family: Gotham; font-weight: 300; font-style: italic;
src: url(https://howto.skywiki.org/images/howtowiki/a/a6/Gotham-LightItalic.woff2);
}
@font-face {
font-family: Gotham; font-weight: 400; font-style: normal;
src: url(https://howto.skywiki.org/images/howtowiki/1/11/Gotham-Book.woff2);
}
@font-face {
font-family: Gotham; font-weight: 400; font-style: italic;
src: url(https://howto.skywiki.org/images/howtowiki/1/16/Gotham-BookItalic.woff2);
}
@font-face {
font-family: Gotham; font-weight: 500; font-style: normal;
src: url(https://howto.skywiki.org/images/howtowiki/6/64/Gotham-Medium.woff2);
}
@font-face {
font-family: Gotham; font-weight: 500; font-style: italic;
src: url(https://howto.skywiki.org/images/howtowiki/0/01/Gotham-MediumItalic.woff2);
}
@font-face {
font-family: Gotham; font-weight: 700; font-style: normal;
src: url(https://howto.skywiki.org/images/howtowiki/d/dc/Gotham-Bold.woff2);
}
@font-face {
font-family: Gotham; font-weight: 700; font-style: italic;
src: url(https://howto.skywiki.org/images/howtowiki/2/2d/Gotham-BoldItalic.woff2);
}
@font-face {
font-family: Gotham; font-weight: 800; font-style: normal;
src: url(https://howto.skywiki.org/images/howtowiki/d/df/Gotham-Black.woff2);
}
@font-face {
font-family: Gotham; font-weight: 800; font-style: italic;
src: url(https://howto.skywiki.org/images/howtowiki/4/49/Gotham-BlackItalic.woff2);
}
@font-face {
font-family: Gotham; font-weight: 900; font-style: normal;
src: url(https://howto.skywiki.org/images/howtowiki/6/60/Gotham-Ultra.woff2);
}
@font-face {
font-family: Gotham; font-weight: 900; font-style: italic;
src: url(https://howto.skywiki.org/images/howtowiki/c/cb/Gotham-UltraItalic.woff2);
}
@font-face {
font-family: "Roboto Mono"; font-weight: 100; font-style: normal;
src: url(https://static.miraheze.org/cookbookwiki/2/2f/RobotoMono-Thin.woff2);
}
@font-face {
font-family: "Roboto Mono"; font-weight: 300; font-style: normal;
src: url(https://static.miraheze.org/cookbookwiki/f/f0/RobotoMono-Light.woff2);
}
@font-face {
font-family: "Roboto Mono"; font-weight: 300; font-style: italic;
src: url(https://static.miraheze.org/cookbookwiki/3/3c/RobotoMono-LightItalic.woff2);
}
@font-face {
font-family: "Roboto Mono"; font-weight: 400; font-style: normal;
src: url(https://static.miraheze.org/cookbookwiki/e/e4/RobotoMono-Regular.woff2);
}
@font-face {
font-family: "Roboto Mono"; font-weight: 400; font-style: italic;
src: url(https://static.miraheze.org/cookbookwiki/3/36/RobotoMono-Italic.woff2);
}
@font-face {
font-family: "Roboto Mono"; font-weight: 500; font-style: normal;
src: url(https://static.miraheze.org/cookbookwiki/8/85/RobotoMono-Medium.woff2);
}
@font-face {
font-family: "Roboto Mono"; font-weight: 500; font-style: italic;
src: url(https://static.miraheze.org/cookbookwiki/c/cd/RobotoMono-MediumItalic.woff2);
}
@font-face {
font-family: "Roboto Mono"; font-weight: 700; font-style: normal;
src: url(https://static.miraheze.org/cookbookwiki/b/be/RobotoMono-Bold.woff2);
}
@font-face {
font-family: "Roboto Mono"; font-weight: 700; font-style: italic;
src: url(https://static.miraheze.org/cookbookwiki/5/5d/RobotoMono-BoldItalic.woff2);
}
@font-face {
font-family: nbsp-hotfix;
src: url(https://static.miraheze.org/cookbookwiki/8/82/NbspHotfix.woff2);
}
@font-face {
font-family: "Material Symbols Outlined";
src: url(https://static.miraheze.org/cookbookwiki/b/bc/MaterialSymbolsOutlined.woff2);
}
@font-face {
font-family: "Material Icons";
src: url(https://howto.skywiki.org/images/howtowiki/f/f8/MaterialIcons.woff2);
}
@font-face {
font-family: "Material Icons Outlined";
src: url(https://howto.skywiki.org/images/howtowiki/a/ab/MaterialIcons-Outlined.woff2);
}
.material-icons {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
}
:root {
--color-primary1: #1cf;
--color-primary2: #0af;
--color-primary-dark1: #09c;
--color-primary-dark2: #07c;
--color-primary-darker1: #069;
--color-primary-darker2: #049;
--color-primary-darkest1: #036;
--color-primary-darkest2: #026;
--color-primary-light1: #4df;
--color-primary-light2: #2cf;
--color-primary-lighter1: #8ef;
--color-primary-lighter2: #8df;
--color-primary-lightest1: #cff;
--color-primary-lightest2: #cef;
--color-error1: #f20;
--color-error2: #e00;
--color-error-dark1: #c10;
--color-error-dark2: #b00;
--color-error-darker1: #910;
--color-error-darker2: #800;
--color-error-darkest1: #600;
--color-error-darkest2: #500;
--color-error-light1: #f74;
--color-error-light2: #f43;
--color-error-lighter1: #fa8;
--color-error-lighter2: #f87;
--color-error-lightest1: #fca;
--color-error-lightest2: #fba;
--color-warning1: #fd3;
--color-warning2: #fc0;
--color-warning-dark1: #da1;
--color-warning-dark2: #c80;
--color-warning-darker1: #a80;
--color-warning-darker2: #960;
--color-warning-darkest1: #750;
--color-warning-darkest2: #630;
--color-warning-light1: #fe6;
--color-warning-light2: #fd3;
--color-warning-lighter1: #ff9;
--color-warning-lighter2: #fe7;
--color-warning-lightest1: #ffc;
--color-warning-lightest2: #ff8;
--color-success1: #6f2;
--color-success2: #3e0;
--color-success-dark1: #3c0;
--color-success-dark2: #1b0;
--color-success-darker1: #190;
--color-success-darker2: #080;
--color-success-darkest1: #060;
--color-success-darkest2: #050;
--color-success-light1: #9f5;
--color-success-light2: #6f3;
--color-success-lighter1: #bf8;
--color-success-lighter2: #9f7;
--color-success-lightest1: #dfa;
--color-success-lightest2: #bf9;
--color-info1: #28f;
--color-info2: #45f;
--color-info-dark1: #05c;
--color-info-dark2: #23c;
--color-info-darker1: #039;
--color-info-darker2: #119;
--color-info-darkest1: #016;
--color-info-darkest2: #006;
--color-info-light1: #5bf;
--color-info-light2: #78f;
--color-info-lighter1: #8df;
--color-info-lighter2: #abf;
--color-info-lightest1: #bef;
--color-info-lightest2: #cdf;
--color-primary-gradient: linear-gradient(var(--color-primary1), var(--color-primary2));
--color-error-gradient: linear-gradient(var(--color-error1), var(--color-error2));
--color-warning-gradient: linear-gradient(var(--color-warning1), var(--color-warning2));
--color-success-gradient: linear-gradient(var(--color-success1), var(--color-success2));
--color-info-gradient: linear-gradient(var(--color-info1), var(--color-info2));
--font-sans-serif: nbsp-hotfix, "Gotham", "Helvetica Neue", sans-serif;
--font-monospace: "Roboto Mono", "Courier", "Courier New", monospace;
/* Vector 2022 variables */
--color-base: #111;
--color-base-fixed: #111;
--color-base--hover: #333;
--color-emphasized: #000;
--color-subtle: #555;
--color-placeholder: #777;
--color-disabled: #999;
--color-inverted: #fff;
--color-inverted-fixed: #fff;
--color-progressive: var(--color-primary1);
--color-progressive--hover: var(--color-primary-dark1);
--color-progressive--active: var(--color-primary-darker1);
--color-progressive--focus: var(--color-primary-dark1);
--color-destructive: var(--color-error1);
--color-destructive--hover: var(--color-error-dark1);
--color-destructive--active: var(--color-error-darker1);
--color-destructive--focus: var(--color-error-dark1);
--color-visited: var(--color-primary2);
--color-destructive--visited: var(--color-error2);
--color-error: var(--color-error1);
--color-warning: var(--color-warning1);
--color-success: var(--color-success1);
--color-notice: #111;
--color-content-added: var(--color-success1);
--color-content-removed: var(--color-error1);
--filter-invert-icon: 0;
--filter-invert-primary-button-icon: 1;
--box-shadow-color-base: #000;
--box-shadow-color-progressive--active: var(--color-primary-darker1);
--box-shadow-color-progressive--focus: var(--color-primary-dark1);
--box-shadow-color-progressive-selected: var(--color-primary1);
--box-shadow-color-progressive-selected--hover: var(--color-primary-dark1);
--box-shadow-color-progressive-selected--active: var(--color-primary-darker1);
--box-shadow-color-destructive--focus: var(--color-error-dark1);
--box-shadow-color-inverted: #fff;
--box-shadow-color-transparent: transparent;
--background-color-base: transparent;
--background-color-base-fixed: transparent;
--background-color-neutral: transparent;
--background-color-neutral-subtle: transparent;
--background-color-interactive: transparent;
--background-color-interactive-subtle: transparent;
--background-color-disabled: #eee;
--background-color-disabled-subtle: #eee;
--background-color-inverted: #000;
--background-color-progressive: var(--color-primary1);
--background-color-progressive--hover: var(--color-primary-dark1);
--background-color-progressive--active: var(--color-primary-darker1);
--background-color-progressive--focus: var(--color-primary-dark1);
--background-color-progressive-subtle: var(--color-primary-lightest1);
--background-color-destructive: var(--color-error1);
--background-color-destructive--hover: var(--color-error-dark1);
--background-color-destructive--active: var(--color-error-darker1);
--background-color-destructive--focus: var(--color-error-dark1);
--background-color-destructive-subtle: var(--color-error-lightest1);
--background-color-error: var(--color-error1);
--background-color-error--hover: var(--color-error-dark1);
--background-color-error--active: var(--color-error-darker1);
--background-color-error-subtle: var(--color-error-lightest1);
--background-color-warning-subtle: var(--color-warning-lightest1);
--background-color-success-subtle: var(--color-success-lightest1);
--background-color-notice-subtle: transparent;
--background-color-content-added: var(--color-primary1);
--background-color-content-removed: var(--color-primary2);
--background-color-transparent: transparent;
--background-color-backdrop-light: rgba(255,255,255,0.65);
--background-color-backdrop-dark: rgba(0,0,0,0.65);
--background-color-button-quiet--hover: rgba(0,24,73,0.027);
--background-color-button-quiet--active: rgba(0,24,73,0.082);
--background-color-input-binary--checked: var(--color-primary1);
--background-color-tab-list-item-framed--hover: rgba(255,255,255,0.3);
--background-color-tab-list-item-framed--active: rgba(255,255,255,0.65);
--opacity-icon-base: 0.87;
--opacity-icon-base--hover: 0.74;
--opacity-icon-base--selected: 1;
--opacity-icon-base--disabled: 0.51;
--opacity-icon-placeholder: 0.51;
--opacity-icon-subtle: 0.67;
--border-color-base: var(--color-primary1);
--border-color-subtle: var(--color-primary-light1);
--border-color-muted: var(--color-primary-lighter1);
--border-color-interactive: var(--color-primary-dark1);
--border-color-disabled: #ccc;
--border-color-inverted: #fff;
--border-color-progressive: var(--color-primary1);
--border-color-progressive--hover: var(--color-primary-dark1);
--border-color-progressive--active: var(--color-primary-darker1);
--border-color-progressive--focus: var(--color-primary-dark1);
--border-color-destructive: var(--color-error1);
--border-color-destructive--hover: var(--color-error-dark1);
--border-color-destructive--active: var(--color-error-darker1);
--border-color-destructive--focus: var(--color-error-dark1);
--border-color-error: var(--color-error1);
--border-color-error--hover: var(--color-error-dark1);
--border-color-warning: var(--color-warning1);
--border-color-success: var(--color-success1);
--border-color-notice: var(--color-primary1);
--border-color-content-added: var(--color-primary1);
--border-color-content-removed: var(--color-primary2);
--border-color-transparent: transparent;
--border-color-divider: var(--color-primary1);
--outline-color-progressive--focus: var(--color-primary1);
--color-link-red: var(--color-destructive);
--color-link-red--hover: var(--color-destructive--hover);
--color-link-red--active: var(--color-destructive--active);
--color-link-red--focus: var(--color-destructive--focus);
--color-link-red--visited: var(--color-destructive--visited);
--border-color-input--hover: var(--border-color-interactive);
--border-color-input-binary: var(--border-color-interactive);
--border-color-input-binary--hover: var(--border-color-progressive--hover);
--border-color-input-binary--active: var(--border-color-progressive--active);
--border-color-input-binary--focus: var(--border-color-progressive--focus);
--border-color-input-binary--checked: var(--border-color-progressive);
--color-base--subtle: #54595d;
}
#p-banner {
z-index: 100;
}
#p-banner .mw-wiki-logo {
width: 220px !important;
}
body {
background: white;
color: black;
font-size: 1em;
line-height: 1.3;
}
#mw-wrapper {
background: white;
width: 100vw;
overflow: hidden;
}
:not(.oo-ui-window-content) .oo-ui-widget:not(.oo-ui-inputWidget):not(.oo-ui-iconWidget):not(.oo-ui-tagItemWidget):not(.oo-ui-inputWidget):not(.oo-ui-buttonElement):not(.oo-ui-labelElement):not(.mw-htmlform-select-or-other) {
overflow-x: auto;
}
#mw-wrapper, #header-out, .mw-footer-container, #content-bottom-stuff, #mw-content, .oo-ui-menuSelectWidget, .oo-ui-popupWidget-popup, .suggestions, .oo-ui-dialog, .oo-ui-window, .oo-ui-widget {
font-family: var(--font-sans-serif);
}
code, pre, textarea, samp, kbd, var, .mw-editfont-monospace, table.mw-enhanced-rc th, table.mw-enhanced-rc td {
font-family: var(--font-monospace);
}
.mw-rcfilters-ui-changesListWrapperWidget table.mw-enhanced-rc td:last-child, table.mw-enhanced-rc td.mw-changeslist-line-inner {
font-family: var( --font-sans-serif);
} {
font-family: var(--font-sans-serif);
}
.oo-ui-window {z-index: 600000;}
.mw-content-ltr.mw-highlight .linenos {
left: 0;
text-align: right;
margin-right: 4px;
font-family: var(--font-sans-serif);
font-variant-numeric: tabular-nums;
}
#header-outer {
background-color: white;
border-bottom: 4px solid var(--color-primary1);
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 900;
}
#p-wiki-title {
display: none;
}
#searchInput {
border-bottom: solid 2px var(--color-primary1);
color: black;
font-weight: 500;
font-size: 1.2em;
font-family: var(--font-sans-serif);
}
.searchButton {
background-image: url(/skins/BlueSky/resources/images/search-dark.svg?fb060);
}
div.suggestions {
font-family: var(--font-sans-serif);
}
#side-block, #content-header, #content-block, #content-footer {
background: transparent;
border: 1px solid var(--color-primary1);
border-radius: 4px;
}
.mw-body {
background: transparent;
border-radius: 4px;
}
#siteNotice {
border: solid 1px var(--color-primary1);
border-radius: 4px;
background: transparent;
}
/* Code, pre */
code {
border: solid 1px var(--color-primary1);
border-radius: 4px;
}
pre {
border: 1px solid var(--color-primary1);
border-radius: 4px;
padding: 0.2rem 0.4rem;
}
/* Headings */
.mw-body h1, .mw-body h2 {
background: transparent;
border: none;
border-style: none;
margin: 1.5em 0 .5em;
padding: 0;
}
#content-block h1 {
font-size: 2.5em;
font-size: min(2.5em,7vw);
}
#content-block h1 .mw-headline {
font-size: 1em;
}
.firstHeading {
margin: 0.35em 0 0;
font-size: 2.5em;
font-size: clamp(1.3em,7vw,2.5em);
text-transform: lowercase;
background-image: var(--color-primary-gradient);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.ns-special #content-block .firstHeading {
background-image: var(--color-primary-gradient);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.mw-page-title-namespace {
font-weight: normal;
display: inline-block;
}
.ns-4 .mw-page-title-namespace, .ns-5 .mw-page-title-namespace, .ns-8 .mw-page-title-namespace, .ns-9 .mw-page-title-namespace {
text-transform: none;
}
.mw-page-title-namespace:after {
padding: 0 0.25em;
content: "arrow_forward";
font-family: "Material Symbols Outlined";
font-size: 0.75em;
}
.mw-page-title-separator {
display: none;
}
.ns-0 .mw-page-title-main:before {
content: "How to ";
font-weight: normal;
}
#content-block h2 {
font-size: 1.8em;
font-size: clamp(1.1em,6.5vw,1.8em);
}
#content-block h2 .mw-headline {
border-left: none;
padding-left: 0;
}
#content-block h3 {
font-size: 1.5em;
font-size: clamp(1em,6vw,1.5em);
}
#content-block h4 {
font-size: 1.3em;
font-size: clamp(1em,6vw,1.3em);
}
#content-block h5 {
font-size: 1.3em;
font-weight: 500;
font-size: clamp(1em,6vw,1.3em);
}
#content-block h6 {
font-size: 1.2em;
font-weight: 500;
font-size: clamp(1em,6vw,1.2em);
}
#content-block h1, #content-block h2, #content-block h3, #content-block h4, #content-block h5, #content-block h6 {
text-transform: lowercase;
}
/* Formatting */
#content-block dt {
font-weight: 500;
}
#content-block h1 b, #content-block h2 b, #content-block h3 b, #content-block h4 b, #content-block h5 b, #content-block h6 b, #content-block h1 strong, #content-block h2 strong, #content-block h3 strong, #content-block h4 strong, #content-block h5 strong, #content-block h6 strong, #content-block dt b, #content-block dt strong {
font-weight: 800;
}
/* Links */
a {
color: var(--color-primary1);
}
a:visited {
color: var(--color-primary2);
}
a.new, .new a {
color: var(--color-error1);
}
a.new:visited, .new a:visited {
color: var(--color-error2);
}
/* Edit sections */
.mw-editsection {
unicode-bidi: -moz-isolate;
unicode-bidi: -webkit-isolate;
unicode-bidi: isolate;
padding-left: 1em;
font-size: 1rem;
}
.mw-editsection::before {
content: '[';
}
.mw-editsection::after {
content: ']';
}
/* Footers */
#mw-footer {
clear: both;
background: white;
border-top: none;
color: black;
}
#mw-footer a {
color: black;
text-transform: lowercase;
}
/* Images */
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
border: none;
background-color: transparent;
}
.mw-body-content figure[typeof~='mw:File/Thumb'] > a, .mw-body-content figure[typeof~='mw:File/Frame'] > a {
border: 1px solid var(--color-primary1);
border-bottom: none;
padding: 8px 8px 0;
border-radius: 4px 4px 0 0;
}
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
border: none;
background: transparent;
}
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
border: 1px solid var(--color-primary1);
border-top: 0;
background-color: transparent;
font-size: 88.4%;
border-radius: 0 0 4px 4px;
padding: 0 10px 8px;
}
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, .mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after {
right: 10px;
left: auto;
background-image: url(/1.41/resources/src/mediawiki.skinning/images/magnify-clip-ltr.svg?8330e);
}
/* Buttons */
.mw-body .mw-ui-button, .mw-body .mw-ui-button.mw-ui-progressive, .mw-body .mw-ui-button.mw-ui-primary, .mw-body .mw-ui-button.mw-ui-constructive, .mw-body input[type="submit"], .mw-body input[type="button"], .mw-body button, .mw-body .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .mw-body .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .mw-body .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .mw-body .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button, .mw-body .oo-ui-buttonInputWidget > button, .mw-body .oo-ui-buttonInputWidget > input {
padding: 6px 12px;
border-radius: 2px;
border: 1px solid var(--color-primary1);
background-color: transparent;
font-weight: 500;
background-image: none;
box-shadow: none;
text-shadow: none;
color: var(--color-primary1);
}
.mw-body .mw-ui-button.mw-ui-progressive, .mw-body .mw-ui-button.mw-ui-primary, .mw-body input[type="submit"][value="Save"], .mw-body #wpSave, .mw-body .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .mw-body .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
border: none;
background-color: var(--color-primary1);
background-image: var(--color-primary-gradient);
text-shadow: none;
color: white;
padding: 7px 13px;
}
/* Dropdowns */
.mw-body .oo-ui-dropdownWidget-handle {
background-color: transparent;
background-image: none;
border-color: var(--color-primary1);
border-width: 1px;
border-radius: 4px;
text-shadow: none;
}
.oo-ui-menuSelectWidget {
background-color: #fff;
border: 1px solid var(--border-color-base,#a2a9b1);
border-radius: 4px;
box-shadow: 0 2px 16px 0 rgba(0,0,0,0.1);
}
/* Page tools */
#page-tools ul, #content-footer-main ul {
text-transform: lowercase;
}
#p-page-admin .menu-block {
display: block;
background: white;
border: none;
border-radius: 4px;
box-shadow: 0 2px 4px 0 #0003;
padding: 1em 1.25em;
z-index: -100;
transform: scale(0);
opacity: 0;
text-transform: lowercase;
transition: all 500ms;
transform-origin: 0% 0%;
}
#p-page-admin:hover .menu-block {
display: block;
transform: scale(1);
opacity: 1;
z-index: 500000;
}
#p-page-admin .menu-block li:hover {
background: var(--color-primary1);
}
hr {
border: solid 1px;
border-style: solid none;
border-color: var(--color-primary1);
}
.mw-plusminus-pos {
color: var(--color-success1);
}
.mw-plusminus-neg, .unpatrolled {
color: var(--color-error1);
}
.mw-collapsible-toggle.mw-collapsible-toggle-default {
border: none;
padding: 0;
}
.mw-collapsible-toggle-default .mw-collapsible-text {
color: var(--color-primary1);
}
.mw-changeslist-legend, .mw-body-content .mw-search-profile-tabs, .mw-body-content fieldset#mw-searchoptions {
color: black;
background: transparent;
border: 1px solid var(--color-primary1);
border-radius: 4px;
}
/* Form fieldsets */
.mw-body legend {
border-bottom: none;
}
.mw-body fieldset {
border: 1px solid var(--color-primary1);
margin: 16px 0;
padding: 1em 16px;
border-radius: 4px;
}
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon {
position: absolute;
top: 16px;
left: 16px;
min-width: 16px;
width: 1.14285714em;
margin-right: 0.5em;
}
/* Tables */
table.wikitable, table.mw-datatable {
border: none;
color: black;
--s: 10rem; /* control the size*/
--c1: var(--color-primary1);
--c2: var(--color-primary2);
--_g:
var(--c1) 0% 5% ,var(--c2) 6% 15%,var(--c1) 16% 25%,var(--c2) 26% 35%,var(--c1) 36% 45%,
var(--c2) 46% 55%,var(--c1) 56% 65%,var(--c2) 66% 75%,var(--c1) 76% 85%,var(--c2) 86% 95%,
#0000 96%;
background:
radial-gradient(50% 50% at 100% 0,var(--_g)),
radial-gradient(50% 50% at 0 100%,var(--_g)),
radial-gradient(50% 50%,var(--_g)),
radial-gradient(50% 50%,var(--_g)) calc(var(--s)/2) calc(var(--s)/2)
var(--c1);
background-size: var(--s) var(--s);
border-width: 0;
padding: 0;
overflow: auto;
border-collapse: separate;
border-spacing: 1px;
border-radius: 4px;
}
table.wikitable tr:first-child > *:first-child, table.mw-datatable tr:first-child > *:first-child {
border-top-left-radius: 3px;
}
table.wikitable tr:first-child > *:last-child, table.mw-datatable tr:first-child > *:last-child {
border-top-right-radius: 3px;
}
table.wikitable tr:last-child > *:first-child, table.mw-datatable tr:last-child > *:first-child {
border-bottom-left-radius: 3px;
}
table.wikitable tr:last-child > *:last-child, table.mw-datatable tr:last-child > *:last-child {
border-bottom-right-radius: 3px;
}
table.wikitable > tr > th, table.wikitable > * > tr > th, table.mw-datatable > tr > th, table.mw-datatable > * > tr > th {
border: none;
background: rgba(255,255,255,0.75);
}
table.wikitable > tr > td, table.wikitable > * > tr > td, table.mw-datatable > tr > td, table.mw-datatable > * > tr > td {
border: none;
background: rgba(255,255,255,0.9);
}
.mw-datatable tr:hover td {
background-color: #fffff5;
}
/* Steps and headers */
ol {
list-style-type: none;
margin: 0;
padding: 0;
counter-reset: step;
}
ol > li {
border: 1px solid var(--color-primary1);
padding: 8px;
margin: 8px;
border-radius: 4px;
overflow: auto;
}
ol>li::before {
counter-increment: step;
color: white;
content: counter(step);
float: left;
display: block;
font-size: 1.6rem;
width: 2.4rem;
line-height: 2.4rem;
font-weight: bold;
text-align: center;
background: var(--color-primary-gradient);
border-radius: 4px;
margin: 0 4px 0 0;
white-space: nowrap;
clear: both;
}
ol.references {
list-style-type: decimal;
counter-reset: reference-step;
}
ol.references>li::before {
counter-increment: reference-step;
content: counter(reference-step);
}
.part {
counter-reset: part-step step;
}
.part ~ h3:before {
counter-increment: part-step;
content: "Part " counter(part-step);
border: 1px solid var(--color-primary1);
font-size: 0.9em;
font-weight: 500;
border-radius: 4px;
padding: 0.2em;
margin-right: 0.2em;
color: var(--color-primary1);
}
.part ~ ol {
counter-reset: none;
}
.method {
counter-reset: method-step;
}
.method ~ h3:before {
counter-increment: method-step;
content: "Method " counter(method-step);
border: 1px solid var(--color-primary1);
font-size: 0.9em;
font-weight: 500;
border-radius: 4px;
padding: 0.2em;
margin-right: 0.2em;
color: var(--color-primary1);
}
/* Popups */
.oo-ui-popupWidget-popup {
background-color: white;
border-radius: 4px;
box-shadow: none;
}
.oo-ui-popupWidget {
filter: none;
}
/* Tabs */
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
border-bottom-color: var(--color-primary1);
border-width: 4px;
}
/* Input */
input[type=text] {
min-width: 5rem;
}
.mw-body #searchInput, .mw-body input[type="reset"], .mw-body input[type="submit"] input[name="target"], .mw-body input[name="user"], .mw-body input[name="mime"], .mw-body input[size$="0"], .mw-body input[type="text"], .mw-body input[type="checkbox"], .mw-body input[type="radio"], .mw-body input#wpTemplateSandboxPage, .mw-body input.mw-summary, .mw-body input.mw-input, .mw-body button, .mw-body textarea, .mw-body optgroup, .mw-body .mw-ui-input-inline, .mw-body .mw-ui-input, .mw-body .mw-ui-button, .mw-body .oo-ui-textInputWidget.oo-ui-iconElement input, .mw-body .oo-ui-textInputWidget.oo-ui-iconElement textarea, .mw-body .oo-ui-textInputWidget.oo-ui-widget-enabled input, .mw-body .oo-ui-textInputWidget.oo-ui-widget-enabled textarea, .mw-body .oo-ui-textInputWidget input, .mw-body .mw-input input, .mw-body .oo-ui-textInputWidget textarea, .mw-body .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .mw-body .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .mw-body .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .mw-body .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button, .mw-body .oo-ui-buttonInputWidget > button, .mw-body .oo-ui-buttonInputWidget > input {
box-shadow: none;
}
.mw-body input[type="checkbox"], .mw-body input[type="radio"] {
accent-color: var(--color-primary1)
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
border-color: var(--color-primary-dark1);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
background-color: var(--color-primary1);
border-color: var(--color-primary1);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {
background-color: var(--color-primary-dark1);
border-color: var(--color-primary-dark1);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
border-color: var(--color-primary1);
box-shadow: inset 0 0 0 1px var(--color-primary1);
outline: 1px solid transparent;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
background-color: var(--color-primary1);
border-color: var(--color-primary1);
box-shadow: inset 0 0 0 1px var(--color-primary1), inset 0 0 0 2px #fff;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
background-color: var(--color-primary-darker1);
border-color: var(--color-primary-darker1);
box-shadow: inset 0 0 0 1px var(--color-primary-darker1);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {
background-color: var(--color-primary-darker1);
border-color: var(--color-primary-darker1);
box-shadow: inset 0 0 0 1px var(--color-primary-darker1);
}
/* Layout */
#main-outer {
padding-top: 100px;
}
/* Pop-up overlay */
#mw-teleport-target {
position: absolute;
z-index: 10000;
}
.oo-ui-windowManager-modal > .oo-ui-dialog {
background-color: rgba(255,255,255,0);
opacity: 1;
transition-property: all;
transition-duration: 250ms;
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
opacity: 1;
}
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
background-color: rgba(255,255,255,0.6);
}
.oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame {
border-radius: 4px;
box-shadow: none;
background: white;
-webkit-filter: blur(2em);
filter: blur(2em);
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
background: white;
}
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
-webkit-filter: blur(0);
filter: blur(0);
}
@media screen and (min-width: 901px) {
#mw-sidebar {
border-right: none;
border-left: none;
}
#mw-sidebar h3 {
padding: 48px 0 0;
text-transform: lowercase;
color: var(--color-primary1);
border-left: none;
border-right: none;
font-size: 12px;
font-weight: bold;
}
#mw-sidebar .menu-block {
display: flex;
flex-wrap: wrap;
background: rgba(255,255,255,0);
border: none;
border-radius: 4px;
box-shadow: 0 0 0 0 rgba(0,0,0,0.2);
padding: 1em 0;
z-index: -100;
top: 75px;
right: 0;
transform: scale(0.7);
text-transform: lowercase;
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
transition: all 500ms;
transform-origin: 100% 0%;
transition-timing-function: cubic-bezier(0.5,0,0.5,1.5);
}
#mw-sidebar .mw-portlet:hover {
background-color: var(--color-primary1);
}
#mw-sidebar .mw-portlet:hover .menu-block {
display: flex;
background: rgba(255,255,255,0.7);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
transform: scale(1);
z-index: 500000;
-webkit-clip-path: polygon(-20% -10%, 120% -10%, 120% 0%, -20% 0%);
clip-path: polygon(-20% -10%, 120% -10%, 120% 110%, -20% 110%);
}
#mw-sidebar .menu-block li {
flex: 100%;
margin: 0;
}
}
#mw-sidebar .menu-block li:hover {
background: var(--color-primary1);
}
#pt-notifications-alert, #pt-notifications-notice {
flex: 50% !important;
}
#mw-sidebar #p-messages .menu-block {
padding: 1.25em;
}
}
@media screen and (min-width: 751px) {
#main-outer {
padding-top: 100px;
}
h1 .mw-headline, h2 .mw-headline {
border-left: none;
padding-left: 0;
}
}
@media screen and (min-width: 751px) and (max-width: 900px) {
#main-outer {
padding-top: 100px;
}
#mw-sidebar {
border-right: none;
border-left: none;
}
#mw-sidebar #p-editmenu h3, #mw-sidebar .nested-nav-block h2 {
padding: 48px 0 0;
text-transform: lowercase;
color: var(--color-primary1);
border-left: none;
border-right: none;
font-size: 12px;
font-weight: bold;
}
#mw-sidebar #p-editmenu h3:hover, #mw-sidebar .nested-nav-block h2:hover {
background-color: var(--color-primary1);
}
#mw-sidebar #p-editmenu .menu-block, #mw-sidebar .nested-nav-block-body {
display: block;
background: transparent;
border: none;
border-radius: 4px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
padding: 1em 1.25em;
z-index: -100;
transform: scale(0.7);
text-transform: lowercase;
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
transition: all 500ms;
transform-origin: 100% 0%;
transition-timing-function: cubic-bezier(0.5,0,0.5,1.5);
top: 100%;
right: 0;
}
#mw-sidebar #p-editmenu:hover .menu-block, #mw-sidebar .nested-nav-block:hover .nested-nav-block-body {
display: block;
background: rgba(255,255,255,1);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
transform: scale(1);
z-index: 500000;
-webkit-clip-path: polygon(-20% -10%, 120% -10%, 120% 0%, -20% 0%);
clip-path: polygon(-20% -10%, 120% -10%, 120% 110%, -20% 110%);
}
#mw-sidebar .nested-nav-block h3 {
font-weight: 500;
background: var(--color-primary1);
color: #ffffff;
}
#mw-sidebar #p-editmenu .menu-block li:hover, #mw-sidebar .nested-nav-block-body li:hover {
background: var(--color-primary1);
}
}
@media screen and (max-width: 750px) {
.wrapper-inner {
padding: 75px 0 1em;
}
#p-banner {
z-index: 100;
position: relative;
}
#p-banner .mw-wiki-logo {
width: 150px !important;
}
.nested-nav-block-body {
top: 100%;
right: 0;
display: block;
background: transparent;
border: none;
border-radius: 4px;
padding: 1em 1.25em;
box-shadow: 0 0 0 0 rgba(0,0,0,0.2);
z-index: -100;
transform: scale(0.7);
text-transform: lowercase;
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
transition: all 500ms;
transform-origin: 100% 0%;
transition-timing-function: cubic-bezier(0.5,0,0.5,1.5);
min-width: 20em;
max-width: 80%;
}
.nested-nav-block:hover .nested-nav-block-body {
display: block;
transform: scale(1);
right: 0;
white-space: normal;
display: block;
background: rgba(255,255,255,1);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
transform: scale(1);
z-index: 500000;
-webkit-clip-path: polygon(-20% -10%, 120% -10%, 120% 0%, -20% 0%);
clip-path: polygon(-20% -10%, 120% -10%, 120% 110%, -20% 110%);
}
.nested-nav-block h3 {
font-weight: 500;
background: var(--color-primary1);
color: #ffffff;
}
.nested-nav-block-body li:hover {
background: var(--color-primary1);
}
div#p-wiki-title {
display: none;
}
#siteNotice, .ns-special .mw-body, #content-footer, #content-block, #content-header, .mw-body {
border-radius: 0;
border-right-width: 0;
border-left-width: 0;
}
}
@supports (-webkit-backdrop-filter: blur(1em)) or (backdrop-filter: blur(1em)) {
#header-outer:before {
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
content: "";
display: block;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
#header-outer {
background: rgba(255,255,255,0.7);
}
.oo-ui-windowManager-modal > .oo-ui-dialog {
background-color: rgba(255,255,255,0);
-webkit-backdrop-filter: blur(0);
backdrop-filter: blur(0);
}
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
background-color: rgba(255,255,255,0);
-webkit-backdrop-filter: blur(2rem);
backdrop-filter: blur(2rem);
}
@media screen and (min-width: 901px) {
#mw-sidebar .menu-block {
-webkit-backdrop-filter: blur(0);
backdrop-filter: blur(0);
}
#mw-sidebar .mw-portlet:hover .menu-block {
background: rgba(255,255,255,0.7);
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
}
}
@media screen and (min-width: 751px) and (max-width: 900px) {
#mw-sidebar #p-editmenu .menu-block, #mw-sidebar .nested-nav-block-body {
-webkit-backdrop-filter: blur(0);
backdrop-filter: blur(0);
}
#mw-sidebar #p-editmenu:hover .menu-block, #mw-sidebar .nested-nav-block:hover .nested-nav-block-body {
background: rgba(255,255,255,0.7);
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
}
}
@media screen and (max-width: 750px) {
.nested-nav-block-body {
-webkit-backdrop-filter: blur(0);
backdrop-filter: blur(0);
}
.nested-nav-block:hover .nested-nav-block-body {
background: rgba(255,255,255,0.7);
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
}
}
}
