xref: /template/readthedokus/css/sidebar.css (revision e690c96be4c4860bfdeaa8f9e064ac7215104317)
1#dokuwiki__aside
2{
3	bottom: __height_footer__;
4	background-color: __background_sidebar__;
5	color: __text_sidebar__;
6	flex-shrink: 0;
7	overflow-x: hidden;
8	overflow-y: hidden;
9	padding-bottom: 2em;
10	position: fixed;
11	top: __height_header__;
12	width: __width_sidebar__;
13}
14
15#dokuwiki__site:not(.showSidebar) #dokuwiki__aside
16{
17	display: none;
18}
19
20body[data-useragent*='Trident'] .rightSidebar #dokuwiki__aside
21{
22	right: calc(~"(-16px + 100vw - "__width_site__~")/2");
23}
24
25#dokuwiki__aside > .aside {
26	overflow-y: scroll;
27	overflow-x: hidden;
28	height: 100%;
29	width: calc(__width_sidebar__ + 15);
30}
31
32#dokuwiki__aside ul li
33{
34	margin-left: 0;
35}
36
37#dokuwiki__aside p strong
38{
39	color: __text_sidebar_caption__;
40	display: block;
41	font-size: 85%;
42	font-weight: bold;
43	height: 32px;
44	line-height: 32px;
45	margin: 12px 0 0;
46	padding: 0 1.6em;
47	/* text-transform: uppercase; */
48	white-space: nowrap;
49}
50
51#dokuwiki__aside ul > li > div.li > a,
52#dokuwiki__aside ul > li > div.li > span > a
53{
54	color: __text_sidebar__;
55	display: block;
56	font-size: 90%;
57	line-height: 18px;
58	padding: .4em 1.6em;
59	position: relative;
60}
61
62#dokuwiki__aside #sidebar > ul > li > div.li > a:hover,
63#dokuwiki__aside #sidebar > ul > li > div.li > span > a:hover
64{
65	background-color: __background_sidebar_hover__;
66}
67
68#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 {
69	margin-left: 10px;
70}
71
72#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 {
73	margin-left: 20px;
74}
75
76#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 {
77	margin-left: 30px;
78}
79
80#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > ul > li.level5 {
81	margin-left: 40px;
82}
83
84#dokuwiki__aside #dw__toc
85{
86	background-color: __background_sidebar_toc__;
87	float: none;
88	margin: 0;
89	width: 100%;
90}
91
92#dokuwiki__aside #dw__toc ul.toc
93{
94	padding-left: 0;
95}
96
97#dokuwiki__aside #dw__toc ul.toc.invisible
98{
99	display: none;
100}
101
102#dokuwiki__aside #dw__toc > div
103{
104	padding: 0;
105}
106
107#dokuwiki__aside #dw__toc > h3
108{
109	display: none;
110}
111
112#dokuwiki__aside #dw__toc ul > li > div.li
113{
114	padding: 0;
115}
116
117#dokuwiki__aside #dw__toc ul > li > div.li > a
118{
119	color: __text_sidebar_toc__;
120}
121
122#dokuwiki__aside #dw__toc .btn-expand
123{
124	display: inline-block;
125}
126
127#dokuwiki__aside #dw__toc .btn-expand i
128{
129	color: __text_sidebar_expand1__;
130	display: inline-block;
131	font-size: .8em;
132	line-height: 1.6em;
133	margin-left: -15px;
134}
135
136#dokuwiki__aside #dw__toc .btn-expand img
137{
138	height: 11px;
139	margin-left: 1px;
140	width: 11px;
141}
142
143#dokuwiki__aside #dw__toc > div > .toc > .level1 > div.li:first-child > a
144{
145    border-bottom: solid 1px __background_sidebar_toc_highlight__;
146    border-top: solid 1px __background_sidebar_toc_highlight__;
147	background-color: __background__;
148}
149
150#dokuwiki__aside #dw__toc > div > .toc > .level1 > div.li:first-child > a
151{
152	font-weight: bold;
153}
154
155#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li.current
156{
157	background-color: __background_sidebar_toc_highlight__;
158}
159
160#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li.current > a
161{
162	font-weight: bold;
163}
164
165#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li > a:hover
166{
167	background-color: __background_sidebar_toc_hover__;
168}
169
170#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand i,
171#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand i,
172#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand i
173{
174	color: __text_sidebar_expand2__;
175}
176
177#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a
178{
179	padding-left: 2.4em;
180}
181
182#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand
183{
184	left: 1.8em;
185}
186
187#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a
188{
189	padding-left: 3.2em;
190}
191
192#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand
193{
194	left: 2.6em;
195}
196
197#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a
198{
199	padding-left: 4em;
200}
201
202#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand
203{
204	left: 3.4em;
205}
206
207#dokuwiki__aside #dw__toc ul > li.level5 > div.li > a
208{
209	padding-left: 4.8em;
210}
211
212@media (max-width: __media_query_sp__)
213{
214
215	#dokuwiki__aside
216	{
217		width: 85%;
218	}
219
220	#dokuwiki__site.showSidebarSP #dokuwiki__aside
221	{
222		display: block;
223	}
224
225	#dokuwiki__site:not(.showSidebarSP) #dokuwiki__aside
226	{
227		display: none;
228	}
229
230	#dokuwiki__aside > .aside
231	{
232		width: auto;
233	}
234
235}
236