Reveliopedia

MediaWiki:Citizen.css: Porovnání verzí

← Porovnání se starší verzí
Bez shrnutí editace
Bez shrnutí editace
 
(Nejsou zobrazeny 4 mezilehlé verze od stejného uživatele.)
Řádek 1: Řádek 1:
@media screen {
/*@media screen {*/
    .citizen-page-container:before {
/*    .citizen-page-container:before {*/
        background-image: url(/images/e/eb/Marauders-map.webp);
/*        background-image: url(/images/e/eb/Marauders-map.webp);*/
    }
/*    }*/
}
/*}*/


@media screen and (min-width: 1120px) {
/*@media screen and (min-width: 1120px) {*/
    .mw-body::before {
/*    .mw-body::before {*/
        background-image: url(/images/4/40/Harry-potter-logo.svg);
/*        background-image: url(/images/4/40/Harry-potter-logo.svg);*/
    }
/*    }*/
}
/*}*/


:root {
/*:root {*/
    --color-surface-0: var(--tg-color-surface-0) !important;
/*    --color-surface-0: var(--tg-color-surface-0) !important;*/
    --color-surface-1: var(--tg-color-surface-1) !important;
/*    --color-surface-1: var(--tg-color-surface-1) !important;*/
    --color-surface-2: var(--tg-color-surface-2) !important;
/*    --color-surface-2: var(--tg-color-surface-2) !important;*/
    --color-surface-3: var(--tg-color-surface-3) !important;
/*    --color-surface-3: var(--tg-color-surface-3) !important;*/
    --color-surface-4: var(--tg-color-surface-4) !important;
/*    --color-surface-4: var(--tg-color-surface-4) !important;*/
    --color-base: var(--tg-color-base) !important;
/*    --color-base: var(--tg-color-base) !important;*/
    --color-base--emphasized: var(--tg-color-emphasized) !important;
/*    --color-base--emphasized: var(--tg-color-emphasized) !important;*/
    --color-base--subtle: var(--tg-color-subtle) !important;
/*    --color-base--subtle: var(--tg-color-subtle) !important;*/
    --font-family-base: var(--tg-font-family-body);
/*    --font-family-base: var(--tg-font-family-body);*/
    --color-primary__h: 84.55;
/*    --color-primary__h: 84.55;*/
    --color-primary__s: 69%;
/*    --color-primary__s: 69%;*/
    --color-primary__l: 28%;
/*    --color-primary__l: 28%;*/
    --color-primary: var(--tg-color-progressive) !important;
/*    --color-primary: var(--tg-color-progressive) !important;*/
    --color-primary--hover: var(--tg-color-progressive--hover) !important;
/*    --color-primary--hover: var(--tg-color-progressive--hover) !important;*/
    --color-primary--active: var(--tg-color-progressive--active) !important;
/*    --color-primary--active: var(--tg-color-progressive--active) !important;*/
    --color-inverted-primary: var(--tg-color-inverted-progressive);
/*    --color-inverted-primary: var(--tg-color-inverted-progressive);*/


    --tg-inscription-size: 8px;
/*    --tg-inscription-size: 8px;*/
}
/*}*/


