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