1/**
2 * DokuWiki Twenty Fifteen Template
3 *
4 * @link     https://github.com/lainme/dokuwiki-theme-twentyfifteen
5 * @author   WordPress.org & Automattic.com (upstream)
6 * @author   lainme <lainme993@gmail.com>
7 * @license  GPLv2 (http://www.gnu.org/licenses/gpl.html)
8 */
9
10/*Layout*/
11html {
12    font-size: 62.5%;
13}
14
15body {
16    margin: 0;
17    background: @ini_background_site;
18    color: @ini_text;
19    font-family: "Noto Serif", serif;
20    font-size: 15px;
21    font-size: 1.5rem;
22    line-height: 1.6;
23}
24
25aside {
26    -webkit-box-sizing: border-box;
27    -moz-box-sizing: border-box;
28    box-sizing: border-box;
29}
30
31/*Placeholder*/
32::-webkit-input-placeholder {
33    color: @ini_text_alt;
34    font-family: "Noto Sans", sans-serif;
35}
36
37:-moz-placeholder {
38    color: @ini_text_alt;
39    font-family: "Noto Sans", sans-serif;
40}
41
42::-moz-placeholder {
43    color: @ini_text_alt;
44    font-family: "Noto Sans", sans-serif;
45    opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
46}
47
48:-ms-input-placeholder {
49    color: @ini_text_alt;
50    font-family: "Noto Sans", sans-serif;
51}
52
53/*Media*/
54img {
55    -ms-interpolation-mode: bicubic;
56    height: auto;
57    max-width: 100%;
58    vertical-align: middle;
59}
60
61figure {
62    margin: 0;
63}
64
65embed,
66iframe,
67object,
68video {
69    margin-bottom: 1.6em;
70    max-width: 100%;
71    vertical-align: middle;
72}
73
74p > embed,
75p > iframe,
76p > object,
77p > video {
78    margin-bottom: 0;
79}
80
81/*Link*/
82a {
83    color: @ini_text;
84    text-decoration: none;
85}
86
87a:hover,
88a:focus {
89    color: @ini_text_alt;
90}
91
92/*Paragraph*/
93h1,
94h2,
95h3,
96h4,
97h5,
98h6 {
99    clear: left;
100    font-weight: 700;
101    margin: 0;
102}
103
104p {
105    margin-bottom: 1.6em;
106}
107
108/*Inline*/
109b,
110strong {
111    font-weight: 700;
112}
113
114i,
115em,
116cite {
117    font-style: italic;
118}
119
120del {
121    opacity: 0.8;
122}
123
124kbd,
125tt,
126var,
127samp {
128    font-family: Inconsolata, monospace;
129    -webkit-hyphens: none;
130    -moz-hyphens: none;
131    -ms-hyphens: none;
132    hyphens: none;
133}
134
135abbr[title] {
136    border-bottom: 1px dotted @ini_border;
137    cursor: help;
138}
139
140mark,
141ins {
142    background-color: @ini_highlight;
143    text-decoration: none;
144}
145
146small {
147    font-size: 75%;
148}
149
150big {
151    font-size: 125%;
152}
153
154/*Blocks*/
155blockquote {
156    border-left: 4px solid @ini_text_alt;
157    color: @ini_text_alt;
158    font-size: 18px;
159    font-size: 1.8rem;
160    font-style: italic;
161    line-height: 1.6667;
162    margin: 0 0 1.6667em 0;
163    padding-left: 0.7778em;
164}
165
166blockquote p {
167    margin-bottom: 1.6667em;
168}
169
170blockquote > p:last-child {
171    margin-bottom: 0;
172}
173
174blockquote cite,
175blockquote small {
176    color: @ini_text;
177    font-size: 15px;
178    font-size: 1.5rem;
179    font-family: "Noto Sans", sans-serif;
180    line-height: 1.6;
181}
182
183blockquote i,
184blockquote em,
185blockquote cite {
186    font-style: normal;
187}
188
189blockquote b,
190blockquote strong {
191    font-weight: 400;
192}
193
194address {
195    font-style: italic;
196    margin: 0 0 1.6em;
197}
198
199code,
200pre {
201    font-family: Inconsolata, monospace;
202    -webkit-hyphens: none;
203    -moz-hyphens: none;
204    -ms-hyphens: none;
205    hyphens: none;
206}
207
208pre {
209    background-color: transparent;
210    border: 1px solid @ini_border;
211    line-height: 1.2;
212    margin-bottom: 1.6em;
213    max-width: 100%;
214    overflow: auto;
215    padding: 0.8em;
216    white-space: pre;
217    white-space: pre-wrap;
218    word-wrap: break-word;
219}
220
221/*Lists*/
222hr {
223    background-color: @ini_border;
224    border: 0;
225    height: 1px;
226    margin-bottom: 1.6em;
227}
228
229ul,
230ol {
231    padding-left: 1.3333em;
232}
233
234dd {
235    margin: 0 0 1.6em 0em;
236}
237
238ul {
239    list-style: disc;
240}
241
242ol {
243    list-style: decimal;
244}
245
246dt {
247    font-weight: bold;
248}
249
250li > ul,
251li > ol {
252    margin: 0 0 0 1.3333em;
253    padding: 0;
254}
255
256/*Table*/
257table {
258    border: 1px solid @ini_border;
259    border-collapse: separate;
260    border-spacing: 0;
261    border-width: 1px 0 0 1px;
262    margin: 0 0 1.6em;
263    width: 100%;
264}
265
266caption {
267    font-weight: normal;
268    text-align: left;
269}
270
271th,
272td {
273    border-width: 0 1px 1px 0;
274    border-style: solid;
275    border-color: @ini_border;
276    text-align: left;
277    padding: 0.4em;
278}
279
280th {
281    font-weight: 700;
282}
283
284td {
285    font-weight: normal;
286}
287
288
289/*Form*/
290form {
291    display: inline;
292}
293
294button,
295input,
296select,
297textarea {
298    -webkit-box-sizing: border-box;
299    -moz-box-sizing: border-box;
300    box-sizing: border-box;
301    vertical-align: baseline;
302    max-width: 100%;
303}
304
305input,
306select,
307textarea {
308    background-color: @ini_background_alt;
309    border-radius: 0;
310    font-family: "Noto Serif", serif;
311    font-size: 16px;
312    font-size: 1.6rem;
313}
314
315button,
316input {
317    -webkit-hyphens: none;
318    -moz-hyphens: none;
319    -ms-hyphens: none;
320    hyphens: none;
321    line-height: normal;
322}
323
324input,
325textarea {
326    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
327    border: 1px solid @ini_border;
328    color: @ini_text_alt;
329}
330
331select,
332textarea {
333    line-height: 1.5;
334}
335
336button {
337    margin: 0.5em 0.25em 0.5em 0;
338}
339
340select {
341    color: @ini_text;
342}
343
344button[disabled],
345input[disabled],
346select[disabled],
347textarea[disabled] {
348    cursor: default;
349    opacity: .5;
350}
351
352button,
353input[type="button"],
354input[type="reset"],
355input[type="submit"] {
356    background-color: @ini_text;
357    border: 0;
358    color: @ini_background;
359    cursor: pointer;
360    font-family: "Noto Sans", sans-serif;
361    font-size: 12px;
362    font-size: 1.2rem;
363    font-weight: 700;
364    padding: 0.7917em 1.5em;
365    text-transform: uppercase;
366}
367
368textarea,
369input[type="text"],
370input[type="email"],
371input[type="url"],
372input[type="password"],
373input[type="search"] {
374    padding: 0.375em;
375    width: 100%;
376}
377
378button:focus {
379    outline: 0;
380}
381
382select:focus {
383    outline: 2px solid @ini_border_alt;
384}
385
386input:focus,
387textarea:focus {
388    background-color: @ini_background;
389    border: 1px solid @ini_border_alt;
390    color: @ini_text;
391    outline: 0;
392}
393
394button:hover,
395button:focus,
396input[type="button"]:hover,
397input[type="reset"]:hover,
398input[type="submit"]:hover,
399input[type="button"]:focus,
400input[type="reset"]:focus,
401input[type="submit"]:focus {
402    background-color: @ini_text_alt;
403}
404
405/*RTL*/
406[dir=rtl] {
407    /*Layout*/
408    body {
409        direction: rtl;
410        unicode-bidi: embed;
411	font-family: Arial, Tahoma, sans-serif;
412    }
413
414    caption,
415    th,
416    td {
417        text-align: right;
418    }
419
420    /*Placeholder*/
421    ::-webkit-input-placeholder {
422        font-family: Arial, Tahoma, sans-serif;
423    }
424
425    :-moz-placeholder {
426        font-family: Arial, Tahoma, sans-serif;
427    }
428
429    ::-moz-placeholder {
430        font-family: Arial, Tahoma, sans-serif;
431    }
432
433    :-ms-input-placeholder {
434        font-family: Arial, Tahoma, sans-serif;
435    }
436
437    /*Blocks*/
438    blockquote {
439        border-right: 4px solid @ini_text_alt;
440        border-left: 0;
441        padding-right: 0.7778em;
442        padding-left: 0;
443    }
444
445    blockquote cite,
446    blockquote small {
447        font-family: Arial, Tahoma, sans-serif;
448    }
449
450    /*Lists*/
451    ul,
452    ol {
453        padding-right: 1.3333em;
454        padding-left: 0;
455    }
456
457    li > ul,
458    li > ol {
459        margin: 0 1.3333em 0 0;
460        padding: 0;
461    }
462
463    /*Table*/
464    caption,
465    th,
466    td {
467        text-align: right;
468    }
469
470    /*Form*/
471    button,
472    input[type="button"],
473    input[type="reset"],
474    input[type="submit"],
475    input,
476    select,
477    textarea {
478        font-family: Arial, Tahoma, sans-serif;
479    }
480
481    button {
482        margin: 0.5em 0 0.5em 0.25em;
483    }
484
485}
486