xref: /template/readthedokus/css/sidebar.css (revision 9d261399a686228f1f5511ffa754c15a34e46a86)
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__ + 20);
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 ul > li > div.li > a,
52#dokuwiki__aside ul > li > div.li > span > 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 > div.li > a:hover,
63#dokuwiki__aside #sidebar > ul > li > div.li > span > a:hover
64{
65	background-color: __background_sidebar_hover__;
66}
67
68#dokuwiki__aside #dw__toc
69{
70	background-color: __background_sidebar_toc__;
71	float: none;
72	margin: 0;
73	width: 100%;
74}
75
76#dokuwiki__aside #dw__toc ul.toc
77{
78	padding-left: 0;
79}
80
81#dokuwiki__aside #dw__toc ul.toc.invisible
82{
83	display: none;
84}
85
86#dokuwiki__aside #dw__toc > div
87{
88	padding: 0;
89}
90
91#dokuwiki__aside #dw__toc > h3
92{
93	display: none;
94}
95
96#dokuwiki__aside #dw__toc ul > li > div.li
97{
98	padding: 0;
99}
100
101#dokuwiki__aside #dw__toc ul > li > div.li > a
102{
103	color: __text_sidebar_toc__;
104}
105
106#dokuwiki__aside #dw__toc .btn-expand
107{
108	display: inline-block;
109}
110
111#dokuwiki__aside #dw__toc .btn-expand i
112{
113	color: __text_sidebar_expand1__;
114	display: inline-block;
115	font-size: .8em;
116	line-height: 1.6em;
117	margin-left: -15px;
118}
119
120#dokuwiki__aside #dw__toc .btn-expand img
121{
122	height: 11px;
123	margin-left: 1px;
124	width: 11px;
125}
126
127#dokuwiki__aside #dw__toc > div > .toc > .level1 > div.li:first-child > a
128{
129    border-bottom: solid 1px __background_sidebar_toc_highlight__;
130    border-top: solid 1px __background_sidebar_toc_highlight__;
131	background-color: __background__;
132}
133
134#dokuwiki__aside #dw__toc > div > .toc > .level1 > div.li:first-child > a
135{
136	font-weight: bold;
137}
138
139#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li.current
140{
141	background-color: __background_sidebar_toc_highlight__;
142}
143
144#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li.current > a
145{
146	font-weight: bold;
147}
148
149#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li > a:hover
150{
151	background-color: __background_sidebar_toc_hover__;
152}
153
154#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand i,
155#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand i,
156#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand i
157{
158	color: __text_sidebar_expand2__;
159}
160
161#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a
162{
163	padding-left: 2.4em;
164}
165
166#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand
167{
168	left: 1.8em;
169}
170
171#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a
172{
173	padding-left: 3.2em;
174}
175
176#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand
177{
178	left: 2.6em;
179}
180
181#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a
182{
183	padding-left: 4em;
184}
185
186#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand
187{
188	left: 3.4em;
189}
190
191#dokuwiki__aside #dw__toc ul > li.level5 > div.li > a
192{
193	padding-left: 4.8em;
194}
195
196@media (max-width: __media_query_sp__)
197{
198
199	#dokuwiki__aside
200	{
201		width: 85%;
202	}
203
204	#dokuwiki__site.showSidebarSP #dokuwiki__aside
205	{
206		display: block;
207	}
208
209	#dokuwiki__site:not(.showSidebarSP) #dokuwiki__aside
210	{
211		display: none;
212	}
213
214	#dokuwiki__aside > .aside
215	{
216		width: auto;
217	}
218
219}
220