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/*Icon fonts*/
11.secondary-toggle:before,
12.entry-date:before,
13.entry-category:before,
14.entry-tag:before,
15.entry-author:before,
16.entry-comment:before {
17    -moz-osx-font-smoothing: grayscale;
18    -webkit-font-smoothing: antialiased;
19    display: inline-block;
20    font-family:"Genericons-Neue";
21    font-size: 16px;
22    font-style: normal;
23    font-weight: normal;
24    font-variant: normal;
25    line-height: 1;
26    speak: none;
27    text-align: center;
28    text-decoration: inherit;
29    text-transform: none;
30    vertical-align: top;
31}
32
33/*Clearings*/
34.group:before,
35.group:after,
36.site:before,
37.site:after,
38.site-content:before,
39.site-content:after,
40.entry-content:before,
41.entry-content:after {
42    content: "";
43    display: table;
44}
45
46.group:after,
47.site:after,
48.site-content:after,
49.entry-content:after {
50    clear: both;
51}
52
53/*Accessibility*/
54.a11y {
55    clip: rect(1px, 1px, 1px, 1px);
56    height: 1px;
57    overflow: hidden;
58    position: absolute !important;
59    width: 1px;
60}
61
62/*Header*/
63.site-header {
64    background-color: @ini_background;
65    border-bottom: 1px solid @ini_border;
66    padding: 7.6923%;
67}
68
69.site-branding {
70    min-height: 2em;
71    padding-right: 60px;
72    position: relative;
73}
74
75.site-logo img {
76    display: none;
77}
78
79.site-title {
80    font-family: "Noto Sans", sans-serif;
81    font-size: 22px;
82    font-size: 2.2rem;
83    line-height: 1.3636;
84    margin-bottom: 0;
85}
86
87.site-description {
88    display: none;
89    font-family: "Noto Sans", sans-serif;
90    font-size: 12px;
91    font-size: 1.2rem;
92    font-weight: 400;
93    line-height: 1.5;
94    margin: 0.5em 0 0;
95    opacity: 0.7;
96}
97
98.secondary-toggle {
99    background-color: transparent;
100    border: 1px solid @ini_border;
101    height: 42px;
102    overflow: hidden;
103    padding: 0;
104    position: absolute;
105    top: 50%;
106    right: 0;
107    text-align: center;
108    -webkit-transform: translateY(-50%);
109    -ms-transform: translateY(-50%);
110    transform: translateY(-50%);
111    width: 42px;
112}
113
114.secondary-toggle:before {
115    color: @ini_text;
116    content: "\F419";
117    line-height: 40px;
118    width: 40px;
119}
120
121.secondary-toggle:hover,
122.secondary-toggle:focus {
123    background-color: transparent;
124    border: 1px solid @ini_border_alt;
125}
126
127.secondary-toggle.toggled-on:before {
128    content: "\F406";
129    position: relative;
130    top: 1px;
131    left: -1px;
132}
133
134/*Widget*/
135.secondary {
136    background-color: @ini_background;
137    display: none;
138    padding: 0 7.6923%;
139}
140
141.secondary.toggled-on {
142    border-top: 1px solid transparent;
143    border-bottom: 1px solid transparent;
144    display: block;
145}
146
147.widget-area {
148    margin: 9.09090% auto 0;
149}
150
151.widget {
152    color: @ini_text_alt;
153    -webkit-hyphens: auto;
154    -moz-hyphens: auto;
155    -ms-hyphens: auto;
156    hyphens: auto;
157    margin: 0 auto 9.09090%;
158    width: 100%;
159    word-wrap: break-word;
160}
161
162.widget > :last-child {
163    margin-bottom: 0;
164}
165
166.widget h2 {
167    color: @ini_text;
168    font-family: "Noto Sans", sans-serif;
169    font-size: 100%;
170    margin: 9.09090% 0 1.6em;
171    letter-spacing: 0.04em;
172    text-transform: uppercase;
173}
174
175.widget h2:first-of-type {
176    margin-top: 0;
177}
178
179.widget a {
180    border: 0;
181}
182
183.widget ul {
184    list-style: none;
185    margin: 0;
186    padding: 0;
187}
188
189.widget li > ul {
190    margin-left: 1.3333em;
191}
192
193.widget li {
194    border-top: 1px solid @ini_border;
195    padding: 0.7667em 0;
196}
197
198.widget li:first-child {
199    border-top: 0;
200    padding-top: 0;
201}
202
203.widget li:last-child {
204    padding-bottom: 0;
205}
206
207.widget .search button[type="submit"] {
208    display: none;
209}
210
211/*Content*/
212.entry {
213    background-color: @ini_background;
214    padding-top: 7.6923%;
215    position: relative;
216}
217
218.entry + .entry {
219    border-top: 1px solid @ini_border;
220}
221
222.entry-header {
223    padding: 0 7.6923%;
224}
225
226.entry-content > :last-child {
227    margin-bottom: 0;
228}
229
230.entry-content {
231    -webkit-hyphens: auto;
232    -moz-hyphens: auto;
233    -ms-hyphens: auto;
234    hyphens: auto;
235    word-wrap: break-word;
236    padding: 0 7.6923% 7.6923%;
237}
238
239.entry-content a {
240    border-bottom: 1px solid @ini_text;
241}
242
243.entry-content a:hover,
244.entry-content a:focus {
245    border-bottom: 0;
246}
247
248.entry-content h1 {
249    font-size: 26px;
250    font-size: 2.6rem;
251    line-height: 1.1538;
252    margin-top: 1.8462em;
253    margin-bottom: 0.9231em;
254}
255
256.entry-content h2 {
257    font-size: 22px;
258    font-size: 2.2rem;
259    line-height: 1.3636;
260    margin-top: 2.1818em;
261    margin-bottom: 1.0909em;
262}
263
264.entry-content h3 {
265    font-size: 18px;
266    font-size: 1.8rem;
267    line-height: 1.3333;
268    margin-top: 2.6667em;
269    margin-bottom: 1.3333em;
270}
271
272.entry-content h4,
273.entry-content h5,
274.entry-content h6 {
275    font-size: 15px;
276    font-size: 1.5rem;
277    line-height: 1.2;
278    margin-top: 3.2em;
279    margin-bottom: 1.6em;
280}
281
282.entry-content h5,
283.entry-content h6 {
284    letter-spacing: 0.1em;
285    text-transform: uppercase;
286}
287
288.entry-content > h1:first-child,
289.entry-content > h2:first-child,
290.entry-content > h3:first-child,
291.entry-content > h4:first-child,
292.entry-content > h5:first-child,
293.entry-content > h6:first-child {
294    margin-top: 0;
295}
296
297.entry-footer {
298    background-color: @ini_background_alt;
299    color: @ini_text_alt;
300    font-family: "Noto Sans", sans-serif;
301    font-size: 12px;
302    font-size: 1.2rem;
303    line-height: 1.5;
304    padding: 3.8461% 7.6923%;
305}
306
307.entry-footer a {
308    border-bottom: 1px solid transparent;
309    color: @ini_text_alt;
310}
311
312.entry-footer a:hover {
313    border-bottom: 1px solid @ini_text;
314}
315
316.entry-footer a:hover,
317.entry-footer a:focus {
318    color: @ini_text;
319}
320
321.entry-date,
322.entry-category,
323.entry-tag,
324.entry-author,
325.entry-comment {
326    margin-right: 1em;
327}
328
329.entry-date:before,
330.entry-category:before,
331.entry-tag:before,
332.entry-author:before,
333.entry-comment:before {
334    margin-right: 2px;
335    position: relative;
336}
337
338.entry-date:before {
339    content: "\F307";
340
341}
342
343.entry-category:before {
344    content: "\F301";
345}
346
347.entry-tag:before {
348    content: "\F302";
349}
350
351.entry-author:before {
352    content: "\F304";
353}
354
355.entry-comment:before {
356    content: "\F300";
357}
358
359/*Footer*/
360.site-footer {
361    background-color: @ini_background;
362    border-top: 1px solid @ini_border;
363    padding: 3.84615% 7.6923%;
364}
365
366.site-info {
367    color: @ini_text_alt;
368    font-size: 12px;
369    font-size: 1.2rem;
370    line-height: 1.5;
371}
372
373.site-info a {
374    border-bottom: 1px solid transparent;
375    color: @ini_text_alt;
376}
377
378.site-info a:hover {
379    border-bottom: 1px solid @ini_text;
380}
381
382.site-info a:hover,
383.site-info a:focus {
384    color: @ini_text;
385}
386
387/*RTL*/
388[dir=rtl] {
389    /*Accessibility*/
390    .ally:hover,
391    .ally:focus {
392        right: 5px;
393        left: auto;
394    }
395
396    /*Header*/
397    .site-branding {
398        padding-right: 0;
399        padding-left: 60px;
400    }
401
402    .site-title,
403    .site-description {
404        font-family: Arial, Tahoma, sans-serif;
405    }
406
407    .secondary-toggle {
408        right: auto;
409        left: 0;
410    }
411
412    /*Widget*/
413    .widget li > ul {
414        margin-left: 0;
415        margin-right: 1.3333em;
416    }
417
418    /*Content*/
419    .entry-footer {
420        font-family: Arial, Tahoma, sans-serif;
421    }
422
423    .entry-date:before,
424    .entry-category:before,
425    .entry-tag:before,
426    .entry-author:before,
427    .entry-comment:before {
428        margin-right: auto;
429        margin-left: 2px;
430    }
431
432    .entry-date,
433    .entry-category,
434    .entry-tag,
435    .entry-author,
436    .entry-comment {
437        margin-right: auto;
438        margin-left: 1em;
439    }
440}
441