1/**
2 * This file provides the main design styles for the page content.
3 *
4 * @author Anika Henke <anika@selfthinker.org>
5 * @author Andreas Gohr <andi@splitbrain.org>
6 * @author Clarence Lee <clarencedglee@gmail.com>
7 */
8
9/*____________ section indenting ____________
10
11.dokuwiki .page  h1 {margin-left: 0;}
12.dokuwiki .page  h2 {margin-left: .666em;}
13.dokuwiki .page  h3 {margin-left: 1.776em;}
14.dokuwiki .page  h4 {margin-left: 3em;}
15.dokuwiki .page  h5 {margin-left: 4.5712em;}
16.dokuwiki .page  div.level1 {margin-left: 0;}
17.dokuwiki .page  div.level2 {margin-left: 1em;}
18.dokuwiki .page  div.level3 {margin-left: 2em;}
19.dokuwiki .page  div.level4 {margin-left: 3em;}
20.dokuwiki .page  div.level5 {margin-left: 4em;}
21
22[dir=rtl] .dokuwiki .page h1 {margin-left: 0; margin-right: 0;}
23[dir=rtl] .dokuwiki .page h2 {margin-left: 0; margin-right: .666em;}
24[dir=rtl] .dokuwiki .page h3 {margin-left: 0; margin-right: 1.776em;}
25[dir=rtl] .dokuwiki .page h4 {margin-left: 0; margin-right: 3em;}
26[dir=rtl] .dokuwiki .page h5 {margin-left: 0; margin-right: 4.5712em;}
27[dir=rtl] .dokuwiki .page div.level1 {margin-left: 0; margin-right: 0;}
28[dir=rtl] .dokuwiki .page div.level2 {margin-left: 0; margin-right: 1em;}
29[dir=rtl] .dokuwiki .page div.level3 {margin-left: 0; margin-right: 2em;}
30[dir=rtl] .dokuwiki .page div.level4 {margin-left: 0; margin-right: 3em;}
31[dir=rtl] .dokuwiki .page div.level5 {margin-left: 0; margin-right: 4em;}
32*/
33/* hx margin-left = (1 / font-size) * .levelx-margin */
34
35/*____________ links to wiki pages (addition to _links) ____________*/
36
37/* existing wikipage */
38.dokuwiki a.wikilink1 {
39    color: @ini_existing;
40    background-color: inherit;
41}
42
43/* not existing wikipage */
44.dokuwiki a.wikilink2 {
45    color: @ini_missing;
46    background-color: inherit;
47}
48
49/*____________ images ____________*/
50
51/* embedded images (styles are already partly set in lib/styles/all.css) */
52.dokuwiki img.media {
53    margin: .2em 0;
54}
55
56.dokuwiki img.medialeft {
57    margin: .2em 1em .2em 0;
58}
59
60.dokuwiki img.mediaright {
61    margin: .2em 0 .2em 1em;
62}
63
64.dokuwiki img.mediacenter {
65    margin: .2em auto;
66}
67
68/*____________ lists ____________*/
69
70.dokuwiki .page,
71.dokuwiki .aside {
72    ul li {
73        color: @ini_text_alt;
74    }
75
76    ol li {
77        color: @ini_text_neu;
78    }
79
80    li .li {
81        color: @ini_text;
82    }
83}
84
85/*____________ tables ____________*/
86
87/* div around each table */
88.dokuwiki div.table {
89    overflow-x: auto;
90    margin-bottom: 1.4em;
91    min-width: 50%;
92}
93
94.dokuwiki div.table table {
95    margin-bottom: 0;
96}
97
98.dokuwiki table.inline {
99    min-width: 50%;
100}
101
102.dokuwiki table.inline tr:hover td {
103    // background-color: @ini_background_alt;
104}
105
106.dokuwiki table.inline tr:hover th {
107    //background-color: @ini_border;
108}
109
110/*____________ code ____________*/
111
112/* fix if background-color hides underlining */
113.dokuwiki em.u code {
114    text-decoration: underline;
115}
116
117/* filenames for downloadable file and code blocks */
118.dokuwiki dl.code,
119.dokuwiki dl.file {
120    dt {
121        background-color: var(--color-dark-5);
122        color: var(--color-white);
123        border: 1px solid @ini_border;
124        border-bottom-color: @ini_background_site;
125        border-radius: 0.625rem;
126        padding: 1rem;
127        margin-bottom: -1px;
128        float: left;
129
130        a {
131            background-color: transparent;
132            font-size: 0.875em;
133            font-weight: normal;
134            display: block;
135            min-height: 16px;
136        }
137    }
138
139    dd {
140        margin: 0;
141        clear: left;
142    }
143
144    pre {
145        box-shadow: none;
146    }
147}
148
149[dir=rtl] .dokuwiki dl.code,
150[dir=rtl] .dokuwiki dl.file {
151    dt {
152        float: right;
153    }
154
155    dd {
156        clear: right;
157    }
158}
159
160/* for code in <file> */
161.dokuwiki dl.file {
162    pre,
163    dt {
164        border-style: dashed;
165    }
166    dt {
167        border-bottom-style: solid;
168    }
169}
170
171/*____________ JS popup ____________*/
172
173.JSpopup {
174    background-color: @ini_background;
175    color: @ini_text;
176    border: 1px solid @ini_border;
177    box-shadow: .1em .1em .1em @ini_border;
178    border-radius: 2px;
179    padding: .3em .5em;
180    font-size: .9em;
181}
182
183.dokuwiki form.search div.ajax_qsearch {
184    top: -.35em;
185    font-size: 1em;
186    text-overflow: ellipsis;
187}
188
189.JSpopup ul,
190.JSpopup ol {
191    padding-left: 0;
192}
193
194[dir=rtl] .JSpopup ul,
195[dir=rtl] .JSpopup ol {
196    padding-right: 0;
197}
198
199/* changes to underscored CSS files
200********************************************************************/
201
202#acl__tree li {
203    margin: 0;
204}
205
206#dokuwiki__content span.curid a {
207    font-weight: normal;
208}
209
210#dokuwiki__content strong span.curid a {
211    font-weight: bold;
212}
213
214/*____________ changes to _edit ____________*/
215
216.dokuwiki div.toolbar {
217    button.toolbutton {
218        border-radius: 0;
219        border-left-width: 0;
220        padding: 0;
221        border: solid 1px @ini_border;
222        background-color: var(--color-dark-6);
223        margin: 0;
224        min-width: 1.625rem;
225        height: 1.625rem;
226    }
227
228    button.toolbutton:hover {
229        background-color: var(--color-dark-5);
230    }
231
232    button.toolbutton:first-child {
233        border-top-left-radius: 0.25rem;
234        border-bottom-left-radius: 0.25rem;
235    }
236
237    button.toolbutton:last-child {
238        border-top-right-radius: 0.25rem;
239        border-bottom-right-radius: 0.25rem;
240    }
241}
242
243[dir=rtl] .dokuwiki div.toolbar {
244    button.toolbutton:last-child {
245        border-top-left-radius: 0.25rem;
246        border-bottom-left-radius: 0.25rem;
247        border-top-right-radius: 0;
248        border-bottom-right-radius: 0;
249        border-left-width: 1px;
250    }
251
252    button.toolbutton:first-child {
253        border-top-left-radius: 0;
254        border-bottom-left-radius: 0;
255        border-top-right-radius: 0.25rem;
256        border-bottom-right-radius: 0.25rem;
257        border-left-width: 0;
258        border-right-width: 1px;
259    }
260}
261
262.dokuwiki div.section_highlight {
263    margin: 0 -2em;
264    padding: 0 1em;
265    border-width: 0 1em;
266    border-color: var(--color-dark-6);
267}
268
269.dokuwiki textarea.edit {
270    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
271}
272
273.dokuwiki div.preview {
274    margin: 0 -2em;
275    padding: 0 2em;
276}
277
278.dokuwiki.hasSidebar div.preview {
279    border-right: @ini_sidebar_width solid @ini_background_alt;
280}
281
282[dir=rtl] .dokuwiki.hasSidebar div.preview {
283    border-right-width: 0;
284    border-left: @ini_sidebar_width solid @ini_background_alt;
285}
286
287.dokuwiki div.preview div.pad {
288    padding: 1.556em 0 2em;
289}
290
291/*____________ changes to _toc ____________*/
292
293#dw__toc {
294    margin: -1.556em -2em .5em 1.4em;
295    width: @ini_sidebar_width;
296    border-left: 1px solid @ini_border;
297    background: @ini_background;
298    color: inherit;
299}
300
301[dir=rtl] #dw__toc {
302    margin: -1.556em 1.4em .5em -2em;
303    border-left-width: 0;
304    border-right: 1px solid @ini_border;
305}
306
307.dokuwiki.export #dw__toc {
308    margin-top: 0;
309    margin-right: 0;
310}
311
312[dir=rtl] .dokuwiki.export #dw__toc {
313    margin-top: 0;
314    margin-left: 0;
315}
316
317.dokuwiki h3.toggle {
318    padding: .5em 1em;
319    margin-bottom: 0;
320    font-size: .875em;
321}
322
323#dokuwiki__aside h3.toggle {
324    display: none;
325}
326
327.dokuwiki .toggle strong {
328    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 9l6 6l6 -6" /></svg>');
329    width: 16px;
330    height: 16px;
331    margin-top: -0.125rem;
332    margin-right: -0.35rem;
333}
334
335.dokuwiki .toggle.closed strong {
336    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-up" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 15l6 -6l6 6" /></svg>');
337}
338
339.dokuwiki .toggle strong span {
340    display: none;
341}
342
343#dw__toc {
344    > div {
345        font-size: 0.875em;
346        padding: .5em 1em 1em;
347    }
348
349    ul {
350        padding: 0 0 0 1.2em;
351
352        li {
353            list-style: disc;
354        }
355    }
356
357    ul li.clear {
358        list-style: none;
359    }
360
361    ul li div.li {
362        padding: .2em 0;
363    }
364}
365
366[dir=rtl] #dw__toc ul {
367    padding: 0 1.5em 0 0;
368}
369
370/*____________ changes to _imgdetail ____________*/
371
372#dokuwiki__detail {
373    padding: 0;
374
375    img {
376        float: none;
377        margin-bottom: 1.4em;
378    }
379
380    div.img_detail {
381        float: none;
382    }
383
384    div.img_detail dl {
385        overflow: hidden;
386    }
387
388    div.img_detail dl dt {
389        float: left;
390        width: 9em;
391        text-align: right;
392        clear: left;
393    }
394
395    div.img_detail dl dd {
396        margin-left: 9.5em;
397    }
398}
399
400[dir=rtl] #dokuwiki__detail div.img_detail {
401    dl dt {
402        float: right;
403        text-align: left;
404        clear: right;
405    }
406
407    dl dd {
408        margin-left: 0;
409        margin-right: 9.5em;
410    }
411}
412