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 */
8
9
10/* header
11********************************************************************/
12
13#dokuwiki__header {
14    /* margin: 1em 0 0; */
15    display: flex;
16}
17
18#dokuwiki__header .headings {
19    /* margin-bottom: 2.1em; */
20}
21
22#dokuwiki__header h1 {
23    margin-bottom: 0;
24    font-size: 1.5em;
25}
26
27#dokuwiki__header h1 a {
28    text-decoration: none;
29    color: __link__;
30    background-color: inherit;
31}
32
33#dokuwiki__header p.claim {
34    margin-bottom: 0;
35}
36
37#dokuwiki__header h2 {
38    margin-bottom: 0;
39    font-size: 1.125em;
40}
41
42#dokuwiki__header .tools {
43    /* margin-bottom: 2.1em; */
44}
45
46#dokuwiki__header .tools ul {
47    margin-bottom: 0;
48}
49
50#dokuwiki__header .tools ul li {
51    display: inline;
52}
53
54#dokuwiki__header form.search {
55    margin: .5em 0 0;
56    display: block;
57}
58
59#dokuwiki__header form.search #qsearch__in {
60    width: 12em;
61    margin-right: .5em;
62    padding: 5px;
63    padding-left: 24px;
64    border-radius: 15px;
65}
66
67[dir=rtl] #dokuwiki__header form.search #qsearch__in {
68    margin-right: 0;
69    margin-left: .5em;
70}
71
72#dokuwiki__header div.breadcrumbs {
73    margin-bottom: .3em;
74}
75
76#dokuwiki__header div.breadcrumbs a {
77    color: __existing__;
78    background-color: inherit;
79}
80
81
82/* tools
83********************************************************************/
84
85
86/* make wiki links look the same as tool links in tool bars */
87
88#dokuwiki__usertools a.wikilink1,
89#dokuwiki__pagetools a.wikilink1,
90#dokuwiki__usertools a.wikilink2,
91#dokuwiki__pagetools a.wikilink2 {
92    color: __link__;
93    border-bottom-width: 0;
94}
95
96#dokuwiki__usertools a.wikilink2:hover,
97#dokuwiki__pagetools a.wikilink2:hover,
98#dokuwiki__usertools a.wikilink2:active,
99#dokuwiki__pagetools a.wikilink2:active,
100#dokuwiki__usertools a.wikilink2:focus,
101#dokuwiki__pagetools a.wikilink2:focus {
102    text-decoration: underline;
103}
104
105
106/* highlight selected tool */
107
108
109/* before Greebo: */
110
111.mode_admin a.action.admin,
112.mode_login a.action.login,
113.mode_register a.action.register,
114.mode_profile a.action.profile,
115.mode_recent a.action.recent,
116.mode_index a.action.index,
117.mode_media a.action.media,
118.mode_revisions a.action.revs,
119.mode_backlink a.action.backlink,
120.mode_subscribe a.action.subscribe,
121
122/* since Greebo: */
123
124.mode_admin .action.admin a,
125.mode_login .action.login a,
126.mode_register .action.register a,
127.mode_profile .action.profile a,
128.mode_recent .action.recent a,
129.mode_index .action.index a,
130.mode_media .action.media a,
131.mode_revisions .action.revs a,
132.mode_backlink .action.backlink a,
133.mode_subscribe .action.subscribe a {
134    font-weight: bold;
135}
136
137
138/*____________ user tools ____________*/
139
140#dokuwiki__usertools {
141    position: absolute;
142    top: 0;
143    right: 0;
144    /* border-bottom: 1px solid __border__; */
145    background-color: __background_alt__;
146    /* width: 100%; */
147}
148
149#dokuwiki__usertools ul,
150#dokuwiki__pagetools ul {
151    /* imitate #dokuwiki__site */
152    margin: 0 auto;
153    max-width: __site_width__;
154    padding: 0 1em;
155}
156
157#dokuwiki__usertools ul li.user {
158    /* float: left; */
159    margin-left: 0;
160}
161
162[dir=rtl] #dokuwiki__usertools ul li.user {
163    /* float: right; */
164    margin-right: 0;
165}
166
167
168/*____________ page tools ____________*/
169
170#dokuwiki__pagetools {
171    position: fixed;
172    bottom: 0;
173    right: 0;
174    border-top: 1px solid __border__;
175    background-color: __background_alt__;
176    /* width: 100%; */
177    z-index: 8;
178}
179
180#dokuwiki__pagetools ul li {
181    /* display: inline; */
182    margin: 0 1.5em 0 0;
183}
184
185
186/* before Greebo: */
187
188#dokuwiki__pagetools ul li a.action.top,
189
190/* since Greebo: */
191
192#dokuwiki__pagetools ul li.action.top a {
193    float: right;
194}
195
196
197/* before Greebo: */
198
199[dir=rtl] #dokuwiki__pagetools ul li a.action.top,
200
201/* since Greebo: */
202
203[dir=rtl] #dokuwiki__pagetools ul li.action.top a {
204    float: left;
205}
206
207
208/* hide background images from menu items inserted via plugins */
209
210#dokuwiki__pagetools ul li a {
211    background-image: none !important;
212}
213
214#dokuwiki__pagetools ul li a::before {
215    content: none !important;
216}
217
218
219/* sidebar
220********************************************************************/
221
222#dokuwiki__aside {
223    padding-top: .4em;
224}
225
226.dokuwiki .aside {
227    overflow: hidden;
228    word-wrap: break-word;
229    line-height: 1.2;
230}
231
232
233/* make sidebar more condensed */
234
235.dokuwiki .aside h1 {
236    margin-bottom: .222em;
237}
238
239.dokuwiki .aside h2 {
240    margin-bottom: .333em;
241}
242
243.dokuwiki .aside h3 {
244    margin-bottom: .444em;
245}
246
247.dokuwiki .aside h4 {
248    margin-bottom: .5em;
249}
250
251.dokuwiki .aside h5 {
252    margin-bottom: .5714em;
253}
254
255.dokuwiki .aside p,
256.dokuwiki .aside ul,
257.dokuwiki .aside ol,
258.dokuwiki .aside dl,
259.dokuwiki .aside pre,
260.dokuwiki .aside table,
261.dokuwiki .aside fieldset,
262.dokuwiki .aside hr,
263.dokuwiki .aside blockquote,
264.dokuwiki .aside address {
265    margin-bottom: .7em;
266}
267
268.dokuwiki .aside ul,
269.dokuwiki .aside ol {
270    padding-left: .5em;
271}
272
273[dir=rtl] .dokuwiki .aside ul,
274[dir=rtl] .dokuwiki .aside ol {
275    padding-right: .5em;
276}
277
278.dokuwiki .aside li ul,
279.dokuwiki .aside li ol {
280    margin-bottom: 0;
281    padding: 0;
282}
283
284
285/* content
286********************************************************************/
287
288.dokuwiki .page {
289    word-wrap: break-word;
290}
291
292
293/* license note in footer and under edit window */
294
295.dokuwiki div.license {
296    font-size: 93.75%;
297}
298
299
300/* footer
301********************************************************************/
302
303.dokuwiki .wrapper {
304    margin-bottom: 2.8em;
305}
306
307#dokuwiki__footer {
308    margin-bottom: 1em;
309}
310
311#dokuwiki__footer .doc {
312    float: left;
313}
314
315#dokuwiki__footer .top {
316    float: right;
317}
318
319#dokuwiki__footer .license {
320    clear: both;
321}
322
323#dokuwiki__footer .license img {
324    margin: 0 .5em 0 0;
325    float: none;
326}