soopy.moe
1@media only screen and (max-width:1439px) {
2 .sidetoc {
3 display: none;
4 }
5}
6
7@media only screen and (min-width:1440px) {
8 main {
9 position: relative;
10 }
11
12 .sidetoc {
13 margin-left: auto;
14 margin-right: auto;
15 left: calc(100% + (var(--content-max-width))/4 - 140px);
16 position: absolute;
17 }
18
19 .pagetoc {
20 position: fixed;
21 width: 200px;
22 height: calc(100vh - var(--menu-bar-height) - 0.67em * 4);
23 overflow: auto;
24 }
25
26 .pagetoc a {
27 border-left: 1px solid var(--sidebar-bg);
28 color: var(--fg) !important;
29 display: block;
30 padding-bottom: 5px;
31 padding-top: 5px;
32 padding-left: 10px;
33 text-align: left;
34 text-decoration: none;
35 }
36
37 .pagetoc a:hover,
38 .pagetoc a.active {
39 background: var(--sidebar-bg);
40 color: var(--sidebar-fg) !important;
41 }
42
43 .pagetoc .active {
44 background: var(--sidebar-bg);
45 color: var(--sidebar-fg);
46 }
47
48 .pagetoc .pagetoc-H2 {
49 padding-left: 20px;
50 }
51
52 .pagetoc .pagetoc-H3 {
53 padding-left: 40px;
54 }
55
56 .pagetoc .pagetoc-H4 {
57 padding-left: 60px;
58 }
59
60 .pagetoc .pagetoc-H5 {
61 display: none;
62 }
63
64 .pagetoc .pagetoc-H6 {
65 display: none;
66 }
67}
68
69a[class^='pagetoc-H']:only-child {
70 display: none;
71}