MediaWiki:Bluesky.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.
/*
 * 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://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: #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));
    --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;
    }
}
Search

Menu

Navigation

Profile

Profile

Messages

Page tools

MediaWiki:Bluesky.css

Page info

Extra page tools

Last {{PLURAL:7|day|7 days}} (Top 10)
