slitaz-forge view doc/lib/tpl/slitaz-brown/design.css @ rev 357

2013
author Pascal Bellard <pascal.bellard@slitaz.org>
date Tue Mar 26 09:07:46 2013 +0100 (2013-03-26)
parents 38815f7d58ac
children 433472bb831d
line source
1 /**
2 * Design elements for default Template
3 *
4 * @author Andreas Gohr <andi@splitbrain.org>
5 * @author Anika Henke <henke@cosmocode.de>
6 */
7
8 /* -------------- general elements --------------- */
9
10 /* * { padding: 0; margin: 0; } */
11
12 /* SliTaz stuff */
13 html {
14 min-height: 102%;
15 }
16
17 body {
18 background: #ffffff;
19 color: black;
20 font: 13px sans-serif, vernada, arial;
21 margin: 0;
22 border-top: 34px solid #f1f1f1;
23 }
24
25 /* Accessibility */
26
27 #access {
28 position: absolute;
29 top: 0px;
30 right: 0px;
31 text-align: right;
32 width: auto;
33 margin: 0;
34 padding: 4px 4px 4px 20px;
35 font-size: 11px;
36 font-weight: bold;
37 }
38
39 #access a {
40 text-decoration: none;
41 font-weight: bold
42 }
43
44 #access a:hover, div.plugin_translation a:hover {
45 background: transparent;
46 color: #b64b22;
47 }
48
49 #access img {
50 vertical-align: middle;
51 }
52
53 /* Header and title */
54
55 #header {
56 /*background: #f0ba08 url(pics/website/header.png) repeat-x top;*/
57 background: #351a0a url(images/header-img.png) no-repeat top right;
58 color: black;
59 width: 100%;
60 height: 42px;
61 border-top: 1px solid black;
62 border-bottom: 1px solid #999;
63 margin-bottom: 33px;
64 }
65
66 #titre {
67 position: absolute;
68 font-size: 14px;
69 font-weight: bolder ;
70 left: 180px;
71 top: 18px;
72 }
73
74 #logo {
75 position: absolute;
76 float: left;
77 left: 16px;
78 top: -10px;
79 width: 200px;
80 height: 74px;
81 }
82
83 /* Page content */
84
85 #content {
86 background: white;
87 color: black;
88 text-align: justify;
89 height: auto;
90 margin: 0;
91 padding: 0px 80px 40px 80px;
92 }
93
94 #content li, #content-full li {
95 line-height: 1.5em;
96 text-align: left;
97 }
98
99 /* Box and block. */
100
101 .infobox {
102 margin: 20px 60px;
103 padding: 12px;
104 background: #f8f8f8;
105 }
106
107 .infobox img { vertical-align: middle; }
108 /* .infobox:hover { background-color: #f2b21d; } */
109 .infobox:hover { background-color: #FBFBFB; }
110
111 .block {
112 /*padding-bottom: 35%;*/
113 color: black;
114 min-height: 200px;
115 margin-bottom: 20px;
116 }
117
118 .block ul {
119 list-style-type: none;
120 margin: 0;
121 padding: 0 20px;
122 }
123
124 .block_left {
125 width: 46%;
126 float: left;
127 background-color: #eaeaea;
128 margin: 4px 2px;
129 padding: 0 10px 10px 10px;
130 }
131
132 .block_right {
133 width: 46%;
134 float: right;
135 background-color: #eaeaea;
136 margin: 4px 2px;
137 padding: 0 10px 10px 10px;
138 }
139
140 #block_top {
141 color: black;
142 background-color: #eaeaea;
143 min-height: 180px;
144 margin-bottom: 0;
145 margin-right: 340px;
146 padding: 5px 0 0 10px;
147 }
148
149 #block_nav {
150 width: 300px;
151 min-height: 180px;
152 float: right;
153 background-color: #eaeaea;
154 margin: 0;
155 padding: 5px 0 0 10px;
156 }
157
158 .infobox, .block_left, .block_right, #block_top, #block_nav, #footer {
159 -moz-border-radius: 8px;
160 -webkit-border-radius: 8px;
161 border-radius: 8px;
162 -moz-box-shadow: 0 1px 3px #666;
163 -webkit-box-shadow: 0 1px 3px #666;
164 box-shadow: 0 1px 3px #666;
165 /* CSS3 transition */
166 -webkit-transition-property: background-color;
167 -webkit-transition-duration: 2s;
168 -moz-transition-property: background-color;
169 -moz-transition-duration: 2s;
170 transition-property: background-color;
171 transition-duration: 2s;
172 }
173
174 #block_nav {
175 font-weight: bold;
176 }
177
178 #block_nav a {
179 text-decoration: none;
180 }
181
182 #block_nav li a:hover {
183 color: #b64b22;
184 }
185
186 #block_nav ul {
187 margin: 0;
188 list-style-type: none;
189 }
190
191 #block_nav h3, #block_top h3 {
192 font-size: 110%;
193 }
194
195 .block_left:hover, .block_right:hover, #block_top:hover,
196 #block_nav:hover, #footer:hover {
197 background-color: #f8f8f8;
198 }
199
200 .right_box {
201 width: 50%;
202 float: right;
203 }
204
205 /* Button */
206
207 .button { margin-left: 20px; }
208
209 .button a {
210 background-color: #b64b22;
211 color: #ffffff;
212 margin-right: 6px;
213 padding: 6px 10px;
214 font-size: 14px;
215 -moz-border-radius: 4px;
216 -webkit-border-radius: 4px;
217 border-radius: 4px;
218 -moz-box-shadow: 0 1px 3px #666;
219 -webkit-box-shadow: 0 1px 3px #666;
220 box-shadow: 0 1px 3px #666;
221 }
222
223 .button a:hover, input[type=submit]:hover {
224 background-color: #a3431f;
225 color: #ffffff;
226 }
227
228 /* HTML styles */
229
230 h1 {
231 color: #444444;
232 background: transparent;
233 text-align: left;
234 margin: 0;
235 font-size: 150%;
236 font-weight: bold;
237 padding: 0;
238 }
239
240 h2 {
241 color: #b64b22;
242 padding: 0;
243 margin: 20px 0 0 0;
244 font-size: 130%;
245 font-weight: bold;
246 }
247
248 h3 {
249 font-weight: bold;
250 color: #666666;
251 background: transparent;
252 }
253
254 h3 img {
255 vertical-align: middle;
256 width: 20px;
257 height: 20px;
258 padding-right: 4px;
259 }
260
261 a {
262 text-decoration: underline;
263 color: #103A5E;
264 background: inherit;
265 }
266
267 a:hover {
268 text-decoration: none;
269 color: blue;
270 background: inherit;
271 }
272
273 code {
274 font-size: 12px;
275 color: #669900;
276 background: inherit;
277 }
278
279 tt {
280 color: #15EE15;
281 background: inherit;
282 }
283
284 img {
285 border: 0pt none;
286 }
287
288 pre {
289 padding: 5px;
290 color: black;
291 background: #E1E0B0;
292 }
293
294 pre.script {
295 padding: 10px;
296 color: black;
297 background: #E8E8E8;
298 border: 1px inset #606060;
299 }
300
301 textarea {
302 background: #E5E5E5;
303 margin-top: 12px;
304 }
305
306 .year:after {
307 /* content: "2007-2012"; */
308 content: "2013";
309 }
310
311 /* Footer */
312
313 #footer {
314 margin: 0px 80px 80px 80px;
315 padding: 10px;
316 background: #eaeaea;
317 color: #666666;
318 height: 180px;
319 clear: both;
320 border-radius: 8px;
321 -moz-border-radius: 8px;
322 -webkit-border-radius: 8px;
323 -moz-box-shadow: 0 1px 3px #666;
324 -webkit-box-shadow: 0 1px 3px #666;
325 box-shadow: 0 1px 3px #666;
326 }
327 #footer a {
328 background: inherit;
329 color: #666666;
330 }
331 #footer a:hover {
332 background: inherit;
333 color: #333333;
334 }
335 #footer ul {
336 list-style-type: none;
337 }
338 #footer li {
339 padding: 2px;
340 }
341 #footer h4 {
342 margin: 0 20px;
343 font-size: 125%;
344 }
345
346 /* the document */
347 div.dokuwiki div.page {
348 text-align: justify;
349 background: #ffffff;
350 }
351
352 div.dokuwiki table {
353 font-size: 100%;
354 }
355
356 div.dokuwiki tr,
357 div.dokuwiki td,
358 div.dokuwiki th {
359 }
360
361 div.dokuwiki img {
362 border: 0;
363 }
364
365 div.dokuwiki p,
366 div.dokuwiki blockquote,
367 div.dokuwiki table,
368 div.dokuwiki pre {
369 margin: 0 0 1.0em 0;
370 }
371
372 div.dokuwiki hr {
373 border: 0px;
374 border-top: 1px solid __border__;
375 text-align: center;
376 height: 0px;
377 }
378
379 div.dokuwiki div.nothing {
380 text-align: center;
381 margin: 2em;
382 }
383
384 /* ---------------- forms ------------------------ */
385
386 div.dokuwiki form {
387 border: none;
388 display: inline;
389 }
390
391 div.dokuwiki label.block {
392 display: block;
393 text-align: right;
394 font-weight: bold;
395 min-height: 20px;
396 margin: 0;
397 }
398
399 div.dokuwiki label.simple {
400 display: block;
401 text-align: left;
402 font-weight: normal;
403 }
404
405 div.dokuwiki label.block input.edit {
406 width: 50%;
407 }
408
409 div.dokuwiki fieldset {
410 width: 300px;
411 text-align: center;
412 border: 1px solid __border__;
413 padding: 0.5em;
414 margin: auto;
415 }
416
417 div.dokuwiki textarea.edit {
418 font-family: monospace;
419 font-size: 14px;
420 color: __text__;
421 background-color: __background__;
422 border: 1px solid __border__;
423 padding: 0.3em 0 0 0.3em;
424 width: 100%;
425 }
426
427 div.dokuwiki input.edit,
428 div.dokuwiki select.edit {
429 font-size: 100%;
430 border: 1px solid __border__;
431 color: __text__;
432 background-color: __background__;
433 vertical-align: middle;
434 margin: 1px;
435 padding: 0.20em 0.3em;
436 display: inline;
437 }
438
439 div.dokuwiki select.edit {
440 padding: 0.1em 0;
441 }
442
443 div.dokuwiki input.missing {
444 font-size: 100%;
445 border: 1px solid __border__;
446 color: __text__;
447 background-color: #ffcccc;
448 vertical-align: middle;
449 margin: 1px;
450 padding: 0.20em 0.3em;
451 display: inline;
452 }
453
454 /* disabled style - not understood by IE */
455 div.dokuwiki textarea.edit[disabled],
456 div.dokuwiki textarea.edit[readonly],
457 div.dokuwiki input.edit[disabled],
458 div.dokuwiki input.edit[readonly],
459 div.dokuwiki select.edit[disabled] {
460 background-color: __background_neu__!important;
461 color: __text_neu__!important;
462 }
463
464 /* edit form */
465 div.dokuwiki div.toolbar,
466 div.dokuwiki div#wiki__editbar {
467 margin: 2px 0;
468 text-align: left;
469 }
470 div.dokuwiki div#size__ctl {
471 float: right;
472 width: 60px;
473 height: 2.7em;
474 }
475 div.dokuwiki #size__ctl img {
476 cursor: pointer;
477 }
478 div.dokuwiki div#wiki__editbar div.editButtons {
479 float: left;
480 padding: 0 1.0em 0.7em 0;
481 }
482 div.dokuwiki div#wiki__editbar div.summary {
483 float: left;
484 }
485 div.dokuwiki .nowrap {
486 white-space: nowrap;
487 }
488 div.dokuwiki div#draft__status {
489 float: right;
490 color: __text_alt__;
491 }
492
493 /* --------- buttons ------------------- */
494
495
496 div.dokuwiki input.button,
497 div.dokuwiki button.button {
498 border: 0px solid #eaeaea;
499 color: #0F314E;
500 background-color: transparent;
501 vertical-align: middle;
502 text-decoration: none;
503 font-size: 12px;
504 font-weight: bold;
505 cursor: pointer;
506 padding: 0;
507 }
508
509 div.dokuwiki input:hover.button {
510 color: #DF8F06;
511 }
512
513 * html div.dokuwiki input.button,
514 * html div.dokuwiki button.button {
515 height: 24px;
516 }
517
518 div.dokuwiki div.secedit input.button {
519 border: 1px solid #eaeaea;
520 color: #3E1220;
521 background-color: transparent;
522 vertical-align: middle;
523 text-decoration: none;
524 margin: 0;
525 padding: 0;
526 font-size: 10px;
527 cursor: pointer;
528 float: right;
529 display: inline;
530 }
531
532 /* ----------- page navigator ------------- */
533
534 div.dokuwiki div.pagenav {
535 margin: 1em 0 0 0;
536 }
537
538 div.dokuwiki div.pagenav-prev {
539 text-align: right;
540 float: left;
541 width: 49%
542 }
543
544 div.dokuwiki div.pagenav-next {
545 text-align: left;
546 float: right;
547 width: 49%
548 }
549
550 /* --------------- Links ------------------ */
551
552 div.dokuwiki a:link,
553 div.dokuwiki a:visited {
554 color: __extern__;
555 text-decoration: none;
556 }
557 div.dokuwiki a:hover,
558 div.dokuwiki a:active {
559 color: __text__;
560 text-decoration: underline;
561 }
562
563 div.dokuwiki h1 a {
564 color: #3E1220 !important;
565 text-decoration: none !important;
566 }
567
568 div.dokuwiki h2 a {
569 color: #DF8F06 !important;
570 text-decoration: none !important;
571 border-left: 10px solid #F3F3F3;
572 padding: 4px 0px 4px 4px;
573 }
574
575 div.dokuwiki h3 a,
576 div.dokuwiki h4 a,
577 div.dokuwiki h5 a,
578 div.dokuwiki a.nolink {
579 color: #6c0023 !important;
580 text-decoration: none !important;
581 }
582
583 /* external link */
584 div.dokuwiki a.urlextern {
585 background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
586 padding: 1px 0px 1px 16px;
587 }
588
589 /* windows share */
590 div.dokuwiki a.windows {
591 background: transparent url(images/windows.gif) 0px 1px no-repeat;
592 padding: 1px 0px 1px 16px;
593 }
594
595 /* interwiki link (icon are set by dokuwiki) */
596 div.dokuwiki a.interwiki {
597 }
598
599 /* link to some embedded media */
600 div.dokuwiki a.media {
601 }
602
603 div.dokuwiki a.urlextern:link,
604 div.dokuwiki a.windows:link,
605 div.dokuwiki a.interwiki:link {
606 color: __extern__;
607 }
608
609 div.dokuwiki a.urlextern:visited,
610 div.dokuwiki a.windows:visited,
611 div.dokuwiki a.interwiki:visited {
612 color: purple;
613 }
614 div.dokuwiki a.urlextern:hover,
615 div.dokuwiki a.urlextern:active,
616 div.dokuwiki a.windows:hover,
617 div.dokuwiki a.windows:active,
618 div.dokuwiki a.interwiki:hover,
619 div.dokuwiki a.interwiki:active {
620 color: __text__;
621 }
622
623 /* email link */
624 div.dokuwiki a.mail {
625 background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
626 padding: 1px 0px 1px 16px;
627 }
628
629 /* existing wikipage */
630 div.dokuwiki a.wikilink1 {
631 color: #0F314E;
632 text-decoration: underline;
633 }
634 div.dokuwiki a.wikilink1:hover {
635 text-decoration: none;
636 color: blue;
637 }
638
639 /* not existing wikipage */
640 div.dokuwiki a.wikilink2 {
641 color: __missing__ !important;
642 text-decoration: none !important;
643 border-bottom: dashed 1px __missing__ !important;
644 }
645
646 /* ------------- Page elements ----------------- */
647
648 div.dokuwiki div.preview {
649 background-color: __background_neu__;
650 margin: 0 0 0 2em;
651 padding: 4px;
652 border: 1px dashed __text__;
653 }
654
655 div.dokuwiki div.breadcrumbs {
656 background-color: #f1f1f1;
657 color: __text_neu__;
658 font-size: 85%;
659 padding: 1px 0px 1px 18px;
660 margin: 0px 100px 0px 100px;
661 }
662
663 div.dokuwiki span.user {
664 color: __text_other__;
665 font-size: 90%;
666 }
667
668 div.dokuwiki li.minor {
669 color: __text_neu__;
670 font-style: italic;
671 }
672
673 /* embedded images */
674 div.dokuwiki img.media {
675 margin: 3px;
676 }
677
678 div.dokuwiki img.medialeft {
679 border: 0;
680 float: left;
681 margin: 0 1.5em 0 0;
682 }
683
684 div.dokuwiki img.mediaright {
685 border: 0;
686 float: right;
687 margin: 0 0 0 1.5em;
688 }
689
690 div.dokuwiki img.mediacenter {
691 border: 0;
692 display: block;
693 margin: 0 auto;
694 }
695
696 /* smileys */
697 div.dokuwiki img.middle {
698 vertical-align: middle;
699 }
700
701 div.dokuwiki acronym {
702 cursor: help;
703 border-bottom: 1px dotted __text__;
704 }
705
706 /* general headline setup */
707 div.dokuwiki h1,
708 div.dokuwiki h2,
709 div.dokuwiki h3,
710 div.dokuwiki h4,
711 div.dokuwiki h5 {
712 background-color: transparent;
713 clear: left;
714 }
715
716 /* unordered lists */
717 div.dokuwiki ul {
718 line-height: 1.5em;
719 list-style-type: square;
720 list-style-image: none;
721 margin: 0 0 0.5em 1.5em;
722 color: __text_alt__;
723 }
724
725 /* ordered lists */
726 div.dokuwiki ol {
727 line-height: 1.5em;
728 list-style-image: none;
729 margin: 0 0 0.5em 1.5em;
730 color: __text_alt__;
731 font-weight: bold;
732 }
733
734 /* the list items overriding the ul/ol definition */
735 div.dokuwiki .li {
736 color: __text__;
737 font-weight: normal;
738 }
739
740 div.dokuwiki ol {list-style-type: decimal}
741 div.dokuwiki ol ol {list-style-type: upper-roman}
742 div.dokuwiki ol ol ol {list-style-type: lower-alpha}
743 div.dokuwiki ol ol ol ol {list-style-type: lower-greek}
744
745 div.dokuwiki li.open {
746 list-style-image: url(images/open.gif);
747 /*list-style-type: circle;*/
748 }
749
750 div.dokuwiki li.closed {
751 list-style-image: url(images/closed.gif);
752 /*list-style-type: disc;*/
753 }
754
755 div.dokuwiki blockquote {
756 border-left: 2px solid __border__;
757 padding-left: 3px;
758 }
759
760 div.dokuwiki pre {
761 font-size: 100%;
762 padding: 5px;
763 color: black;
764 background: #E1E0B0;
765 border: 0;
766 overflow: auto;
767 }
768
769 /* code blocks by indention */
770 div.dokuwiki pre.pre {
771 background-color: __background_other__;
772 }
773
774 /* code blocks by code tag */
775 div.dokuwiki pre.code {
776 -moz-border-radius: 4px;
777 -webkit-border-radius: 4px;
778 background-color: #e6e6be;
779 color: black;
780 padding: 5px ;
781 border: 0;
782 }
783
784 /* inline code words */
785 div.dokuwiki code {
786 font-size: 120%;
787
788
789 }
790
791 /* code blocks by file tag */
792 div.dokuwiki pre.file {
793 background-color: __background_alt__;
794 }
795
796 /* inline tables */
797 div.dokuwiki table.inline {
798 background-color: __background__;
799 border-spacing: 0px;
800 border-collapse: collapse;
801 }
802
803 div.dokuwiki table.inline th {
804 padding: 3px;
805 border: 1px solid __border__;
806 background-color: __background_alt__;
807 }
808
809 div.dokuwiki table.inline td {
810 padding: 3px;
811 border: 1px solid __border__;
812 }
813
814 /* ---------- table of contents ------------------- */
815
816 div.dokuwiki div.toc {
817 margin: 1.2em 0 0 2em;
818 float: right;
819 width: 200px;
820 font-size: 80%;
821 clear: both;
822 }
823
824 div.dokuwiki div.tocheader {
825 border: 1px solid __border__;
826 background-color: __background_alt__;
827 text-align: left;
828 font-weight: bold;
829 padding: 3px;
830 margin-bottom: 2px;
831 }
832
833 div.dokuwiki span.toc_open,
834 div.dokuwiki span.toc_close {
835 border: 0.4em solid __background_alt__;
836 float: right;
837 display: block;
838 margin: 0.4em 3px 0 0;
839 }
840
841 div.dokuwiki span.toc_open span,
842 div.dokuwiki span.toc_close span {
843 display: none;
844 }
845
846 div.dokuwiki span.toc_open {
847 margin-top: 0.4em;
848 border-top: 0.4em solid __text__;
849 }
850
851 div.dokuwiki span.toc_close {
852 margin-top: 0;
853 border-bottom: 0.4em solid __text__;
854 }
855
856 div.dokuwiki #toc__inside {
857 border: 1px solid __border__;
858 background-color: __background__;
859 text-align: left;
860 padding: 0.5em 0 0.7em 0;
861 }
862
863 div.dokuwiki ul.toc {
864 list-style-type: none;
865 list-style-image: none;
866 line-height: 1.2em;
867 padding-left: 1em;
868 margin: 0;
869 }
870
871 div.dokuwiki ul.toc li {
872 background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
873 padding-left: 0.4em;
874 }
875
876 div.dokuwiki ul.toc li.clear {
877 background-image: none;
878 padding-left: 0.4em;
879 }
880
881 div.dokuwiki a.toc:link,
882 div.dokuwiki a.toc:visited {
883 color: __extern__;
884 }
885
886 div.dokuwiki a.toc:hover,
887 div.dokuwiki a.toc:active {
888 color: __text__;
889 }
890
891 /* ---------------------------- Diff rendering --------------------------*/
892 div.dokuwiki table.diff {
893 background-color: __background__;
894 width: 100%;
895 }
896 div.dokuwiki td.diff-blockheader {
897 font-weight: bold;
898 }
899 div.dokuwiki table.diff th {
900 border-bottom: 1px solid __border__;
901 font-size: 120%;
902 width: 50%;
903 font-weight: normal;
904 text-align: left;
905 }
906 div.dokuwiki table.diff td {
907 font-family: monospace;
908 font-size: 100%;
909 }
910 div.dokuwiki td.diff-addedline {
911 background-color: #ddffdd;
912 }
913 div.dokuwiki td.diff-deletedline {
914 background-color: #ffffbb;
915 }
916 div.dokuwiki td.diff-context {
917 background-color: __background_neu__;
918 }
919 div.dokuwiki table.diff td.diff-addedline strong,
920 div.dokuwiki table.diff td.diff-deletedline strong {
921 color: red;
922 }
923
924 /* --------------------- footnotes -------------------------------- */
925
926 div.dokuwiki div.footnotes {
927 clear: both;
928 border-top: 1px solid __border__;
929 padding-left: 1em;
930 margin-top: 1em;
931 }
932
933 div.dokuwiki div.fn {
934 font-size: 90%;
935 }
936
937 div.dokuwiki a.fn_bot {
938 font-weight: bold;
939 }
940
941 /* insitu-footnotes */
942 div.insitu-footnote {
943 font-size: 80%;
944 line-height: 1.2em;
945 border: 1px solid __border__;
946 background-color: __background_other__;
947 text-align: left;
948 padding: 4px;
949 max-width: 40%; /* IE's width is handled in javascript */
950 }
951
952 /* overcome IE issue with one line code or file boxes which require h. scrolling */
953 * html .insitu-footnote pre.code,
954 * html .insitu-footnote pre.file {
955 padding-bottom: 18px;
956 }
957
958 /* --------------- search result formating --------------- */
959 div.dokuwiki .search_result {
960 margin-bottom: 6px;
961 padding: 0 10px 0 30px;
962 }
963
964 div.dokuwiki .search_snippet {
965 color: __text_other__;
966 font-size: 12px;
967 margin-left: 20px;
968 }
969
970 div.dokuwiki .search_sep {
971 color: __text__;
972 }
973
974 div.dokuwiki .search_hit {
975 color: __text__;
976 background-color: __highlight__;
977 }
978 div.dokuwiki strong.search_hit {
979 font-weight: normal;
980 }
981
982 div.dokuwiki div.search_quickresult {
983 margin: 0 0 15px 30px;
984 padding: 0 10px 10px 0;
985 border-bottom: 1px dashed __border__;
986 }
987 div.dokuwiki div.search_quickresult h3 {
988 margin: 0 0 1.0em 0;
989 font-size: 1em;
990 font-weight: bold;
991 }
992
993 div.dokuwiki ul.search_quickhits {
994 margin: 0 0 0.5em 1.0em;
995 }
996
997 div.dokuwiki ul.search_quickhits li {
998 margin: 0 1.0em 0 1.0em;
999 float:left;
1000 width: 30%;
1001 }
1002
1003 /* ------------------ Additional ---------------------- */
1004
1005 div.footerinc {
1006 text-align: left;
1007 margin: 10px 80px;
1008 }
1009 .footerinc a img {
1010 opacity: 0.5;
1011 border: 0;
1012 }
1013
1014 .footerinc a:hover img {
1015 opacity: 1;
1016 }
1017
1018 /* ---------- AJAX quicksearch ----------- */
1019
1020 div.dokuwiki div.ajax_qsearch {
1021 position: absolute;
1022 right: 237px;;
1023 width: 200px;
1024 opacity: 0.9;
1025 display: none;
1026 font-size: 80%;
1027 line-height: 1.2em;
1028 border: 1px solid __border__;
1029 background-color: __background_other__;
1030 text-align: left;
1031 padding: 4px;
1032 }
1033
1034 /* --------- Toolbar -------------------- */
1035 button.toolbutton {
1036 background-color: transparent;
1037 padding: 0px;
1038 margin: 0 1px 0 0;
1039 border: 1px solid __border__;
1040 cursor: pointer;
1041 }
1042
1043 div.picker {
1044 width: 250px;
1045 border: 1px solid __border__;
1046 background-color: __background_alt__;
1047 }
1048
1049 button.pickerbutton {
1050 padding: 0px;
1051 margin: 0 1px 1px 0;
1052 border: 0;
1053 background-color: transparent;
1054 font-size: 80%;
1055 cursor: pointer;
1056 }
1057
1058 /* --------------- Image Details ----------------- */
1059
1060 div.dokuwiki div.img_big {
1061 float: left;
1062 margin-right: 0.5em;
1063 }
1064
1065 div.dokuwiki dl.img_tags dt {
1066 font-weight: bold;
1067 background-color: __background_alt__;
1068 }
1069 div.dokuwiki dl.img_tags dd {
1070 background-color: __background_neu__;
1071 }
1072
1073 div.dokuwiki div.imagemeta {
1074 color: __text_neu__;
1075 font-size: 70%;
1076 line-height: 95%;
1077 }
1078
1079 div.dokuwiki div.imagemeta img.thumb {
1080 float:left;
1081 margin-right: 0.1em;
1082 }
1083
1084 div.notify {
1085 background: #FFCE21;
1086 color: #222;
1087 border: 1px solid #000;
1088 font-size: 90%;
1089 margin: 0;
1090 padding: 4px;
1091 -moz-border-radius: 4px;
1092 -webkit-border-radius: 4px;
1093 border-radius: 4px;
1094 position: absolute;
1095 top: 43px;
1096 right: 24px;
1097 width: 600px;
1098 }
1099
1100 #access div.notify a { text-decoration: underline; }
1101 #access div.notify a:hover { text-decoration: none; }