xref: /template/readthedokus/css/sidebar.css (revision 3d546fb977c467788181355ec975973680a0ccb3)
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 #sidebar ul li a
52{
53	color: __text_sidebar__;
54	display: block;
55	font-size: 90%;
56	line-height: 18px;
57	padding: .4em 1.6em;
58	position: relative;
59}
60
61#dokuwiki__aside #sidebar ul li a.wikilink2
62{
63	color: gray;
64}
65
66#dokuwiki__aside #sidebar ul li a:hover
67{
68	background-color: __background_sidebar_hover__;
69}
70
71#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 {
72	margin-left: 10px;
73}
74
75#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 {
76	margin-left: 20px;
77}
78
79#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 {
80	margin-left: 30px;
81}
82
83#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > ul > li.level5 {
84	margin-left: 40px;
85}
86
87#dokuwiki__aside #dw__toc
88{
89	background-color: __background_sidebar_toc__;
90	float: none;
91	margin: 0;
92	width: 100%;
93}
94
95#dokuwiki__aside #dw__toc ul.toc
96{
97	padding-left: 0;
98}
99
100#dokuwiki__aside #dw__toc ul.toc.invisible
101{
102	display: none;
103}
104
105#dokuwiki__aside #dw__toc > div
106{
107	padding: 0;
108}
109
110#dokuwiki__aside #dw__toc > h3
111{
112	display: none;
113}
114
115#dokuwiki__aside #dw__toc ul > li > div.li
116{
117	padding: 0;
118}
119
120#dokuwiki__aside #dw__toc ul > li > div.li > a
121{
122	color: __text_sidebar_toc__;
123}
124
125#dokuwiki__aside #dw__toc .btn-expand
126{
127	display: inline-block;
128}
129
130#dokuwiki__aside #dw__toc .btn-expand i
131{
132	color: __text_sidebar_expand1__;
133	display: inline-block;
134	font-size: .8em;
135	line-height: 1.6em;
136	margin-left: -15px;
137}
138
139#dokuwiki__aside #dw__toc .btn-expand img
140{
141	height: 11px;
142	margin-left: 1px;
143	width: 11px;
144}
145
146#dokuwiki__aside #dw__toc > div > .toc > .level1 > div.li:first-child > a
147{
148    border-bottom: solid 1px __background_sidebar_toc_highlight__;
149    border-top: solid 1px __background_sidebar_toc_highlight__;
150	background-color: __background__;
151	font-weight: bold;
152}
153
154#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li.current
155{
156	background-color: __background_sidebar_toc_highlight__;
157}
158
159#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li.current > a
160{
161	font-weight: bold;
162}
163
164#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li > a:hover
165{
166	background-color: __background_sidebar_toc_hover__;
167}
168
169#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand i,
170#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand i,
171#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand i
172{
173	color: __text_sidebar_expand2__;
174}
175
176#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a
177{
178	padding-left: 2.4em;
179}
180
181#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand
182{
183	left: 1.8em;
184}
185
186#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a
187{
188	font-size: 80%;
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	font-size: 80%;
200	padding-left: 4em;
201}
202
203#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand
204{
205	left: 3.4em;
206}
207
208#dokuwiki__aside #dw__toc ul > li.level5 > div.li > a
209{
210	font-size: 80%;
211	padding-left: 4.8em;
212}
213
214/* Plugin Support (simplenavi plugin) */
215
216#dokuwiki__aside #sidebar .plugin__simplenavi
217{
218	margin: 12px 0 0;
219}
220
221#dokuwiki__aside .plugin__simplenavi ul
222{
223	padding-left: 24px;
224}
225
226#dokuwiki__aside #sidebar .plugin__simplenavi strong {
227	font-weight: normal;
228}
229
230#dokuwiki__aside #sidebar .plugin__simplenavi ul li a
231{
232	padding: .4em 0em;
233}
234
235#dokuwiki__aside #sidebar .plugin__simplenavi ul li strong > a
236{
237	color: __text_sidebar_caption__;
238}
239
240#dokuwiki__aside #sidebar .plugin__simplenavi #dw__toc
241{
242	margin-left: -24px;
243	width: unset;
244}
245
246#dokuwiki__aside .plugin__simplenavi #dw__toc > div > .toc > .level1 > div.li:first-child > a
247{
248	padding-left: 20px;
249}
250
251@media (max-width: __media_query_sp__)
252{
253
254	#dokuwiki__aside
255	{
256		width: 85%;
257	}
258
259	#dokuwiki__site.showSidebarSP #dokuwiki__aside
260	{
261		display: block;
262	}
263
264	#dokuwiki__site:not(.showSidebarSP) #dokuwiki__aside
265	{
266		display: none;
267	}
268
269	#dokuwiki__aside > .aside
270	{
271		width: auto;
272	}
273
274}
275