1/**
2 * This file provides the main design styles for the
3 * bits that surround the content.
4 *
5 * @author Anika Henke <anika@selfthinker.org>
6 * @author Andreas Gohr <andi@splitbrain.org>
7 * @author Clarence Lee <clarencedglee@gmail.com>
8 */
9
10/* header
11********************************************************************/
12
13#dokuwiki__header {
14    padding: 2em 0 1.5em;
15
16    .headings,
17    .tools {
18        margin-bottom: 1.5em;
19        width: 49%;
20    }
21    .tools {
22        margin-top: .2em;
23    }
24
25    h1 {
26        margin: 0;
27        font-size: 1.5em;
28        font-weight: normal;
29
30        img {
31            float: left;
32            margin-right: .5em;
33        }
34
35        span {
36            display: block;
37            padding-top: 10px;
38        }
39
40        a {
41            text-decoration: none;
42            color: @ini_text;
43            background-color: inherit;
44        }
45    }
46
47    p.claim {
48        margin-bottom: 0;
49        font-size: 0.875em;
50    }
51
52    /* make all links in header (including breadcrumb and interwiki) same colour as the rest */
53    a {
54        color: @ini_link;
55        background-color: inherit;
56    }
57}
58
59[dir=rtl] #dokuwiki__header h1 img {
60    float: right;
61    margin-left: .5em;
62    margin-right: 0;
63}
64
65/* tools
66********************************************************************/
67
68/* highlight selected tool */
69.mode_admin a.action.admin,
70.mode_login a.action.login,
71.mode_register a.action.register,
72.mode_profile a.action.profile,
73.mode_recent a.action.recent,
74.mode_index a.action.index,
75.mode_media a.action.media,
76.mode_revisions a.action.revs,
77.mode_backlink a.action.backlink,
78.mode_subscribe a.action.subscribe {
79    font-weight: bold;
80}
81
82#dokuwiki__header .tools {
83    ul {
84        padding-left: 0;
85        margin-bottom: 0;
86    }
87
88    li {
89        font-size: 0.875em;
90        margin-left: 1em;
91        list-style: none;
92        display: inline;
93    }
94
95    form.search div.ajax_qsearch li {
96        font-size: 1em;
97        margin-left: 0;
98        display: block;
99        overflow: hidden;
100        text-overflow: ellipsis;
101    }
102}
103
104[dir=rtl] #dokuwiki__header .tools li {
105    margin-right: 1em;
106    margin-left: 0;
107}
108
109#dokuwiki__usertools a.action,
110#dokuwiki__usertools a.iw_user {
111    padding-left: 20px;
112    background: transparent url(images/usertools.png) no-repeat 0 0;
113}
114
115[dir=rtl] #dokuwiki__usertools a.action {
116    padding-left: 0;
117    padding-right: 20px;
118}
119
120#dokuwiki__header .mobileTools {
121    display: none; /* hide mobile tools dropdown to only show in mobile view */
122}
123
124/*____________ user tools ____________*/
125
126#dokuwiki__usertools {
127    position: absolute;
128    top: .5em;
129    right: .5em;
130    text-align: right;
131    width: 100%;
132
133    ul {
134        margin: 0 auto;
135        padding: 0;
136        max-width: @ini_site_width;
137    }
138
139    a.action.admin {
140        background-position: left 0;
141    }
142
143    a.iw_user,
144    a.action.profile {
145        background-position: left -32px;
146    }
147
148    a.action.register {
149        background-position: left -64px;
150    }
151
152    a.action.login {
153        background-position: left -96px;
154    }
155
156    a.action.logout {
157        background-position: left -128px;
158    }
159}
160
161[dir=rtl] #dokuwiki__usertools {
162    text-align: left;
163    left: 40px;
164    right: auto;
165
166    a.action.admin {
167        background-position: right 0;
168    }
169
170    a.action.profile {
171        background-position: right -32px;
172    }
173
174    a.action.register {
175        background-position: right -64px;
176    }
177
178    a.action.login {
179        background-position: right -96px;
180    }
181
182    a.action.logout {
183        background-position: right -128px;
184    }
185}
186
187/*____________ site tools ____________*/
188
189#dokuwiki__sitetools {
190    text-align: right;
191
192    form.search {
193        font-size: 0.875em;
194    }
195}
196
197[dir=rtl] #dokuwiki__sitetools {
198    text-align: left;
199}
200
201form.search {
202    display: block;
203    position: relative;
204    margin-bottom: 0.5em;
205
206    input {
207        width: 18em;
208        padding: .35em 22px .35em .1em;
209    }
210
211    button {
212        background: transparent url(images/search.png) no-repeat 0 0;
213        border-width: 0;
214        width: 19px;
215        height: 14px;
216        text-indent: -99999px;
217        margin-left: -20px;
218        box-shadow: none;
219        padding: 0;
220    }
221}
222
223[dir=rtl] form.search {
224    input {
225        padding: .35em .1em .35em 22px;
226    }
227
228    button {
229        background-position: 5px 0;
230        margin-left: 0;
231        margin-right: -20px;
232        position: relative;
233    }
234}
235
236/*____________ breadcrumbs ____________*/
237
238.dokuwiki div.breadcrumbs {
239    border-top: 1px solid @ini_border;
240    border-bottom: 1px solid @ini_background;
241    margin-bottom: .5em;
242    font-size: 0.875em;
243    clear: both;
244
245    div {
246        padding: .1em .35em;
247    }
248
249    div:only-child {
250        border-top: 1px solid @ini_background;
251        border-bottom: 1px solid @ini_border;
252    }
253
254    div:first-child {
255        border-top: 1px solid @ini_background;
256    }
257
258    div:last-child {
259        border-bottom: 1px solid @ini_border;
260    }
261
262    .bcsep {
263        font-size: 0.75em;
264    }
265}
266
267/* sidebar
268********************************************************************/
269
270.dokuwiki .aside {
271    font-size: 0.875em;
272    overflow: hidden;
273    word-wrap: break-word;
274
275    /* make sidebar more condensed */
276
277    h1 {
278        font-size: 1.714em;
279        margin-bottom: .292em;
280    }
281
282    h2 {
283        margin-bottom: .333em;
284    }
285
286    h3 {
287        margin-bottom: .444em;
288    }
289
290    h4 {
291        margin-bottom: .5em;
292    }
293
294    h5 {
295        margin-bottom: .5714em;
296    }
297
298    p,
299    ul,
300    ol,
301    dl,
302    pre,
303    table,
304    fieldset,
305    hr,
306    blockquote,
307    address {
308        margin-bottom: .7em;
309    }
310
311    ul,
312    ol {
313        padding-left: .5em;
314    }
315
316    li ul,
317    li ol {
318        margin-bottom: 0;
319        padding: 0;
320    }
321
322    a:link,
323    a:visited {
324        color: @ini_link;
325        background-color: inherit;
326    }
327}
328
329[dir=rtl] .dokuwiki .aside ul,
330[dir=rtl] .dokuwiki .aside ol {
331    padding-right: .5em;
332}
333
334/* content
335********************************************************************/
336
337.dokuwiki .pageId {
338    float: right;
339    margin-right: -1em;
340    margin-bottom: -1px;
341    margin-top: -1.5em;
342    overflow: hidden;
343    padding: 0.5em 1em 0;
344
345    span {
346        font-size: 0.875em;
347        border: solid @ini_background_alt;
348        border-width: 1px 1px 0;
349        background-color: @ini_background;
350        color: @ini_text_alt;
351        padding: .1em .35em;
352        border-top-left-radius: 2px;
353        border-top-right-radius: 2px;
354        box-shadow: 0 0 .5em @ini_text_alt;
355        display: block;
356    }
357}
358
359.dokuwiki div.page {
360    clear: both;
361    background: @ini_background;
362    color: inherit;
363    border: 1px solid @ini_background_alt;
364    box-shadow: 0 0 .5em @ini_text_alt;
365    border-radius: 2px;
366    padding: 1.556em 2em 2em;
367    margin-bottom: .5em;
368    overflow: hidden;
369    word-wrap: break-word;
370}
371
372.dokuwiki .docInfo {
373    font-size: 0.875em;
374    text-align: right;
375}
376
377/* license note under edit window */
378.dokuwiki div.license {
379    font-size: 93.75%;
380}
381
382[dir=rtl] .dokuwiki .docInfo {
383    text-align: left;
384}
385
386[dir=rtl] .dokuwiki .pageId {
387    float: left;
388    margin-left: -1em;
389    margin-right: 0;
390}
391
392/* footer
393********************************************************************/
394
395.dokuwiki .wrapper {
396    margin-bottom: 1.4em;
397}
398
399#dokuwiki__footer {
400    margin-bottom: 1em;
401    text-align: center;
402
403    > .pad {
404        font-size: 0.875em;
405    }
406
407    div.license {
408        margin-bottom: 0.5em;
409        font-size: 100%;
410    }
411
412    div.buttons a {
413        img {
414            opacity: 0.5;
415        }
416
417        &:hover img,
418        &:active img,
419        &:focus img {
420            opacity: 1;
421        }
422    }
423
424}
425
426[dir=rtl] #dokuwiki__footer .license img {
427    margin: 0 0 0 .5em;
428}
429