1/* All the additional CSS rules needed for this template
2Make all your changes here, and not in the original Starter template files
3 */
4
5/* MIXINS and PARAMS */
6
7@left-fillet: 5px 0 0 0;
8@right-fillet: 0 5px 0 0;
9@toc_fontsize: 85%;
10@aside-border: #CFDBEC;
11@title-font: Calibri;
12
13
14.box-shadow() {
15    box-shadow: 5px 5px 7px #888;
16    -moz-box-shadow: 5px 5px 7px #888;
17    -webkit-box-shadow: 5px 5px 7px #888;
18}
19
20.border-radius(@rad) {
21    border-radius: @rad;
22    -webkit-border-radius: @rad;
23    -moz-border-radius: @rad;
24    -o-border-radius: @rad;
25    -ms-border-radius: @rad;
26    -khtml-border-radius: @rad;
27}
28
29
30// ********************************
31
32
33/* JS footnote popup */
34div.insitu-footnote {
35    .border-radius(5px);
36    .box-shadow();
37    font-size: 90%;
38    padding: 0.3em 0.6em 0.4em;
39}
40
41
42.dokuwiki {
43    /* _edit.css --- HIGHLIGHTING */
44    .secedit input.button {
45        margin: 4px 0 2px 0;
46    }
47    /* _footnotes.css --- FOOTNOTES */
48    /* link to footnote inside the text */
49    sup a.fn_top {
50        font-size: 0.7em;
51        margin: 0 0.18em;
52    }
53
54    div.footnotes {
55        font-size: 75%;
56    }
57
58    /* _toc.css --- TOC */
59    div.tocheader {
60        color: @ini_text_neu;
61        .border-radius(5px);
62    }
63
64    #toc__inside {
65        font-size: @toc-fontsize;
66        padding: .2em .5em .5em;
67        .border-radius(5px);
68    }
69}
70
71/* basic.css */
72body {
73    font-family: "Segoe UI";
74}
75
76h1, h2, h3, h4, h5, h6, caption, legend {
77    font-family: @title-font;
78}
79
80textarea.edit {
81    font-family: Consolas;
82}
83
84input[type=submit], input[type=text], input.button, button, #dokuwiki__header form.search #qsearch__in, .dokuwiki form.search div.ajax_qsearch {
85    border: 1px solid @ini_border;
86    line-height: normal;
87    .border-radius(3px);
88}
89
90input[type=submit] {
91    padding-bottom: 1px;
92}
93
94input[type=text] {
95    padding: 2px 5px;
96}
97
98
99/* content.css --- TABLES */
100.dokuwiki table.inline th, .dokuwiki table.inline td {
101    border: 1px solid @ini_border;
102}
103
104.dokuwiki ul {
105    list-style-image: url("images/bullet.gif");
106}
107
108
109/* design.css */
110
111/* HEADER */
112#dokuwiki__header {
113    margin: 0;
114    right: 0;
115    width: auto;
116    top: 0;
117
118    .pad {
119        padding: 0;
120    }
121    .row {
122        height: 40px;
123        width: 100%;
124    }
125    h1 a {
126        clear: left;
127        font-family: @title-font;
128        font-size: 28px;
129        line-height:40px;
130        vertical-align: middle;
131    }
132    .headings {
133        margin: 0 1.5em;
134    }
135    .headings,
136    form.search {
137        display: block;
138        float: left;
139    }
140    form.search {
141        clear: none;
142        height: 28px;
143        margin-top: 0 !important;
144        padding: 8px 0 4px;
145
146        #qsearch__in {
147            width: 12em;
148            font-size: 95%;
149        }
150        div.ajax_qsearch {
151            left: 14em;
152            top: 26px;
153            width: auto;
154            .box-shadow();
155        }
156    }
157    div.breadcrumbs {
158        font-size: 70%;
159        padding: .2em 0 .2em 2em;
160        //white-space: nowrap;
161
162        .bchead {
163            font-family: @title-font;
164            font-size: 112%;
165            font-style: italic;
166            font-weight: bold;
167        }
168        a {
169            font-style: italic;
170            &:hover {
171                color: black;
172                text-decoration: none;
173            }
174        }
175    }
176}
177
178#dokuwiki__footer .doc {
179    float: right;
180    font-size: 75%;
181    font-style: italic;
182    padding-right: 1em;
183}
184
185
186/* TOOLS */
187/* USERTOOLS, PAGETOOLS, SITETOOLS */
188
189
190/* page tools fixed at bottom of browser window */
191
192#dokuwiki__pagetools {
193    ul {
194        font-size: 90%;
195        margin: 0 0;
196        max-width: 100%;
197        padding: 0.1em 0;
198    }
199    li {
200        border-style: solid;
201        border-width: 1px;
202        border-bottom: none;
203        border-left: none;
204        float: left;
205        margin: 0 0 !important;
206        padding: .1em 1em;
207
208        &:nth-last-child(1) {
209            border-left: 1px;
210            border-right: none;
211            float: right;
212            .border-radius(@left-fillet);
213        }
214        &:nth-last-child(2) {
215            margin: 0 0 !important;
216            padding: .1em 1em;
217            float: left;
218            border-width: 1px;
219            border-style: solid;
220            border-bottom: none;
221            border-left: none;
222            .border-radius(@right-fillet);
223        }
224    }
225}
226
227
228
229/* SIDEBAR */
230#dokuwiki__aside {
231    .pad {
232        border-right: 1px solid @aside-border;
233        padding-left: 4px;
234    }
235    ul {
236        list-style: none;
237        li {
238            margin-left: 0;
239        }
240    }
241}
242
243
244/* structure.css */
245
246#dokuwiki__site {
247    max-width: 100%;
248    padding: 0 0 2.4em;
249    z-index: 0;
250
251    .wrapper {
252        margin: 0.7em auto;
253        max-width: @ini_site_width;
254        padding: 0 1em;
255    }
256}
257
258#dokuwiki__usertools,
259#dokuwiki__sitetools {
260    border: 0;
261    width: auto;
262    a:hover {
263        cursor: default;
264    }
265    ul {
266        margin: 0;
267        max-width: none;
268        padding: 1px 0 0 0;
269    }
270}
271
272.tools {
273
274    background: inherit !important;
275    border: none;
276    display: block;
277    float: right;
278    height: 40px;
279    margin: 0 !important;
280    overflow: visible;
281
282    ul {
283        margin: 0;
284        float: left;
285        list-style: none;
286
287        li {
288            display: list-item !important;
289            float: right;
290            margin: 0;
291            padding: 0;
292            position: relative !important;
293
294            &:hover ul {
295                display: block;
296                @include transition(background, 0.2s);
297            }
298
299            a, .user {
300                display: block;
301                padding:0 0.5em;
302                height: 40px;
303                line-height: 40px;
304                text-align: left;
305                vertical-align: middle;
306            }
307            a img {
308                height: 20px;
309                width: 20px;
310                opacity: 0.5;
311            }
312
313            .user {
314                font-size: 80%;
315            }
316
317            ul {
318                display: none;
319                min-width: 150px;
320                position: absolute;
321                right: 0;
322                top: 40px;
323                transition: visibility 0.65s ease-in;
324                width: inherit !important;
325                z-index:9999;
326
327                li {
328                    float: left;
329                    position: relative;
330                    width: 100%;
331                    a:hover {
332                        cursor: pointer !important;
333                    }
334                }
335            }
336        }
337    }
338}
339