1 | @media only screen and (max-width: 1299px) {
|
2 | aside.toc-nav {
|
3 | max-width: 45px;
|
4 | opacity: 0.6;
|
5 | right: 0 !important;
|
6 | margin-right: 0 !important;
|
7 | background: #fff;
|
8 | }
|
9 | aside.toc-nav:hover {
|
10 | max-width: inherit;
|
11 | opacity: 1;
|
12 | }
|
13 | }
|
14 |
|
15 | @media only screen and (min-width: 1300px) {
|
16 | section.content {
|
17 | padding-right: 250px;
|
18 | }
|
19 | }
|
20 |
|
21 | aside.toc-nav {
|
22 | position: fixed;
|
23 | top: 70px;
|
24 | right: 3%;
|
25 | margin-right: 20px;
|
26 | width: 250px;
|
27 | z-index: 999999;
|
28 | align-self: flex-start;
|
29 | flex: 0 0 auto;
|
30 | overflow-y: auto;
|
31 | max-height: 70%;
|
32 | }
|
33 |
|
34 | aside.toc-nav.nothing {
|
35 | width: 0;
|
36 | }
|
37 |
|
38 | .page_toc {
|
39 | position: relative;
|
40 | left: 0;
|
41 | margin: 10px 0;
|
42 | border: none;
|
43 | font-size: 1.0em;
|
44 | }
|
45 |
|
46 | .page_toc p.title {
|
47 | margin: 0;
|
48 | padding-bottom: 5px;
|
49 | font-weight: 600;
|
50 | font-size: 1.2em;
|
51 | }
|
52 |
|
53 | .page_toc .anchor:hover:after {
|
54 | content: "";
|
55 | }
|
56 | .page_toc div[class^="lv"] a:hover span {
|
57 | color: var(--sidebar-nav-link-color--active, #42b983);
|
58 | }
|
59 |
|
60 | .page_toc div {
|
61 | border-left: 2px solid #e8e8e8;
|
62 | text-indent: 10px;
|
63 | padding: 2px 0;
|
64 | cursor: pointer;
|
65 | }
|
66 |
|
67 | .page_toc div.active {
|
68 | border-left-color: var(--sidebar-nav-link-color--active, #42b983);
|
69 | transition: border-left-color 0.23s;
|
70 | }
|
71 |
|
72 | .page_toc div.active a span {
|
73 | color: var(--sidebar-nav-link-color--active, #42b983);
|
74 | transition: color 0.23s;
|
75 | }
|
76 |
|
77 | .page_toc div[class^="lv"] a {
|
78 | color: var(--text-color-base, black);
|
79 | text-decoration: none;
|
80 | font-weight: 300;
|
81 | line-height: 2em;
|
82 | display: block;
|
83 | }
|
84 |
|
85 | .page_toc div[class^="lv"] a span {
|
86 | color: var(--sidebar-nav-link-color--hover, var(--sidebar-nav-link-color));
|
87 | display: block;
|
88 | overflow: hidden;
|
89 | white-space: nowrap;
|
90 | text-overflow:ellipsis;
|
91 | }
|
92 |
|
93 | .page_toc div.lv2 {
|
94 | text-indent: 20px;
|
95 | }
|
96 |
|
97 | .page_toc div.lv3 {
|
98 | text-indent: 30px;
|
99 | }
|
100 |
|
101 | .page_toc div.lv4 {
|
102 | text-indent: 40px;
|
103 | }
|
104 |
|
105 | .page_toc div.lv5 {
|
106 | text-indent: 50px;
|
107 | }
|
108 |
|
109 | .page_toc div.lv6 {
|
110 | text-indent: 60px;
|
111 | } |
\ | No newline at end of file |