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