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