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: 1.5em 0 1.5em; /* Change: Reduced padding to 1.5 0 1.5 */
15
16    .headings,
17    .tools {
18        /* Removed: margin-bottom: 1.5em; */
19        width: 49%;
20    }
21    .tools {
22        margin-top: .2em;
23    }
24
25    h1 {
26        margin: 0;
27        font-size: 2.5em; /* Change: raised size from 1.5em to 2.5em */
28        /* Removed: font-weight: normal; */
29
30        img { /* Comment: deprecated */
31            float: left;
32            margin-right: .5em;
33        }
34
35        span {
36            display: block;
37            /* Removed: 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        /* Removed: 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 .action.admin a,
70.mode_login .action.login a,
71.mode_register .action.register a,
72.mode_profile .action.profile a,
73.mode_recent .action.recent a,
74.mode_index .action.index a,
75.mode_media .action.media a,
76.mode_revisions .action.revs a,
77.mode_backlink .action.backlink a,
78.mode_subscribe .action.subscribe a {
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: 98%; /* Change: from 18em to 98% */
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    /* Removed: font-size: 0.875em; */
198    overflow: hidden;
199    word-wrap: break-word;
200    padding: 1.556em 0em 2em; /* Added: padding */
201
202    /* make sidebar more condensed */
203
204    h1 {
205        font-size: 1.714em;
206        margin-bottom: .292em;
207    }
208
209    h2 {
210        margin-bottom: .333em;
211    }
212
213    h3 {
214        margin-bottom: .444em;
215    }
216
217    h4 {
218        margin-bottom: .5em;
219    }
220
221    h5 {
222        margin-bottom: .5714em;
223    }
224
225    p,
226    ul,
227    ol,
228    dl,
229    pre,
230    table,
231    fieldset,
232    hr,
233    blockquote,
234    address {
235        margin-bottom: .7em;
236    }
237
238    ul,
239    ol {
240        padding-left: .5em;
241    }
242
243    li ul,
244    li ol {
245        margin-bottom: 0;
246        padding: 0;
247    }
248
249    a:link,
250    a:visited {
251        color: @ini_link;
252        background-color: inherit;
253    }
254}
255
256[dir=rtl] .dokuwiki .aside ul,
257[dir=rtl] .dokuwiki .aside ol {
258    padding-right: .5em;
259}
260
261/* content
262********************************************************************/
263
264.dokuwiki .pageId {
265    float: right;
266    margin-right: -1em;
267    margin-bottom: -1px;
268    margin-top: -1.5em;
269    overflow: hidden;
270    padding: 0.5em 1em 0;
271
272    span {
273        font-size: 0.875em;
274        border: solid @ini_background_alt;
275        border-width: 1px 1px 0;
276        background-color: @ini_background;
277        color: @ini_text_alt;
278        padding: .1em .35em;
279        border-top-left-radius: 2px;
280        border-top-right-radius: 2px;
281        box-shadow: 0 0 .5em @ini_text_alt;
282        display: block;
283    }
284}
285
286.dokuwiki div.page {
287    clear: both;
288    background: @ini_background;
289    color: inherit;
290    /* Removed: border: 1px solid @ini_background_alt; */
291    /* Removed: box-shadow: 0 0 .5em @ini_text_alt; */
292    border-radius: 2px;
293    padding: 1.556em 2em 2em;
294    margin-bottom: .5em;
295    overflow: hidden;
296    word-wrap: break-word;
297}
298
299.dokuwiki .docInfo {
300    /* Removed: font-size: 0.875em; */
301    text-align: right;
302}
303
304/* license note under edit window */
305.dokuwiki div.license {
306    font-size: 93.75%;
307}
308
309[dir=rtl] .dokuwiki .docInfo {
310    text-align: left;
311}
312
313[dir=rtl] .dokuwiki .pageId {
314    float: left;
315    margin-left: -1em;
316    margin-right: 0;
317}
318
319/* footer
320********************************************************************/
321
322.dokuwiki .wrapper {
323    margin-bottom: 1.4em;
324}
325
326#dokuwiki__footer {
327    margin-bottom: 1em;
328    text-align: center;
329
330    > .pad {
331        /* Removed: font-size: 0.875em; */
332    }
333
334    div.license {
335        margin-bottom: 0.5em;
336        font-size: 100%;
337    }
338
339    div.buttons a {
340        img {
341            opacity: 0.5;
342        }
343
344        &:hover img,
345        &:active img,
346        &:focus img {
347            opacity: 1;
348        }
349    }
350
351}
352
353[dir=rtl] #dokuwiki__footer .license img {
354    margin: 0 0 0 .5em;
355}
356