1/**
2 * This file provides the most basic styles.
3 *
4 * If you integrate DokuWiki into another project, you might either
5 * want to integrate this file into the other project as well, or use
6 * the other project's basic CSS for DokuWiki instead of this one.
7 *
8 * @author Petr Kajzar <petr.kajzar@centrum.cz>
9 */
10
11/*********** Basic styles ***********/
12
13html,
14body {
15    background-image: radial-gradient(#dddedf 1px, __background_alt__ 1px);
16    background-size: 10px 10px;
17    color: __text__;
18    font-family: sans-serif;
19    line-height: 1.4;
20    margin: 0;
21    padding-bottom: 1rem;
22}
23
24header {
25    align-items: center;
26    background-color: __theme_color__;
27    border: 1px solid __theme_color__;
28    color: #fff;
29    display: flex;
30    flex-wrap: wrap;
31    justify-content: space-between;
32    padding: 0.2rem 1rem;
33    text-align: left;
34}
35
36a {
37    color: __link__;
38}
39
40footer {
41    background-color: __background__;
42    border-width: 3px 0;
43    border-style: solid;
44    border-color: __theme_color__;
45    color: #444;
46    font-size: 0.8rem;
47    margin: 0 auto;
48    max-width: __width__;
49    padding: 0.5rem 1rem;
50}
51
52img {
53    border-width: 0;
54}
55
56img,
57video {
58    height: auto;
59}
60
61img,
62object,
63iframe,
64video,
65audio,
66select {
67    max-width: 100%;
68}
69
70pre {
71    overflow: auto;
72}
73
74blockquote {
75    background: __background_alt__;
76    border-left: 5px solid __border__;
77    padding: 1em;
78}
79
80/*********** Admin ***********/
81
82.dokuwiki fieldset {
83    max-width: 90%;
84}
85
86/*********** Header ***********/
87
88#dokuwiki__header__left {
89    font-size: 1.25rem;
90    overflow: hidden;
91    padding: 0.5rem 0;
92    text-overflow: ellipsis;
93    white-space: nowrap;
94}
95
96#dokuwiki__header__right {
97    text-align: right;
98}
99
100#dokuwiki__header__left a {
101    color: #fff;
102    font-weight: bold;
103    text-decoration: none;
104}
105
106#dw__search {
107    padding: 0.5rem 0;
108    position: relative;
109}
110
111#qsearch__out {
112    border: 1px solid __border__;
113    border-radius: 5px;
114    display: none;
115    font-size: 0.9rem;
116    left: 0;
117    padding: 0.5rem;
118    position: absolute;
119    right: 0;
120    text-align: left;
121}
122
123#qsearch__out strong {
124    display: inline-block;
125    max-width: 100%;
126    overflow: hidden;
127    text-overflow: ellipsis;
128}
129
130#qsearch__out ul {
131    margin: 0;
132    padding: 0;
133}
134
135.claim {
136    color: rgba(255, 255, 255, 0.9);
137    display: block;
138    font-size: 0.9rem;
139    font-weight: normal;
140    overflow: hidden;
141    text-overflow: ellipsis;
142}
143
144header input[type="text"] {
145    border: 1px solid __border__;
146    border-radius: 5px 0 0 5px;
147    font-size: inherit;
148    padding: 0.3rem 0.5rem;
149}
150
151header button {
152    border: 1px solid __border__;
153    border-radius: 0 5px 5px 0;
154    font-size: inherit;
155    padding: 0.3rem 0.5rem;
156}
157
158/*********** Content ***********/
159
160#site_wrapper {
161    background-color: __background__;
162    margin: 0 auto;
163    max-width: __width__;
164    padding: 0.5rem 1rem 2rem;
165}
166
167.breadcrumbs {
168    font-size: 0.875rem;
169}
170
171#dw__toc {
172    border: 1px solid __border__;
173    border-radius: 5px;
174    font-size: 0.875rem;
175    padding-bottom: 1rem;
176}
177
178#dw__toc h3 {
179    margin: 0.5rem 0;
180}
181
182pre.code {
183    background-color: __background_alt__;
184    border: 1px solid __border__;
185    color: __text_alt__;
186    padding: 0.5rem;
187}
188
189#dokuwiki__aside {
190    padding: 0.5rem 0;
191}
192
193#dokuwiki__aside p {
194    margin: 0;
195}
196
197#dokuwiki__aside a,
198#dokuwiki__aside a:hover {
199    border-bottom: 1px dashed;
200    text-decoration: none;
201}
202
203/*********** Tables ***********/
204
205table {
206    border: 1px solid __border__;
207    border-collapse: collapse;
208    border-spacing: 0;
209    empty-cells: show;
210    margin: 0 auto;
211    max-width: 100%;
212}
213
214caption {
215    caption-side: top;
216    text-align: left;
217}
218
219th,
220td {
221    border: 1px solid __border__;
222    margin: 0;
223    padding: 0.3rem 0.5rem;
224    vertical-align: top;
225}
226
227th {
228    background-color: __background_alt__;
229    font-weight: bold;
230    text-align: left;
231}
232
233/*********** Code ***********/
234
235.dokuwiki dl.code dt,
236.dokuwiki dl.file dt {
237    background-color: __background__;
238    color: inherit;
239    border: 1px solid __border__;
240    border-bottom-color: __background__;
241    border-top-left-radius: 0.3em;
242    border-top-right-radius: 0.3em;
243    padding: 0.3em 0.6em 0.1em;
244    margin-bottom: -1px;
245    float: left;
246}
247.dokuwiki dl.code dt a,
248.dokuwiki dl.file dt a {
249    background-color: transparent;
250    font-size: 0.875em;
251    font-weight: normal;
252    display: block;
253    min-height: 16px;
254}
255.dokuwiki dl.code dd,
256.dokuwiki dl.file dd {
257    margin: 0;
258    clear: left;
259}
260
261.dokuwiki dl.file pre,
262.dokuwiki dl.file dt {
263    border-style: dashed;
264}
265
266.dokuwiki dl.file dt {
267    border-bottom-style: solid;
268}
269
270/*********** Footer ***********/
271
272#dokuwiki__footer {
273    min-height: 1.2rem;
274}
275
276#dokuwiki__footer ul {
277    display: inline;
278    margin: 0;
279    padding: 0;
280}
281
282#dokuwiki__footer li {
283    display: inline;
284    list-style-type: none;
285}
286
287#dokuwiki__footer li::before {
288    content: ' — ';
289}
290
291#dokuwiki__footer svg {
292    display: none;
293}
294
295.license {
296    margin: 0 auto;
297    max-width: __width__;
298    padding: 1rem;
299}
300
301#dw_menu {
302    float: right;
303}
304