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