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