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