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[dir=rtl] #IE7 #dokuwiki__usertools a.action {
121    display: inline-block;
122}
123
124#dokuwiki__header .mobileTools {
125    display: none; /* hide mobile tools dropdown to only show in mobile view */
126}
127
128/*____________ user tools ____________*/
129
130#dokuwiki__usertools {
131    position: absolute;
132    top: .5em;
133    right: .5em;
134    text-align: right;
135    width: 100%;
136
137    ul {
138        margin: 0 auto;
139        padding: 0;
140        max-width: @ini_site_width;
141    }
142
143    a.action.admin {
144        background-position: left 0;
145    }
146
147    a.iw_user,
148    a.action.profile {
149        background-position: left -32px;
150    }
151
152    a.action.register {
153        background-position: left -64px;
154    }
155
156    a.action.login {
157        background-position: left -96px;
158    }
159
160    a.action.logout {
161        background-position: left -128px;
162    }
163}
164
165[dir=rtl] #dokuwiki__usertools {
166    text-align: left;
167    left: 40px;
168    right: auto;
169
170    a.action.admin {
171        background-position: right 0;
172    }
173
174    a.action.profile {
175        background-position: right -32px;
176    }
177
178    a.action.register {
179        background-position: right -64px;
180    }
181
182    a.action.login {
183        background-position: right -96px;
184    }
185
186    a.action.logout {
187        background-position: right -128px;
188    }
189}
190
191/*____________ site tools ____________*/
192
193#dokuwiki__sitetools {
194    text-align: right;
195
196    form.search {
197        font-size: 0.875em;
198    }
199}
200
201[dir=rtl] #dokuwiki__sitetools {
202    text-align: left;
203}
204
205form.search {
206    display: block;
207    position: relative;
208    margin-bottom: 0.5em;
209
210    input.edit {
211        width: 18em;
212        padding: .35em 22px .35em .1em;
213    }
214
215    input.button {
216        background: transparent url(images/search.png) no-repeat 0 0;
217        border-width: 0;
218        width: 19px;
219        height: 14px;
220        text-indent: -99999px;
221        margin-left: -20px;
222        box-shadow: none;
223        padding: 0;
224    }
225}
226
227[dir=rtl] form.search {
228    input.edit {
229        padding: .35em .1em .35em 22px;
230    }
231
232    input.button {
233        background-position: 5px 0;
234        margin-left: 0;
235        margin-right: -20px;
236        position: relative;
237    }
238}
239
240#IE7 form.search {
241    min-height: 1px;
242    z-index: 21;
243}
244
245/*____________ breadcrumbs ____________*/
246
247.dokuwiki div.breadcrumbs {
248    border-top: 1px solid @ini_border;
249    border-bottom: 1px solid @ini_background;
250    margin-bottom: .5em;
251    font-size: 0.875em;
252    clear: both;
253
254    div {
255        padding: .1em .35em;
256    }
257
258    div:only-child {
259        border-top: 1px solid @ini_background;
260        border-bottom: 1px solid @ini_border;
261    }
262
263    div:first-child {
264        border-top: 1px solid @ini_background;
265    }
266
267    div:last-child {
268        border-bottom: 1px solid @ini_border;
269    }
270
271    .bcsep {
272        font-size: 0.75em;
273    }
274}
275
276#IE7 .dokuwiki div.breadcrumbs div,
277#IE8 .dokuwiki div.breadcrumbs div {
278    border-bottom: 1px solid @ini_border;
279}
280
281/* sidebar
282********************************************************************/
283
284.dokuwiki .aside {
285    font-size: 0.875em;
286    overflow: hidden;
287    word-wrap: break-word;
288
289    /* make sidebar more condensed */
290
291    h1 {
292        font-size: 1.714em;
293        margin-bottom: .292em;
294    }
295
296    h2 {
297        margin-bottom: .333em;
298    }
299
300    h3 {
301        margin-bottom: .444em;
302    }
303
304    h4 {
305        margin-bottom: .5em;
306    }
307
308    h5 {
309        margin-bottom: .5714em;
310    }
311
312    p,
313    ul,
314    ol,
315    dl,
316    pre,
317    table,
318    fieldset,
319    hr,
320    blockquote,
321    address {
322        margin-bottom: .7em;
323    }
324
325    ul,
326    ol {
327        padding-left: .5em;
328    }
329
330    li ul,
331    li ol {
332        margin-bottom: 0;
333        padding: 0;
334    }
335
336    a:link,
337    a:visited {
338        color: @ini_link;
339        background-color: inherit;
340    }
341}
342
343[dir=rtl] .dokuwiki .aside ul,
344[dir=rtl] .dokuwiki .aside ol {
345    padding-right: .5em;
346}
347
348/* content
349********************************************************************/
350
351.dokuwiki .pageId {
352    position: absolute;
353    top: -2.3em;
354    right: -1em;
355    overflow: hidden;
356    padding: 1em 1em 0;
357
358    span {
359        font-size: 0.875em;
360        border: solid @ini_background_alt;
361        border-width: 1px 1px 0;
362        background-color: @ini_background;
363        color: @ini_text_alt;
364        padding: .1em .35em;
365        border-top-left-radius: 2px;
366        border-top-right-radius: 2px;
367        box-shadow: 0 0 .5em @ini_text_alt;
368        display: block;
369    }
370}
371
372.dokuwiki div.page {
373    background: @ini_background;
374    color: inherit;
375    border: 1px solid @ini_background_alt;
376    box-shadow: 0 0 .5em @ini_text_alt;
377    border-radius: 2px;
378    padding: 1.556em 2em 2em;
379    margin-bottom: .5em;
380    overflow: hidden;
381    word-wrap: break-word;
382}
383
384.dokuwiki .docInfo {
385    font-size: 0.875em;
386    text-align: right;
387}
388
389/* license note under edit window */
390.dokuwiki div.license {
391    font-size: 93.75%;
392}
393
394[dir=rtl] .dokuwiki .docInfo {
395    text-align: left;
396}
397
398[dir=rtl] .dokuwiki .pageId {
399    right: auto;
400    left: -1em;
401}
402
403/* footer
404********************************************************************/
405
406.dokuwiki .wrapper {
407    margin-bottom: 1.4em;
408}
409
410#dokuwiki__footer {
411    margin-bottom: 1em;
412    text-align: center;
413
414    > .pad {
415        font-size: 0.875em;
416    }
417
418    div.license {
419        margin-bottom: 0.5em;
420        font-size: 100%;
421    }
422
423    div.buttons a {
424        img {
425            opacity: 0.5;
426        }
427
428        &:hover img,
429        &:active img,
430        &:focus img {
431            opacity: 1;
432        }
433    }
434
435}
436
437[dir=rtl] #dokuwiki__footer .license img {
438    margin: 0 0 0 .5em;
439}
440