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@-ms-viewport {
11    width: device-width;
12}
13
14@viewport {
15    width: device-width;
16}
17
18@media screen and (min-width: @ini_phone_width) and (max-width: @ini_tablet_width) {
19    body {
20        font-size: 19px;
21        font-size: 1.9rem;
22        line-height: 1.6842;
23    }
24
25    embed,
26    iframe,
27    object,
28    video,
29    p,
30    address,
31    pre,
32    hr,
33    ul,
34    ol,
35    dl,
36    dd,
37    table {
38        margin-bottom: 1.6842em;
39    }
40
41    blockquote {
42        font-size: 22px;
43        font-size: 2.2rem;
44        line-height: 1.8182;
45        margin-bottom: 1.8182em;
46        padding-left: 0.9091em;
47    }
48
49    blockquote p {
50        margin-bottom: 1.8182em;
51    }
52
53    blockquote cite,
54    blockquote small {
55        font-size: 19px;
56        font-size: 1.9rem;
57        line-height: 1.6842;
58    }
59
60    blockquote > ul,
61    blockquote > ol {
62        margin-left: 1.3333em;
63    }
64
65    blockquote > blockquote {
66        margin-left: 0;
67    }
68
69    pre {
70        line-height: 1.2632;
71    }
72
73    input,
74    select,
75    textarea {
76        font-size: 19px;
77        font-size: 1.9rem;
78    }
79
80    select,
81    textarea {
82        line-height: 1.6842;
83    }
84
85    button,
86    input[type="button"],
87    input[type="reset"],
88    input[type="submit"] {
89        font-size: 16px;
90        font-size: 1.6rem;
91        padding: 0.8125em 1.625em;
92    }
93
94    input[type="text"],
95    input[type="email"],
96    input[type="url"],
97    input[type="password"],
98    input[type="search"],
99    textarea {
100        padding: 0.5278em;
101    }
102
103    .site-branding {
104        min-height: 3.7895em;
105        padding-right: 74px;
106    }
107
108    .site-title {
109        font-size: 32px;
110        font-size: 3.2rem;
111        line-height: 1.25;
112    }
113
114    .site-description {
115        font-size: 16px;
116        font-size: 1.6rem;
117        display: block;
118    }
119
120    .secondary-toggle {
121        height: 64px;
122        width: 64px;
123    }
124
125    .secondary-toggle:before {
126        line-height: 62px;
127        width: 62px;
128    }
129
130    .secondary {
131        box-shadow: 0 0 1px @ini_border_neu;
132        margin: 7.6923% 7.6923% 0;
133        padding: 7.6923% 7.6923% 0;
134    }
135
136    .widget-area {
137        margin-top: 0;
138    }
139
140    .widget {
141        font-size: 16px;
142        font-size: 1.6rem;
143        line-height: 1.5;
144        margin-bottom: 11.1111%;
145    }
146
147    .widget h2,
148    .widget p,
149    .widget address,
150    .widget hr,
151    .widget ul,
152    .widget ol,
153    .widget dl,
154    .widget dd,
155    .widget table,
156    .widget pre {
157        margin-bottom: 1.5em;
158    }
159
160    .widget li > ul,
161    .widget li > ol {
162        margin-bottom: 0;
163    }
164
165    .widget li {
166        padding: 0.7188em 0;
167    }
168
169    .widget blockquote {
170        font-size: 19px;
171        font-size: 1.9rem;
172        line-height: 1.6842;
173        margin-bottom: 1.6842em;
174        margin-left: -1.2632em;
175        padding-left: 1.0526em;
176    }
177
178    .widget blockquote p {
179        margin-bottom: 1.6842em;
180    }
181
182    .widget blockquote cite,
183    .widget blockquote small {
184        font-size: 16px;
185        font-size: 1.6rem;
186        line-height: 1.5;
187    }
188
189    .widget pre {
190        line-height: 1.5;
191        padding: 0.75em;
192    }
193
194    .widget select,
195    .widget textarea {
196        line-height: 1.5;
197    }
198
199    .widget input[type="text"],
200    .widget input[type="email"],
201    .widget input[type="url"],
202    .widget input[type="password"],
203    .widget input[type="search"],
204    .widget textarea {
205        padding: 0.75em;
206    }
207
208    .site-main {
209        padding: 7.6923% 0;
210    }
211
212    .entry {
213        box-shadow: 0 0 1px @ini_border_neu;
214        margin: 0 7.6923%;
215    }
216
217    .entry + .entry {
218        margin-top: 7.6923%;
219        border-top: 0;
220    }
221
222    .entry-header {
223        padding: 0 9.0909%;
224    }
225
226    .entry-content {
227        padding: 0 9.0909% 9.0909%;
228    }
229
230    .entry-content h1 {
231        font-size: 39px;
232        font-size: 3.9rem;
233        line-height: 1.2308;
234        margin-top: 1.641em;
235        margin-bottom: 0.8205em;
236    }
237
238    .entry-content h2 {
239        font-size: 32px;
240        font-size: 3.2rem;
241        line-height: 1.25;
242        margin-top: 2em;
243        margin-bottom: 1em;
244    }
245
246    .entry-content h3 {
247        font-size: 27px;
248        font-size: 2.7rem;
249        line-height: 1.1852;
250        margin-top: 2.3704em;
251        margin-bottom: 1.1852em;
252    }
253
254    .entry-content h4 {
255        font-size: 22px;
256        font-size: 2.2rem;
257        line-height: 1.4545;
258        margin-top: 2.9091em;
259        margin-bottom: 1.4545em;
260    }
261
262    .entry-content h5,
263    .entry-content h6 {
264        font-size: 19px;
265        font-size: 1.9rem;
266        line-height: 1.2632;
267        margin-top: 3.3684em;
268        margin-bottom: 1.6842em;
269    }
270
271    .entry-footer {
272        font-size: 16px;
273        font-size: 1.6rem;
274        padding: 4.5454% 9.0909%;
275    }
276
277    .entry-date:before,
278    .entry-category:before,
279    .entry-tag:before,
280    .entry-author:before,
281    .entry-comment:before {
282        top: 4px;
283    }
284
285    .site-footer {
286        border-top: 0;
287        box-shadow: 0 0 1px @ini_border_neu;
288        margin: 0 7.6923%;
289    }
290
291    .site-info {
292        font-size: 16px;
293        font-size: 1.6rem;
294    }
295
296    [dir=rtl] {
297	blockquote > ul,
298	blockquote > ol {
299            margin-right: 1.3333em;
300            margin-left: auto;
301	}
302
303	blockquote {
304            margin-left: auto;
305            padding-right: 0.9091em;
306            padding-left: 0;
307	}
308
309	blockquote > blockquote {
310            margin-right: 0;
311            margin-left: auto;
312	}
313
314	.site-branding {
315            padding-right: 0;
316            padding-left: 74px;
317	}
318
319	.widget blockquote {
320            margin-right: -1.2632em;
321            margin-left: auto;
322            padding-right: 1.0526em;
323            padding-left: 0;
324	}
325
326	.widget blockquote > blockquote {
327            margin-right: 0;
328            margin-left: auto;
329	}
330    }
331}
332
333@media screen and (min-width: @ini_tablet_width) {
334    body:before {
335        background-color: @ini_background;
336        box-shadow: 0 0 1px @ini_border_neu;
337        content: "";
338        display: block;
339        height: 100%;
340        min-height: 100%;
341        position: fixed;
342        top: 0;
343        left: 0;
344        width: 29.4118%;
345        z-index: 0; /* Fixes flashing bug with scrolling on Safari */
346    }
347
348    body {
349        font-size: 19px;
350        font-size: 1.9rem;
351        line-height: 1.6842;
352    }
353
354    embed,
355    iframe,
356    object,
357    video,
358    p,
359    address,
360    pre,
361    hr,
362    ul,
363    ol,
364    dl,
365    dd,
366    table {
367        margin-bottom: 1.6842em;
368    }
369
370    blockquote {
371        font-size: 22px;
372        font-size: 2.2rem;
373        line-height: 1.8182;
374        margin-bottom: 1.8182em;
375        padding-left: 0.9091em;
376    }
377
378    blockquote p {
379        margin-bottom: 1.8182em;
380    }
381
382    blockquote cite,
383    blockquote small {
384        font-size: 19px;
385        font-size: 1.9rem;
386        line-height: 1.6842;
387    }
388
389    blockquote > ul,
390    blockquote > ol {
391        margin-left: 1.3333em;
392    }
393
394    blockquote > blockquote {
395        margin-left: 0;
396    }
397
398    pre {
399        line-height: 1.2632;
400    }
401
402    input,
403    select,
404    textarea {
405        font-size: 19px;
406        font-size: 1.9rem;
407    }
408
409    select,
410    textarea {
411        line-height: 1.6842;
412    }
413
414    button,
415    input[type="button"],
416    input[type="reset"],
417    input[type="submit"] {
418        font-size: 16px;
419        font-size: 1.6rem;
420        padding: 0.8125em 1.625em;
421    }
422
423    input[type="text"],
424    input[type="email"],
425    input[type="url"],
426    input[type="password"],
427    input[type="search"],
428    textarea {
429        padding: 0.5278em;
430    }
431
432    .site {
433        margin: 0 auto;
434        max-width: @ini_site_width;
435    }
436
437    .sidebar {
438        float: left;
439        margin-right: -100%;
440        max-width: @ini_sidebar_width;
441        position: relative;
442        width: 29.4118%;
443    }
444
445    .site-header {
446        background-color: transparent;
447        border-bottom: 0;
448        margin: 20% 0;
449        padding: 0 20%;
450    }
451
452    .site-branding {
453        min-height: 0;
454        padding: 0;
455    }
456
457    .site-logo img {
458        max-width: 50%;
459        display: block;
460        margin: 1em auto;
461    }
462
463    .site-title {
464        font-size: 27px;
465        font-size: 2.7rem;
466        line-height: 1.1852;
467    }
468
469    .site-description {
470        font-size: 16px;
471        font-size: 1.6rem;
472        display: block;
473    }
474
475    .secondary-toggle {
476        display: none;
477        height: 64px;
478        width: 64px;
479    }
480
481    .secondary-toggle:before {
482        line-height: 62px;
483        width: 62px;
484    }
485
486    .secondary {
487        background-color: transparent;
488        box-shadow: none;
489        display: block;
490        margin: 0;
491        padding: 0;
492    }
493
494    .widget-area {
495        margin-top: 0;
496    }
497
498    .widget {
499        font-size: 16px;
500        font-size: 1.6rem;
501        margin: 0 0 20%;
502        padding: 0 20%;
503        line-height: 1.5;
504    }
505
506    .widget h2 {
507        margin: 20% 0 1.5em;
508    }
509
510    .widget p,
511    .widget address,
512    .widget hr,
513    .widget ul,
514    .widget ol,
515    .widget dl,
516    .widget dd,
517    .widget table,
518    .widget pre {
519        margin-bottom: 1.5em;
520    }
521
522    .widget li > ul,
523    .widget li > ol {
524        margin-bottom: 0;
525    }
526
527    .widget li {
528        padding: 0.4688em 0;
529    }
530
531    .widget blockquote {
532        font-size: 16px;
533        font-size: 1.6rem;
534        padding-left: 1.25em;
535        line-height: 1.5;
536        margin-bottom: 1.5em;
537        margin-left: -1.5em;
538    }
539
540    .widget blockquote p {
541        margin-bottom: 1.5em;
542    }
543
544    .widget blockquote cite,
545    .widget blockquote small {
546        font-size: 13px;
547        font-size: 1.3rem;
548        line-height: 1.8462;
549    }
550
551    .widget pre {
552        padding: 0.5em;
553        line-height: 1.5;
554    }
555
556    .widget input,
557    .widget select,
558    .widget textarea {
559        font-size: 16px;
560        font-size: 1.6rem;
561    }
562
563    .widget button,
564    .widget input[type="button"],
565    .widget input[type="reset"],
566    .widget input[type="submit"] {
567        font-size: 13px;
568        font-size: 1.3rem;
569        padding: 0.8462em 1.6923em;
570    }
571
572    .widget input[type="text"],
573    .widget input[type="email"],
574    .widget input[type="url"],
575    .widget input[type="password"],
576    .widget input[type="search"],
577    .widget textarea {
578        padding: 0.5em;
579    }
580
581    .site-content {
582        display: block;
583        float: left;
584        margin-left: 29.4118%;
585        width: 70.5882%;
586    }
587
588    .site-main {
589        padding: 8.3333% 0;
590    }
591
592    .entry {
593        margin: 0 8.3333%;
594        padding-top: 8.3333%;
595        box-shadow: 0 0 1px @ini_border_neu;
596    }
597
598    .entry + .entry {
599        margin-top: 8.3333%;
600        border-top: 0;
601    }
602
603    .entry-header {
604        padding: 0 10%;
605    }
606
607    .entry-content {
608        padding: 0 10% 10%;
609    }
610
611    .entry-content h1 {
612        font-size: 39px;
613        font-size: 3.9rem;
614        line-height: 1.2308;
615        margin-top: 1.641em;
616        margin-bottom: 0.8205em;
617    }
618
619    .entry-content h2 {
620        font-size: 32px;
621        font-size: 3.2rem;
622        line-height: 1.25;
623        margin-top: 2em;
624        margin-bottom: 1em;
625    }
626
627    .entry-content h3 {
628        font-size: 27px;
629        font-size: 2.7rem;
630        line-height: 1.1852;
631        margin-top: 2.3704em;
632        margin-bottom: 1.1852em;
633    }
634
635    .entry-content h4 {
636        font-size: 22px;
637        font-size: 2.2rem;
638        line-height: 1.4545;
639        margin-top: 2.9091em;
640        margin-bottom: 1.4545em;
641    }
642
643    .entry-content h5,
644    .entry-content h6 {
645        font-size: 19px;
646        font-size: 1.9rem;
647        line-height: 1.2632;
648        margin-top: 3.3684em;
649        margin-bottom: 1.6842em;
650    }
651
652    .entry-footer {
653        font-size: 16px;
654        font-size: 1.6rem;
655        padding: 5% 10%;
656    }
657
658    .entry-date:before,
659    .entry-category:before,
660    .entry-tag:before,
661    .entry-author:before,
662    .entry-comment:before {
663        top: 4px;
664    }
665
666    .site-footer {
667        float: left;
668        margin: 0 0 0 35.2941%;
669        padding: 0;
670        width: 58.8235%;
671        border-top: 0;
672        box-shadow: 0 0 1px @ini_border_neu;
673    }
674
675    .site-info {
676        font-size: 16px;
677        font-size: 1.6rem;
678        padding: 5% 10%;
679    }
680
681    [dir=rtl] {
682	body:before {
683            right: 0;
684            left: auto;
685	}
686
687	blockquote > ul,
688	blockquote > ol {
689            margin-right: 1.3333em;
690            margin-left: auto;
691	}
692
693	blockquote {
694            margin-left: auto;
695            padding-right: 0.9091em;
696            padding-left: 0;
697	}
698
699	blockquote > blockquote {
700            margin-right: 0;
701            margin-left: auto;
702	}
703
704	.sidebar {
705            float: right;
706            margin-right: auto;
707            margin-left: -100%;
708	}
709
710	.site-branding {
711            padding: 0;
712	}
713
714	.widget blockquote {
715            margin-right: -1.5em;
716            margin-left: auto;
717            padding-right: 1.25em;
718            padding-left: 0;
719	}
720
721	.widget blockquote > blockquote {
722            margin-right: 0;
723            margin-left: auto;
724	}
725
726	.site-content {
727            float: right;
728            margin-right: 29.4118%;
729            margin-left: auto;
730	}
731
732	.site-footer {
733            float: right;
734            margin: 0 35.2941% 0 0;
735	}
736    }
737}
738
739/*Desktop X-Large 1403px*/
740@media screen and (min-width: 87.6875em) {
741    body:before {
742        width: -webkit-calc(~'50% - 289px');
743        width: calc(~'50% - 289px');
744    }
745}
746