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__header .mobileTools {
110    display: none; /* hide mobile tools dropdown to only show in mobile view */
111}
112
113/*____________ site tools ____________*/
114
115#dokuwiki__sitetools {
116    text-align: right;
117
118    form.search {
119        font-size: 0.875em;
120    }
121}
122
123[dir=rtl] #dokuwiki__sitetools {
124    text-align: left;
125}
126
127form.search {
128    display: block;
129    position: relative;
130    margin-bottom: 0.5em;
131
132    input {
133        width: 18em;
134        padding: .35em 22px .35em .1em;
135    }
136
137    button {
138        background: transparent url(images/search.png) no-repeat 0 0;
139        border-width: 0;
140        width: 19px;
141        height: 14px;
142        text-indent: -99999px;
143        margin-left: -20px;
144        box-shadow: none;
145        padding: 0;
146    }
147}
148
149[dir=rtl] form.search {
150    input {
151        padding: .35em .1em .35em 22px;
152    }
153
154    button {
155        background-position: 5px 0;
156        margin-left: 0;
157        margin-right: -20px;
158        position: relative;
159    }
160}
161
162/*____________ breadcrumbs ____________*/
163
164.dokuwiki div.breadcrumbs {
165    border-top: 1px solid @ini_border;
166    border-bottom: 1px solid @ini_background;
167    margin-bottom: .5em;
168    font-size: 0.875em;
169    clear: both;
170
171    div {
172        padding: .1em .35em;
173    }
174
175    div:only-child {
176        border-top: 1px solid @ini_background;
177        border-bottom: 1px solid @ini_border;
178    }
179
180    div:first-child {
181        border-top: 1px solid @ini_background;
182    }
183
184    div:last-child {
185        border-bottom: 1px solid @ini_border;
186    }
187
188    .bcsep {
189        font-size: 0.75em;
190    }
191}
192
193/* sidebar
194********************************************************************/
195
196.dokuwiki .aside {
197    font-size: 0.875em;
198    overflow: hidden;
199    word-wrap: break-word;
200
201    /* make sidebar more condensed */
202
203    h1 {
204        font-size: 1.714em;
205        margin-bottom: .292em;
206    }
207
208    h2 {
209        margin-bottom: .333em;
210    }
211
212    h3 {
213        margin-bottom: .444em;
214    }
215
216    h4 {
217        margin-bottom: .5em;
218    }
219
220    h5 {
221        margin-bottom: .5714em;
222    }
223
224    p,
225    ul,
226    ol,
227    dl,
228    pre,
229    table,
230    fieldset,
231    hr,
232    blockquote,
233    address {
234        margin-bottom: .7em;
235    }
236
237    ul,
238    ol {
239        padding-left: .5em;
240    }
241
242    li ul,
243    li ol {
244        margin-bottom: 0;
245        padding: 0;
246    }
247
248    a:link,
249    a:visited {
250        color: @ini_link;
251        background-color: inherit;
252    }
253}
254
255[dir=rtl] .dokuwiki .aside ul,
256[dir=rtl] .dokuwiki .aside ol {
257    padding-right: .5em;
258}
259
260/* content
261********************************************************************/
262
263.dokuwiki .pageId {
264    float: right;
265    margin-right: -1em;
266    margin-bottom: -1px;
267    margin-top: -1.5em;
268    overflow: hidden;
269    padding: 0.5em 1em 0;
270
271    span {
272        font-size: 0.875em;
273        border: solid @ini_background_alt;
274        border-width: 1px 1px 0;
275        background-color: @ini_background;
276        color: @ini_text_alt;
277        padding: .1em .35em;
278        border-top-left-radius: 2px;
279        border-top-right-radius: 2px;
280        box-shadow: 0 0 .5em @ini_text_alt;
281        display: block;
282    }
283}
284
285.dokuwiki div.page {
286    clear: both;
287    background: @ini_background;
288    color: inherit;
289    border: 1px solid @ini_background_alt;
290    box-shadow: 0 0 .5em @ini_text_alt;
291    border-radius: 2px;
292    padding: 1.556em 2em 2em;
293    margin-bottom: .5em;
294    overflow: hidden;
295    word-wrap: break-word;
296}
297
298.dokuwiki .docInfo {
299    font-size: 0.875em;
300    text-align: right;
301}
302
303/* license note under edit window */
304.dokuwiki div.license {
305    font-size: 93.75%;
306}
307
308[dir=rtl] .dokuwiki .docInfo {
309    text-align: left;
310}
311
312[dir=rtl] .dokuwiki .pageId {
313    float: left;
314    margin-left: -1em;
315    margin-right: 0;
316}
317
318/* footer
319********************************************************************/
320
321.dokuwiki .wrapper {
322    margin-bottom: 1.4em;
323}
324
325#dokuwiki__footer {
326    margin-bottom: 1em;
327    text-align: center;
328
329    > .pad {
330        font-size: 0.875em;
331    }
332
333    div.license {
334        margin-bottom: 0.5em;
335        font-size: 100%;
336    }
337
338    div.buttons a {
339        img {
340            opacity: 0.5;
341        }
342
343        &:hover img,
344        &:active img,
345        &:focus img {
346            opacity: 1;
347        }
348    }
349
350}
351
352[dir=rtl] #dokuwiki__footer .license img {
353    margin: 0 0 0 .5em;
354}
355