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