xref: /template/readthedokus/css/sidebar.css (revision 7db373a8936231e14849f464613f90ceb332f0f9) 
1#dokuwiki__aside
2{
3	bottom: __height_footer__;
4	background-color: __background_sidebar__;
5	left: 0;
6	overflow-x: hidden;
7	overflow-y: hidden;
8	padding-bottom: 2em;
9	position: fixed;
10	top: __height_header__;
11	width: __width_sidebar__;
12}
13
14#dokuwiki__aside.invisible
15{
16	display: none;
17}
18
19#dokuwiki__aside > .aside {
20	overflow-y: scroll;
21	overflow-x: hidden;
22	height: 100%;
23	width: calc(__width_sidebar__ + 20);
24}
25
26#dokuwiki__aside ul li
27{
28	margin-left: 0;
29}
30
31#dokuwiki__aside p strong
32{
33	color: __text_sidebar_caption__;
34	display: block;
35	font-size: 85%;
36	font-weight: bold;
37	height: 32px;
38	line-height: 32px;
39	margin: 12px 0 0;
40	padding: 0 1.6em;
41	/* text-transform: uppercase; */
42	white-space: nowrap;
43}
44
45#dokuwiki__aside ul > li > div.li > a,
46#dokuwiki__aside ul > li > div.li > span > a
47{
48	color: __text_sidebar__;
49	display: block;
50	font-size: 90%;
51	line-height: 18px;
52	padding: .4em 1.6em;
53	position: relative;
54}
55
56#dokuwiki__aside > .aside > ul > li > div.li > a:hover,
57#dokuwiki__aside > .aside > ul > li > div.li > span > a:hover
58{
59	background-color: __background_sidebar_hover__;
60}
61
62#dokuwiki__aside #dw__toc
63{
64	background-color: __background_sidebar_toc__;
65	float: none;
66	margin: 0;
67	width: 100%;
68}
69
70#dokuwiki__aside #dw__toc ul.toc
71{
72	padding-left: 0;
73}
74
75#dokuwiki__aside #dw__toc ul.toc.invisible
76{
77	display: none;
78}
79
80#dokuwiki__aside #dw__toc > div
81{
82	padding: 0;
83}
84
85#dokuwiki__aside #dw__toc > h3
86{
87	display: none;
88}
89
90#dokuwiki__aside #dw__toc ul > li > div.li
91{
92	padding: 0;
93}
94
95#dokuwiki__aside #dw__toc ul > li > div.li > a
96{
97	color: __text_sidebar_toc__;
98}
99
100#dokuwiki__aside #dw__toc .btn-expand
101{
102	display: inline-block;
103}
104
105#dokuwiki__aside #dw__toc .btn-expand i
106{
107	color: __text_sidebar_expand1__;
108	display: inline-block;
109	font-size: .8em;
110	line-height: 1.6em;
111	margin-left: -15px;
112}
113
114#dokuwiki__aside #dw__toc .btn-expand img
115{
116	height: 11px;
117	margin-left: 1px;
118	width: 9px;
119}
120
121#dokuwiki__aside #dw__toc > div > .toc > .level1 > div.li:first-child > a
122{
123    border-bottom: solid 1px __background_sidebar_toc_highlight__;
124    border-top: solid 1px __background_sidebar_toc_highlight__;
125	background-color: __background__;
126}
127
128#dokuwiki__aside #dw__toc > div > .toc > .level1 > div.li:first-child > a
129{
130	font-weight: bold;
131}
132
133#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li.current
134{
135	background-color: __background_sidebar_toc_highlight__;
136}
137
138#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li.current > a
139{
140	font-weight: bold;
141}
142
143#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li > a:hover
144{
145	background-color: __background_sidebar_toc_hover__;
146}
147
148#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand i,
149#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand i,
150#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand i
151{
152	color: __text_sidebar_expand2__;
153}
154
155#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a
156{
157	padding-left: 2.4em;
158}
159
160#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand
161{
162	left: 1.8em;
163}
164
165#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a
166{
167	padding-left: 3.2em;
168}
169
170#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand
171{
172	left: 2.6em;
173}
174
175#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a
176{
177	padding-left: 4em;
178}
179
180#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand
181{
182	left: 3.4em;
183}
184
185#dokuwiki__aside #dw__toc ul > li.level5 > div.li > a
186{
187	padding-left: 4.8em;
188}
189
190@media (max-width: __media_query_sp__)
191{
192
193	#dokuwiki__aside
194	{
195		display: none;
196		width: 85%;
197	}
198
199	#dokuwiki__aside.visible
200	{
201		display: block;
202	}
203
204	#dokuwiki__aside > .aside
205	{
206		width: auto;
207	}
208
209}
210