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

User:弃权者/Template:折叠章节/styles.css:修订间差异

来自OGAS数据中枢
弃权者留言 | 贡献
无编辑摘要
弃权者留言 | 贡献
 
(未显示同一用户的8个中间版本)
第1行: 第1行:
.citizen-fold-wrapper {
.citizen-section-fold {
     display: inline-flex;
    margin: 1.5em 0;
     flex-direction: column;
    width: 100%;
     margin: 1em 0;
}
     max-width: 100%;
 
     align-items: flex-start;
.citizen-section-title {
     font-size: var(--font-size-heading-2, 1.5em);
     font-weight: var(--font-weight-heading, 600);
}
 
.citizen-section-fold h2.citizen-hidden-headline {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
     border: 0 !important;
    height: 1px !important;
     width: 1px !important;
     overflow: hidden;
}
}


.citizen-fold-header {
.citizen-section-header {
     display: inline-flex;
    position: relative;
     display: flex !important;
     align-items: center;
     align-items: center;
     gap: 0.5em;
     margin: 0 0 0.5em 0;
     padding: 0.5em 0.75em;
     padding: 0.25em 0.5em;
     background-color: var(--background-color-neutral, #f8f9fa);
     border-bottom: 1px solid var(--border-color-base, #eaecf0);
    border: 1px solid var(--border-color-base, #eaecf0);
    border-radius: var(--border-radius-base, 4px);
    font-weight: bold;
    color: var(--color-base, #202122);
    cursor: pointer;
     user-select: none;
     user-select: none;
     transition: background-color 0.2s ease;
     float: none !important;
     order: 1;
    cursor: pointer;           /* ← 整行可点击 */
     text-decoration: none;
}
}


.citizen-fold-header:hover {
.citizen-section-header:hover {
     background-color: var(--background-color-neutral-subtle, #f0f1f2);
     background-color: var(--background-color-neutral-subtle, rgba(0, 0, 0, 0.04));
}
}


.citizen-fold-header::before {
/* 箭头指示器 */
.citizen-section-header::before {
     content: "";
     content: "";
     display: inline-block;
     display: inline-block;
     width: 6px;
    margin-right: 0.5em;
     height: 6px;
     width: 8px;
     border-right: 2px solid var(--color-base-weak, #72777d);
     height: 8px;
     border-bottom: 2px solid var(--color-base-weak, #72777d);
     border-right: 3px solid var(--color-base-weak, #72777d);
     transform: rotate(45deg);
     border-bottom: 3px solid var(--color-base-weak, #72777d);
     transform: rotate(45deg);       /* 展开时向下 */
     transition: transform 0.2s ease;
     transition: transform 0.2s ease;
    flex-shrink: 0;
}
}


.citizen-fold-content-box.mw-collapsed + .citizen-fold-header::before {
.citizen-section-fold.mw-collapsed .citizen-section-header::before {
     transform: rotate(-45deg);
     transform: rotate(-45deg);     /* 折叠时向右 */
}
 
.citizen-fold-content-box {
    margin-top: 4px;
    order: 2;
    width: 100%;
}
}


.citizen-fold-content {
.citizen-section-content {
     padding: 1em;
     padding: 0.5em 0.1em;
    border: 1px solid var(--border-color-base, #eaecf0);
    border-radius: var(--border-radius-base, 4px);
    background-color: var(--background-color-base, #ffffff);
     overflow-x: auto;
     overflow-x: auto;
}
}


.citizen-fold-content > :first-child {
.citizen-section-content table.wikitable {
    margin-top: 0;
     width: 100%;
}
 
.citizen-fold-content > :last-child {
     margin-bottom: 0;
}
 
.citizen-fold-content table.wikitable {
     margin: 0;
     margin: 0;
}
.citizen-fold-content-box .mw-collapsible-toggle {
    display: none !important;
}
}

2026年5月16日 (六) 15:26的最新版本

.citizen-section-fold {
    margin: 1.5em 0;
    width: 100%;
}

.citizen-section-title {
    font-size: var(--font-size-heading-2, 1.5em);
    font-weight: var(--font-weight-heading, 600);
}

.citizen-section-fold h2.citizen-hidden-headline {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

.citizen-section-header {
    position: relative;
    display: flex !important;
    align-items: center;
    margin: 0 0 0.5em 0;
    padding: 0.25em 0.5em;
    border-bottom: 1px solid var(--border-color-base, #eaecf0);
    user-select: none;
    float: none !important;
    cursor: pointer;           /* ← 整行可点击 */
    text-decoration: none;
}

.citizen-section-header:hover {
    background-color: var(--background-color-neutral-subtle, rgba(0, 0, 0, 0.04));
}

/* 箭头指示器 */
.citizen-section-header::before {
    content: "";
    display: inline-block;
    margin-right: 0.5em;
    width: 8px;
    height: 8px;
    border-right: 3px solid var(--color-base-weak, #72777d);
    border-bottom: 3px solid var(--color-base-weak, #72777d);
    transform: rotate(45deg);       /* 展开时向下 */
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.citizen-section-fold.mw-collapsed .citizen-section-header::before {
    transform: rotate(-45deg);      /* 折叠时向右 */
}

.citizen-section-content {
    padding: 0.5em 0.1em;
    overflow-x: auto;
}

.citizen-section-content table.wikitable {
    width: 100%;
    margin: 0;
}