xref: /template/readthedokus/css/sidebar.css (revision 5c52e8cfb8d4d84c5b2e85483a8c69a545eccaff)
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	scrollbar-width: none;
32	-ms-overflow-style: none;
33	width: 100%;
34}
35
36#dokuwiki__aside > .aside::-webkit-scrollbar {
37	display: none;
38}
39
40#dokuwiki__aside ul li
41{
42	margin-left: 0;
43}
44
45#dokuwiki__aside p strong
46{
47	color: __text_sidebar_caption__;
48	display: block;
49	font-size: 95%;
50	font-weight: bold;
51	height: 32px;
52	line-height: 32px;
53	margin: 12px 0 0;
54	padding: 0 1.6em;
55	/* text-transform: uppercase; */
56	white-space: nowrap;
57}
58
59#dokuwiki__aside #sidebar
60{
61    width: 100%;
62}
63
64#dokuwiki__aside #sidebar .li
65{
66	line-height: 18px;
67	padding: .4em 0;
68}
69
70#dokuwiki__aside #sidebar .li:has(> #dw__toc)
71{
72	padding-top: 0;
73	padding-bottom: 0;
74}
75
76#dokuwiki__aside #sidebar ul li a
77{
78	color: __text_sidebar__;
79	display: block;
80	position: relative;
81	width: 100%;
82}
83
84#dokuwiki__aside #sidebar ul li a.wikilink2
85{
86	color: __missing__;
87}
88
89#dokuwiki__aside #sidebar ul .li:has(a):hover
90/* #dokuwiki__aside #sidebar ul .li:hover */
91{
92	background-color: __background_sidebar_hover__;
93}
94
95#dokuwiki__aside #sidebar ul .li:has(#dw__toc):hover
96{
97	background-color: __background_sidebar__;
98}
99
100#dokuwiki__aside #sidebar > ul > li.level1 > .li
101{
102	padding-left: 1.6em;
103}
104
105#dokuwiki__aside #sidebar > ul > li.level1 > .li:has(#dw__toc)
106{
107	padding-left: 0;
108}
109
110#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > .li
111{
112	padding-left: 2.4em;
113}
114
115#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > .li:has(#dw__toc)
116{
117	padding-left: 0;
118}
119
120#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > .li
121{
122	padding-left: 3.2em;
123}
124
125#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > .li:has(#dw__toc)
126{
127	padding-left: 0;
128}
129
130#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > .li
131{
132	padding-left: 4em;
133}
134
135#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > .li:has(#dw__toc)
136{
137	padding-left: 0;
138}
139
140#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > ul > li.level5 > .li
141{
142	padding-left: 4.8em;
143}
144
145#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > ul > li.level5 > .li:has(#dw__toc)
146{
147	padding-left: 0;
148}
149
150#dokuwiki__aside #dw__toc
151{
152	background-color: __background_sidebar_toc__;
153	float: none;
154	margin: 0;
155	width: 100%;
156}
157
158#dokuwiki__aside #dw__toc ul.toc
159{
160	padding-left: 0;
161}
162
163#dokuwiki__aside #dw__toc ul.toc.invisible
164{
165	display: none;
166}
167
168#dokuwiki__aside #dw__toc > div
169{
170	padding: 0;
171}
172
173#dokuwiki__aside #dw__toc > h3
174{
175	display: none;
176}
177
178#dokuwiki__aside #dw__toc ul > li > div.li > a
179{
180	color: __text_sidebar_toc__;
181}
182
183#dokuwiki__aside #dw__toc .btn-expand
184{
185	display: inline-block;
186}
187
188#dokuwiki__aside #dw__toc .btn-expand i
189{
190	color: __text_sidebar_expand1__;
191	display: inline-block;
192	font-size: .8em;
193	line-height: 1.6em;
194	margin-left: -15px;
195}
196
197#dokuwiki__aside #dw__toc .btn-expand img
198{
199	height: 11px;
200	margin-left: 1px;
201	width: 11px;
202}
203
204#dokuwiki__aside #dw__toc > div > .toc > .level1 > div.li:first-child
205{
206    border-bottom: solid 1px __background_sidebar_toc_highlight__;
207    border-top: solid 1px __background_sidebar_toc_highlight__;
208	background-color: __background__;
209	font-weight: bold;
210}
211
212#dokuwiki__aside #dw__toc > div > .toc > .level1 > div.li:first-child a
213{
214	background-color: __background__;
215}
216
217#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li.current
218{
219	background-color: __background_sidebar_toc_highlight__;
220}
221
222#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li.current > a
223{
224	font-weight: bold;
225}
226
227#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li:hover
228{
229	background-color: __background_sidebar_toc_hover__;
230}
231
232#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand i,
233#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand i,
234#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand i
235{
236	color: __text_sidebar_expand2__;
237}
238
239#dokuwiki__aside #dw__toc ul > li.level1 > div.li > a
240{
241	padding-left: 1.6em;
242}
243
244#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a
245{
246	padding-left: 2.4em;
247}
248
249#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand
250{
251	left: 1.8em;
252}
253
254#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a
255{
256	font-size: 80%;
257	padding-left: 3.2em;
258}
259
260#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand
261{
262	left: 2.6em;
263}
264
265#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a
266{
267	font-size: 80%;
268	padding-left: 4em;
269}
270
271#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand
272{
273	left: 3.4em;
274}
275
276#dokuwiki__aside #dw__toc ul > li.level5 > div.li > a
277{
278	font-size: 80%;
279	padding-left: 4.8em;
280}
281
282/* Plugin Support (simplenavi and acmenu plugins) */
283
284#dokuwiki__aside #sidebar .plugin__simplenavi,
285#dokuwiki__aside #sidebar .acmenu
286{
287	margin: 12px 0 0;
288}
289
290#dokuwiki__aside .plugin__simplenavi ul,
291#dokuwiki__aside .acmenu ul
292{
293	padding-left: 24px;
294}
295
296#dokuwiki__aside #sidebar .plugin__simplenavi strong
297{
298	font-weight: normal;
299}
300
301#dokuwiki__aside #sidebar .plugin__simplenavi ul li strong > a
302{
303	color: __text_sidebar_caption__;
304}
305
306#dokuwiki__aside #sidebar .plugin__simplenavi #dw__toc,
307#dokuwiki__aside #sidebar .acmenu #dw__toc
308{
309	margin-left: -20px;
310	width: unset;
311}
312
313#dokuwiki__aside .plugin__simplenavi #dw__toc > div > .toc > .level1 > div.li:first-child > a,
314#dokuwiki__aside .acmenu #dw__toc > div > .toc > .level1 > div.li:first-child > a
315{
316	padding-left: 20px;
317}
318
319/* Plugin Support (indexmenu plugin) */
320
321/* No JS */
322
323#dokuwiki__aside #sidebar .indexmenu_nojs span.curid a,
324#dokuwiki__aside #sidebar .indexmenu_nojs a.indexmenu_idx_head {
325	font-weight: normal;
326}
327
328#dokuwiki__aside #sidebar .indexmenu_nojs #dw__toc > div > .toc > .level1 > div.li:first-child a {
329	font-weight: bold;
330}
331
332#dokuwiki__aside #sidebar .indexmenu_nojs > ul.idx {
333	margin-left: 2.4em;
334	white-space: nowrap;
335}
336
337#dokuwiki__aside #sidebar .indexmenu_nojs div.li:has(#dw__toc) {
338	margin-left: -1.6em;
339}
340
341#dokuwiki__aside #sidebar .indexmenu_nojs > ul.idx ul.idx {
342	margin-left: 0.8em;
343}
344
345/* JS (Treenew) */
346
347#dokuwiki__aside #sidebar .indexmenu_js2 ul.fancytree-container {
348	font-family: inherit;
349	overflow-x: hidden;
350	padding: 0 0 0 1.6em;
351	white-space: normal;
352}
353
354#dokuwiki__aside #sidebar .indexmenu_js2 span.fancytree-title {
355	border: none;
356	margin: 0;
357	max-width: 100%;
358	padding: 0;
359	width: 100%;
360}
361
362#dokuwiki__aside #sidebar .indexmenu_js2 span.fancytree-node {
363	display: flex;
364	min-width: 0;
365	white-space: nowrap;
366}
367
368#dokuwiki__aside #sidebar .indexmenu_js2 span.fancytree-node,
369#dokuwiki__aside #sidebar .indexmenu_js2 span.fancytree-title {
370    color: __text_sidebar__;
371	line-height: 1.4em;
372	overflow: hidden;
373}
374
375#dokuwiki__aside #sidebar .indexmenu_js2 span.fancytree-node:not(:has(#dw__toc)) {
376    padding: 0.4em 0;
377}
378
379#dokuwiki__aside #sidebar .indexmenu_js2 span.fancytree-node:not(:has(#dw__toc)):hover {
380    background-color: __background_sidebar_hover__;
381}
382
383/* (skin-win7) */
384
385#dokuwiki__aside #sidebar > .indexmenu_js2.skin-win7 span.fancytree-title {
386	background: none;
387	border-radius: 0px;
388}
389
390#dokuwiki__aside #sidebar > .indexmenu_js2.skin-win7 span.fancytree-node:has(#dw__toc) > .fancytree-icon {
391	margin-top: 7px;
392}
393
394#dokuwiki__aside #sidebar > .indexmenu_js2.skin-win7  span.fancytree-icon {
395	margin: 1px 5px 0 0
396}
397
398#dokuwiki__aside #sidebar > .indexmenu_js2.skin-win7 span.fancytree-title:hover {
399	background: none;
400	border: none;
401}
402
403#dokuwiki__aside #sidebar > .indexmenu_js2.skin-win7 span.fancytree-node {
404	line-height: inherit;
405	min-height: 0;
406}
407
408#dokuwiki__aside #sidebar .indexmenu_js2.skin-win7 .fancytree-title:has(#dw__toc) {
409	margin-left: -1.8em;
410}
411
412/* (skin-awesome) */
413
414#dokuwiki__aside #sidebar > .indexmenu_js2.skin-awesome span:not(.fancytree-folder) > .fancytree-title:has(> #dw__toc) {
415	margin-left: -1.58em;
416}
417
418#dokuwiki__aside #sidebar > .indexmenu_js2.skin-awesome span.fancytree-active span.fancytree-title {
419	background-color: transparent;
420}
421
422#dokuwiki__aside #sidebar > .indexmenu_js2.skin-awesome span.fancytree-focused span.fancytree-title {
423	outline: none;
424}
425
426#dokuwiki__aside #sidebar .indexmenu_js2.skin-awesome span.fancytree-expander {
427	margin-right: 5px;
428	margin-top: 1px !important;
429}
430
431#dokuwiki__aside #sidebar .indexmenu_js2.skin-awesome span.fancytree-icon.fa-folder-o,
432#dokuwiki__aside #sidebar .indexmenu_js2.skin-awesome span.fancytree-icon.fa-folder-open-o,
433#dokuwiki__aside #sidebar .indexmenu_js2.skin-awesome span.fancytree-icon.fa-file-o {
434    display: none;
435}
436
437#dokuwiki__aside #sidebar .indexmenu_js2.skin-awesome li:has(> .fancytree-folder > .fancytree-title #dw__toc) ~ li{
438	margin-left: 21px;
439}
440
441/* JS (Treeold) */
442
443#dokuwiki__aside #sidebar .dtree {
444    font-family: inherit;
445    font-size: inherit;
446}
447
448#dokuwiki__aside #sidebar > .dtree {
449	margin: 12px 0 0;
450	overflow-x: hidden;
451	padding-left: 1.6em;
452}
453
454#dokuwiki__aside #sidebar .dTreeNode {
455    color: __text_sidebar__;
456    line-height: 18px;
457}
458
459#dokuwiki__aside #sidebar .dTreeNode:hover {
460    background-color: __background_sidebar_hover__;
461}
462
463#dokuwiki__aside #sidebar .dtree a:visited,
464#dokuwiki__aside #sidebar .dtree a:link {
465    color: __text_sidebar__;
466    background-color: transparent;
467    text-decoration: none;
468}
469
470#dokuwiki__aside #sidebar .dtree .dTreeNode a.navSel {
471    color: __text_sidebar_caption__;
472	font-weight: bold;
473}
474
475#dokuwiki__aside #sidebar .dtree .indexmenu_tocbullet {
476	margin: 3px 0 0 3px;
477}
478
479/* Plugin Support (nspages plugin) */
480
481#dokuwiki__aside #sidebar .plugin_nspages
482{
483	margin: 12px 0 0;
484}
485
486#dokuwiki__aside #sidebar .plugin_nspages #dw__toc
487{
488	margin-left: -24px;
489	width: unset;
490}
491
492#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > div.li
493{
494	padding-left: 1.6em;
495}
496
497#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > ul > li.level2 > div.li
498{
499	padding-left: 2.4em;
500}
501
502#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > ul > li.level2 > ul > li.level3 > div.li
503{
504	padding-left: 3.2em;
505}
506
507#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > div.li
508{
509	padding-left: 4em;
510}
511
512#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > ul > li.level5 > div.li
513{
514	padding-left: 4.8em;
515}
516
517#dokuwiki__aside #sidebar .plugin_nspages #dw__toc ul > li.level1 > div.li > a
518{
519	padding-left: 1.6em;
520}
521
522#dokuwiki__aside #sidebar .plugin_nspages  #dw__toc ul > li.level2 > div.li > a
523{
524	padding-left: 2.4em;
525}
526
527#dokuwiki__aside #sidebar .plugin_nspages  #dw__toc ul > li.level3 > div.li > a
528{
529	padding-left: 3.2em;
530}
531
532#dokuwiki__aside #sidebar .plugin_nspages  #dw__toc ul > li.level4 > div.li > a
533{
534	padding-left: 4em;
535}
536
537#dokuwiki__aside #sidebar .plugin_nspages  #dw__toc ul > li.level5 > div.li > a
538{
539	padding-left: 4.8em;
540}
541
542@media (max-width: __media_query_sp__)
543{
544
545	#dokuwiki__aside
546	{
547		width: 85%;
548	}
549
550	#dokuwiki__site.showSidebarSP #dokuwiki__aside
551	{
552		display: block;
553	}
554
555	#dokuwiki__site:not(.showSidebarSP) #dokuwiki__aside
556	{
557		display: none;
558	}
559
560	#dokuwiki__aside > .aside
561	{
562		width: auto;
563	}
564
565}
566