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