xref: /template/readthedokus/css/sidebar.css (revision 4750b4bfc8c6c1ad365b6e63e924d357c0250c09)
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__ + 17);
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: __missing__;
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#dokuwiki__aside #sidebar .acmenu
275{
276	margin: 12px 0 0;
277}
278
279#dokuwiki__aside .plugin__simplenavi ul,
280#dokuwiki__aside .acmenu ul
281{
282	padding-left: 24px;
283}
284
285#dokuwiki__aside #sidebar .plugin__simplenavi strong
286{
287	font-weight: normal;
288}
289
290#dokuwiki__aside #sidebar .plugin__simplenavi ul li strong > a
291{
292	color: __text_sidebar_caption__;
293}
294
295#dokuwiki__aside #sidebar .plugin__simplenavi #dw__toc,
296#dokuwiki__aside #sidebar .acmenu #dw__toc
297{
298	margin-left: -20px;
299	width: unset;
300}
301
302#dokuwiki__aside .plugin__simplenavi #dw__toc > div > .toc > .level1 > div.li:first-child > a,
303#dokuwiki__aside .acmenu #dw__toc > div > .toc > .level1 > div.li:first-child > a
304{
305	padding-left: 20px;
306}
307
308/* Plugin Support (nspages plugin) */
309
310#dokuwiki__aside #sidebar .plugin_nspages
311{
312	margin: 12px 0 0;
313}
314
315#dokuwiki__aside #sidebar .plugin_nspages #dw__toc
316{
317	margin-left: -24px;
318	width: unset;
319}
320
321#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > div.li
322{
323	padding-left: 1.6em;
324}
325
326#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > ul > li.level2 > div.li
327{
328	padding-left: 2.4em;
329}
330
331#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > ul > li.level2 > ul > li.level3 > div.li
332{
333	padding-left: 3.2em;
334}
335
336#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > div.li
337{
338	padding-left: 4em;
339}
340
341#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > ul > li.level5 > div.li
342{
343	padding-left: 4.8em;
344}
345
346#dokuwiki__aside #sidebar .plugin_nspages #dw__toc ul > li.level1 > div.li > a
347{
348	padding-left: 1.6em;
349}
350
351#dokuwiki__aside #sidebar .plugin_nspages  #dw__toc ul > li.level2 > div.li > a
352{
353	padding-left: 2.4em;
354}
355
356#dokuwiki__aside #sidebar .plugin_nspages  #dw__toc ul > li.level3 > div.li > a
357{
358	padding-left: 3.2em;
359}
360
361#dokuwiki__aside #sidebar .plugin_nspages  #dw__toc ul > li.level4 > div.li > a
362{
363	padding-left: 4em;
364}
365
366#dokuwiki__aside #sidebar .plugin_nspages  #dw__toc ul > li.level5 > div.li > a
367{
368	padding-left: 4.8em;
369}
370
371@media (max-width: __media_query_sp__)
372{
373
374	#dokuwiki__aside
375	{
376		width: 85%;
377	}
378
379	#dokuwiki__site.showSidebarSP #dokuwiki__aside
380	{
381		display: block;
382	}
383
384	#dokuwiki__site:not(.showSidebarSP) #dokuwiki__aside
385	{
386		display: none;
387	}
388
389	#dokuwiki__aside > .aside
390	{
391		width: auto;
392	}
393
394}
395