/* Dark theme */
/* Dark theme */
:root.skin-theme-clientpref-night {
/*:root.skin-theme-clientpref-night {*/
    --tg-border-color-base: rgba(255, 255, 255, 0.05);
/*    --tg-border-color-base: rgba(255, 255, 255, 0.05);*/
    --tg-border-color-subtle: rgba(255, 255, 255, 0.02);
/*    --tg-border-color-subtle: rgba(255, 255, 255, 0.02);*/
    --tg-border-color-interactive: rgba(255, 255, 255, 0.08);
/*    --tg-border-color-interactive: rgba(255, 255, 255, 0.08);*/
    --tg-color-base: #e4ddcf;
/*    --tg-color-base: #e4ddcf;*/
    --tg-color-emphasized: #fbf8f1;
/*    --tg-color-emphasized: #fbf8f1;*/
    --tg-color-subtle: #e3d2b0;
/*    --tg-color-subtle: #e3d2b0;*/
    --tg-color-inverted-progressive: #000;
/*    --tg-color-inverted-progressive: #000;*/
    --tg-color-surface-0: #1a1a1f;
/*    --tg-color-surface-0: #1a1a1f;*/
    --tg-color-surface-1: #1f1f24;
/*    --tg-color-surface-1: #1f1f24;*/
    --tg-color-surface-2: #23232e;
/*    --tg-color-surface-2: #23232e;*/
    --tg-color-surface-3: #282833;
/*    --tg-color-surface-3: #282833;*/
    --tg-color-surface-4: #2c2c3c;
/*    --tg-color-surface-4: #2c2c3c;*/
    --tg-color-surface-5: #313142;
/*    --tg-color-surface-5: #313142;*/
    --tg-color-progressive: #f1c45e;
/*    --tg-color-progressive: #f1c45e;*/
    --tg-color-progressive--hover: #ffd16b;
/*    --tg-color-progressive--hover: #ffd16b;*/
    --tg-color-progressive--active: #e4b750;
/*    --tg-color-progressive--active: #e4b750;*/
    --tg-opacity-pattern: 0.05;
/*    --tg-opacity-pattern: 0.05;*/


    --color-primary__h: 41.6;
/*    --color-primary__h: 41.6;*/
    --color-primary__s: 84%;
/*    --color-primary__s: 84%;*/
    --color-primary__l: 65.7%;
/*    --color-primary__l: 65.7%;*/
}
/*}*/


/* Auto theme */
/* Auto theme */
@media screen and (prefers-color-scheme: dark) {
/*@media screen and (prefers-color-scheme: dark) {*/
    :root.skin-theme-clientpref-os {
/*    :root.skin-theme-clientpref-os {*/
        --tg-border-color-base: rgba(255, 255, 255, 0.05);
/*        --tg-border-color-base: rgba(255, 255, 255, 0.05);*/
        --tg-border-color-subtle: rgba(255, 255, 255, 0.02);
/*        --tg-border-color-subtle: rgba(255, 255, 255, 0.02);*/
        --tg-border-color-interactive: rgba(255, 255, 255, 0.08);
/*        --tg-border-color-interactive: rgba(255, 255, 255, 0.08);*/
        --tg-color-base: #e4ddcf;
/*        --tg-color-base: #e4ddcf;*/
        --tg-color-emphasized: #fbf8f1;
/*        --tg-color-emphasized: #fbf8f1;*/
        --tg-color-subtle: #e3d2b0;
/*        --tg-color-subtle: #e3d2b0;*/
        --tg-color-inverted-progressive: #000;
/*        --tg-color-inverted-progressive: #000;*/
        --tg-color-surface-0: #1a1a1f;
/*        --tg-color-surface-0: #1a1a1f;*/
        --tg-color-surface-1: #1f1f24;
/*        --tg-color-surface-1: #1f1f24;*/
        --tg-color-surface-2: #23232e;
/*        --tg-color-surface-2: #23232e;*/
        --tg-color-surface-3: #282833;
/*        --tg-color-surface-3: #282833;*/
        --tg-color-surface-4: #2c2c3c;
/*        --tg-color-surface-4: #2c2c3c;*/
        --tg-color-surface-5: #313142;
/*        --tg-color-surface-5: #313142;*/
        --tg-color-progressive: #f1c45e;
/*        --tg-color-progressive: #f1c45e;*/
        --tg-color-progressive--hover: #ffd16b;
/*        --tg-color-progressive--hover: #ffd16b;*/
        --tg-color-progressive--active: #e4b750;
/*        --tg-color-progressive--active: #e4b750;*/
        --tg-opacity-pattern: 0.05;
/*        --tg-opacity-pattern: 0.05;*/


        --color-primary__h: 41.6;
/*        --color-primary__h: 41.6;*/
        --color-primary__s: 84%;
/*        --color-primary__s: 84%;*/
        --color-primary__l: 65.7%;
/*        --color-primary__l: 65.7%;*/
    }
/*    }*/
}
/*}*/


