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