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:#f4efe1;
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 .5em 0em;
147}
148
149li,
150dd {
151  padding: 0;
152  margin: 0 0 .5em 1.5em;
153}
154
155dt {
156  font-weight: bold;
157  margin: 0;
158  padding: 0;
159}
160li ul,
161li ol,
162li dl,
163dl ul,
164dl ol,
165dl dl {
166  margin-bottom: .5em;
167  padding: 0;
168}
169li li {
170  font-size: 100%;
171}
172ul             { list-style: square outside; }
173ol             { list-style: decimal outside; }
174ol ol          { list-style-type: lower-alpha; }
175ol ol ol       { list-style-type: upper-roman; }
176ol ol ol ol    { list-style-type: upper-alpha; }
177ol ol ol ol ol { list-style-type: lower-roman; }
178
179/* tables */
180table {
181  border-collapse: collapse;
182  empty-cells: show;
183  border-spacing: 0;
184  border: 1px solid __border__;
185  background-color:white;
186}
187caption {
188  caption-side: top;
189  text-align: left;
190  margin: 0 0 .3em;
191}
192th,
193td {
194  padding: .3em .5em;
195  margin: 0;
196  vertical-align: top;
197  border: 1px solid __border__;
198  text-align: left;
199}
200th {
201  font-weight: bold;
202  background-color: __background_alt__;
203}
204
205
206/* links */
207div.dokuwiki a:link,
208div.dokuwiki a:visited {
209  color: #436976;
210  text-decoration: none;
211}
212div.dokuwiki a:hover,
213div.dokuwiki a:active {
214  color: __text__;
215  text-decoration: underline;
216}
217
218/* missing page links outside rendered articles */
219a.wikilink2,
220a.wikilink2:link,
221a.wikilink2:visited,
222a.wikilink2:hover {
223  color: __missing__ !important;
224  text-decoration: none;
225}
226a.wikilink2:hover {
227  border-bottom: 0 none !important;
228  text-decoration: none !important;
229}
230
231/* link to current page */
232.dokuwiki span.curid a {
233  font-weight: normal;
234}
235
236/* internal link */
237.dokuwiki a.wikilink1,
238.dokuwiki a.wikilink1:visited {
239  color: __existing__ !important;
240}
241
242/* external links */
243div#bodyContent a.urlextern {
244  background: url(static/3rd/vector/external-link-ltr-icon.png) center right no-repeat;
245  padding: 0 13px 0 0;
246}
247div.dokuwiki a.urlextern:visited {
248  color: purple;
249}
250
251/* email link */
252div#bodyContent a.mail {
253  background: transparent url(static/3rd/vector/mail-icon.png) center right no-repeat;
254  padding: 0 13px 0 0;
255}
256
257/* windows share */
258div.dokuwiki a.windows {
259  background: transparent url(static/3rd/dokuwiki/unc.png) center right no-repeat;
260  padding: 0 18px 1px 0;
261}
262
263/* interwiki link */
264div.dokuwiki a.interwiki {
265  background-position: center left;
266  padding: 0 17px 0 px;
267}
268div.dokuwiki a.interwiki:visited {
269  color: purple;
270}
271
272/*____________ misc ____________*/
273
274img {
275  border-width: 0;
276  vertical-align: middle;
277  background-color: transparent;
278  height: auto;
279}
280
281img,
282object,
283embed,
284iframe,
285video,
286audio {
287  max-width: 100%;
288}
289
290iframe {
291  border-width: 0;
292  background-color: inherit;
293}
294
295/* IE8 and below won't display the images otherwise */
296#IE8 img,
297button img {
298  max-width: none;
299}
300
301hr {
302  border: 0 none;
303  text-align: center;
304  width: 100%;
305  clear: both;
306}
307
308acronym,
309abbr {
310  font-style: normal;
311}
312acronym[title],
313abbr[title] {
314  cursor: help;
315  border-bottom: 1px dotted;
316  text-decoration: none;
317}
318em acronym,
319em abbr {
320  font-style: italic;
321}
322
323mark {
324  background: __highlight__;
325  color: inherit;
326}
327
328pre,
329code,
330samp,
331kbd {
332  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
333  /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
334  font-size: 1em;
335  color: __text__;
336  direction: ltr;
337  text-align: left;
338}
339pre {
340  border: 1px solid __border__;
341  background-color: #fafafa;
342  padding: 0 .2em;
343  overflow: auto;
344  word-wrap: normal;
345}
346
347blockquote {
348  padding: 0 .2em;  /* changed fronm "0 1.25em;" by Lenny 10/14/22  */
349  border: solid __border__;
350  border-width: 0 0 0 2px;
351}
352
353[dir=rtl] blockquote {
354  border-width: 0 .25em 0 0;
355}
356q:before,
357q:after {
358  content: '';
359}
360
361sub,
362sup {
363  font-size: .8em;
364  line-height: 1;
365}
366sub {
367  vertical-align: sub;
368}
369sup {
370  vertical-align: super;
371}
372
373small {
374  font-size: .8em;
375}
376
377/*____________ forms ____________*/
378
379form {
380  display: inline;
381  margin: 0;
382  padding: 0;
383}
384
385fieldset {
386  padding: .7em 1em 0;
387  padding: .7rem 1rem; /* for those browsers understanding :last-child */
388  border: 1px solid __border__;
389}
390fieldset > :last-child {
391  margin-bottom: 0;
392}
393legend {
394  padding: 0 .1em;
395}
396
397label {
398  vertical-align: middle;
399  cursor: pointer;
400}
401
402input,
403textarea,
404button,
405select,
406optgroup,
407option,
408keygen,
409output,
410meter,
411progress {
412  font: inherit;
413  color: inherit;
414  /* background-color destroys button look */
415  line-height: normal;
416  margin: 0;
417  vertical-align: middle;
418  -moz-box-sizing: content-box;
419  -webkit-box-sizing: content-box;
420  box-sizing: content-box;
421}
422
423input,
424button,
425select,
426keygen,
427textarea {
428  border: 1px solid __border__;
429  border-radius: 3px;
430}
431input[type=radio],
432input[type=checkbox],
433input[type=image],
434input.check {
435  padding: 0;
436}
437
438input[type=submit],
439input[type=button],
440input[type=reset],
441input.button,
442button {
443  cursor: pointer;
444  overflow: visible;
445  padding: .1em .4em;
446}
447
448input[disabled],
449button[disabled],
450select[disabled],
451textarea[disabled],
452option[disabled],
453input[readonly],
454button[readonly],
455select[readonly],
456textarea[readonly] {
457  cursor: auto;
458  opacity: .5;
459}
460
461input:focus,
462button:focus,
463select:focus,
464keygen:focus,
465textarea:focus,
466input:active,
467button:active,
468select:active,
469keygen:active,
470textarea:active {
471    border-color: __borderdark__;
472}
473input::-moz-focus-inner,
474button::-moz-focus-inner {
475  border: 0;
476  padding: 0;
477}
478button {
479    background-color: __background__;
480    padding: 0.25em 0.75em;
481}
482button:hover {
483    border-color: __borderdark__;
484}
485select {
486  max-width: 100%;
487}
488optgroup {
489  font-style: italic;
490  font-weight: bold;
491}
492option {
493  font-style: normal;
494  font-weight: normal;
495}
496