1/*!
2 * DokuWiki Bootstrap3 Template: Template
3 *
4 * Home     http://dokuwiki.org/template:bootstrap3
5 * Author   Giuseppe Di Terlizzi <giuseppe.diterlizzi@gmail.com>
6 * License  GPL 2 (http://www.gnu.org/licenses/gpl.html)
7 */
8
9@import url("css.php?f=bootstrap.css");
10
11
12html {
13  -ms-overflow-style: scrollbar;
14}
15
16body {
17
18  &.default.dw-page-on-panel,
19  &.optional.dw-page-on-panel, {
20    background: #FEFEFE;
21  }
22
23}
24
25/**
26 * Links and Interwiki icons
27 */
28a.urlextern {
29  background-image: url('iconify.php?icon=mdi-earth-arrow-right.svg&color=%23666666') !important;
30}
31
32a.mail {
33  background-image: url('iconify.php?icon=mdi-email.svg&color=%23666666') !important;
34}
35
36a.iw_user {
37  background-image: url('iconify.php?icon=mdi-account.svg');
38}
39
40a.iw_wp, a.iw_wpde, a.iw_wpes, a.iw_wpfr, a.iw_wpjp, a.iw_wpru, a.iw_wpmeta, a.iw_wppl {
41  background-image: url('iconify.php?icon=mdi-wikipedia.svg');
42}
43
44a.iw_go {
45  background-image: url('iconify.php?icon=mdi-google.svg&color=%234285f4');
46}
47
48a.iw_skype {
49  background-image: url('iconify.php?icon=mdi-skype.svg&color=%2300aff0');
50}
51
52a.iw_phpfn {
53  background-image: url('iconify.php?icon=mdi-elephant.svg&color=%23858eb8');
54}
55
56a.iw_callto, a.iw_tel {
57  background-image: url('iconify.php?icon=mdi-phone.svg');
58}
59
60a.iw_amazon, a.iw_amazon_de, a.iw_amazon_uk {
61  background-image: url('iconify.php?icon=mdi-amazon.svg');
62}
63
64a.iw_man {
65  background-image: url('iconify.php?icon=mdi-book.svg');
66}
67
68a.iw_paypal {
69  background-image: url('iconify.php?icon=mdi-paypal.svg&color=%2324397c');
70}
71
72
73aside,
74.dw__dropdown_page {
75
76  word-wrap: break-word;
77
78  h1, h2, h3, h4 h5 {
79    margin: 10px 0 5px 0;
80  }
81
82  h1 { font-size: 1.8em; }
83  h2 { font-size: 1.6em; }
84  h3 { font-size: 1.4em; }
85  h4 { font-size: 1.2em; }
86  h5 { font-size: 1em;   }
87
88  .page-header {
89    margin: 10px 0;
90  }
91
92  .panel-heading {
93    cursor: pointer;
94  }
95
96  .nav {
97
98    ul {
99      padding-left: 10px;
100    }
101
102    li {
103
104      a {
105        padding: 5px 10px !important;
106      }
107
108      a.urlextern,
109      a.mail,
110      a.mediafile {
111        padding-left: 28px !important;
112        background-position: 8px center;
113      }
114
115    }
116
117  }
118
119}
120
121pre.code {
122  white-space: pre-wrap;
123}
124
125input,
126textarea,
127select {
128  font-weight: 400;
129}
130
131body,
132main {
133  position: relative;
134}
135
136/* Ordered list style */
137ol             { list-style: decimal outside; }   /* Decimal: 1. 2. 3. ...              */
138ol ol          { list-style-type: lower-alpha; }  /* Alpha (lowercase): a. b. c. ...    */
139ol ol ol       { list-style-type: upper-roman; }  /* Roman (uppercase): I. II. III. ... */
140ol ol ol ol    { list-style-type: upper-alpha; }  /* Alpha (uppercase): A. B. C. ...    */
141ol ol ol ol ol { list-style-type: lower-roman; }  /* Roman (lowercase): i. ii. iii. ... */
142
143/* Header */
144header {
145
146  nav {
147
148    .navbar-brand {
149      padding-top: 10px;
150      padding-bottom: 10px;
151    }
152
153    #dw__tagline {
154      font-size: 0.6em;
155      line-height: 0.6em;
156      white-space: nowrap;
157    }
158
159    #dw__search {
160
161      /* Typeahead plugin */
162      .typeahead {
163        max-height: 250px;
164        overflow-y: auto;
165
166        li.dropdown-header {
167          font-size: 80%;
168          text-overflow: ellipsis;
169          overflow: hidden;
170          padding-top: 0;
171        }
172
173        a.dropdown-item {
174          font-size: 85%;
175          text-overflow: ellipsis;
176          overflow: hidden;
177        }
178      }
179
180    }
181
182    &.navbar-fixed-top .dw__actions {
183      margin: 0 15px 0 5px;
184    }
185
186    .dw__actions .btn {
187      margin-left: 5px;
188    }
189
190  }
191
192}
193
194article .page-header:first-child {
195  margin-top: 10px;
196}
197
198/* Characters picker */
199div#picker2 {
200  z-index:1000;
201}
202
203
204/* Message area (alerts, warnings, errors, etc.) */
205#dw__msgarea {
206
207  .alert {
208    padding: 5px;
209    margin-bottom: 10px;
210  }
211
212  .bs-callout {
213    margin-bottom: 10px;
214    padding: 10px;
215  }
216
217}
218
219
220/* NavBar Logo */
221#dw__logo.dw-logo-tagline {
222  margin-top: -5px;
223}
224
225
226/* Badges */
227#dw__badges li {
228  padding-right: 0;
229}
230
231
232
233/* Configuration Manager */
234#config__manager {
235
236  label {
237    color: initial;
238    white-space: initial;
239    font-size: 1.2em;
240    font-weight: initial;
241  }
242
243  td {
244    padding: 5px;
245  }
246
247  legend {
248    font-size: 1.8em;
249  }
250
251  fieldset {
252    background: initial !important;
253    padding: 0 !important;
254    text-align: left;
255  }
256
257  .label {
258    display: block;
259    font-weight: normal;
260    color: initial;
261  }
262
263  .value {
264    vertical-align: middle;
265  }
266
267  .outkey {
268    margin: 0 !important;
269    padding: 0 !important;
270    font-size: 1.2em !important;
271    background: transparent !important;
272  }
273
274  #tpl____bootstrap3____template_settings_name legend {
275    padding-top: 25px;
276  }
277
278  span[title*="$meta"] {
279    font-family: monospace;
280  }
281
282}
283
284
285/* Breadcrumbs */
286#dw__breadcrumbs {
287
288  hr {
289    margin: 5px 0;
290    padding: 0;
291  }
292
293  .breadcrumb {
294    background: transparent;
295    border: 0 none;
296    padding-left: 0;
297    display: inline;
298  }
299
300}
301
302
303/* Footnotes */
304#insitu__fn {
305  max-width: 20em;
306}
307
308.footnotes {
309  div.fn > div.content {
310    display:inline;
311  }
312}
313
314
315/* User Menu */
316#dw__user_menu {
317
318  .nav > li > a {
319    text-overflow: ellipsis;
320    white-space: nowrap;
321    overflow: hidden !important;
322  }
323
324}
325
326
327/* Page tools */
328#dw__pagetools {
329
330  position: absolute;
331  right: 30px;
332  padding-top: 50px;
333  z-index: 999;
334  text-align: center;
335
336  ul li a {
337    padding: 2px 4px;
338  }
339
340  ul li:not(.active) a:hover {
341    background: transparent;
342  }
343
344  .tools {
345    position: fixed;
346  }
347
348}
349
350
351/* Footer Page */
352#dw__footer {
353
354  z-index: 995;
355
356  &.container-fluid {
357    margin: 0;
358    margin-bottom: -50px;
359    padding: 0;
360  }
361
362}
363
364/* Extension Manager */
365#extension__manager {
366
367  ul.tabs li.active a,
368  .panelHeader {
369    background-color: initial;
370  }
371
372  ul.tabs li.active a {
373    /* FIXME */
374    border-bottom-color: white;
375  }
376
377}
378
379
380/* User Manager */
381#user__manager .import_users {
382  clear: both;
383}
384
385
386/* Media Manager */
387#media__tree {
388
389  height: 300px;
390  overflow: auto;
391
392  li.media {
393    margin-top: 0;
394  }
395
396}
397
398
399#mediamgr__content {
400  position: fixed;
401}
402
403
404#media__content {
405
406  height: auto;
407
408  input, label {
409    margin: 0;
410  }
411
412  label {
413    display: inline !important;
414  }
415
416  [type=submit] {
417    vertical-align: bottom;
418  }
419
420}
421
422
423#mediamgr__aside {
424  height: auto;
425  top: 0;
426  position: fixed;
427}
428
429
430#media__opts label {
431  display: inline !important;
432}
433
434
435#mediamanager__page .ui-buttonset label {
436  margin-right: 0 !important;
437}
438
439
440#dokuwiki__pageheader p a.label {
441  white-space: initial;
442}
443
444/* Page ID */
445[data-img-id] .pageId {
446
447  &::after {
448    content: " }}";
449  }
450
451  &::before {
452    content: "{{ ";
453  }
454
455}
456
457[data-page-id] .pageId {
458
459  &::after {
460    content: " ]]";
461  }
462
463  &::before {
464    content: "[[ ";
465  }
466
467}
468
469
470.mode_search {
471  li {
472    list-style-type: none;
473    word-wrap: break-word;
474  }
475}
476
477.dokuwiki div.search_quickresult ul li {
478  width: 20em;
479}
480
481.mode_index {
482
483  ul.idx {
484
485    a {
486      color: inherit;
487      text-decoration: none;
488    }
489
490    i {
491      padding-right: 5px;
492    }
493
494    strong {
495      font-weight: normal;
496    }
497
498    li {
499      list-style-type: none;
500      list-style-image: none !important;
501    }
502
503  }
504
505}
506
507
508.mode_admin {
509
510  input[name="installfile"] {
511    height: auto;
512  }
513
514  h1#dokuwiki_settings,
515  h1#plugin_settings,
516  h1#template_settings {
517    font-size: 1.80em;
518  }
519
520  #config__manager legend {
521    cursor: pointer;
522  }
523
524}
525
526.dokuwiki div.ui-admin {
527
528  ul li {
529    font-weight: normal;
530  }
531
532  #admin__version {
533    clear: both;
534    float: none;
535  }
536
537  .admin_tasks {
538    width: 50% !important;
539    padding: 0 10px !important;
540  }
541
542  ul.admin_plugins {
543    padding: 5px;
544    margin-bottom: 0px;
545  }
546
547}
548
549/* Back to top button */
550.back-to-top {
551  position: fixed;
552  bottom: 10px;
553  right: 10px;
554  opacity: .8;
555  display: none;
556  z-index: 1024;
557}
558
559
560/* Fix for media list overlap */
561.fix-media-list-overlap {
562  overflow: hidden;
563}
564
565
566/* External URL (navbar) */
567.navbar-nav a.urlextern,
568.navbar-nav a.mail {
569  padding: 15px 0 15px 18px;
570}
571
572
573/* Page Info */
574.docInfo .list-inline li {
575  padding-left : 0;
576}
577
578
579/* User profile image */
580.profile-image {
581  position: relative;
582  top: -5px;
583  float: left;
584  left: -5px;
585}
586
587
588/* Page icons (email, print, social share, etc.) */
589.dw-page-icons {
590
591  a {
592    color: inherit;
593  }
594
595  span {
596    display: none;
597  }
598
599  svg {
600    width: 1.2em !important;
601    height: 1.2em !important;
602  }
603
604  .share-google-plus     svg { color: #DC4E41; }
605  .share-twitter         svg { color: #55ACEE; }
606  .share-linkedin        svg { color: #0077B5; }
607  .share-facebook        svg { color: #3B5998; }
608  .share-whatsapp        svg { color: #43D854; }
609  .share-pinterest       svg { color: #BD081C; }
610  .share-telegram        svg { color: #0088CC; }
611  .share-yammer          svg { color: #5AA8BF; }
612  .share-reddit          svg { color: #FF4500; }
613  .share-microsoft-teams svg { color: #464EB8; }
614
615}
616
617/* Override Bootstrap3 style */
618
619/* Set ".img-responsive" to "inline" */
620.img-responsive {
621  display: inline;
622}
623
624ul.btn-group {
625  padding: 0;
626}
627
628.table thead tr th[rowspan] {
629  vertical-align: top !important;
630}
631
632
633/* Commond DokuWiki styles */
634.dokuwiki {
635
636  fieldset {
637    border: none;
638  }
639
640  img.media {
641    margin: .2em 0;
642  }
643
644  img.medialeft {
645    float: left;
646    margin: .2em 1em .2em 0;
647  }
648
649  img.mediaright {
650    float: right;
651    margin: .2em 0 .2em 1em;
652  }
653
654  img.mediacenter {
655    display: block;
656    margin: .2em auto;
657  }
658
659  textarea.edit {
660    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
661  }
662
663  ul.idx {
664    padding-left: 18px;
665  }
666
667  article .wikilink2 {
668    color: #d9534f;
669  }
670
671  article .page {
672    min-height: 400px;
673  }
674
675  .diffnav select {
676    height: auto;
677  }
678
679  .curid {
680    font-weight: bold;
681  }
682
683  .diff.diff_sidebyside {
684
685    margin-top: 25px;
686    margin-bottom: 25px;
687
688    td.diff-context {
689      width: 50%;
690    }
691
692  }
693
694  table.diff {
695    select {
696      font-size: 1em !important;
697    }
698    td {
699      font-size: 1em !important;
700    }
701  }
702
703}
704
705/* Custom DropDown menu with multiple columns */
706.dropdown-row {
707
708  > ul {
709    position: static;
710    border: 0px;
711    box-shadow: none;
712  }
713
714  > li a {
715      text-overflow: ellipsis;
716      white-space: nowrap;
717      overflow: hidden !important;
718  }
719
720}
721
722
723/* Custom DropDown Menu Large (see http://bootsnipp.com/snippets/featured/large-dropdown-menu) */
724
725#dw__admin .dropdown-menu-large {
726  width: 600px;
727}
728
729@media (max-width: 768px) {
730  .dropdown-menu-large {
731    margin-left: 0 ;
732    margin-right: 0 ;
733  }
734}
735
736
737/* Dropdown menu page */
738.dw__dropdown_page {
739
740  .dropdown-menu-large {
741    background: #FFF;
742  }
743
744  .nav li a {
745    padding: 5px 10px;
746  }
747
748}
749
750
751/* AnchorJS */
752a.anchorjs-link:hover {
753  text-decoration: none;
754}
755
756
757/* Override Bootswatch Style */
758body.cosmo #tool__bar .btn {
759  border: 1px solid #CCC;
760  background-color: #EEE;
761}
762
763body {
764
765  &.cyborg,
766  &.darkly,
767  &.slate,
768  &.superhero,
769  &.solar {
770    #config__manager .outkey {
771      color: #fff !important;
772    }
773    #extension__list {
774      ul.extensionList li {
775        color: inherit;
776      }
777      .legend {
778        color: inherit;
779      }
780      p {
781        color: inherit;
782      }
783    }
784  }
785
786}
787
788.dw-table-width {
789
790  article table.inline {
791    width: auto;
792  }
793
794  .mode_admin table.inline {
795    width: 100%;
796  }
797
798}
799
800
801body.yeti #dw__user_menu dl {
802  color: white;
803}
804
805/* SVG icon for DokuWiki */
806
807svg.icon {
808  fill: currentColor;
809  width: 1em;
810  height: 1em;
811  vertical-align: middle;
812  display: inline-block;
813}
814
815.menuitem svg {
816  fill: currentColor;
817  display: inline-block;
818  vertical-align: middle;
819  width: 1.3em;
820  height: 1.3em;
821}
822
823#dw__pagetools .menuitem svg {
824  fill: initial !important;
825}
826
827.dropdown-menu .menuitem svg {
828  padding-right: 4px;
829}
830
831#dw__pagetools .active .menuitem svg {
832  fill: #fff !important;
833}
834
835#dw__pagetools .menuitem span {
836  display: none;
837}
838
839/* Fixes for Bootswatch theme and DokuWiki actions */
840
841body {
842
843  &.cyborg,
844  &.darkly,
845  &.slate,
846  &.superhero,
847  &.solar {
848    #dw__pagetools .menuitem svg {
849      fill: #fff !important;
850    }
851    .iw_user {
852      background-image: url('iconify.php?icon=mdi-account.svg&color=%23ffffff');
853    }
854    a.urlextern {
855      background-image: url('iconify.php?icon=mdi-earth-arrow-right.svg&color=%23ffffff') !important;
856    }
857
858    a.mail {
859      background-image: url('iconify.php?icon=mdi-email.svg&color=%23ffffff') !important;
860    }
861    a.iw_callto, a.iw_tel {
862      background-image: url('iconify.php?icon=mdi-phone.svg&color=%23ffffff');
863    }
864
865    a.iw_amazon, a.iw_amazon_de, a.iw_amazon_uk {
866      background-image: url('iconify.php?icon=mdi-amazon.svg&color=%23ffffff');
867    }
868
869    a.iw_man {
870      background-image: url('iconify.php?icon=mdi-book.svg&color=%23ffffff');
871    }
872    a.iw_wp, a.iw_wpde, a.iw_wpes, a.iw_wpfr, a.iw_wpjp, a.iw_wpru, a.iw_wpmeta, a.iw_wppl {
873      background-image: url('iconify.php?icon=mdi-wikipedia.svg&color=%23ffffff');
874    }
875  }
876
877  &.yeti .dropdown-menu .menuitem svg {
878    fill: #fff;
879  }
880
881  &.solar .dropdown-menu .menuitem svg {
882    fill: #839496;
883  }
884
885  &.sandstone .menuitem svg {
886    fill: #98978b;
887  }
888
889  &.lumen .menuitem svg {
890    fill: #555555;
891  }
892
893  &.flatly .menuitem svg {
894    fill: #7b8a8b;
895  }
896
897}
898
899.alert {
900  overflow: hidden;
901}
902