xref: /template/readthedokus/css/sidebar.css (revision 0b4c9a5cd17453a5c928f89ff4932aedd0988e04)
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{
27	overflow-y: scroll;
28	overflow-x: hidden;
29	font-size: 90%;
30	height: 100%;
31	width: calc(__width_sidebar__ + 15);
32}
33
34#dokuwiki__aside ul li
35{
36	margin-left: 0;
37}
38
39#dokuwiki__aside p strong
40{
41	color: __text_sidebar_caption__;
42	display: block;
43	font-size: 95%;
44	font-weight: bold;
45	height: 32px;
46	line-height: 32px;
47	margin: 12px 0 0;
48	padding: 0 1.6em;
49	/* text-transform: uppercase; */
50	white-space: nowrap;
51}
52
53#dokuwiki__aside #sidebar .li
54{
55	line-height: 18px;
56	padding: .4em 0;
57}
58
59#dokuwiki__aside #sidebar .li:has(> #dw__toc)
60{
61	padding-top: 0;
62	padding-bottom: 0;
63}
64
65#dokuwiki__aside #sidebar ul li a
66{
67	color: __text_sidebar__;
68	display: block;
69	position: relative;
70	width: 100%;
71}
72
73#dokuwiki__aside #sidebar ul li a.wikilink2
74{
75	color: gray;
76}
77
78#dokuwiki__aside #sidebar ul .li:has(a):hover
79/* #dokuwiki__aside #sidebar ul .li:hover */
80{
81	background-color: __background_sidebar_hover__;
82}
83
84#dokuwiki__aside #sidebar ul .li:has(#dw__toc):hover
85{
86	background-color: __background_sidebar__;
87}
88
89#dokuwiki__aside #sidebar > ul > li.level1 > .li
90{
91	padding-left: 1.6em;
92}
93
94#dokuwiki__aside #sidebar > ul > li.level1 > .li:has(#dw__toc)
95{
96	padding-left: 0;
97}
98
99#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > .li
100{
101	padding-left: 2.4em;
102}
103
104#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > .li:has(#dw__toc)
105{
106	padding-left: 0;
107}
108
109#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > .li
110{
111	padding-left: 3.2em;
112}
113
114#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > .li:has(#dw__toc)
115{
116	padding-left: 0;
117}
118
119#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > .li
120{
121	padding-left: 4em;
122}
123
124#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > .li:has(#dw__toc)
125{
126	padding-left: 0;
127}
128
129#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > ul > li.level5 > .li
130{
131	padding-left: 4.8em;
132}
133
134#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > ul > li.level5 > .li:has(#dw__toc)
135{
136	padding-left: 0;
137}
138
139#dokuwiki__aside #dw__toc
140{
141	background-color: __background_sidebar_toc__;
142	float: none;
143	margin: 0;
144	width: 100%;
145}
146
147#dokuwiki__aside #dw__toc ul.toc
148{
149	padding-left: 0;
150}
151
152#dokuwiki__aside #dw__toc ul.toc.invisible
153{
154	display: none;
155}
156
157#dokuwiki__aside #dw__toc > div
158{
159	padding: 0;
160}
161
162#dokuwiki__aside #dw__toc > h3
163{
164	display: none;
165}
166
167#dokuwiki__aside #dw__toc ul > li > div.li > a
168{
169	color: __text_sidebar_toc__;
170}
171
172#dokuwiki__aside #dw__toc .btn-expand
173{
174	display: inline-block;
175}
176
177#dokuwiki__aside #dw__toc .btn-expand i
178{
179	color: __text_sidebar_expand1__;
180	display: inline-block;
181	font-size: .8em;
182	line-height: 1.6em;
183	margin-left: -15px;
184}
185
186#dokuwiki__aside #dw__toc .btn-expand img
187{
188	height: 11px;
189	margin-left: 1px;
190	width: 11px;
191}
192
193#dokuwiki__aside #dw__toc > div > .toc > .level1 > div.li:first-child
194{
195    border-bottom: solid 1px __background_sidebar_toc_highlight__;
196    border-top: solid 1px __background_sidebar_toc_highlight__;
197	background-color: __background__;
198	font-weight: bold;
199}
200
201#dokuwiki__aside #dw__toc > div > .toc > .level1 > div.li:first-child a
202{
203	background-color: __background__;
204}
205
206#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li.current
207{
208	background-color: __background_sidebar_toc_highlight__;
209}
210
211#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li.current > a
212{
213	font-weight: bold;
214}
215
216#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li:hover
217{
218	background-color: __background_sidebar_toc_hover__;
219}
220
221#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand i,
222#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand i,
223#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand i
224{
225	color: __text_sidebar_expand2__;
226}
227
228#dokuwiki__aside #dw__toc ul > li.level1 > div.li > a
229{
230	padding-left: 1.6em;
231}
232
233#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a
234{
235	padding-left: 2.4em;
236}
237
238#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand
239{
240	left: 1.8em;
241}
242
243#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a
244{
245	font-size: 80%;
246	padding-left: 3.2em;
247}
248
249#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand
250{
251	left: 2.6em;
252}
253
254#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a
255{
256	font-size: 80%;
257	padding-left: 4em;
258}
259
260#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand
261{
262	left: 3.4em;
263}
264
265#dokuwiki__aside #dw__toc ul > li.level5 > div.li > a
266{
267	font-size: 80%;
268	padding-left: 4.8em;
269}
270
271/* Plugin Support (simplenavi plugin) */
272
273#dokuwiki__aside #sidebar .plugin__simplenavi
274{
275	margin: 12px 0 0;
276}
277
278#dokuwiki__aside .plugin__simplenavi ul
279{
280	padding-left: 24px;
281}
282
283#dokuwiki__aside #sidebar .plugin__simplenavi strong
284{
285	font-weight: normal;
286}
287
288#dokuwiki__aside #sidebar .plugin__simplenavi ul li strong > a
289{
290	color: __text_sidebar_caption__;
291}
292
293#dokuwiki__aside #sidebar .plugin__simplenavi #dw__toc
294{
295	margin-left: -20px;
296	width: unset;
297}
298
299#dokuwiki__aside .plugin__simplenavi #dw__toc > div > .toc > .level1 > div.li:first-child > a
300{
301	padding-left: 20px;
302}
303
304/* Plugin Support (nspages plugin) */
305
306#dokuwiki__aside #sidebar .plugin_nspages
307{
308	margin: 12px 0 0;
309}
310
311#dokuwiki__aside #sidebar .plugin_nspages #dw__toc
312{
313	margin-left: -24px;
314	width: unset;
315}
316
317#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > div.li
318{
319	padding-left: 1.6em;
320}
321
322#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > ul > li.level2 > div.li
323{
324	padding-left: 2.4em;
325}
326
327#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > ul > li.level2 > ul > li.level3 > div.li
328{
329	padding-left: 3.2em;
330}
331
332#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > div.li
333{
334	padding-left: 4em;
335}
336
337#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > ul > li.level5 > div.li
338{
339	padding-left: 4.8em;
340}
341
342#dokuwiki__aside #sidebar .plugin_nspages #dw__toc ul > li.level1 > div.li > a
343{
344	padding-left: 1.6em;
345}
346
347#dokuwiki__aside #sidebar .plugin_nspages  #dw__toc ul > li.level2 > div.li > a
348{
349	padding-left: 2.4em;
350}
351
352#dokuwiki__aside #sidebar .plugin_nspages  #dw__toc ul > li.level3 > div.li > a
353{
354	padding-left: 3.2em;
355}
356
357#dokuwiki__aside #sidebar .plugin_nspages  #dw__toc ul > li.level4 > div.li > a
358{
359	padding-left: 4em;
360}
361
362#dokuwiki__aside #sidebar .plugin_nspages  #dw__toc ul > li.level5 > div.li > a
363{
364	padding-left: 4.8em;
365}
366
367@media (max-width: __media_query_sp__)
368{
369
370	#dokuwiki__aside
371	{
372		width: 85%;
373	}
374
375	#dokuwiki__site.showSidebarSP #dokuwiki__aside
376	{
377		display: block;
378	}
379
380	#dokuwiki__site:not(.showSidebarSP) #dokuwiki__aside
381	{
382		display: none;
383	}
384
385	#dokuwiki__aside > .aside
386	{
387		width: auto;
388	}
389
390}
391