xref: /template/readthedokus/css/content.css (revision 8ff4593594a2685b55179a1714afa047e8d52a49)
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	margin: 0;
40	background-color: __background__;
41}
42
43.mode_search #dokuwiki__content > .group,
44.mode_edit #dokuwiki__content > .group,
45.mode_preview #dokuwiki__content > .group,
46.mode_show #dokuwiki__content > .group
47{
48	max-width: __width_content__;
49}
50
51#dokuwiki__site.rightSidebar.mode_show #dokuwiki__content > .group
52{
53	margin-left: auto;
54}
55
56#dokuwiki__content div.table
57{
58	margin-bottom: 24px;
59	overflow-x: auto;
60}
61
62#dokuwiki__content img,
63#dokuwiki__content svg
64{
65	max-width: 100%;
66}
67
68#dokuwiki__content .mediaright
69{
70	margin: .2em 0 .2em 1em;
71}
72
73#dokuwiki__content .medialeft
74{
75	margin: 0.2em 1em 0.2em 0;
76}
77
78#dokuwiki__content .page
79{
80	overflow-wrap: break-word;
81}
82
83#dokuwiki__content .page p
84{
85	line-height: 24px;
86	margin: 0 0 24px;
87}
88
89#dokuwiki__content .page ul,ol
90{
91	line-height: 24px;
92	margin-bottom: 24px;
93}
94
95.ui-dialog
96{
97	padding: 0;
98	border-radius: 0 !important;
99}
100
101.ui-widget-header
102{
103	border: none !important;
104	border-radius: 0 !important;
105}
106
107.ui-dialog .ui-dialog-content
108{
109	/* padding: 10px !important; */
110}
111
112.ui-dialog .ui-dialog-content > div:first-child
113{
114	padding: 0 10px;
115}
116
117#link__wiz input
118{
119	border: none;
120}
121
122#link__wiz_result
123{
124	border: none !important;
125}
126
127#link__wiz_result div a
128{
129	font-size: 90%;
130	line-height: 24px;
131}
132
133#link__wiz_result div a
134{
135	padding-left: 27px;
136}
137
138#link__wiz_result span
139{
140	font-size: 70%;
141	margin-left: 25px;
142}
143
144#link__wiz_result .type_u,
145#link__wiz_result .type_d,
146#link__wiz_result .type_f
147{
148	height: 45px;
149}
150
151#link__wiz_result div.even
152{
153	background-color: __background_alt__;
154}
155
156#link__wiz_result > div:first-child
157{
158	border-top: dotted 1px lightgray;
159}
160
161#link__wiz_result > div
162{
163	border-bottom: dotted 1px lightgray;
164}
165
166#link__wiz_result > div:hover
167{
168	background-color: pink;
169}
170
171.dokuwiki .search_fullpage_result
172{
173	margin-bottom: 40px;
174}
175
176.dokuwiki dl.search_results dt
177{
178	font-weight: bold;
179    font-size: 120%;
180}
181
182.dokuwiki dl.search_results dd.meta
183{
184	color: #777;
185	font-size: 90%;
186    margin-bottom: .5em;
187}
188
189.dokuwiki dl.search_results dd.snippet
190{
191	color: #404040;
192	font-size: 90%;
193	line-height:24px;
194}
195
196.dokuwiki .search-results-form fieldset.search-form
197{
198	border: none;
199	padding: 0;
200}
201
202.dokuwiki .search-results-form fieldset.search-form input[name="q"]
203{
204	width: 100%;
205	margin-bottom: 20px;
206}
207
208.dokuwiki .search-results-form fieldset.search-form button.toggleAssistant {
209    margin-bottom: 30px;
210}
211
212.dokuwiki .JSpopup {
213    background-color: @ini_background;
214    color: @ini_text;
215    border: 1px solid @ini_border;
216    box-shadow: .1em .1em .1em @ini_border;
217    border-radius: 2px;
218    padding: .3em .5em;
219    font-size: .9em;
220}
221
222/* Admonition */
223
224.admonition
225{
226	margin-bottom: 24px;
227	padding-bottom: 1px;
228}
229
230.admonition p
231{
232	padding: 12px;
233	margin-bottom: 0 !important;
234}
235
236.admonition ul:first-child
237{
238	margin: 12px 0 12px 0 !important;
239}
240
241.admonition:before
242{
243	display: block;
244	color: white;
245	font-weight: bold;
246	margin-bottom: 0 !important;
247	padding: 6px 12px;
248}
249
250.admonition.caution:before,
251{
252	background-color: #f0b37e;
253	content: "\f06a\00a0 Caution";
254}
255
256.admonition.caution,
257{
258	background-color: #ffedcc;
259}
260
261.admonition.danger:before,
262{
263	background-color: #f29f97;
264	content: "\f06a\00a0 Danger";
265}
266
267.admonition.danger,
268{
269	background-color: #fdf3f2;
270}
271
272.admonition.tip:before
273{
274	background-color: #1abc9c;
275	content: "\f06a\00a0 Tip";
276}
277
278.admonition.tip
279{
280	background-color: #dbfaf4;
281}
282
283.admonition.note:before
284{
285	background-color: #6ab0de;
286	content: "\f06a\00a0 Note";
287}
288
289.admonition.note
290{
291	background-color: #e7f2fa;
292}
293
294/* Plugin Support (Bookcreator Plugin) */
295
296div.bookcreator__bookbar
297{
298	margin-bottom: 1.6em;
299	font-size: 90%;
300	line-height: 19.6px;
301	width: 100% !important;
302	background-position: 15px 5px;
303	padding: 5px 5px 5px 70px;
304}
305
306div.bookcreator__bookbar:after
307{
308	content: "";
309	clear: both;
310	display: block;
311}
312
313div.bookcreator__panel
314{
315	margin-right: 20px;
316}
317
318@media (max-width: __media_query_sp__)
319{
320
321	#dokuwiki__content
322	{
323		margin-left: 0 !important;
324		margin-right: 0 !important;
325	}
326
327	#dokuwiki__site.showSidebarSP #dokuwiki__content
328	{
329		position: fixed;
330		left: 85%;
331	}
332
333	#dokuwiki__site.showSidebarSP.rightSidebar #dokuwiki__content
334	{
335		left: auto;
336		right: 85%;
337	}
338
339	#dokuwiki__content > .group
340	{
341		padding: 1.6em;
342	}
343
344	.mode_preview #dokuwiki__content > .group,
345	.mode_edit #dokuwiki__content > .group,
346	.mode_show #dokuwiki__content > .group,
347	.mode_search #dokuwiki__content > .group
348	{
349		max-width: 100%;
350	}
351
352	/* Plugin Support (Bookcreator Plugin) */
353
354	div.bookcreator__bookbar > .bookcreator__panel > br
355	{
356		display: none;
357	}
358
359	div.bookcreator__bookbar > .bookcreator__panel > b
360	{
361		display: block;
362		margin-bottom: 5px;
363	}
364
365	div.bookcreator__bookbar > .bookcreator__panel > a
366	{
367		display: inline-block;
368	}
369
370}
371