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