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