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