1
2/**
3 * This file provides the most basic styles.
4 *
5 * If you integrate DokuWiki into another project, you might either
6 * want to integrate this file into the other project as well, or use
7 * the other project's basic CSS for DokuWiki instead of this one.
8 *
9 * @author Anika Henke <anika@selfthinker.org>
10 * @author Klaus Vormweg <klaus.vormweg@gmx.de>
11 *
12 * Modified by L. Heyman 10/14/22
13 */
14
15 html {
16  margin: 0;
17  padding: 0;
18  overflow-x: auto;
19  overflow-y: auto;
20  font: normal 87.5%/1.35 Frutiger, Calibri, "Myriad Pro", Myriad, "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
21  /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */
22  background-color: __background_alt__;
23}
24body {
25  margin: 0 auto;
26  font: normal 100%/1.4 sans-serif;
27  color: __text__;
28  background-color:white;
29}
30
31
32/* headlines */
33h1,
34h2,
35h3,
36h4,
37h5,
38h6 {
39  font-family: sans-serif, tebuchet;
40  background-color: inherit;
41  padding: 0;
42  clear: left; /* ideally 'both', but problems with toc */
43}
44
45
46div#content .dokuwiki h1,
47div#content .dokuwiki h2,
48div#content .dokuwiki h3,
49div#content .dokuwiki h4,
50div#content .dokuwiki h5,
51div#content .dokuwiki h6,
52{
53  border-bottom: 2px solid __text__;
54  color: __text__;
55  margin: 0;
56  padding-bottom: 0.2em;
57  padding-top: 0.5em;
58  margin-bottom: .3em;
59}
60
61div#content .dokuwiki h1 a,
62div#content .dokuwiki h2 a,
63div#content .dokuwiki h3 a,
64div#content .dokuwiki h4 a,
65div#content .dokuwiki h5 a,
66div#content .dokuwiki h6 a {
67  color: __text__;
68}
69div#content .dokuwiki h1 a:hover,
70div#content .dokuwiki h2 a:hover,
71div#content .dokuwiki h3 a:hover,
72div#content .dokuwiki h4 a:hover,
73div#content .dokuwiki h5 a:hover,
74div#content .dokuwiki h6 a:hover {
75  text-decoration: none;
76}
77div#content .dokuwiki h1, h1 {
78  font-size: 150%;
79}
80
81div#coontent .dokuwiki h2, h2 {
82font-size:135%;}
83
84div#content .dokuwiki h1,
85div#content .dokuwiki h2,
86h1, h2 {
87  border-bottom: 2px solid __text__;
88  color: __text__;
89  margin: 0;
90  padding-bottom: 0em;
91  padding-top: 0.5em;
92  margin-bottom: .3em;
93}
94div#content .dokuwiki h3,
95div#content .dokuwiki h4,
96div#content .dokuwiki h5,
97div#content .dokuwiki h6, h3, h4, h5 {
98  font-weight: bold;
99  border-bottom: none;
100  margin-bottom: 0.3em;
101}
102div#content .dokuwiki h3, h3 {
103  font-size: 125%;
104}
105div#content .dokuwiki h4, h4 {
106  font-size: 110%;
107}
108div#content .dokuwiki h5, h5 {
109  font-size: 100%;
110}
111div#content .dokuwiki h6, h6 {
112  font-size: 80%;
113}
114
115/* remove indent from different sections */
116div#content .dokuwiki div.level1,
117div#content .dokuwiki div.level2,
118div#content .dokuwiki div.level3,
119div#content .dokuwiki div.level4,
120div#content .dokuwiki div.level5 {
121  margin-left: 0;
122}
123
124
125/* basic margins and paddings */
126p,
127ul,
128ol,
129dl,
130pre,
131table,
132blockquote,
133fieldset,
134address {
135  margin: 0 0 .5em 0; /* bottom margin = line-height */
136  padding: 0;
137}
138div {
139  margin: 0;
140  padding: 0;
141}
142
143/* lists */
144ul,
145ol {
146  padding: 0 0 0 0em;
147}
148li,
149dd {
150  padding: 0;
151  margin: 0 0 0 1.5em;
152}
153dt {
154  font-weight: bold;
155  margin: 0;
156  padding: 0;
157}
158li ul,
159li ol,
160li dl,
161dl ul,
162dl ol,
163dl dl {
164  margin-bottom: 0;
165  padding: 0;
166}
167li li {
168  font-size: 100%;
169}
170ul             { list-style: square outside; }
171ol             { list-style: decimal outside; }
172ol ol          { list-style-type: lower-alpha; }
173ol ol ol       { list-style-type: upper-roman; }
174ol ol ol ol    { list-style-type: upper-alpha; }
175ol ol ol ol ol { list-style-type: lower-roman; }
176
177/* tables */
178table {
179  border-collapse: collapse;
180  empty-cells: show;
181  border-spacing: 0;
182  border: 1px solid __border__;
183  background-color:white;
184}
185caption {
186  caption-side: top;
187  text-align: left;
188  margin: 0 0 .3em;
189}
190th,
191td {
192  padding: .3em .5em;
193  margin: 0;
194  vertical-align: top;
195  border: 1px solid __border__;
196  text-align: left;
197}
198th {
199  font-weight: bold;
200  background-color: __background_alt__;
201}
202
203
204/* links */
205div.dokuwiki a:link,
206div.dokuwiki a:visited {
207  color: #436976;
208  text-decoration: none;
209}
210div.dokuwiki a:hover,
211div.dokuwiki a:active {
212  color: __text__;
213  text-decoration: underline;
214}
215
216/* missing page links outside rendered articles */
217a.wikilink2,
218a.wikilink2:link,
219a.wikilink2:visited,
220a.wikilink2:hover {
221  color: __missing__ !important;
222  text-decoration: none;
223}
224a.wikilink2:hover {
225  border-bottom: 0 none !important;
226  text-decoration: none !important;
227}
228
229/* link to current page */
230.dokuwiki span.curid a {
231  font-weight: normal;
232}
233
234/* internal link */
235.dokuwiki a.wikilink1,
236.dokuwiki a.wikilink1:visited {
237  color: __existing__ !important;
238}
239
240/* external links */
241div#bodyContent a.urlextern {
242  background: url(static/3rd/vector/external-link-ltr-icon.png) center right no-repeat;
243  padding: 0 13px 0 0;
244}
245div.dokuwiki a.urlextern:visited {
246  color: purple;
247}
248
249/* email link */
250div#bodyContent a.mail {
251  background: transparent url(static/3rd/vector/mail-icon.png) center right no-repeat;
252  padding: 0 13px 0 0;
253}
254
255/* windows share */
256div.dokuwiki a.windows {
257  background: transparent url(static/3rd/dokuwiki/unc.png) center right no-repeat;
258  padding: 0 18px 1px 0;
259}
260
261/* interwiki link */
262div.dokuwiki a.interwiki {
263  background-position: center left;
264  padding: 0 17px 0 px;
265}
266div.dokuwiki a.interwiki:visited {
267  color: purple;
268}
269
270/*____________ misc ____________*/
271
272img {
273  border-width: 0;
274  vertical-align: middle;
275  background-color: transparent;
276  height: auto;
277}
278
279img,
280object,
281embed,
282iframe,
283video,
284audio {
285  max-width: 100%;
286}
287
288iframe {
289  border-width: 0;
290  background-color: inherit;
291}
292
293/* IE8 and below won't display the images otherwise */
294#IE8 img,
295button img {
296  max-width: none;
297}
298
299hr {
300  border: 0 none;
301  text-align: center;
302  width: 100%;
303  clear: both;
304}
305
306acronym,
307abbr {
308  font-style: normal;
309}
310acronym[title],
311abbr[title] {
312  cursor: help;
313  border-bottom: 1px dotted;
314  text-decoration: none;
315}
316em acronym,
317em abbr {
318  font-style: italic;
319}
320
321mark {
322  background: __highlight__;
323  color: inherit;
324}
325
326pre,
327code,
328samp,
329kbd {
330  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
331  /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
332  font-size: 1em;
333  color: __text__;
334  direction: ltr;
335  text-align: left;
336}
337pre {
338  border: 1px solid __border__;
339  background-color: #fafafa;
340  padding: 0 .2em;
341  overflow: auto;
342  word-wrap: normal;
343}
344
345blockquote {
346  padding: 0 .2em;  /* changed fronm "0 1.25em;" by Lenny 10/14/22  */
347  border: solid __border__;
348  border-width: 0 0 0 2px;
349}
350
351[dir=rtl] blockquote {
352  border-width: 0 .25em 0 0;
353}
354q:before,
355q:after {
356  content: '';
357}
358
359sub,
360sup {
361  font-size: .8em;
362  line-height: 1;
363}
364sub {
365  vertical-align: sub;
366}
367sup {
368  vertical-align: super;
369}
370
371small {
372  font-size: .8em;
373}
374
375/*____________ forms ____________*/
376
377form {
378  display: inline;
379  margin: 0;
380  padding: 0;
381}
382
383fieldset {
384  padding: .7em 1em 0;
385  padding: .7rem 1rem; /* for those browsers understanding :last-child */
386  border: 1px solid __border__;
387}
388fieldset > :last-child {
389  margin-bottom: 0;
390}
391legend {
392  padding: 0 .1em;
393}
394
395label {
396  vertical-align: middle;
397  cursor: pointer;
398}
399
400input,
401textarea,
402button,
403select,
404optgroup,
405option,
406keygen,
407output,
408meter,
409progress {
410  font: inherit;
411  color: inherit;
412  /* background-color destroys button look */
413  line-height: normal;
414  margin: 0;
415  vertical-align: middle;
416  -moz-box-sizing: content-box;
417  -webkit-box-sizing: content-box;
418  box-sizing: content-box;
419}
420
421input,
422button,
423select,
424keygen,
425textarea {
426  border: 1px solid __border__;
427  border-radius: 3px;
428}
429input[type=radio],
430input[type=checkbox],
431input[type=image],
432input.check {
433  padding: 0;
434}
435
436input[type=submit],
437input[type=button],
438input[type=reset],
439input.button,
440button {
441  cursor: pointer;
442  overflow: visible;
443  padding: .1em .4em;
444}
445
446input[disabled],
447button[disabled],
448select[disabled],
449textarea[disabled],
450option[disabled],
451input[readonly],
452button[readonly],
453select[readonly],
454textarea[readonly] {
455  cursor: auto;
456  opacity: .5;
457}
458
459input:focus,
460button:focus,
461select:focus,
462keygen:focus,
463textarea:focus,
464input:active,
465button:active,
466select:active,
467keygen:active,
468textarea:active {
469    border-color: __borderdark__;
470}
471input::-moz-focus-inner,
472button::-moz-focus-inner {
473  border: 0;
474  padding: 0;
475}
476button {
477    background-color: __background__;
478    padding: 0.25em 0.75em;
479}
480button:hover {
481    border-color: __borderdark__;
482}
483select {
484  max-width: 100%;
485}
486optgroup {
487  font-style: italic;
488  font-weight: bold;
489}
490option {
491  font-style: normal;
492  font-weight: normal;
493}
494