|
|
| 第9行： |
第9行： |
|
| |
|
| /*优化电脑端*/ | | /*优化电脑端*/ |
|
| |
| @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
| |
| }
| |
| }
| |
.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;
}
/*优化电脑端*/
