User:弃权者/Template:折叠章节/styles.css:修订间差异
来自OGAS数据中枢
更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
.citizen-fold-wrapper { | .citizen-fold-wrapper { | ||
display: | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
margin: 1em 0; | margin: 1em 0; | ||
max-width: 100%; | max-width: 100%; | ||
width: fit-content; | |||
} | |||
.citizen-fold-main { | |||
display: flex; | |||
flex-direction: column; | |||
position: relative; | |||
width: 100%; | |||
} | } | ||
| 第20行: | 第27行: | ||
user-select: none; | user-select: none; | ||
transition: background-color 0.2s ease; | transition: background-color 0.2s ease; | ||
width: fit-content; | |||
z-index: 2; | |||
} | } | ||
| 第38行: | 第46行: | ||
} | } | ||
.citizen-fold- | .citizen-fold-main.mw-collapsed .citizen-fold-header::before { | ||
transform: rotate(-45deg); | transform: rotate(-45deg); | ||
} | } | ||
.citizen-fold-content | .citizen-fold-content { | ||
margin-top: 4px; | margin-top: 4px; | ||
padding: 1em; | padding: 1em; | ||
border: 1px solid var(--border-color-base, #eaecf0); | border: 1px solid var(--border-color-base, #eaecf0); | ||
| 第54行: | 第57行: | ||
background-color: var(--background-color-base, #ffffff); | background-color: var(--background-color-base, #ffffff); | ||
overflow-x: auto; | overflow-x: auto; | ||
width: 100%; | |||
box-sizing: border-box; | |||
} | } | ||
| 第68行: | 第73行: | ||
} | } | ||
.citizen-fold- | .citizen-fold-main .mw-collapsible-toggle { | ||
float: none !important; | |||
font-size: unset !important; | |||
font-weight: unset !important; | |||
} | } | ||
2026年5月16日 (六) 11:59的版本
.citizen-fold-wrapper {
display: flex;
flex-direction: column;
margin: 1em 0;
max-width: 100%;
width: fit-content;
}
.citizen-fold-main {
display: flex;
flex-direction: column;
position: relative;
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;
width: fit-content;
z-index: 2;
}
.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-main.mw-collapsed .citizen-fold-header::before {
transform: rotate(-45deg);
}
.citizen-fold-content {
margin-top: 4px;
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;
width: 100%;
box-sizing: border-box;
}
.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-main .mw-collapsible-toggle {
float: none !important;
font-size: unset !important;
font-weight: unset !important;
}