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: var(--existing, #090);
40    background-color: inherit;
41}
42
43/* not existing wikipage */
44.dokuwiki a.wikilink2 {
45    color: var(--missing, #f30);
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    border: 1px solid var(--border, #ccc);
55    border-radius: 4px;
56    padding: 5px;
57}
58
59.dokuwiki img.medialeft {
60    margin: .2em 1em .2em 0;
61    border: 1px solid var(--border, #ccc);
62    border-radius: 4px;
63    padding: 5px;
64}
65
66.dokuwiki img.mediaright {
67    margin: .2em 0 .2em 1em;
68    border: 1px solid var(--border, #ccc);
69    border-radius: 4px;
70    padding: 5px;
71}
72
73.dokuwiki img.mediacenter {
74    margin: .2em auto;
75    border: 1px solid var(--border, #ccc);
76    border-radius: 4px;
77    padding: 5px;
78}
79
80/*____________ lists ____________*/
81
82.dokuwiki .page,
83.dokuwiki .aside {
84    ul li {
85        color: var(--text_alt, #999);
86    }
87
88    ol li {
89        color: var(--text_neu, #666);
90    }
91
92    li .li {
93        color: var(--text, #333);
94    }
95}
96
97/*____________ tables ____________*/
98
99/* div around each table */
100.dokuwiki div.table {
101    overflow-x: auto;
102    margin-bottom: 1.4em;
103}
104
105.dokuwiki div.table table {
106    margin-bottom: 0;
107}
108
109.dokuwiki table.inline {
110    min-width: 50%;
111}
112
113.dokuwiki table.inline tr:hover td {
114    background-color: var(--background_alt, #eee);
115}
116
117.dokuwiki table.inline tr:hover th {
118    background-color: var(--border, #ccc);
119}
120
121/*____________ code ____________*/
122
123/* fix if background-color hides underlining */
124.dokuwiki em.u code {
125    text-decoration: underline;
126}
127
128/* filenames for downloadable file and code blocks */
129.dokuwiki dl.code,
130.dokuwiki dl.file {
131    dt {
132        background-color: var(--background_site, #fbfaf9);
133        color: inherit;
134        border: 1px solid var(--border, #ccc);
135        border-bottom-color: var(--background_site, #fbfaf9);
136        border-top-left-radius: .3em;
137        border-top-right-radius: .3em;
138        padding: .3em .6em .1em;
139        margin-bottom: -1px;
140        float: left;
141
142        a {
143            background-color: transparent;
144            font-size: 0.875em;
145            font-weight: normal;
146            display: block;
147            min-height: 16px;
148        }
149    }
150
151    dd {
152        margin: 0;
153        clear: left;
154    }
155
156    pre {
157        box-shadow: none;
158    }
159}
160
161[dir=rtl] .dokuwiki dl.code,
162[dir=rtl] .dokuwiki dl.file {
163    dt {
164        float: right;
165    }
166
167    dd {
168        clear: right;
169    }
170}
171
172/* for code in <file> */
173.dokuwiki dl.file {
174    pre,
175    dt {
176        border-style: solid;
177    }
178    dt {
179        border-bottom-style: solid;
180    }
181}
182
183/*____________ JS popup ____________*/
184
185.JSpopup {
186    background-color: var(--background, #fff);
187    color: var(--text, #333);
188    border: 1px solid var(--border, #ccc);
189    box-shadow: none;
190    border-radius: 2px;
191    padding: .3em .5em;
192    font-size: .9em;
193}
194
195.dokuwiki form.search div.ajax_qsearch {
196    top: -.35em;
197    font-size: 1em;
198    text-overflow: ellipsis;
199}
200
201.JSpopup ul,
202.JSpopup ol {
203    padding-left: 0;
204}
205
206[dir=rtl] .JSpopup ul,
207[dir=rtl] .JSpopup ol {
208    padding-right: 0;
209}
210
211/* changes to underscored CSS files
212********************************************************************/
213
214#acl__tree li {
215    margin: 0;
216}
217
218#dokuwiki__content span.curid a {
219    font-weight: normal;
220}
221
222#dokuwiki__content strong span.curid a {
223    font-weight: bold;
224}
225
226/*____________ changes to _edit ____________*/
227
228.dokuwiki div.toolbar {
229    button.toolbutton {
230        border-radius: 0;
231        border-left-width: 0;
232        padding: .1em .35em;
233    }
234
235    button.toolbutton:first-child {
236        border-top-left-radius: 4px;
237        border-bottom-left-radius: 4px;
238        border-left-width: 1px;
239    }
240
241    button.toolbutton:last-child {
242        border-top-right-radius: 4px;
243        border-bottom-right-radius: 4px;
244    }
245}
246
247[dir=rtl] .dokuwiki div.toolbar {
248    button.toolbutton:last-child {
249        border-top-left-radius: 4px;
250        border-bottom-left-radius: 4px;
251        border-top-right-radius: 0;
252        border-bottom-right-radius: 0;
253        border-left-width: 1px;
254    }
255
256    button.toolbutton:first-child {
257        border-top-left-radius: 0;
258        border-bottom-left-radius: 0;
259        border-top-right-radius: 4px;
260        border-bottom-right-radius: 4px;
261        border-left-width: 0;
262        border-right-width: 1px;
263    }
264}
265
266.dokuwiki div.section_highlight {
267    margin: 0 -2em;
268    padding: 0 1em;
269    border-width: 0 1em;
270}
271
272.dokuwiki textarea.edit {
273    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
274}
275
276.dokuwiki div.preview {
277    margin: 0 -2em;
278    padding: 0 2em;
279}
280
281.dokuwiki.hasSidebar div.preview {
282    border-right: @ini_sidebar_width solid var(--background_alt, #eee);
283}
284
285[dir=rtl] .dokuwiki.hasSidebar div.preview {
286    border-right-width: 0;
287    border-left: @ini_sidebar_width solid var(--background_alt, #eee);
288}
289
290.dokuwiki div.preview div.pad {
291    padding: 1.556em 0 2em;
292}
293
294/*____________ changes to _toc ____________*/
295
296#dw__toc {
297    margin: -1.556em -2em .5em 1.4em;
298    width: @ini_sidebar_width;
299    border: 1px solid var(--border, #ccc);
300    border-top: none;
301    border-right: none;
302    background: var(--background, #fff);
303    color: inherit;
304}
305
306[dir=rtl] #dw__toc {
307    margin: -1.556em 1.4em .5em -2em;
308    border: 1px solid var(--border, #ccc);
309    border-top: none;
310    border-left: none;
311}
312
313.dokuwiki h3.toggle {
314    padding: .5em 1em;
315    margin-bottom: 0;
316    font-size: .875em;
317    letter-spacing: .1em;
318}
319
320#dokuwiki__aside h3.toggle {
321    display: none;
322}
323
324.dokuwiki .toggle strong {
325    background: transparent var(--toc-arrows) 0 0;
326    width: 8px;
327    height: 5px;
328    margin: .4em 0 0;
329}
330
331.dokuwiki .toggle.closed strong {
332    background-position: 0 -5px;
333}
334
335.dokuwiki .toggle strong span {
336    display: none;
337}
338
339#dw__toc {
340    > div {
341        font-size: 0.875em;
342        padding: .5em 1em 1em;
343    }
344
345    ul {
346        padding: 0 0 0 1.2em;
347
348        li {
349            list-style-image: url(images/toc-bullet.png);
350        }
351    }
352
353    ul li.clear {
354        list-style: none;
355    }
356
357    ul li div.li {
358        padding: .2em 0;
359    }
360}
361
362[dir=rtl] #dw__toc ul {
363    padding: 0 1.5em 0 0;
364}
365
366/*____________ changes to _imgdetail ____________*/
367
368#dokuwiki__detail {
369    padding: 0;
370
371    img {
372        float: none;
373        margin-bottom: 1.4em;
374    }
375
376    div.img_detail {
377        float: none;
378    }
379
380    div.img_detail dl {
381        overflow: hidden;
382    }
383
384    div.img_detail dl dt {
385        float: left;
386        width: 9em;
387        text-align: right;
388        clear: left;
389    }
390
391    div.img_detail dl dd {
392        margin-left: 9.5em;
393    }
394}
395
396[dir=rtl] #dokuwiki__detail div.img_detail {
397    dl dt {
398        float: right;
399        text-align: left;
400        clear: right;
401    }
402
403    dl dd {
404        margin-left: 0;
405        margin-right: 9.5em;
406    }
407}
408