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
17#dokuwiki__header .headings,
18#dokuwiki__header .tools {
19    margin-bottom: 1.0em;
20    width: 49%;
21}
22#dokuwiki__header h1 img {
23    float: left;
24    margin-right: .3em;
25}
26[dir=rtl] #dokuwiki__header h1 img {
27    float: right;
28    margin-left: .5em;
29    margin-right: 0;
30}
31#dokuwiki__header h1 span {
32    display: block;
33    padding-top: 8px;
34}
35#dokuwiki__header h1 {
36    margin: 0;
37    font-size: 2.0em;
38    font-weight: bold;
39}
40#dokuwiki__header h1 a {
41    text-decoration: none;
42    color: #fff;
43    background-color: inherit;
44}
45#dokuwiki__header h1 a:hover,
46#dokuwiki__header h1 a:active,
47#dokuwiki__header h1 a:focus {
48}
49#dokuwiki__header p.claim {
50    margin-bottom: 0;
51    font-size: 0.875em;
52}
53
54#dokuwiki__header .tools {
55    margin-top: .2em;
56}
57
58
59/* tools
60********************************************************************/
61
62/* highlight selected tool */
63.mode_admin a.action.admin,
64.mode_login a.action.login,
65.mode_register a.action.register,
66.mode_profile a.action.profile,
67.mode_recent a.action.recent,
68.mode_index a.action.index,
69.mode_media a.action.media,
70.mode_revisions a.action.revs,
71.mode_backlink a.action.backlink,
72.mode_subscribe a.action.subscribe {
73    font-weight: bold;
74}
75
76#dokuwiki__header .tools ul {
77    padding-left: 0;
78    margin-bottom: 0;
79}
80#dokuwiki__header .tools li {
81    font-size: 0.875em;
82    margin-left: 1em;
83    list-style: none;
84    display: inline;
85}
86[dir=rtl] #dokuwiki__header .tools li {
87    margin-right: 1em;
88    margin-left: 0;
89}
90#dokuwiki__header .tools form.search div.ajax_qsearch li {
91    font-size: 1em;
92    margin-left: 0;
93    display: block;
94    overflow: hidden;
95    text-overflow: ellipsis;
96}
97
98#dokuwiki__usertools a.action {
99    padding-left: 20px;
100    background: transparent url(images/usertools.png) no-repeat 0 0;
101    color:#fff !important;
102}
103[dir=rtl] #dokuwiki__usertools a.action {
104    padding-left: 0;
105    padding-right: 20px;
106    color:#fff !important;
107}
108[dir=rtl] #IE7 #dokuwiki__usertools a.action {
109    display: inline-block;
110}
111
112
113#dokuwiki__header .mobileTools {
114    display: none; /* hide mobile tools dropdown to only show in mobile view */
115}
116
117/*____________ user tools ____________*/
118
119#dokuwiki__usertools {
120    position: absolute;
121    top: .5em;
122    right: .5em;
123    text-align: right;
124    width: 100%;
125}
126[dir=rtl] #dokuwiki__usertools {
127    text-align: left;
128    left: 40px;
129    right: auto;
130}
131#dokuwiki__usertools ul {
132    margin: 0 auto;
133    padding: 0;
134    max-width: __site_width__;
135}
136#dokuwiki__usertools ul li.user {
137    color:#bbb;
138}
139
140#dokuwiki__usertools a.action.admin {
141    background-position: left 0;
142}
143[dir=rtl] #dokuwiki__usertools a.action.admin {
144    background-position: right 0;
145}
146#dokuwiki__usertools a.action.profile {
147    background-position: left -32px;
148}
149[dir=rtl] #dokuwiki__usertools a.action.profile {
150    background-position: right -32px;
151}
152#dokuwiki__usertools a.action.register {
153    background-position: left -64px;
154}
155[dir=rtl] #dokuwiki__usertools a.action.register {
156    background-position: right -64px;
157}
158#dokuwiki__usertools a.action.login {
159    background-position: left -96px;
160}
161[dir=rtl] #dokuwiki__usertools a.action.login {
162    background-position: right -96px;
163}
164#dokuwiki__usertools a.action.logout {
165    background-position: left -128px;
166}
167[dir=rtl] #dokuwiki__usertools a.action.logout {
168    background-position: right -128px;
169}
170
171
172/*____________ site tools ____________*/
173
174#dokuwiki__sitetools {
175    text-align: right;
176}
177[dir=rtl] #dokuwiki__sitetools {
178    text-align: left;
179}
180
181#dokuwiki__sitetools form.search {
182    display: block;
183    font-size: 0.875em;
184    position: relative;
185}
186#IE7 #dokuwiki__sitetools form.search {
187    min-height: 1px;
188    z-index: 21;
189}
190#dokuwiki__sitetools form.search input.edit {
191    width: 18em;
192    padding: .35em 22px .35em .1em;
193}
194[dir=rtl] #dokuwiki__sitetools form.search input.edit {
195    padding: .35em .1em .35em 22px;
196}
197#dokuwiki__sitetools form.search input.button {
198    background: transparent url(images/search.png) no-repeat 0 0;
199    border-width: 0;
200    width: 19px;
201    height: 14px;
202    text-indent: -99999px;
203    margin-left: -20px;
204    box-shadow: none;
205    padding: 0;
206}
207[dir=rtl] #dokuwiki__sitetools form.search input.button {
208    background-position: 5px 0;
209    margin-left: 0;
210    margin-right: -20px;
211}
212
213#dokuwiki__sitetools ul {
214    margin-top: 0.5em;
215}
216#dokuwiki__sitetools li {
217}
218#dokuwiki__sitetools li a{
219    color:#bbb;
220}
221
222/*____________ breadcrumbs ____________*/
223
224.dokuwiki div.breadcrumbs {
225    border-top: 1px solid __border__;
226    border-bottom: 1px solid __background__;
227    margin-bottom: .5em;
228    font-size: 0.875em;
229    clear: both;
230    color: #bbb;
231}
232.dokuwiki div.breadcrumbs div {
233    padding: .1em .35em;
234}
235
236.dokuwiki div.breadcrumbs div:only-child {
237    border-top: 1px solid __background__;
238    border-bottom: 1px solid __border__;
239}
240.dokuwiki div.breadcrumbs div:first-child {
241    border-top: 1px solid __background__;
242}
243#IE7 .dokuwiki div.breadcrumbs div,
244#IE8 .dokuwiki div.breadcrumbs div {
245    border-bottom: 1px solid __border__;
246}
247.dokuwiki div.breadcrumbs div:last-child {
248    border-bottom: 1px solid __border__;
249}
250
251.dokuwiki div.breadcrumbs a {
252    color: #fff;
253    background-color: inherit;
254}
255.dokuwiki div.breadcrumbs .bcsep {
256    font-size: 0.75em;
257}
258
259
260/* sidebar
261********************************************************************/
262
263#dokuwiki__aside {
264    color:#fff;
265}
266#dokuwiki__aside > .pad {
267    font-size: 0.875em;
268    overflow: hidden;
269    word-wrap: break-word;
270}
271
272/* make sidebar more condensed */
273
274#dokuwiki__aside h1 {
275    font-size: 1.714em;
276    margin-bottom: .292em;
277}
278#dokuwiki__aside h2 {
279    margin-bottom: .333em;
280}
281#dokuwiki__aside h3 {
282    margin-bottom: .444em;
283}
284#dokuwiki__aside h4 {
285    margin-bottom: .5em;
286}
287#dokuwiki__aside h5 {
288    margin-bottom: .5714em;
289}
290
291#dokuwiki__aside p,
292#dokuwiki__aside ul,
293#dokuwiki__aside ol,
294#dokuwiki__aside dl,
295#dokuwiki__aside pre,
296#dokuwiki__aside table,
297#dokuwiki__aside fieldset,
298#dokuwiki__aside hr,
299#dokuwiki__aside blockquote,
300#dokuwiki__aside address {
301    margin-bottom: .7em;
302}
303
304#dokuwiki__aside ul,
305#dokuwiki__aside ol {
306    padding-left: .5em;
307}
308[dir=rtl] #dokuwiki__aside ul,
309[dir=rtl] #dokuwiki__aside ol {
310    padding-right: .5em;
311}
312#dokuwiki__aside li ul,
313#dokuwiki__aside li ol {
314    margin-bottom: 0;
315    padding: 0;
316}
317
318#dokuwiki__aside ul li,
319#dokuwiki__aside ol li {
320    color: #ddd !important;
321}
322
323
324#dokuwiki__aside a:link,
325#dokuwiki__aside a:visited {
326    color: #fff;
327    background-color: inherit;
328}
329
330
331/* content
332********************************************************************/
333
334#dokuwiki__content {
335}
336
337.dokuwiki .pageId {
338    position: absolute;
339    top: -2.3em;
340    right: -1em;
341    overflow: hidden;
342    padding: 1em 1em 0;
343}
344[dir=rtl] .dokuwiki .pageId {
345    right: auto;
346    left: -1em;
347}
348.dokuwiki .pageId span {
349    font-size: 0.875em;
350    border: solid __background_alt__;
351    border-width: 1px 1px 0;
352    background-color: __background__;
353    color: __text_alt__;
354    padding: .1em .35em;
355    border-top-left-radius: 2px;
356    border-top-right-radius: 2px;
357    box-shadow: 0 0 .5em #999;
358    display: block;
359}
360
361.dokuwiki div.page {
362    background: __background__;
363    color: inherit;
364    border: 1px solid #eee;
365    box-shadow: 0 0 .5em #999;
366    border-radius: 2px;
367    padding: 1.556em 2em 2em;
368    margin-bottom: .5em;
369    overflow: hidden;
370    word-wrap: break-word;
371}
372
373.dokuwiki .docInfo {
374    font-size: 0.875em;
375    text-align: right;
376    color: #ccc;
377}
378[dir=rtl] .dokuwiki .docInfo {
379    text-align: left;
380}
381
382/* license note under edit window */
383.dokuwiki div.license {
384    font-size: 93.75%;
385}
386
387
388/* footer
389********************************************************************/
390
391.dokuwiki .wrapper {
392    margin-bottom: 1.4em;
393}
394
395#dokuwiki__footer {
396    margin-bottom: 1em;
397    text-align: center;
398}
399#dokuwiki__footer > .pad {
400    font-size: 0.875em;
401}
402
403#dokuwiki__footer div.license {
404    margin-bottom: 0.5em;
405    font-size: 100%;
406}
407
408[dir=rtl] #dokuwiki__footer .license img {
409    margin: 0 0 0 .5em;
410}
411
412#dokuwiki__footer div.buttons a img {
413    opacity: 0.5;
414}
415#dokuwiki__footer div.buttons a:hover img,
416#dokuwiki__footer div.buttons a:active img,
417#dokuwiki__footer div.buttons a:focus img {
418    opacity: 1;
419}
420