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