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