1/**
2 * This file provides the main design styles for the page content.
3 *
4 * @author Anika Henke <anika@selfthinker.org>
5 * @author Andreas Gohr <andi@splitbrain.org>
6 */
7
8
9/*____________ section indenting ____________
10
11.dokuwiki .page  h1 {margin-left: 0;}
12.dokuwiki .page  h2 {margin-left: .666em;}
13.dokuwiki .page  h3 {margin-left: 1.776em;}
14.dokuwiki .page  h4 {margin-left: 3em;}
15.dokuwiki .page  h5 {margin-left: 4.5712em;}
16.dokuwiki .page  div.level1 {margin-left: 0;}
17.dokuwiki .page  div.level2 {margin-left: 1em;}
18.dokuwiki .page  div.level3 {margin-left: 2em;}
19.dokuwiki .page  div.level4 {margin-left: 3em;}
20.dokuwiki .page  div.level5 {margin-left: 4em;}
21
22[dir=rtl] .dokuwiki .page h1 {margin-left: 0; margin-right: 0;}
23[dir=rtl] .dokuwiki .page h2 {margin-left: 0; margin-right: .666em;}
24[dir=rtl] .dokuwiki .page h3 {margin-left: 0; margin-right: 1.776em;}
25[dir=rtl] .dokuwiki .page h4 {margin-left: 0; margin-right: 3em;}
26[dir=rtl] .dokuwiki .page h5 {margin-left: 0; margin-right: 4.5712em;}
27[dir=rtl] .dokuwiki .page div.level1 {margin-left: 0; margin-right: 0;}
28[dir=rtl] .dokuwiki .page div.level2 {margin-left: 0; margin-right: 1em;}
29[dir=rtl] .dokuwiki .page div.level3 {margin-left: 0; margin-right: 2em;}
30[dir=rtl] .dokuwiki .page div.level4 {margin-left: 0; margin-right: 3em;}
31[dir=rtl] .dokuwiki .page div.level5 {margin-left: 0; margin-right: 4em;}
32*/
33
34
35/* hx margin-left = (1 / font-size) * .levelx-margin */
36
37
38/*____________ links to wiki pages (addition to _links) ____________*/
39
40
41/* existing wikipage */
42
43.dokuwiki a.wikilink1 {
44    color: __existing__;
45    background-color: inherit;
46}
47
48
49/* not existing wikipage */
50
51.dokuwiki a.wikilink2 {
52    color: __missing__;
53    background-color: inherit;
54}
55
56
57/*____________ images ____________*/
58
59
60/* embedded images (styles are already partly set in DokuWiki's lib/styles/all.css) */
61
62.dokuwiki img.media {
63    margin: .2em 0;
64}
65
66.dokuwiki img.medialeft {
67    /* margin: .2em 1.5em .2em 0; */
68    margin: 0.25rem;
69}
70
71.dokuwiki img.mediaright {
72    /* margin: .2em 0 .2em 1.5em; */
73    margin: 0.25rem;
74}
75
76.dokuwiki img.mediacenter {
77    margin: .2em auto;
78}
79
80
81/*____________ tables ____________*/
82
83
84/* div before each table */
85
86.dokuwiki div.table {}
87
88.dokuwiki table.inline {
89    min-width: 50%;
90}
91
92.dokuwiki table.inline tr:hover td {
93    /* background-color: __background_alt__; */
94}
95
96.dokuwiki table.inline tr:hover th {
97    /* background-color: __border__; */
98}
99
100.dokuwiki table th {
101    padding: .75rem;
102
103    /* color: #757575; */
104}
105
106.dokuwiki table tr:first-child th {
107    border-bottom: 2px solid #9e9e9e;
108}
109/*____________ code ____________*/
110
111
112/* fix if background-color hides underlining */
113
114.dokuwiki em.u code {
115    text-decoration: underline;
116}
117
118
119/* filenames for downloadable file and code blocks */
120
121.dokuwiki dl.code,
122.dokuwiki dl.file {}
123
124.dokuwiki dl.code dt,
125.dokuwiki dl.file dt {
126    /* background-color: __background_alt__; */
127    /* border: solid __border__; */
128    /* border-width: 1px 1px 0; */
129    color: inherit;
130    display: inline;
131    /* padding: .1em .5em .2em; */
132    margin-left: 1em;
133}
134
135[dir=rtl] .dokuwiki dl.code dt,
136[dir=rtl] .dokuwiki dl.file dt {
137    margin-left: 0;
138    margin-right: 1em;
139}
140
141.dokuwiki dl.code dt a,
142.dokuwiki dl.file dt a {}
143
144.dokuwiki dl.code dd,
145.dokuwiki dl.file dd {
146    margin: 0;
147}
148
149
150/* for code in <file> */
151
152.dokuwiki pre.file,
153.dokuwiki dl.file pre,
154.dokuwiki dl.file dt {
155    border-color: rgba(130,49,87,1);
156    background-color:rgba(130,49,87,0.1);
157}
158
159
160/*____________ media manager ____________*/
161
162
163/* some headings in the media manager should not look like headings */
164
165#mediamanager__page h2,
166#mediamanager__page h3 {
167    font-family: Frutiger, Calibri, Myriad, "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
168    color: __text__;
169}
170
171
172/* to style button-like div in _fileuploader.css to look like other buttons,
173   please add '.qq-upload-button' to the according styles (which don't really exist in this template) */
174
175.qq-upload-button {
176    border: 1px solid __border__;
177    background-color: __background_alt__;
178    padding: 0.125em 0.4em;
179}
180
181
182/*____________ styling plugin ____________*/
183
184#plugin__styling.ispopup {
185    padding: 1em;
186}
187
188
189/*____________ JS popup ____________*/
190
191.JSpopup {
192    background-color: __background__;
193    color: __text__;
194    border: 1px solid __border__;
195    line-height: 1.2;
196    padding: 0 .2em;
197}
198
199.JSpopup ul,
200.JSpopup ol {
201    padding-left: 0;
202}
203
204[dir=rtl] .JSpopup ul,
205[dir=rtl] .JSpopup ol {
206    padding-right: 0;
207}