MediaWiki:Citizen.css：修订间差异

.mw-ui-icon-wikimedia-language:before{
	-webkit-mask-image: url(https://lostmediawiki.cn/images/0/03/Icon_%E7%AE%80%E7%B9%81%E8%BD%AC%E6%8D%A2.svg);
    mask-image: url(https://lostmediawiki.cn/images/0/03/Icon_%E7%AE%80%E7%B9%81%E8%BD%AC%E6%8D%A2.svg);
}

.citizen-page-languages .citizen-dropdown-summary::after{
	visibility: hidden;
}

/*优化电脑端*/

@media screen and (min-width: 1120px) {
	
	body:has(.citizen-dropdown-details[open]) {
        overflow:hidden
    }
    
    .citizen-dropdown .citizen-menu__card {
        max-width:calc(100vw - var(--space-xs) * 2)
    }

    .citizen-dropdown-details::before {
        content: '';
        background: var(--background-color-backdrop-light);
        opacity: 0;
        -webkit-backdrop-filter: var(--backdrop-filter-blur);
        backdrop-filter: var(--backdrop-filter-blur);
        transition-timing-function: var(--transition-timing-function-ease);
        transition-duration: var(--transition-duration-base);
        transition-property: opacity
    }

    .citizen-dropdown-details[open]::before {
        position: fixed;
        inset: 0;
        z-index: 300;
        opacity: 1;
        transition-duration: var(--transition-duration-medium)
    }

    .citizen-dropdown-details[open] > .citizen-dropdown-summary {
        position: relative;
        z-index: 351
    }

    .citizen-dropdown-details[open] + .citizen-menu__card {
        z-index: 350
    }
    
    
	
	
    #citizen-sidebar-lastmod {
        display:none
    }
    
    .citizen-toc {
        position:fixed;
        bottom: calc(var(--header-size-block-end) + max(env(safe-area-inset-bottom),var(--space-xs)));
        left: 0;
        z-index: 100;
        pointer-events: none
    }

    .citizen-toc-card {
        bottom: calc(100% - var(--space-xs));
        width: max-content;
        max-height: calc(var(--header-card-maxheight) - 8rem);
        padding: var(--space-xs);
        transform-origin: var(--transform-origin-offset-start) var(--transform-origin-offset-end)
    }

    .citizen-toc .citizen-dropdown-summary {
        box-sizing: border-box;
        display: grid;
        place-content: center;
        width: var(--toolbar-size);
        height: var(--toolbar-size);
        margin: var(--space-xs);
        pointer-events: auto;
        background-color: var(--color-surface-1);
        border: 1px solid var(--border-color-base);
        border-radius: var(--border-radius-medium);
        box-shadow: var(--box-shadow-large)
    }

    .citizen-toc .citizen-dropdown-summary:hover {
        background: linear-gradient(var(--background-color-button-quiet--hover),var(--background-color-button-quiet--hover)) var(--color-surface-1)
    }

    .citizen-toc .citizen-dropdown-summary:active {
        background: linear-gradient(var(--background-color-button-quiet--active),var(--background-color-button-quiet--active)) var(--color-surface-1)
    }

    .citizen-toc .citizen-dropdown-details[open] + .citizen-menu__card {
        pointer-events: auto
    }

    .citizen-toc .citizen-dropdown-details[open] > .citizen-dropdown-summary {
        background: linear-gradient(var(--background-color-button-quiet--active),var(--background-color-button-quiet--active)) var(--color-surface-1)
    }
    
    .citizen-dropdown .citizen-menu__card {
        max-width:calc(100vw - var(--space-xs) * 2)
    }

    .citizen-dropdown-details::before {
        content: '';
        background: var(--background-color-backdrop-light);
        opacity: 0;
        -webkit-backdrop-filter: var(--backdrop-filter-blur);
        backdrop-filter: var(--backdrop-filter-blur);
        transition-timing-function: var(--transition-timing-function-ease);
        transition-duration: var(--transition-duration-base);
        transition-property: opacity
    }

    .citizen-dropdown-details[open]::before {
        position: fixed;
        inset: 0;
        z-index: 300;
        opacity: 1;
        transition-duration: var(--transition-duration-medium)
    }

    .citizen-dropdown-details[open] > .citizen-dropdown-summary {
        position: relative;
        z-index: 351
    }

    .citizen-dropdown-details[open] + .citizen-menu__card {
        z-index: 350
    }
}