92 lines
1.7 KiB
Plaintext
92 lines
1.7 KiB
Plaintext
.tocnumber, .toctitle {
|
|
display: none;
|
|
}
|
|
|
|
#toc {
|
|
// margin-top: calc(var(--space) * 2);
|
|
// margin-bottom: calc(var(--space) * 2);
|
|
|
|
// background-image: linear-gradient(100deg, transparent 0%, #ecf2ff 20%, #ecf2ff 80%, transparent);
|
|
// box-shadow: inset 0 0 12px 12px white;
|
|
// margin-top: calc(var(--space) * 2);
|
|
margin-bottom: calc(var(--space) * 2);
|
|
line-height: calc(var(--space) * 3);
|
|
|
|
}
|
|
|
|
.toctitle > h2 {
|
|
text-align: center;
|
|
}
|
|
|
|
#toc > ul {
|
|
display: flex;
|
|
justify-content: center;
|
|
column-gap: calc(var(--space) * 2);
|
|
row-gap: calc(var(--space));
|
|
flex-wrap: wrap;
|
|
padding-bottom: var(--space);
|
|
}
|
|
|
|
.toclevel-1 {
|
|
flex-basis: 6em;
|
|
}
|
|
|
|
.toclevel-1 > a:link, .toclevel-1 > a:visited {
|
|
font-size: 1.2em;
|
|
color: var(--8);
|
|
}
|
|
|
|
.toclevel-2 > a:link, .toclevel-2 > a:visited {
|
|
color: var(--blue-6);
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
.toclevel-2 > a {
|
|
color: var(--blue-5);
|
|
}
|
|
}
|
|
|
|
.toclevel-1 ul, .toclevel-1 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: calc(var(--space) / 2);
|
|
align-items: center;
|
|
}
|
|
|
|
.toctext {
|
|
text-wrap: nowrap;
|
|
font-family: 'Libre Caslon';
|
|
}
|
|
|
|
a:has(> .toctext):hover {
|
|
color: var(--blue-4);
|
|
}
|
|
|
|
#mw-content-text:has(> .mw-parser-output > #pagebody-header), .mw-parser-output:has(> #pagebody-header) {
|
|
display: grid;
|
|
grid-template-rows: subgrid;
|
|
grid-template-columns: subgrid;
|
|
grid-row: toc / bottomstart;
|
|
}
|
|
|
|
@media (min-width: 1201px) {
|
|
|
|
}
|
|
|
|
@media (max-width: 1200px) {
|
|
.toctext {
|
|
font-size: 0.9em;
|
|
}
|
|
#toc > ul {
|
|
column-gap: calc(var(--space));
|
|
}
|
|
|
|
.toclevel-1, .toclevel-1 ul {
|
|
row-gap: 0;
|
|
}
|
|
|
|
#toc {
|
|
line-height: calc(var(--space) * 2.5);
|
|
}
|
|
|
|
} |