/* Black theme */
/* Black theme */
:root.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 {
/*:root.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 {*/
    --tg-color-surface-0: #000;
/*    --tg-color-surface-0: #000;*/
    --tg-color-surface-1: #111;
/*    --tg-color-surface-1: #111;*/
    --tg-color-surface-2: #222;
/*    --tg-color-surface-2: #222;*/
    --tg-color-surface-3: #333;
/*    --tg-color-surface-3: #333;*/
    --tg-color-surface-4: #444;
/*    --tg-color-surface-4: #444;*/
    --tg-color-surface-5: #555;
/*    --tg-color-surface-5: #555;*/
    --delta-hover-state: 6%;
/*    --delta-hover-state: 6%;*/
    --shadow-strength: 0.04;
/*    --shadow-strength: 0.04;*/
}
/*}*/


@media screen and (prefers-color-scheme: dark) {
/*@media screen and (prefers-color-scheme: dark) {*/
    :root.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 {
/*    :root.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 {*/
        --tg-color-surface-0: #000;
/*        --tg-color-surface-0: #000;*/
        --tg-color-surface-1: #111;
/*        --tg-color-surface-1: #111;*/
        --tg-color-surface-2: #222;
/*        --tg-color-surface-2: #222;*/
        --tg-color-surface-3: #333;
/*        --tg-color-surface-3: #333;*/
        --tg-color-surface-4: #444;
/*        --tg-color-surface-4: #444;*/
        --tg-color-surface-5: #555;
/*        --tg-color-surface-5: #555;*/
        --delta-hover-state: 6%;
/*        --delta-hover-state: 6%;*/
        --shadow-strength: 0.04;
/*        --shadow-strength: 0.04;*/
    }
/*    }*/
}
/*}*/


/* Do not invert edit button icon in dark mode because of contrast */
/* Do not invert edit button icon in dark mode because of contrast */
.skin-theme-clientpref-night #ca-edit .citizen-ui-icon::before,
/*.skin-theme-clientpref-night #ca-edit .citizen-ui-icon::before,*/
.skin-theme-clientpref-night #ca-ve-edit .citizen-ui-icon::before {
/*.skin-theme-clientpref-night #ca-ve-edit .citizen-ui-icon::before {*/
    filter: none;
/*    filter: none;*/
}
/*}*/


@media screen and (prefers-color-scheme: dark) {
/*@media screen and (prefers-color-scheme: dark) {*/
    .skin-theme-clientpref-os #ca-edit .citizen-ui-icon::before,
/*    .skin-theme-clientpref-os #ca-edit .citizen-ui-icon::before,*/
    .skin-theme-clientpref-os #ca-ve-edit .citizen-ui-icon::before {
/*    .skin-theme-clientpref-os #ca-ve-edit .citizen-ui-icon::before {*/
        filter: none;
/*        filter: none;*/
    }
/*    }*/
}
/*}*/


h1,
/*h1,*/
h2,
/*h2,*/
h3,
/*h3,*/
h4,
/*h4,*/
h5,
/*h5,*/
h6 {
/*h6 {*/
    font-family: var(--tg-font-family-heading);
/*    font-family: var(--tg-font-family-heading);*/
}
/*}*/


/* Add external link icon to interwiki links */
/* Add external link icon to interwiki links */
a.extiw::after {
/*a.extiw::after {*/
    display: inline-block;
/*    display: inline-block;*/
    width: 0.75em;
/*    width: 0.75em;*/
    height: 0.75em;
/*    height: 0.75em;*/
    margin-left: 0.125em;
/*    margin-left: 0.125em;*/
    content: "";
/*    content: "";*/
    background-color: currentcolor;
/*    background-color: currentcolor;*/
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgYXJpYS1oaWRkZW49InRydWUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+IDxnIGZpbGw9ImN1cnJlbnRDb2xvciI+IDxwYXRoIGQ9Ik0xNyAxN0gzVjNoNVYxSDNhMiAyIDAgMCAwLTIgMnYxNGEyIDIgMCAwIDAgMiAyaDE0YTIgMiAwIDAgMCAyLTJ2LTVoLTJ6Ii8+IDxwYXRoIGQ9Im0xMSAxIDMuMjkgMy4yOS01LjczIDUuNzMgMS40MiAxLjQyIDUuNzMtNS43M0wxOSA5VjF6Ii8+IDwvZz4gPC9zdmc+)
/*    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgYXJpYS1oaWRkZW49InRydWUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+IDxnIGZpbGw9ImN1cnJlbnRDb2xvciI+IDxwYXRoIGQ9Ik0xNyAxN0gzVjNoNVYxSDNhMiAyIDAgMCAwLTIgMnYxNGEyIDIgMCAwIDAgMiAyaDE0YTIgMiAwIDAgMCAyLTJ2LTVoLTJ6Ii8+IDxwYXRoIGQ9Im0xMSAxIDMuMjkgMy4yOS01LjczIDUuNzMgMS40MiAxLjQyIDUuNzMtNS43M0wxOSA5VjF6Ii8+IDwvZz4gPC9zdmc+)*/
        no-repeat 50% 50%;
