1@import url('font-style.css');
2
3* {
4    box-sizing: border-box
5}
6
7* {
8    margin: 0;
9    padding: 0;
10    border: 0
11}
12
13html {
14    height: 100%
15}
16
17body,
18html {
19    overflow: hidden;
20}
21
22body{
23    margin: 0;
24    padding: 0;
25}
26
27code {
28    color: #363d46;
29}
30
31ul + ul {
32    margin-top: 1.5em;
33}
34
35.content ul:not(.toc):not(.admin_tasks):not(.admin_plugins) > li + li,
36.content ol:not(.toc):not(.admin_tasks):not(.admin_plugins) > li + li, {
37    margin-top: 0.5em !important;
38}
39.content ul:not(.toc):not(.admin_tasks):not(.admin_plugins),
40.content ol:not(.toc):not(.admin_tasks):not(.admin_plugins) {
41    list-style: none;
42    margin-left: 1.3em;
43}
44.content div.li {
45    display: inline-block;
46    margin-left: 0.6em;
47}
48.content ul:not(.toc):not(.admin_tasks):not(.admin_plugins) > li::before,
49.content ol:not(.toc):not(.admin_tasks):not(.admin_plugins) > li::before {
50    display: inline-block;
51    color: #4a4a4a;
52    font-size: 1em;
53    margin-left: -1.3em;
54    width: 1.2em;
55    vertical-align: top;
56}
57.content ul:not(.toc):not(.admin_tasks):not(.admin_plugins) > li::before {
58    content: "\2022";
59}
60.content ol:not(.toc):not(.admin_tasks):not(.admin_plugins) {
61    counter-reset: list;
62}
63.content ol:not(.toc):not(.admin_tasks):not(.admin_plugins) > li::before {
64    counter-increment: list;
65    content: counter(list) ".";
66}
67.content ul:not(.toc):not(.admin_tasks):not(.admin_plugins) > li > ol,
68.content ul:not(.toc):not(.admin_tasks):not(.admin_plugins) > li > ul,
69.content ol:not(.toc):not(.admin_tasks):not(.admin_plugins) > li > ol,
70.content ol:not(.toc):not(.admin_tasks):not(.admin_plugins) > li > ul {
71    margin-top: 0.4em;
72}
73
74.content .admin_tasks div.li a {
75    display: flex;
76}
77.content .admin_tasks div.li a .icon {
78    width: 2em;
79    flex: 0 0 auto;
80}
81.content .admin_plugins li {
82    list-style: none;
83}
84#content .admin_plugins li + li {
85    margin-top: 0.1em;
86}
87.content .admin_plugins div.li a {
88    display: flex;
89}
90.content .admin_plugins div.li a .icon {
91    width: 2em;
92    flex: 0 0 auto;
93}
94
95a {
96    text-decoration: none;
97}
98
99:root {
100    overflow-x: hidden;
101    height: 100%
102}
103
104html, html *{
105    font-family: Camphor, Open Sans, Segoe UI, sans-serif!important;
106}
107
108.fa {
109    font-family: FontAwesome!important;
110}
111
112body {
113    background: #fff;
114    display: -ms-flexbox;
115    display: flex;
116    -ms-flex-direction: column;
117    flex-direction: column;
118    font-size: 15px;
119    color:rgb(55, 62, 66);
120    font-weight: 400;
121    font-style: normal;
122    -webkit-text-size-adjust: 100%;
123    -webkit-font-smoothing: antialiased;
124    -moz-osx-font-smoothing: grayscale;
125    text-rendering: optimizeLegibility;
126    font-feature-settings: "pnum";
127    font-variant-numeric: proportional-nums;
128    min-height: 100%
129}
130
131p{
132    margin: 0 0 10px;
133    line-height:25px;
134}
135
136h1{
137    padding-top:20px;
138    font-size:31px;
139    font-weight: 500;
140    color:rgb(13, 43, 62);
141}
142h2{
143    padding-top:30px;
144    font-size:22px;
145    font-weight: bold;
146    color:rgb(13, 43, 62);
147    padding-bottom: 10px;
148    border-bottom: #eee solid 1px;
149}
150h3,h4,h5,h6{
151    padding-top:20px;
152    font-size:17px;
153    font-weight: 500;
154    color:rgb(13, 43, 62);
155}
156
157#docs {
158    left: 0;
159    width: 100%;
160    height: 100%;
161    overflow-x: auto;
162    overflow-y: hidden;
163    -webkit-overflow-scrolling: touch
164}
165
166#docs,
167#sidebar {
168    position: absolute;
169    top: 0
170}
171
172#sidebar {
173    bottom: 0;
174    background: #f5f7f9;
175    flex: 0;
176    display: flex;
177    z-index: 5;
178    flex-direction: column;
179    align-items: flex-end;
180    -webkit-user-select: none;
181    user-select: none;
182    width: 31.5%;
183    min-width: 252px;
184    padding-left: calc((100% - 994px) / 2)
185}
186
187#sidebar .nav-border {
188    position: absolute;
189    top: 55px;
190    right: 0;
191    width: 226px;
192    height: 1px;
193    background: rgba(120, 134, 156, .08);
194    opacity: 0;
195    transition: opacity .15s ease-in-out;
196    pointer-events: none
197}
198
199#sidebar nav {
200    width:226px;
201    top: 56px;
202    overflow-y: auto;
203    -webkit-overflow-scrolling: touch;
204    z-index: 1;
205    padding-top: 7px;
206    padding-bottom: 25px;
207    padding-left: 0
208}
209
210#sidebar nav,
211.overlay {
212    position: absolute;
213    bottom: 0;
214    right: 0
215}
216
217.overlay {
218    top: 0;
219    left: 0;
220    background: hsla(0, 0%, 100%, .8);
221    z-index: 10000;
222    visibility: hidden;
223    opacity: 0;
224    transition: opacity .25s ease-in-out
225}
226
227form.search.topbar {
228    position: absolute;
229    top: 0;
230    left: calc(31.5%);
231    width: 300px;
232    z-index: 10020
233}
234
235form.search.topbar button{
236    display: none;
237}
238
239form.search-text,
240form.search.topbar input {
241    border:none;
242    color: #939da3;
243    background-color: transparent;
244    background-image: url(css/img/icon-search@2x.png);
245    background-size: 14px 14px;
246    background-position: 30px 20px;
247    background-repeat: no-repeat;
248    box-shadow: none;
249    font-size: 15px;
250    width: 200px;
251    padding: 17px 0 17px 51px;
252    outline: none;
253    -webkit-appearance: none
254}
255#extension__manager form.search input.edit {
256    width: 25em;
257    border:none;
258    color: #939da3;
259    background-color: transparent;
260    box-shadow: none;
261    outline: none;
262    -webkit-appearance: none;
263    font-weight: normal;
264}
265#extension__manager form.search button {
266    background: url(css/img/icon-search@2x.png);
267    background-size: contain;
268    background-repeat: no-repeat;
269    height: 14px;
270    width: 14px;
271    margin-top: -6px;
272}
273
274.search input::-webkit-search-decoration {
275    -webkit-appearance: none
276}
277
278.search-after {
279    position: absolute;
280    top: 0;
281    left: 0;
282    right: 0;
283    pointer-events: none
284}
285
286.search-text {
287    visibility: hidden
288}
289
290.search-after-text--no-results {
291    margin-left: 10px;
292    color: #bbc8cf;
293    font-size: 15px;
294    line-height: 55px;
295    display: inline-block;
296    visibility: hidden
297}
298
299.search input::-webkit-search-cancel-button {
300    display: none
301}
302
303.search-results {
304    position: absolute;
305    visibility: hidden;
306    opacity: 0;
307    top: -10px;
308    padding-top: 10px;
309    left: 31.5%;
310    width: 768px;
311    min-height: 58px;
312    background: #fff;
313    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .07), 0 7px 17px 0 rgba(0, 0, 0, .1);
314    z-index: 10010
315}
316
317.search-results ul {
318    margin-top: 55px
319}
320
321#sidebar .logo {
322    overflow: hidden;
323    width: 226px;
324    margin: 15px 0;
325    z-index:10
326}
327
328#sidebar .logo a.site {
329    display: inline-block;
330    position: relative;
331    width: 62px;
332    height: 25px;
333    background-image: url(../images/logo.png);
334    top: 1px;
335    text-decoration: none!important
336}
337
338#sidebar .logo a {
339    display: inline-block;
340    height: 42px;
341    padding-left: 4px;
342    padding-top: 3px;
343    font-size: 20px;
344    line-height: 20px;
345    vertical-align: bottom;
346    color: #0099e5;
347    font-weight: 500;
348    text-decoration: none
349}
350
351#sidebar .logo a:hover {
352    opacity: .8
353}
354
355#sidebar:before {
356    left: 0;
357    width: 100%;
358    height: 600px;
359    background-image: linear-gradient(81deg, hsla(0, 0%, 100%, 0) 57%, hsla(0, 0%, 100%, .16) 84%, hsla(0, 0%, 100%, .17) 0, hsla(0, 0%, 100%, .57))
360}
361
362#sidebar:after,
363#sidebar:before {
364    content: '';
365    position: absolute;
366    top: 0
367}
368
369#sidebar:after {
370    right: 0;
371    width: 1px;
372    height: 100%;
373    background: rgba(18, 60, 83, .05)
374}
375
376.filterBlock {
377    margin: 7px 0px;
378    position: relative;
379}
380#filterInput {
381    padding: 5px;
382    font-family: inherit;
383    font-size: 15px;
384    outline: none;
385    border: 1px solid #dedede;
386    width: 90%;
387    box-shadow: none;
388    border-radius: 0;
389    margin: auto;
390}
391#clearFilterButton {
392    position: absolute;
393    right: 15%;
394    top: 50%;
395    margin-top: -8px;
396    width: 16px;
397    height: 16px;
398    font-size: 14px;
399    color: grey;
400    text-align: center;
401    line-height: 0;
402    padding-top: 7px;
403    opacity: .5;
404}
405
406#content-wrapper {
407    position: absolute;
408    top: 0;
409    left: 0;
410    width: 100%;
411    height: 100%;
412    overflow-x: hidden;
413    overflow-y: auto;
414    -webkit-overflow-scrolling: touch;
415    min-width: 665px;
416    transform: translateZ(0);
417    outline: none
418}
419
420#content-wrapper .level1 {
421    margin: 5px 10px;
422}
423
424#content {
425    position: relative;
426    padding-left: 32px;
427    margin: 0 25px 0 0;
428    border-top: 1px solid rgba(120, 134, 156, .08);
429    width: 770px;
430    display: inline-block;
431    float: left;
432}
433
434#content .content{
435    min-height:80vh;
436}
437
438#content .content h1{
439    margin-top:20px!important; /*to compensate for highlight section styles*/
440    margin-bottom: 10px!important; /*to compensate for highlight section styles*/
441    padding-top: 20px!important; /*to compensate for highlight section styles*/
442}
443
444#content .external{
445    margin:0;
446    padding-bottom:30px;
447}
448
449#content li{
450    margin:0;
451}
452
453
454#content .content .sectionedit1:first-child{
455    padding-top:0;
456    margin-top:0
457}
458
459#content,
460header#main-header {
461    margin-left: calc(31.5%);
462    max-width: 770px;
463    width: calc(45%);
464    min-width: 500px;
465}
466
467header#main-header .user {
468    font-size: 0.83em;
469    color: #656d71;
470}
471header#main-header .user bdi {
472    color: #222;
473}
474header#main-header .user bdi:first-of-type {
475    font-size: 1.2em;
476}
477
478header#main-header ul {
479    text-align: right
480}
481
482header#main-header li {
483    display: inline-block;
484    margin:0
485}
486
487header#main-header a {
488    font-size: 15px;
489    line-height: 55px;
490    padding-left: 20px;
491    color: #0099e5
492}
493
494header#main-header a:hover {
495    color: #32325d
496}
497
498header#main-header .button a:after {
499    font: normal 16px StripeIcons;
500    content: "\279D";
501    padding-left: 5px
502}
503
504#loading-bar {
505    background: #0099e5;
506    height: 3px;
507    position: absolute;
508    top: 0;
509    left: 0;
510    z-index: 2000;
511    transition: opacity .25s ease-in-out, width .4s ease-in-out;
512    width: 0;
513    transform-origin: 0 0;
514    will-change: opacity, width
515}
516
517#edit-dash{
518    padding-top: 130px;
519    width: 180px;
520    height: 500px;
521    top: 0;
522    vertical-align: top;
523    display: inline-block;
524}
525
526#edit-dash li{
527    border-bottom:1px solid #eee;
528    margin:0;
529    list-style: none;
530}
531#edit-dash li:last-child{
532    border:none;
533}
534
535#edit-dash li p{
536    display: inline-block;
537    vertical-align: middle;
538    padding-bottom: 5px;
539    padding-left: 10px;
540}
541#edit-dash li i{
542    margin-top:10px;
543}
544#edit-dash li.plugin_move_page > a::before {
545    font-family: FontAwesome !important;
546    display: inline-block;
547    font-size: 2em;
548    content: "\f0a9"; /*fa-arrow-circle-right*/
549}
550#edit-dash li.plugin_move_page > a span {
551    display: inline-block;
552    vertical-align: middle;
553    padding-left: 10px;
554    padding-bottom: 5px;
555    margin-top: -7px;
556}
557
558/*Overrides*/
559
560.level1{
561    margin:0;
562}
563
564nav h1{
565    text-transform: uppercase;
566    font-weight: 600;
567    font-size: 18px;
568}
569
570.dokuwiki a.wikilink1,
571.dokuwiki a.wikilink2:link,
572.dokuwiki a.wikilink2:visited{
573    display: inline-block;
574    font-size: 15px;
575    font-weight: 500;
576    background-repeat: no-repeat;
577    background-size: 20px 20px;
578    background-position: 0 8px;
579    border:none;
580}
581
582.dokuwiki a.wikilink1{
583    color: #176cdc;
584}
585.dokuwiki a.wikilink2{
586    color: #d21717;
587}
588
589.dokuwiki .docInfo{
590    padding:40px 0;
591}
592
593.dokuwiki label.block{
594    text-align:center;
595}
596
597.centeralign fieldset legend{
598    border:none;
599}
600
601.centeralign fieldset{
602    margin:40px auto;
603}
604
605.level2 ul{
606    padding: 10px;
607}
608
609.dokuwiki .secedit{
610    margin-top:0;
611}
612
613.button.btn_secedit button:hover{
614    color:#2b73b7;
615    border-bottom: solid 1px #eee;
616    border-top: solid 1px #eee;
617}
618.button.btn_secedit button{
619    background: none;
620    border: none;
621    font-size: 15px;
622    border-bottom: solid 1px #fff;
623    border-top: solid 1px #fff;
624    transition: all ease 200ms;
625
626}
627
628#dw__toc{
629    background-color: #f5f7f9;
630    margin: 0;
631    width: 100%;
632    padding: 10px 10px;
633    border: solid #eee 1px!important;
634    border-left: solid 5px #0670c2!important;
635    float:none;
636    font-size:15px;
637    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.07), 0 7px 17px 0 rgba(0,0,0,.1);
638    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.07), 0 7px 17px 0 rgba(0,0,0,.1);
639    box-shadow: 0 1px 5px 0 rgba(0,0,0,.07), 0 7px 17px 0 rgba(0,0,0,.1);
640}
641
642#dw__toc:not(:first-child) {
643    margin-top: 1.2em;
644}
645
646#dw__toc a{
647    font-size:15px!important;
648}
649
650#dw__toc > div {
651    padding-top: 0.2em;
652}
653
654#dw__toc ul li div.li {
655    padding: .5em 0;
656}
657
658#dw__toc h3{
659    font-size:22px;
660    margin-top: 0;
661}
662
663.dokuwiki #admin__version {
664    float: left;
665    padding-top: 50px;
666}
667
668.dokuwiki ul.admin_tasks{
669    padding-top:40px;
670}
671
672#config__manager td.label{
673    border:none;
674    display: table-cell;
675    height:100%;
676    width:100%;
677}
678
679#config__manager td.label label{
680    color:#000;
681    white-space: initial;
682    line-height: 1.5em;
683}
684
685#config__manager fieldset{
686    margin:0;
687}
688
689.dokuwiki div.table{
690    overflow-x:visible;
691}
692
693#config__manager tr.default input{
694    background:#e5f6ff;
695    padding: 0.2em .5em;
696}
697#config__manager tr.default .input{
698    background:transparent;
699}
700
701#config__manager td input.edit,
702#config__manager tr.default .input,
703#config__manager tr .input{
704    width: 300px;
705    margin: 10px;
706}
707#config__manager fieldset {
708    background-color: #f5f7f9;
709}
710#config__manager legend{
711    border:none;
712}
713#config__manager fieldset td.value{
714    padding-top: 10px;
715    padding-bottom: 10px;
716    padding-left: 7.5px;
717}
718
719#config__manager p{
720    margin-top:10px;
721}
722#plugin__styling input{border:none;padding: .2em .5em;}
723#plugin__styling td{
724    padding: .2em .5em;
725}
726
727.dokuwiki div.breadcrumbs .bchead{
728    font-weight:bold;
729}
730.dokuwiki div.breadcrumbs {
731    border-top: none;
732    border-bottom: 1px solid #e5f6ff;
733    margin-bottom: 2.5em;
734    padding: 10px 0;
735}
736.dokuwiki div.breadcrumbs ul {
737    margin-bottom: 0;
738}
739.dokuwiki div.breadcrumbs div:last-child {
740    border-bottom: none;
741}
742
743.dokuwiki a.wikilink1:hover, .dokuwiki a.wikilink2:hover{
744    text-decoration:underline;
745}
746
747.dokuwiki span.curid a{
748    font-weight:normal;
749}
750
751#content-wrapper .level1{
752    margin:0;
753}
754
755/*Responsive Styles*/
756@media (max-width: 1200px) {
757    #edit-dash {
758        width:50px;
759    }
760    #edit-dash ul li{
761        margin:0;
762        border-bottom:none;
763    }
764    #edit-dash ul li a p{
765        display:none;
766    }
767    #edit-dash .plugin_move_page span {
768        display: none !important;
769    }
770}
771