打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Citizen.css:修订间差异

MediaWiki界面页面
HW
HW留言 | 贡献
HW
HW留言 | 贡献
第16行: 第16行:
     }
     }
      
      
     .citizen-page-sidebar{
     .citizen-page-sidebar {
    position: fixed;
    position: fixed;
        width: var(--width-toc);
    width: var(--width-toc);
        height: 100%;
    height: 100%;
        left: calc(-1 * var(--width-toc));
    left: calc(-1 * var(--width-toc));
        background: rgba(250, 250, 250, 0.7);
    background: rgba(250, 250, 250, 0.7);
        transition: opacity 0.2s ease, right 0.2s ease;
    transition: left 0.2s ease, opacity 0.2s ease;
     }
     z-index: 99;
    cursor: pointer;
}
 
.citizen-page-sidebar:hover {
    left: 0;
}
 
.citizen-page-sidebar:after {
    content: "◀";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
      
      
     .citizen-page-sidebar:after{
     height: 14rem;
    content: "◀";
    width: 1rem;
    position: fixed;
    color: var(--color-surface-0);
    left: 0;
    background: var(--color-surface-4);
    height: 14rem;
    border-radius: 0 0.75rem 0.75rem 0;
    top: calc(50vh - 7rem);
    opacity: 1;
    width: 1rem;
    transition: left 0.2s ease, opacity 0.2s ease;
    color: var(--color-surface-0);
    display: flex;
    background: var(--color-surface-2);
    justify-content: center;
    border-radius: 0 0.75rem 0.75rem 0;
    align-items: center;
    z-index: -1;
    font-size: 0.6rem;
    opacity: 1;
     pointer-events: none;
    transition: opacity 0.2s ease, right 0.2s ease;
}
    display: flex;
 
    justify-content: center;
.citizen-page-sidebar:hover:after {
    align-items: center;
    content: "▶";
    font-size: 0.6rem;
}
     }
   
    .citizen-page-sidebar:hover{
        left: 0;
    }
      
      
}
}

2026年4月8日 (三) 18:35的版本

.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) {
    .citizen-toc-enabled .citizen-body-container {
        grid-template-areas:
        'content content'
        'footer footer';
    }
    
    .citizen-page-sidebar {
    position: fixed;
    width: var(--width-toc);
    height: 100%;
    left: calc(-1 * var(--width-toc));
    background: rgba(250, 250, 250, 0.7);
    transition: left 0.2s ease, opacity 0.2s ease;
    z-index: 99;
    cursor: pointer;
}

.citizen-page-sidebar:hover {
    left: 0;
}

.citizen-page-sidebar:after {
    content: "◀";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    
    height: 14rem;
    width: 1rem;
    color: var(--color-surface-0);
    background: var(--color-surface-4);
    border-radius: 0 0.75rem 0.75rem 0;
    opacity: 1;
    transition: left 0.2s ease, opacity 0.2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6rem;
    pointer-events: none;
}

.citizen-page-sidebar:hover:after {
    content: "▶";
}
    
}