/*        no-repeat 50% 50%;*/
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgYXJpYS1oaWRkZW49InRydWUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+IDxnIGZpbGw9ImN1cnJlbnRDb2xvciI+IDxwYXRoIGQ9Ik0xNyAxN0gzVjNoNVYxSDNhMiAyIDAgMCAwLTIgMnYxNGEyIDIgMCAwIDAgMiAyaDE0YTIgMiAwIDAgMCAyLTJ2LTVoLTJ6Ii8+IDxwYXRoIGQ9Im0xMSAxIDMuMjkgMy4yOS01LjczIDUuNzMgMS40MiAxLjQyIDUuNzMtNS43M0wxOSA5VjF6Ii8+IDwvZz4gPC9zdmc+)
/*    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgYXJpYS1oaWRkZW49InRydWUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+IDxnIGZpbGw9ImN1cnJlbnRDb2xvciI+IDxwYXRoIGQ9Ik0xNyAxN0gzVjNoNVYxSDNhMiAyIDAgMCAwLTIgMnYxNGEyIDIgMCAwIDAgMiAyaDE0YTIgMiAwIDAgMCAyLTJ2LTVoLTJ6Ii8+IDxwYXRoIGQ9Im0xMSAxIDMuMjkgMy4yOS01LjczIDUuNzMgMS40MiAxLjQyIDUuNzMtNS43M0wxOSA5VjF6Ii8+IDwvZz4gPC9zdmc+)*/
        no-repeat 50% 50%;
/*        no-repeat 50% 50%;*/
    -webkit-mask-size: contain;
/*    -webkit-mask-size: contain;*/
    mask-size: contain;
/*    mask-size: contain;*/
}
/*}*/


.plainlinks a.external::after {
/*.plainlinks a.external::after {*/
    display: none;
/*    display: none;*/
}
/*}*/


/* Adjust wordmark size */
/* Adjust wordmark size */
img.mw-logo-wordmark {
/*img.mw-logo-wordmark {*/
    height: 2rem;
/*    height: 2rem;*/
}
/*}*/


/* Shift sticky header trigger point by 100px */
/* Shift sticky header trigger point by 100px */
#citizen-page-header-sticky-sentinel {
/*#citizen-page-header-sticky-sentinel {*/
    transform: translateY(100px);
/*    transform: translateY(100px);*/
}
/*}*/


/**
/**
  * Background image handling
  * Background image handling
  */
  */
.citizen-page-container,
/*.citizen-page-container,*/
.citizen-body-container {
/*.citizen-body-container {*/
    position: relative;
/*    position: relative;*/
}
/*}*/


.citizen-header:before,
/*.citizen-header:before,*/
.citizen-page-container::before,
/*.citizen-page-container::before,*/
.mw-body::before,
/*.mw-body::before,*/
.citizen-body-container::after {
/*.citizen-body-container::after {*/
    content: "";
/*    content: "";*/
    position: absolute;
/*    position: absolute;*/
    inset: 0;
/*    inset: 0;*/
    pointer-events: none;
/*    pointer-events: none;*/
}
/*}*/


.citizen-header:before,
/*.citizen-header:before,*/
.citizen-page-container::before {
/*.citizen-page-container::before {*/
    background-repeat: no-repeat;
/*    background-repeat: no-repeat;*/
}
/*}*/


