User:弃权者/Template:折叠章节/styles.css:修订间差异
来自OGAS数据中枢
更多操作
弃权者将页面User:弃权者/Template:折叠/styles.css的内容模型从“CSS”更改为“已过滤的CSS” |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
.citizen- | .citizen-fold-wrapper { | ||
display: inline-block; | |||
margin: 1em 0; | margin: 1em 0; | ||
max-width: 100%; | |||
} | } | ||
.citizen- | .citizen-fold-header { | ||
display: flex; | display: inline-flex; | ||
align-items: center; | align-items: center; | ||
gap: 0.5em; | |||
padding: 0.75em | 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; | ||
transition: background-color 0.2s ease, border-bottom-left-radius 0.2s ease, border-bottom-right-radius 0.2s ease; | |||
} | } | ||
.citizen- | .citizen-fold-header:hover { | ||
background-color: var(--background-color-neutral-subtle, #f0f1f2); | background-color: var(--background-color-neutral-subtle, #f0f1f2); | ||
} | } | ||
.citizen- | .citizen-fold-header::before { | ||
content: ""; | content: ""; | ||
display: inline-block; | display: inline-block; | ||
width: | width: 6px; | ||
height: | 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; | ||
} | } | ||
.mw-collapsed .citizen- | .citizen-fold-wrapper.mw-collapsed .citizen-fold-header::before { | ||
transform: rotate(-45deg); | transform: rotate(-45deg); | ||
} | } | ||
.citizen- | .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 | 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- | .citizen-fold-content > :first-child { | ||
margin-top: 0; | margin-top: 0; | ||
} | } | ||
.citizen- | .citizen-fold-content > :last-child { | ||
margin-bottom: 0; | margin-bottom: 0; | ||
} | } | ||
.citizen- | .citizen-fold-content table.wikitable { | ||
margin: 0; | margin: 0; | ||
} | |||
.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;
}