User:弃权者/Template:折叠章节/styles.css:修订间差异
来自OGAS数据中枢
更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
.citizen-fold-wrapper { | .citizen-fold-wrapper { | ||
display: | display: inline-flex; | ||
flex-direction: column; | |||
margin: 1em 0; | margin: 1em 0; | ||
max-width: 100%; | max-width: 100%; | ||
align-items: flex-start; | |||
} | } | ||
| 第19行: | 第20行: | ||
user-select: none; | user-select: none; | ||
transition: background-color 0.2s ease; | transition: background-color 0.2s ease; | ||
order: 1; | |||
} | } | ||
| 第42行: | 第44行: | ||
.citizen-fold-content-box { | .citizen-fold-content-box { | ||
margin-top: 4px; | margin-top: 4px; | ||
order: 2; | |||
width: 100%; | |||
} | } | ||
2026年5月16日 (六) 11:57的版本
.citizen-fold-wrapper {
display: inline-flex;
flex-direction: column;
margin: 1em 0;
max-width: 100%;
align-items: flex-start;
}
.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;
order: 1;
}
.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-content-box.mw-collapsed + .citizen-fold-header::before {
transform: rotate(-45deg);
}
.citizen-fold-content-box {
margin-top: 4px;
order: 2;
width: 100%;
}
.citizen-fold-content {
padding: 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;
}
.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-content-box .mw-collapsible-toggle {
display: none !important;
}