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