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.
@font-face {
font-family: Gotham; font-weight: 100; font-style: normal;
src: url(https://static.miraheze.org/cookbookwiki/7/72/Gotham-Thin.woff2);
}
@font-face {
font-family: Gotham; font-weight: 100; font-style: italic;
src: url(https://static.miraheze.org/cookbookwiki/d/de/Gotham-ThinItalic.woff2);
}
@font-face {
font-family: Gotham; font-weight: 200; font-style: normal;
src: url(https://static.miraheze.org/cookbookwiki/d/db/Gotham-XLight.woff2);
}
@font-face {
font-family: Gotham; font-weight: 200; font-style: italic;
src: url(https://static.miraheze.org/cookbookwiki/c/cd/Gotham-XLightItalic.woff2);
}
@font-face {
font-family: Gotham; font-weight: 300; font-style: normal;
src: url(https://static.miraheze.org/cookbookwiki/2/2e/Gotham-Light.woff2);
}
@font-face {
font-family: Gotham; font-weight: 300; font-style: italic;
src: url(https://static.miraheze.org/cookbookwiki/a/a6/Gotham-LightItalic.woff2);
}
@font-face {
font-family: Gotham; font-weight: 400; font-style: normal;
src: url(https://static.miraheze.org/cookbookwiki/1/11/Gotham-Book.woff2);
}
@font-face {
font-family: Gotham; font-weight: 400; font-style: italic;
src: url(https://static.miraheze.org/cookbookwiki/1/16/Gotham-BookItalic.woff2);
}
@font-face {
font-family: Gotham; font-weight: 500; font-style: normal;
src: url(https://static.miraheze.org/cookbookwiki/6/64/Gotham-Medium.woff2);
}
@font-face {
font-family: Gotham; font-weight: 500; font-style: italic;
src: url(https://static.miraheze.org/cookbookwiki/0/01/Gotham-MediumItalic.woff2);
}
@font-face {
font-family: Gotham; font-weight: 700; font-style: normal;
src: url(https://static.miraheze.org/cookbookwiki/d/dc/Gotham-Bold.woff2);
}
@font-face {
font-family: Gotham; font-weight: 700; font-style: italic;
src: url(https://static.miraheze.org/cookbookwiki/2/2d/Gotham-BoldItalic.woff2);
}
@font-face {
font-family: Gotham; font-weight: 800; font-style: normal;
src: url(https://static.miraheze.org/cookbookwiki/d/df/Gotham-Black.woff2);
}
@font-face {
font-family: Gotham; font-weight: 800; font-style: italic;
src: url(https://static.miraheze.org/cookbookwiki/4/49/Gotham-BlackItalic.woff2);
}
@font-face {
font-family: Gotham; font-weight: 900; font-style: normal;
src: url(https://static.miraheze.org/cookbookwiki/6/60/Gotham-Ultra.woff2);
}
@font-face {
font-family: Gotham; font-weight: 900; font-style: italic;
src: url(https://static.miraheze.org/cookbookwiki/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);
}
:root {
--color-primary1: #8e1;
--color-primary2: #0e4;
--color-primary-dark1: #6b1;
--color-primary-dark2: #0b3;
--color-primary-darker1: #481;
--color-primary-darker2: #082;
--color-primary-darkest1: #251;
--color-primary-darkest2: #052;
--color-primary-light1: #bf5;
--color-primary-light2: #4f8;
--color-primary-lighter1: #df9;
--color-primary-lighter2: #8fb;
--color-primary-lightest1: #efc;
--color-primary-lightest2: #cfd;
--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));
--font-sans-serif: nbsp-hotfix, "Gotham", "Helvetica Neue", sans-serif;
--font-monospace: "Roboto Mono", "Courier", "Courier New", monospace;
}
#p-banner .mw-wiki-logo {
width: 160px !important;
}
body {
background: white;
color: black;
font-size: 1em;
line-height: 1.3;
}
#mw-wrapper {
background: white;
}
#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(/1.41/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;
}
/* 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;
}
#content-block h1 .mw-headline {
font-size: 1em;
}
.firstHeading {
margin: 0.35em 0 0;
font-size: 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;
}
#content-block h2 {
font-size: 1.8em;
}
#content-block h2 .mw-headline {
border-left: none;
padding-left: 0;
}
#content-block h3 {
font-size: 1.5em;
}
#content-block h4 {
font-size: 1.3em;
}
#content-block h5 {
font-size: 1.3em;
font-weight: 500;
}
#content-block h6 {
font-size: 1.2em;
font-weight: 500;
}
#content-block h1, #content-block h2, #content-block h3, #content-block h4, #content-block h5, #content-block h6 {
text-transform: lowercase;
}
/* 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;
}
/* 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;
background: var(--color-primary-gradient);
border-width: 0;
padding: 0;
overflow: auto;
border-collapse: separate;
border-spacing: 1px;
}
table.wikitable > tr > th, table.wikitable > * > tr > th, table.mw-datatable > tr > th, table.mw-datatable > * > tr > th {
border: none;
background: #fffc;
}
table.wikitable > tr > td, table.wikitable > * > tr > td, table.mw-datatable > tr > td, table.mw-datatable > * > tr > td {
border: none;
background: #fffe;
}
.mw-datatable tr:hover td {
background-color: #fffff5;
}
/* Recipe template */
.ns-0 body, .ns-4 body, .ns-3012 body {
counter-reset: procedure-step;
}
.ns-0 #content-header, .ns-4 #content-header, .ns-3012 #content-header {
display: none;
}
.ns-0 #content-block, .ns-4 #content-block, .ns-3012 #content-block {
border: none;
}
.ns-0 .mw-body, .ns-4 .mw-body, .ns-3012 .mw-body {
padding: 0;
}
.ns-0 .procedure-framework, .ns-3012 .procedure-framework {
counter-reset: procedure-step;
}
.ns-0 .procedure-framework ol>li::before, .ns-3012 .procedure-framework ol>li::before {
counter-increment: procedure-step;
content: counter(procedure-step);
}
/* Input */
.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);
}
@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: block;
background: white;
border: none;
border-radius: 4px;
box-shadow: 0 2px 4px 0 #0003;
padding: 1em 1.25em;
z-index: -100;
top: 75px;
right: 0;
transform: scale(0);
opacity: 0;
text-transform: lowercase;
transition: all 500ms;
transform-origin: 100% 0%;
}
#mw-sidebar .mw-portlet:hover {
background-color: var(--color-primary1);
}
#mw-sidebar .mw-portlet:hover .menu-block {
display: block;
transform: scale(1);
opacity: 1;
z-index: 500000;
}
#mw-sidebar .menu-block li:hover {
background: var(--color-primary1);
}
}
@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: 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: 100% 0%;
top: 100%;
right: 0;
}
#mw-sidebar #p-editmenu:hover .menu-block, #mw-sidebar .nested-nav-block:hover .nested-nav-block-body {
display: block;
transform: scale(1);
opacity: 1;
}
#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;
}
.nested-nav-block-body {
top: 100%;
right: 0;
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: 100% 0%;
min-width: 20em;
max-width: 80%;
}
.nested-nav-block:hover .nested-nav-block-body {
display: block;
transform: scale(1);
opacity: 1;
top: 100%;
right: 0;
white-space: normal;
}
.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;
}
}