.mw-body::before,
/*.mw-body::before,*/
.citizen-body-container::after {
/*.citizen-body-container::after {*/
    background-repeat: repeat-y;
/*    background-repeat: repeat-y;*/
    filter: var(--filter-invert);
/*    filter: var(--filter-invert);*/
}
/*}*/


.citizen-header::before {
/*.citizen-header::before {*/
    background-position: center left;
/*    background-position: center left;*/
    background-size: contain;
/*    background-size: contain;*/
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent 32px);
/*    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent 32px);*/
    -webkit-mask-image: linear-gradient(
/*    -webkit-mask-image: linear-gradient(*/
        to right,
/*        to right,*/
        rgba(0, 0, 0, 0.2),
/*        rgba(0, 0, 0, 0.2),*/
        transparent 32px
/*        transparent 32px*/
    );
/*    );*/
}
/*}*/


.citizen-page-container::before {
/*.citizen-page-container::before {*/
    height: 200px;
/*    height: 200px;*/
    background-size: cover;
/*    background-size: cover;*/
    mask-image: linear-gradient(
/*    mask-image: linear-gradient(*/
        rgba(0, 0, 0, 0.35),
/*        rgba(0, 0, 0, 0.35),*/
        rgba(0, 0, 0, 0.2) 3rem,
/*        rgba(0, 0, 0, 0.2) 3rem,*/
        rgba(0, 0, 0, 0.05) 9rem,
/*        rgba(0, 0, 0, 0.05) 9rem,*/
        transparent 100%
/*        transparent 100%*/
    );
/*    );*/
    -webkit-mask-image: linear-gradient(
/*    -webkit-mask-image: linear-gradient(*/
        rgba(0, 0, 0, 0.35),
/*        rgba(0, 0, 0, 0.35),*/
        rgba(0, 0, 0, 0.2) 3rem,
/*        rgba(0, 0, 0, 0.2) 3rem,*/
        rgba(0, 0, 0, 0.05) 9rem,
/*        rgba(0, 0, 0, 0.05) 9rem,*/
        transparent 100%
/*        transparent 100%*/
    );
/*    );*/
}
/*}*/


.mw-body::before {
/*.mw-body::before {*/
    position: fixed; /* Avoid layout shift */
/*    position: fixed; /* Avoid layout shift */
    margin-left: calc(var(--tg-inscription-size) + var(--padding-page));
/*    margin-left: calc(var(--tg-inscription-size) + var(--padding-page));*/
    opacity: calc(
/*    opacity: calc(*/
        var(--tg-opacity-pattern) * 0.5
/*        var(--tg-opacity-pattern) * 0.5*/
    ); /* Since this is behind content, it should be more subtle */
/*    ); /* Since this is behind content, it should be more subtle */
    background-repeat: no-repeat;
/*    background-position: center;*/
    mask-image: linear-gradient(
/*    background-repeat: no-repeat;*/
        transparent,
/*    mask-image: linear-gradient(*/
        #000 480px,
/*        transparent,*/
        #000 calc(100% - 480px),
/*        #000 480px,*/
        transparent
/*        #000 calc(100% - 480px),*/
    );
/*        transparent*/
    -webkit-mask-image: linear-gradient(
/*    );*/
        transparent,
/*    -webkit-mask-image: linear-gradient(*/
        #000 480px,
/*        transparent,*/
        #000 calc(100% - 480px),
/*        #000 480px,*/
        transparent
/*        #000 calc(100% - 480px),*/
    );
/*        transparent*/
}
/*    );*/
/*}*/


.citizen-body-container::after {
/*.citizen-body-container::after {*/
    background-size: var(--tg-inscription-size);
/*    background-size: var(--tg-inscription-size);*/
    opacity: var(--tg-opacity-pattern);
/*    opacity: var(--tg-opacity-pattern);*/
    mask-image: linear-gradient(
/*    mask-image: linear-gradient(*/
        transparent,
/*        transparent,*/
        #000 160px,
/*        #000 160px,*/
        #000 calc(100% - 160px),
/*        #000 calc(100% - 160px),*/
        transparent
/*        transparent*/
    );
/*    );*/
    -webkit-mask-image: linear-gradient(
/*    -webkit-mask-image: linear-gradient(*/
        transparent,
/*        transparent,*/
        #000 160px,
/*        #000 160px,*/
        #000 calc(100% - 160px),
/*        #000 calc(100% - 160px),*/
        transparent
/*        transparent*/
    );
/*    );*/
}
/*}*/


