xref: /template/readthedokus/css/content.css (revision ebdbfdb6c1f910fa0ecafa638f8e032ef8510bd8)
1#dokuwiki__site > div.wrapper
2{
3	max-width: __width_site__;
4	margin: 0 auto;
5}
6
7#dokuwiki__site > div.wrapper.group
8{
9	display: flex;
10}
11
12#dokuwiki__site.rightSidebar > div.wrapper.group
13{
14	flex-direction: row-reverse;
15}
16
17#dokuwiki__content
18{
19	flex: 1;
20	margin-left: __width_sidebar__;
21	min-height: 100%;
22	min-width: 0;
23}
24
25#dokuwiki__site:not(.showSidebar) #dokuwiki__content
26{
27	margin-left: 0;
28}
29
30#dokuwiki__site.rightSidebar #dokuwiki__content
31{
32	margin-left: 0;
33	margin-right: __width_sidebar__;
34}
35
36#dokuwiki__content > .group
37{
38	padding: 1.618em 3.236em;
39	height: 100%;
40	margin: 0;
41	background-color: __background__;
42}
43
44.mode_show #dokuwiki__content > .group
45{
46	max-width: __width_content__;
47}
48
49#dokuwiki__site.rightSidebar.mode_show #dokuwiki__content > .group
50{
51	margin-left: auto;
52}
53
54#dokuwiki__content div.table
55{
56	margin-bottom: 24px;
57	overflow-x: auto;
58}
59
60#dokuwiki__content svg
61{
62	height: auto;
63}
64
65#dokuwiki__content img,
66#dokuwiki__content svg
67{
68	max-width: 100%;
69}
70
71#dokuwiki__content .page p
72{
73	line-height: 24px;
74	margin: 0 0 24px;
75}
76
77#dokuwiki__content .page ul,ol
78{
79	line-height: 24px;
80	margin-bottom: 24px;
81}
82
83.ui-dialog
84{
85	padding: 0;
86	border-radius: 0 !important;
87}
88
89.ui-widget-header
90{
91	border: none !important;
92	border-radius: 0 !important;
93}
94
95.ui-dialog .ui-dialog-content
96{
97	/* padding: 10px !important; */
98}
99
100.ui-dialog .ui-dialog-content > div:first-child
101{
102	padding: 0 10px;
103}
104
105#link__wiz input
106{
107	border: none;
108}
109
110#link__wiz_result
111{
112	border: none !important;
113}
114
115#link__wiz_result div a
116{
117	font-size: 90%;
118	line-height: 24px;
119}
120
121#link__wiz_result div a
122{
123	padding-left: 27px;
124}
125
126#link__wiz_result span
127{
128	font-size: 70%;
129	margin-left: 25px;
130}
131
132#link__wiz_result .type_u,
133#link__wiz_result .type_d,
134#link__wiz_result .type_f
135{
136	height: 45px;
137}
138
139#link__wiz_result div.even
140{
141	background-color: __background_alt__;
142}
143
144#link__wiz_result > div:first-child
145{
146	border-top: dotted 1px lightgray;
147}
148
149#link__wiz_result > div
150{
151	border-bottom: dotted 1px lightgray;
152}
153
154#link__wiz_result > div:hover
155{
156	background-color: pink;
157}
158
159.dokuwiki .search_fullpage_result
160{
161	margin-bottom: 40px;
162}
163
164.dokuwiki dl.search_results dt
165{
166	font-weight: bold;
167    font-size: 120%;
168}
169
170.dokuwiki dl.search_results dd.meta
171{
172	color: #777;
173	font-size: 90%;
174    margin-bottom: .5em;
175}
176
177.dokuwiki dl.search_results dd.snippet
178{
179	color: #404040;
180	font-size: 90%;
181	line-height:24px;
182}
183
184.dokuwiki .search-results-form fieldset.search-form
185{
186	border: none;
187	padding: 0;
188}
189
190.dokuwiki .search-results-form fieldset.search-form input[name="q"]
191{
192	width: 100%;
193	margin-bottom: 20px;
194}
195
196.dokuwiki .search-results-form fieldset.search-form button.toggleAssistant {
197    margin-bottom: 30px;
198}
199
200.dokuwiki .JSpopup {
201    background-color: @ini_background;
202    color: @ini_text;
203    border: 1px solid @ini_border;
204    box-shadow: .1em .1em .1em @ini_border;
205    border-radius: 2px;
206    padding: .3em .5em;
207    font-size: .9em;
208}
209
210/* Admonition */
211
212.admonition
213{
214	margin-bottom: 24px;
215	padding-bottom: 1px;
216}
217
218.admonition p
219{
220	padding: 12px;
221	margin-bottom: 0 !important;
222}
223
224.admonition ul:first-child
225{
226	margin: 12px 0 12px 0 !important;
227}
228
229.admonition:before
230{
231	display: block;
232	color: white;
233	font-weight: bold;
234	margin-bottom: 0 !important;
235	padding: 6px 12px;
236}
237
238.admonition.caution:before,
239{
240	background-color: #f0b37e;
241	content: "\f06a\00a0 Caution";
242}
243
244.admonition.caution,
245{
246	background-color: #ffedcc;
247}
248
249.admonition.danger:before,
250{
251	background-color: #f29f97;
252	content: "\f06a\00a0 Danger";
253}
254
255.admonition.danger,
256{
257	background-color: #fdf3f2;
258}
259
260.admonition.tip:before
261{
262	background-color: #1abc9c;
263	content: "\f06a\00a0 Tip";
264}
265
266.admonition.tip
267{
268	background-color: #dbfaf4;
269}
270
271.admonition.note:before
272{
273	background-color: #6ab0de;
274	content: "\f06a\00a0 Note";
275}
276
277.admonition.note
278{
279	background-color: #e7f2fa;
280}
281
282@media (max-width: __media_query_sp__)
283{
284
285	#dokuwiki__content
286	{
287		margin-left: 0 !important;
288		margin-right: 0 !important;
289	}
290
291	#dokuwiki__site.showSidebarSP #dokuwiki__content
292	{
293		position: fixed;
294		left: 85%;
295	}
296
297	#dokuwiki__site.showSidebarSP.rightSidebar #dokuwiki__content
298	{
299		left: auto;
300		right: 85%;
301	}
302
303	#dokuwiki__content > .group
304	{
305		padding: 1.6em;
306	}
307
308}
309