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    .headings,
15    .tools {
16        margin-top: .2em;
17    }
18
19    h1 {
20        margin: 0;
21        font-size: 1.5em;
22        font-weight: normal;
23	text-align: center;
24
25        img {
26            margin-right: .5em;
27	    width:100%;
28        }
29
30        span {
31            display: block;
32            padding-top: 10px;
33        }
34
35        a {
36            text-decoration: none;
37            color: @ini_text;
38            background-color: inherit;
39        }
40    }
41
42    p.claim {
43        margin-bottom: 0;
44        font-size: 1.5em;
45	text-align: center;
46	font-weight: bold;
47    }
48
49    /* make all links in header (including breadcrumb and interwiki) same colour as the rest */
50    a {
51        color: @ini_link;
52        background-color: inherit;
53    }
54}
55
56[dir=rtl] #dokuwiki__header h1 img {
57    /* float: right; */
58    margin-left: .5em;
59    margin-right: 0;
60}
61
62/* tools
63********************************************************************/
64
65/* highlight selected tool */
66.mode_admin a.action.admin,
67.mode_login a.action.login,
68.mode_register a.action.register,
69.mode_profile a.action.profile,
70.mode_recent a.action.recent,
71.mode_index a.action.index,
72.mode_media a.action.media,
73.mode_revisions a.action.revs,
74.mode_backlink a.action.backlink,
75.mode_subscribe a.action.subscribe {
76    font-weight: bold;
77}
78
79#dokuwiki__header .tools {
80    ul {
81        padding-left: 0;
82        margin-bottom: 0;
83    }
84
85    li {
86        font-size: 0.875em;
87        margin-left: 0.5em;
88        list-style: none;
89        display: inline;
90    }
91
92    form.search div.ajax_qsearch li {
93        font-size: 1em;
94        margin-left: 0;
95        display: block;
96        overflow: hidden;
97        text-overflow: ellipsis;
98    }
99}
100
101[dir=rtl] #dokuwiki__header .tools li {
102    margin-right: 1em;
103    margin-left: 0;
104}
105
106#dokuwiki__usertools a.action,
107
108[dir=rtl] #dokuwiki__usertools a.action {
109    padding: 0;
110}
111
112#dokuwiki__header .mobileTools {
113    display: none; /* hide mobile tools dropdown to only show in mobile view */
114}
115
116
117
118/*____________ user tools ____________*/
119
120#dokuwiki__usertools {
121    top: .5em;
122    right: .5em;
123    text-align: right;
124    width: 49%;
125    float: right;
126
127    ul {
128        margin: 0 auto;
129        padding: 0;
130        max-width: @ini_site_width;
131    }
132
133    a.action.admin {
134        background-position: left 0;
135    }
136
137    a.iw_user,
138    a.action.profile {
139        background-position: left -32px;
140    }
141
142    a.action.register {
143        background-position: left -64px;
144    }
145
146    a.action.login {
147        background-position: left -96px;
148    }
149
150    a.action.logout {
151        background-position: left -128px;
152    }
153}
154
155[dir=rtl] #dokuwiki__usertools {
156    text-align: left;
157    left: 40px;
158    right: auto;
159
160    a.action.admin {
161        background-position: right 0;
162    }
163
164    a.action.profile {
165        background-position: right -32px;
166    }
167
168    a.action.register {
169        background-position: right -64px;
170    }
171
172    a.action.login {
173        background-position: right -96px;
174    }
175
176    a.action.logout {
177        background-position: right -128px;
178    }
179}
180
181/*____________ site tools ____________*/
182
183#dokuwiki__sitetools {
184   width:49%;
185
186    form.search {
187        font-size: 0.875em;
188    }
189}
190
191[dir=rtl] #dokuwiki__sitetools {
192    text-align: left;
193}
194
195form.search {
196    display: block;
197    position: relative;
198    float:right;
199    margin-bottom: 0.5em;
200
201    input {
202        width: 18em;
203        padding: .35em 22px .35em .1em;
204    }
205
206    button {
207        background: transparent url(images/search.png) no-repeat 0 0;
208        border-width: 0;
209        width: 19px;
210        height: 14px;
211        text-indent: -99999px;
212        margin-left: -20px;
213        box-shadow: none;
214        padding: 0;
215    }
216}
217
218[dir=rtl] form.search {
219    input {
220        padding: .35em .1em .35em 22px;
221    }
222
223    button {
224        background-position: 5px 0;
225        margin-left: 0;
226        margin-right: -20px;
227        position: relative;
228    }
229}
230
231
232/*____________search_________________*/
233.dokuwiki div.searchlang {
234    float: right;
235    width: 29%;
236}
237
238.dokuwiki div.plugin_translation {
239	color: green;
240	display: inline;
241
242
243}
244.dokuwiki div.bread_here {
245	float: left;
246	display: inline-block;
247	width:68%;
248}
249
250
251
252/* sidebar
253********************************************************************/
254.dokuwiki .aside {
255  background-color: @ini_background;
256  border-radius: 5px;
257
258
259}
260.dokuwiki .aside {
261    a:link,
262    a:visited,
263    strong.li {
264        color: @ini_link;
265	padding:0.5em;
266	display: block;
267    }
268    strong.li a {
269	display: inline;
270	padding: 0;
271
272    }
273    a:hover,
274    a:focus {
275        color: @ini_link_alt;
276	background-color: @ini_background_alt;
277	border-radius: 5px;
278    }
279}
280
281.dokuwiki .aside ul {
282  z-index: 0;
283  list-style-type: none;
284  margin: 0;
285  padding: 0;
286  font-weight: bold !important;
287}
288
289.dokuwiki .aside ul li {
290  margin: 0;
291  padding: 0;
292  float: left;
293  line-height: 1.25em;
294}
295
296.dokuwiki .aside ul li div.li {
297  font-weight: bold !important;
298}
299
300.dokuwiki .aside ul ul {
301  position: absolute;
302  visibility: hidden;
303  opacity: 0;
304  transition: visibility 0s linear 0.5s, opacity 0.5s linear;
305  width: auto;
306  background-color: __background_alt__;
307  margin: 0;
308  padding: 0 0 0.25em 0;
309}
310
311.dokuwiki .aside ul ul li {
312  float: none;
313  padding: 1px 0.5em 0 0.5em;
314  margin-right: 0 !important;
315}
316
317.dokuwiki .aside ul ul li div.li {
318  font-weight: normal !important;
319}
320
321.dokuwiki .aside ul ul ul {
322  top: -1px;
323  left: 99.5%;
324}
325
326.dokuwiki .aside ul li:hover > ul {
327  visibility: visible;
328  opacity: 1;
329  transition-delay: 0s;
330}
331
332/* content
333********************************************************************/
334
335
336.dokuwiki div.page {
337    clear: both;
338    background: @ini_background;
339    color: inherit;
340    border: 1px solid @ini_background_alt;
341    box-shadow: 0 0 .5em @ini_text_alt;
342    border-radius: 2px;
343    padding: 1.556em 2em 2em;
344    margin-bottom: .5em;
345    overflow: hidden;
346    word-wrap: break-word;
347}
348
349.dokuwiki .docInfo {
350    font-size: 0.875em;
351    text-align: right;
352}
353
354/* license note under edit window */
355.dokuwiki div.license {
356    font-size: 93.75%;
357}
358
359[dir=rtl] .dokuwiki .docInfo {
360    text-align: left;
361}
362
363[dir=rtl] .dokuwiki .pageId {
364    float: left;
365    margin-left: -1em;
366    margin-right: 0;
367}
368
369/* Breadcrumbs
370********************************************************************/
371.breadsearch {
372	padding-bottom: 2em;
373	position: relative;
374	}
375
376/* toolszenith
377********************************************************************/
378.toolszenith {
379	position: relative;
380	padding-top: 2em;
381	}
382
383/* pagetools
384********************************************************************/
385#dokuwiki__pagetoolszenith {
386	padding:1%;
387
388    .headings,
389    .tools {
390        margin-top: .2em;
391	position: relative;
392    }
393
394    h1 {
395        margin: 0;
396        font-size: 1.5em;
397        font-weight: normal;
398	text-align: center;
399
400        img {
401            margin-right: .5em;
402	    width:100%;
403        }
404
405        span {
406            display: block;
407            padding-top: 10px;
408        }
409
410        a {
411            text-decoration: none;
412            color: @ini_text;
413            background-color: inherit;
414        }
415    }
416
417    /* make all links in header (including breadcrumb and interwiki) same colour as the rest */
418    a {
419        color: @ini_link;
420        background-color: inherit;
421    }
422}
423
424[dir=rtl] #dokuwiki__pagetoolszenith h1 img {
425    /* float: right; */
426    margin-left: .5em;
427    margin-right: 0;
428}
429
430#dokuwiki__pagetoolszenith .tools {
431    ul {
432        padding-left: 0;
433        margin-bottom: 0;
434    }
435
436    li {
437        font-size: 0.875em;
438        margin-left: 0.5em;
439        list-style: none;
440        display: inline;
441    }
442
443    form.search div.ajax_qsearch li {
444        font-size: 1em;
445        margin-left: 0;
446        display: block;
447        overflow: hidden;
448        text-overflow: ellipsis;
449    }
450}
451
452[dir=rtl] #dokuwiki__pagetoolszenith .tools li {
453    margin-right: 1em;
454    margin-left: 0;
455}
456
457#dokuwiki__pagetoolszenith .mobileTools {
458    display: none; /* hide mobile tools dropdown to only show in mobile view */
459}
460
461
462/* footer
463********************************************************************/
464
465.dokuwiki .wrapper {
466    margin-bottom: 1.4em;
467}
468
469#dokuwiki__footer {
470    margin-bottom: 1em;
471    text-align: center;
472
473    > .pad {
474        font-size: 0.875em;
475    }
476
477    div.license {
478        margin-bottom: 0.5em;
479        font-size: 100%;
480    }
481
482    div.buttons a {
483        img {
484            opacity: 0.5;
485        }
486
487        &:hover img,
488        &:active img,
489        &:focus img {
490            opacity: 1;
491        }
492    }
493
494}
495
496[dir=rtl] #dokuwiki__footer .license img {
497    margin: 0 0 0 .5em;
498}
499
500