@media screen and (min-width: 640px) {
/*@media screen and (min-width: 640px) {*/
    img.mw-logo-wordmark {
/*    img.mw-logo-wordmark {*/
        height: 2.5rem;
/*        height: 2.5rem;*/
    }
/*    }*/
}
/*}*/


@media screen and (min-width: 1120px) {
/*@media screen and (min-width: 1120px) {*/
    :root {
/*    :root {*/
        --tg-inscription-size: 32px;
/*        --tg-inscription-size: 32px;*/
    }
/*    }*/


     /* Make space for header background image */
     /* Make space for header background image */
    .citizen-header {
/*    .citizen-header {*/
        padding-top: 36px;
/*        padding-top: 36px;*/
    }
/*    }*/


    .citizen-header::before {
/*    .citizen-header::before {*/
        background-position: top center;
/*        background-position: top center;*/
        mask-image: linear-gradient(rgba(0, 0, 0, 0.2), transparent 64px);
/*        mask-image: linear-gradient(rgba(0, 0, 0, 0.2), transparent 64px);*/
        -webkit-mask-image: linear-gradient(
/*        -webkit-mask-image: linear-gradient(*/
            rgba(0, 0, 0, 0.2),
/*            rgba(0, 0, 0, 0.2),*/
            transparent 64px
/*            transparent 64px*/
        );
/*        );*/
    }
/*    }*/


     /* Make space for inscription */
     /* Make space for inscription */
    .citizen-page-header,
/*    .citizen-page-header,*/
    .citizen-body-container {
/*    .citizen-body-container {*/
        padding-left: calc(var(--tg-inscription-size) + var(--padding-page));
/*        padding-left: calc(var(--tg-inscription-size) + var(--padding-page));*/
    }
/*    }*/
}
/*}*/


@media screen and (min-width: 1680px) {
/*@media screen and (min-width: 1680px) {*/
    :root {
/*    :root {*/
        --tg-inscription-size: 3vw;
/*        --tg-inscription-size: 3vw;*/
    }
/*    }*/
}
/*}*/


/* Move page header to the bottom for main page */
/* Move page header to the bottom for main page */
.page-Main_Page .citizen-body-container {
/*.page-Main_Page .citizen-body-container {*/
    grid-template-areas:
/*    grid-template-areas:*/
        "content"
/*        "content"*/
        "header"
/*        "header"*/
        "afterHeader"
/*        "afterHeader"*/
        "footer";
/*        "footer";*/
}
/*}*/


@media (hover: hover) {
/*@media (hover: hover) {*/
     /*
     /*
     * Search button tooltip
     * Search button tooltip
     * This is temporary until tooltip is fully implemented upstream at Citizen
     * This is temporary until tooltip is fully implemented upstream at Citizen
     */
     */
    .citizen-search
/*    .citizen-search*/
        .citizen-dropdown-details:not([open])
/*        .citizen-dropdown-details:not([open])*/
        > .citizen-dropdown-summary:hover::after {
/*        > .citizen-dropdown-summary:hover::after {*/
        content: "/";
/*        content: "/";*/
        position: absolute;
/*        position: absolute;*/
        border: 1px solid var(--border-color-interactive);
/*        border: 1px solid var(--border-color-interactive);*/
        border-radius: var(--border-radius--small);
/*        border-radius: var(--border-radius--small);*/
        min-width: var(--size-icon);
/*        min-width: var(--size-icon);*/
        min-height: var(--size-icon);
/*        min-height: var(--size-icon);*/
        padding: 0 var(--space-xxs);
/*        padding: 0 var(--space-xxs);*/
        background: var(--color-surface-1);
/*        background: var(--color-surface-1);*/
        font-size: 0.65rem;
/*        font-size: 0.65rem;*/
        font-weight: var(--font-weight-medium);
/*        font-weight: var(--font-weight-medium);*/
        line-height: 1;
/*        line-height: 1;*/
        display: flex;
/*        display: flex;*/
        align-items: center;
/*        align-items: center;*/
        justify-content: center;
/*        justify-content: center;*/
    }
/*    }*/
}
/*}*/


