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

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

来自OGAS数据中枢
弃权者留言 | 贡献
弃权者将页面User:弃权者/Template:折叠/styles.css的内容模型从“CSS”更改为“已过滤的CSS”
弃权者留言 | 贡献
无编辑摘要
第1行: 第1行:
.citizen-collapse-container {
.citizen-fold-wrapper {
    display: inline-block;
     margin: 1em 0;
     margin: 1em 0;
     border: 1px solid var(--border-color-base, #eaecf0);
     max-width: 100%;
    border-radius: var(--border-radius-base, 4px);
    background-color: var(--background-color-base, #ffffff);
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
}


.citizen-collapse-header {
.citizen-fold-header {
     display: flex;
     display: inline-flex;
     align-items: center;
     align-items: center;
     justify-content: space-between;
     gap: 0.5em;
     padding: 0.75em 1em;
     padding: 0.5em 0.75em;
     background-color: var(--background-color-neutral, #f8f9fa);
     background-color: var(--background-color-neutral, #f8f9fa);
    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;
     cursor: pointer;
     user-select: none;
     user-select: none;
     font-weight: bold;
     transition: background-color 0.2s ease, border-bottom-left-radius 0.2s ease, border-bottom-right-radius 0.2s ease;
    color: var(--color-base, #202122);
    transition: background-color 0.2s ease;
}
}


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


.citizen-collapse-header::after {
.citizen-fold-header::before {
     content: "";
     content: "";
     display: inline-block;
     display: inline-block;
     width: 8px;
     width: 6px;
     height: 8px;
     height: 6px;
     border-right: 2px solid var(--color-base-weak, #72777d);
     border-right: 2px solid var(--color-base-weak, #72777d);
     border-bottom: 2px solid var(--color-base-weak, #72777d);
     border-bottom: 2px solid var(--color-base-weak, #72777d);
     transform: rotate(45deg);
     transform: rotate(45deg);
     transition: transform 0.2s ease;
     transition: transform 0.2s ease;
    margin-right: 0.25em;
}
}


.mw-collapsed .citizen-collapse-header::after {
.citizen-fold-wrapper.mw-collapsed .citizen-fold-header::before {
     transform: rotate(-45deg);
     transform: rotate(-45deg);
}
}


.citizen-collapse-content {
.citizen-fold-wrapper:not(.mw-collapsed) .citizen-fold-header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
 
.citizen-fold-content {
     padding: 1em;
     padding: 1em;
     border-top: 1px solid var(--border-color-base, #eaecf0);
     border: 1px solid var(--border-color-base, #eaecf0);
    border-top: none;
    border-radius: 0 0 var(--border-radius-base, 4px) var(--border-radius-base, 4px);
     background-color: var(--background-color-base, #ffffff);
     background-color: var(--background-color-base, #ffffff);
     overflow-x: auto;
     overflow-x: auto;
}
}


.citizen-collapse-content > :first-child {
.citizen-fold-content > :first-child {
     margin-top: 0;
     margin-top: 0;
}
}


.citizen-collapse-content > :last-child {
.citizen-fold-content > :last-child {
     margin-bottom: 0;
     margin-bottom: 0;
}
}


.citizen-collapse-content table.wikitable {
.citizen-fold-content table.wikitable {
     margin: 0;
     margin: 0;
     width: 100%;
}
 
.citizen-fold-wrapper .mw-collapsible-toggle {
     display: none !important;
}
}

2026年5月16日 (六) 11:54的版本

.citizen-fold-wrapper {
    display: inline-block;
    margin: 1em 0;
    max-width: 100%;
}

.citizen-fold-header {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    padding: 0.5em 0.75em;
    background-color: var(--background-color-neutral, #f8f9fa);
    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;
    transition: background-color 0.2s ease, border-bottom-left-radius 0.2s ease, border-bottom-right-radius 0.2s ease;
}

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

.citizen-fold-header::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 2px solid var(--color-base-weak, #72777d);
    border-bottom: 2px solid var(--color-base-weak, #72777d);
    transform: rotate(45deg);
    transition: transform 0.2s ease;
}

.citizen-fold-wrapper.mw-collapsed .citizen-fold-header::before {
    transform: rotate(-45deg);
}

.citizen-fold-wrapper:not(.mw-collapsed) .citizen-fold-header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

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

.citizen-fold-content > :first-child {
    margin-top: 0;
}

.citizen-fold-content > :last-child {
    margin-bottom: 0;
}

.citizen-fold-content table.wikitable {
    margin: 0;
}

.citizen-fold-wrapper .mw-collapsible-toggle {
    display: none !important;
}