/*
/*
Řádek 333: Řádek 334:
*/
*/
/* Remove bottom spacing as it is handled in footer portlet */
/* Remove bottom spacing as it is handled in footer portlet */
.citizen-drawer__menu {
/*.citizen-drawer__menu {*/
margin-bottom: 0;
/* margin-bottom: 0;*/
padding-bottom: 0;
/* padding-bottom: 0;*/
}
/*}*/


.mw-portlet-External {
/*.mw-portlet-External {*/
position: sticky;
/* position: sticky;*/
bottom: 0;
/* bottom: 0;*/
margin-top: var( --space-md );
/* margin-top: var( --space-md );*/
    padding: var( --space-xs ) 0;
/*    padding: var( --space-xs ) 0;*/
border-top: 1px solid var( --border-color-base );
/* border-top: 1px solid var( --border-color-base );*/
background: var( --color-surface-1 );
/* background: var( --color-surface-1 );*/
font-size: var( --font-size-x-small );
/* font-size: var( --font-size-x-small );*/
grid-column-start: 1;
/* grid-column-start: 1;*/
white-space: nowrap;
/* white-space: nowrap;*/
}
/*}*/


@media screen and ( min-width: 32.875rem ) {
/*@media screen and ( min-width: 32.875rem ) {*/
    .mw-portlet-External {
/*    .mw-portlet-External {*/
grid-column-end: span 2;
/* grid-column-end: span 2;*/
}
/* }*/
}
/*}*/


.mw-portlet-External .citizen-menu__heading {
/*.mw-portlet-External .citizen-menu__heading {*/
display: none;
/* display: none;*/
}
/*}*/


.mw-portlet-External ul {
/*.mw-portlet-External ul {*/
display: flex;
/* display: flex;*/
overflow: auto;
/* overflow: auto;*/
}
/*}*/


.mw-portlet-External .mw-list-item a {
/*.mw-portlet-External .mw-list-item a {*/
gap: 0;
/* gap: 0;*/
}
/*}*/


/* Label */
/* Label */
.citizen-drawer__menu [id^="n-sidebar-label-"] a {
/*.citizen-drawer__menu [id^="n-sidebar-label-"] a {*/
pointer-events: none;
/* pointer-events: none;*/
    margin-left: var( --space-xs );
/*    margin-left: var( --space-xs );*/
    padding-left: var( --space-md );
/*    padding-left: var( --space-md );*/
padding-right: var( --space-xs );
/* padding-right: var( --space-xs );*/
border-left: 1px solid var( --border-color-base );
/* border-left: 1px solid var( --border-color-base );*/
    border-radius: 0;
/*    border-radius: 0;*/
    letter-spacing: 0.05em;
/*    letter-spacing: 0.05em;*/
    font-weight: var( --font-weight-normal );
/*    font-weight: var( --font-weight-normal );*/
    color: var( --color-base--subtle ) !important;
/*    color: var( --color-base--subtle ) !important;*/
}
/*}*/


/* Icons */
/* Icons */
.citizen-drawer__menu [id^="n-sidebar-icon-"] a {
/*.citizen-drawer__menu [id^="n-sidebar-icon-"] a {*/
font-size: 0;
/* font-size: 0;*/
    content-visibility: auto;
/*    content-visibility: auto;*/


}
/*}*/


.citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
/*.citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {*/
display: block;
/* display: block;*/
    content: "";
/*    content: "";*/
    width: var( --size-icon );
/*    width: var( --size-icon );*/
    height: var( --size-icon );
/*    height: var( --size-icon );*/
    background: transparent center/contain no-repeat;
/*    background: transparent center/contain no-repeat;*/
    opacity: var( --opacity-icon-base );
/*    opacity: var( --opacity-icon-base );*/
    filter: var( --filter-invert );
/*    filter: var( --filter-invert );*/
}
/*}*/
Citováno z „https://wiki.revelio.cz/MediaWiki:Citizen.css“