slitaz-forge view doc/lib/tpl/slitaz-grey/design.css @ rev 688
scn: bigger font (match website)
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Sat Mar 25 00:01:52 2017 +0100 (2017-03-25) |
| parents | fdb7fa1b6237 |
| children |
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 */
8 /* -------------- general elements --------------- */
10 /* * { padding: 0; margin: 0; } */
12 /* SliTaz stuff */
13 html {
14 min-height: 102%;
15 }
17 body {
18 background: #ffffff;
19 color: black;
20 font: 13px sans-serif, vernada, arial;
21 margin: 0;
22 min-width: 780px;
23 }
25 /* Languges */
27 #lang {
28 position: absolute;
29 top: 152px;
30 right: 0px;
31 text-align: right;
32 width: auto;
33 margin: 0;
34 padding: 4px 4px 4px 20px;
35 font-size: 12px;
36 font-weight: bold;
37 }
39 #lang div.plugin_translation a {
40 text-decoration: none;
41 font-weight: bold;
42 color: #215090;
43 background: #666;
44 padding: 4px;
45 margin: 0;
46 }
48 #lang div.plugin_translation a:hover {
49 background: #444;
50 }
52 /* Header and title */
54 #header {
55 background: #222;
56 color: #fff;
57 width: 100%;
58 height: 40px;
59 }
61 #header h1 {
62 margin: 0;
63 padding: 8px 0 0 42px;
64 width: 250px;
65 }
67 #header h1 a {
68 color: white;
69 text-decoration: none;
70 font-size: 20px;
71 font-style: italic;
72 }
74 #header h1 a:hover, #network a:hover {
75 color: #afafaf;
76 }
78 /* Logo */
80 #logo {
81 background: url(images/logo.png) no-repeat left;
82 position: absolute;
83 float: left;
84 left: 0px;
85 top: 0px;
86 width: 40px;
87 height: 40px;
88 }
90 /* SliTaz Network */
92 #network {
93 float: right;
94 padding: 14px 5px 0;
95 font-size: 12px;
96 }
98 #network a { padding: 0 4px; color: #fff;
99 font-weight: bold;
100 text-decoration: none;}
101 #network img { vertical-align: middle; }
103 #block {
104 min-height: 92px;
105 background: #ccc;
106 padding: 20px 12% 0;
107 text-align: center;
108 color: #333;
109 border-bottom: 1px solid #afafaf;
110 }
112 /* Page content */
114 #content {
115 background: white;
116 color: black;
117 text-align: justify;
118 height: auto;
119 margin: 0;
120 padding: 40px 80px;
121 }
123 #content li, #content-full li {
124 line-height: 1.5em;
125 text-align: left;
126 }
128 /* Box and block. */
130 .tools {
131 width: 100%;
132 min-height: 30px;
133 background-color: #666;
134 padding: 8px 5px 1px 5px;
135 margin: 10px 0;
136 vertical-align: middle;
137 text-align: left;
138 }
140 .tools img, .tools form { vertical-align: middle; }
141 .tools span { font-size: 110%; }
142 div.dokuwiki .tools input.button {
143 color: #fff;
144 }
145 div.dokuwiki .tools input:hover.button {
146 color: #222;
147 }
149 #footer, .tools {
150 -moz-border-radius: 4px;
151 -webkit-border-radius: 4px;
152 border-radius: 4px;
153 }
155 .right_box {
156 width: 50%;
157 float: right;
158 }
160 /* HTML styles */
162 h1, h1 a {
163 color: #444;
164 background: transparent;
165 text-align: left;
166 margin: 0;
167 font-size: 150%;
168 font-weight: bold;
169 padding: 0;
170 text-decoration: none !important;
171 }
173 h2, h2 a {
174 color: #666;
175 padding: 0;
176 margin: 20px 0 0 0;
177 font-size: 140%;
178 font-weight: bold;
179 text-decoration: none !important;
180 }
182 h3, .tools span {
183 font-weight: bold;
184 color: #666666;
185 background: transparent;
186 }
188 h3 img {
189 vertical-align: middle;
190 width: 20px;
191 height: 20px;
192 padding-right: 4px;
193 }
195 a {
196 text-decoration: underline;
197 color: #103A5E;
198 background: inherit;
199 }
201 a:hover {
202 text-decoration: none;
203 color: blue;
204 background: inherit;
205 }
207 code {
208 font-size: 12px;
209 color: #669900;
210 background: inherit;
211 }
213 tt {
214 color: #15EE15;
215 background: inherit;
216 }
218 img {
219 border: 0pt none;
220 }
222 pre {
223 padding: 5px;
224 color: black;
225 background: #E1E0B0;
226 }
228 pre.script {
229 padding: 10px;
230 color: black;
231 background: #E8E8E8;
232 border: 1px inset #606060;
233 }
235 textarea {
236 background: #E5E5E5;
237 margin-top: 12px;
238 }
240 .year:after {
241 /* content: "2007-2014"; */
242 content: "2014";
243 }
245 /* Footer */
247 #footer {
248 background: #f1f1f1;
249 text-align: center;
250 border-top: 1px solid #ddd;
251 padding: 40px;
252 color: #666;
253 clear: both;
254 margin-bottom: -2%;
255 }
256 #footer a {
257 background: inherit;
258 color: #666666;
259 }
260 #footer a:hover {
261 background: inherit;
262 color: #333333;
263 }
264 #footer ul {
265 list-style-type: none;
266 }
267 #footer li {
268 padding: 2px;
269 }
270 #footer h4 {
271 margin: 0 20px;
272 font-size: 125%;
273 }
275 /* the document */
276 div.dokuwiki div.page {
277 text-align: justify;
278 background: #ffffff;
279 }
281 div.dokuwiki table {
282 font-size: 100%;
283 }
285 div.dokuwiki tr,
286 div.dokuwiki td,
287 div.dokuwiki th {
288 }
290 div.dokuwiki img {
291 border: 0;
292 }
294 div.dokuwiki p,
295 div.dokuwiki blockquote,
296 div.dokuwiki table,
297 div.dokuwiki pre {
298 margin: 0 0 1.0em 0;
299 }
301 div.dokuwiki hr {
302 border: 0px;
303 border-top: 1px solid __border__;
304 text-align: center;
305 height: 0px;
306 }
308 div.dokuwiki div.nothing {
309 text-align: center;
310 margin: 2em;
311 }
313 /* ---------------- forms ------------------------ */
315 div.dokuwiki form {
316 border: none;
317 display: inline;
318 }
320 div.dokuwiki label.block {
321 display: block;
322 text-align: right;
323 font-weight: bold;
324 min-height: 20px;
325 margin: 0;
326 }
328 div.dokuwiki label.simple {
329 display: block;
330 text-align: left;
331 font-weight: normal;
332 }
334 div.dokuwiki label.block input.edit {
335 width: 50%;
336 }
338 div.dokuwiki fieldset {
339 width: 300px;
340 text-align: center;
341 border: 1px solid __border__;
342 padding: 0.5em;
343 margin: auto;
344 }
346 div.dokuwiki textarea.edit {
347 font-family: monospace;
348 font-size: 14px;
349 color: __text__;
350 background-color: __background__;
351 border: 1px solid __border__;
352 padding: 0.3em 0 0 0.3em;
353 width: 100%;
354 }
356 div.dokuwiki input.edit,
357 div.dokuwiki select.edit {
358 font-size: 100%;
359 border: 1px solid __border__;
360 color: __text__;
361 background-color: __background__;
362 vertical-align: middle;
363 margin: 0px;
364 padding: 0.20em 0.3em;
365 display: inline;
366 }
368 div.dokuwiki select.edit {
369 padding: 0.1em 0;
370 }
372 div.dokuwiki input.missing {
373 font-size: 100%;
374 border: 1px solid __border__;
375 color: __text__;
376 background-color: #ffcccc;
377 vertical-align: middle;
378 margin: 1px;
379 padding: 0.20em 0.3em;
380 display: inline;
381 }
383 /* disabled style - not understood by IE */
384 div.dokuwiki textarea.edit[disabled],
385 div.dokuwiki textarea.edit[readonly],
386 div.dokuwiki input.edit[disabled],
387 div.dokuwiki input.edit[readonly],
388 div.dokuwiki select.edit[disabled] {
389 background-color: __background_neu__!important;
390 color: __text_neu__!important;
391 }
393 /* edit form */
394 div.dokuwiki div.toolbar,
395 div.dokuwiki div#wiki__editbar {
396 margin: 2px 0;
397 text-align: left;
398 }
399 div.dokuwiki div#size__ctl {
400 float: right;
401 width: 60px;
402 height: 2.7em;
403 }
404 div.dokuwiki #size__ctl img {
405 cursor: pointer;
406 }
407 div.dokuwiki div#wiki__editbar div.editButtons {
408 float: left;
409 padding: 0 1.0em 0.7em 0;
410 }
411 div.dokuwiki div#wiki__editbar div.summary {
412 float: left;
413 }
414 div.dokuwiki .nowrap {
415 white-space: nowrap;
416 }
417 div.dokuwiki div#draft__status {
418 float: right;
419 color: __text_alt__;
420 }
422 /* --------- buttons ------------------- */
425 div.dokuwiki input.button,
426 div.dokuwiki button.button {
427 border: 0px solid #eaeaea;
428 color: #0F314E;
429 background-color: transparent;
430 vertical-align: middle;
431 text-decoration: none;
432 font-size: 12px;
433 font-weight: bold;
434 cursor: pointer;
435 padding: 0;
436 }
438 div.dokuwiki input:hover.button {
439 color: #b64b22;
440 }
442 * html div.dokuwiki input.button,
443 * html div.dokuwiki button.button {
444 height: 24px;
445 }
447 div.dokuwiki div.secedit input.button {
448 border: 1px solid #eaeaea;
449 color: #3E1220;
450 background-color: transparent;
451 vertical-align: middle;
452 text-decoration: none;
453 margin: 0;
454 padding: 0;
455 font-size: 10px;
456 cursor: pointer;
457 float: right;
458 display: inline;
459 }
461 /* ----------- page navigator ------------- */
463 div.dokuwiki div.pagenav {
464 margin: 1em 0 0 0;
465 }
467 div.dokuwiki div.pagenav-prev {
468 text-align: right;
469 float: left;
470 width: 49%
471 }
473 div.dokuwiki div.pagenav-next {
474 text-align: left;
475 float: right;
476 width: 49%
477 }
479 /* --------------- Links ------------------ */
481 div.dokuwiki a:link,
482 div.dokuwiki a:visited {
483 color: __extern__;
484 text-decoration: none;
485 }
486 div.dokuwiki a:hover,
487 div.dokuwiki a:active {
488 color: __text__;
489 text-decoration: underline;
490 }
492 div.dokuwiki h3 a,
493 div.dokuwiki h4 a,
494 div.dokuwiki h5 a,
495 div.dokuwiki a.nolink {
496 color: #6c0023 !important;
497 text-decoration: none !important;
498 }
500 /* external link */
501 div.dokuwiki a.urlextern {
502 background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
503 padding: 1px 0px 1px 16px;
504 }
506 /* windows share */
507 div.dokuwiki a.windows {
508 background: transparent url(images/windows.gif) 0px 1px no-repeat;
509 padding: 1px 0px 1px 16px;
510 }
512 /* interwiki link (icon are set by dokuwiki) */
513 div.dokuwiki a.interwiki {
514 }
516 /* link to some embedded media */
517 div.dokuwiki a.media {
518 }
520 div.dokuwiki a.urlextern:link,
521 div.dokuwiki a.windows:link,
522 div.dokuwiki a.interwiki:link {
523 color: __extern__;
524 }
526 div.dokuwiki a.urlextern:visited,
527 div.dokuwiki a.windows:visited,
528 div.dokuwiki a.interwiki:visited {
529 color: purple;
530 }
531 div.dokuwiki a.urlextern:hover,
532 div.dokuwiki a.urlextern:active,
533 div.dokuwiki a.windows:hover,
534 div.dokuwiki a.windows:active,
535 div.dokuwiki a.interwiki:hover,
536 div.dokuwiki a.interwiki:active {
537 color: __text__;
538 }
540 /* email link */
541 div.dokuwiki a.mail {
542 background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
543 padding: 1px 0px 1px 16px;
544 }
546 /* existing wikipage */
547 div.dokuwiki a.wikilink1 {
548 color: #0F314E;
549 text-decoration: underline;
550 }
551 div.dokuwiki a.wikilink1:hover {
552 text-decoration: none;
553 color: blue;
554 }
556 /* not existing wikipage */
557 div.dokuwiki a.wikilink2 {
558 color: __missing__ !important;
559 text-decoration: none !important;
560 border-bottom: dashed 1px __missing__ !important;
561 }
563 /* ------------- Page elements ----------------- */
565 div.dokuwiki div.preview {
566 background-color: __background_neu__;
567 margin: 0 0 0 2em;
568 padding: 4px;
569 border: 1px dashed __text__;
570 }
572 div.dokuwiki div.breadcrumbs {
573 background-color: #f1f1f1;
574 color: __text_neu__;
575 font-size: 85%;
576 padding: 1px 0px 1px 18px;
577 margin: 0px 100px 0px 100px;
578 }
580 div.dokuwiki span.user {
581 color: __text_other__;
582 font-size: 90%;
583 }
585 div.dokuwiki li.minor {
586 color: __text_neu__;
587 font-style: italic;
588 }
590 /* embedded images */
591 div.dokuwiki img.media {
592 margin: 3px;
593 }
595 div.dokuwiki img.medialeft {
596 border: 0;
597 float: left;
598 margin: 0 1.5em 0 0;
599 }
601 div.dokuwiki img.mediaright {
602 border: 0;
603 float: right;
604 margin: 0 0 0 1.5em;
605 }
607 div.dokuwiki img.mediacenter {
608 border: 0;
609 display: block;
610 margin: 0 auto;
611 }
613 /* smileys */
614 div.dokuwiki img.middle {
615 vertical-align: middle;
616 }
618 div.dokuwiki acronym {
619 cursor: help;
620 border-bottom: 1px dotted __text__;
621 }
623 /* general headline setup */
624 div.dokuwiki h1,
625 div.dokuwiki h2,
626 div.dokuwiki h3,
627 div.dokuwiki h4,
628 div.dokuwiki h5 {
629 background-color: transparent;
630 clear: left;
631 }
633 /* unordered lists */
634 div.dokuwiki ul {
635 line-height: 1.5em;
636 list-style-type: square;
637 list-style-image: none;
638 margin: 0 0 0.5em 1.5em;
639 color: __text_alt__;
640 }
642 /* ordered lists */
643 div.dokuwiki ol {
644 line-height: 1.5em;
645 list-style-image: none;
646 margin: 0 0 0.5em 1.5em;
647 color: __text_alt__;
648 font-weight: bold;
649 }
651 /* the list items overriding the ul/ol definition */
652 div.dokuwiki .li {
653 color: __text__;
654 font-weight: normal;
655 }
657 div.dokuwiki ol {list-style-type: decimal}
658 div.dokuwiki ol ol {list-style-type: upper-roman}
659 div.dokuwiki ol ol ol {list-style-type: lower-alpha}
660 div.dokuwiki ol ol ol ol {list-style-type: lower-greek}
662 div.dokuwiki li.open {
663 list-style-image: url(images/open.gif);
664 /*list-style-type: circle;*/
665 }
667 div.dokuwiki li.closed {
668 list-style-image: url(images/closed.gif);
669 /*list-style-type: disc;*/
670 }
672 div.dokuwiki blockquote {
673 border-left: 2px solid __border__;
674 padding-left: 3px;
675 }
677 div.dokuwiki pre {
678 font-size: 100%;
679 padding: 5px;
680 color: black;
681 background: #E1E0B0;
682 border: 0;
683 overflow: auto;
684 }
686 /* code blocks by indention */
687 div.dokuwiki pre.pre {
688 background-color: __background_other__;
689 }
691 /* code blocks by code tag */
692 div.dokuwiki pre.code {
693 -moz-border-radius: 4px;
694 -webkit-border-radius: 4px;
695 background-color: #f8f8f8;
696 border: 1px solid #ddd;
697 padding: 10px;
699 }
701 /* inline code words */
702 div.dokuwiki code {
703 font-size: 120%;
704 }
706 /* code blocks by file tag */
707 div.dokuwiki pre.file {
708 background-color: __background_alt__;
709 }
711 /* inline tables */
712 div.dokuwiki table.inline {
713 background-color: __background__;
714 border-spacing: 0px;
715 border-collapse: collapse;
716 }
718 div.dokuwiki table.inline th {
719 padding: 3px;
720 border: 1px solid __border__;
721 background-color: __background_alt__;
722 }
724 div.dokuwiki table.inline td {
725 padding: 3px;
726 border: 1px solid __border__;
727 }
729 /* ---------- table of contents ------------------- */
731 div.dokuwiki div.toc {
732 margin: 1.2em 0 0 2em;
733 float: right;
734 width: 200px;
735 font-size: 80%;
736 clear: both;
737 }
739 div.dokuwiki div.tocheader {
740 border: 1px solid __border__;
741 background-color: __background_alt__;
742 text-align: left;
743 font-weight: bold;
744 padding: 3px;
745 margin-bottom: 2px;
746 }
748 div.dokuwiki span.toc_open,
749 div.dokuwiki span.toc_close {
750 border: 0.4em solid __background_alt__;
751 float: right;
752 display: block;
753 margin: 0.4em 3px 0 0;
754 }
756 div.dokuwiki span.toc_open span,
757 div.dokuwiki span.toc_close span {
758 display: none;
759 }
761 div.dokuwiki span.toc_open {
762 margin-top: 0.4em;
763 border-top: 0.4em solid __text__;
764 }
766 div.dokuwiki span.toc_close {
767 margin-top: 0;
768 border-bottom: 0.4em solid __text__;
769 }
771 div.dokuwiki #toc__inside {
772 border: 1px solid __border__;
773 background-color: __background__;
774 text-align: left;
775 padding: 0.5em 0 0.7em 0;
776 }
778 div.dokuwiki ul.toc {
779 list-style-type: none;
780 list-style-image: none;
781 line-height: 1.2em;
782 padding-left: 1em;
783 margin: 0;
784 }
786 div.dokuwiki ul.toc li {
787 background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
788 padding-left: 0.4em;
789 }
791 div.dokuwiki ul.toc li.clear {
792 background-image: none;
793 padding-left: 0.4em;
794 }
796 div.dokuwiki a.toc:link,
797 div.dokuwiki a.toc:visited {
798 color: __extern__;
799 }
801 div.dokuwiki a.toc:hover,
802 div.dokuwiki a.toc:active {
803 color: __text__;
804 }
806 /* ---------------------------- Diff rendering --------------------------*/
807 div.dokuwiki table.diff {
808 background-color: __background__;
809 width: 100%;
810 }
811 div.dokuwiki td.diff-blockheader {
812 font-weight: bold;
813 }
814 div.dokuwiki table.diff th {
815 border-bottom: 1px solid __border__;
816 font-size: 120%;
817 width: 50%;
818 font-weight: normal;
819 text-align: left;
820 }
821 div.dokuwiki table.diff td {
822 font-family: monospace;
823 font-size: 100%;
824 }
825 div.dokuwiki td.diff-addedline {
826 background-color: #ddffdd;
827 }
828 div.dokuwiki td.diff-deletedline {
829 background-color: #ffffbb;
830 }
831 div.dokuwiki td.diff-context {
832 background-color: __background_neu__;
833 }
834 div.dokuwiki table.diff td.diff-addedline strong,
835 div.dokuwiki table.diff td.diff-deletedline strong {
836 color: red;
837 }
839 /* --------------------- footnotes -------------------------------- */
841 div.dokuwiki div.footnotes {
842 clear: both;
843 border-top: 1px solid __border__;
844 padding-left: 1em;
845 margin-top: 1em;
846 }
848 div.dokuwiki div.fn {
849 font-size: 90%;
850 }
852 div.dokuwiki a.fn_bot {
853 font-weight: bold;
854 }
856 /* insitu-footnotes */
857 div.insitu-footnote {
858 font-size: 80%;
859 line-height: 1.2em;
860 border: 1px solid __border__;
861 background-color: __background_other__;
862 text-align: left;
863 padding: 4px;
864 max-width: 40%; /* IE's width is handled in javascript */
865 }
867 /* overcome IE issue with one line code or file boxes which require h. scrolling */
868 * html .insitu-footnote pre.code,
869 * html .insitu-footnote pre.file {
870 padding-bottom: 18px;
871 }
873 /* --------------- search result formating --------------- */
874 div.dokuwiki .search_result {
875 margin-bottom: 6px;
876 padding: 0 10px 0 30px;
877 }
879 div.dokuwiki .search_snippet {
880 color: __text_other__;
881 font-size: 12px;
882 margin-left: 20px;
883 }
885 div.dokuwiki .search_sep {
886 color: __text__;
887 }
889 div.dokuwiki .search_hit {
890 color: __text__;
891 background-color: __highlight__;
892 }
893 div.dokuwiki strong.search_hit {
894 font-weight: normal;
895 }
897 div.dokuwiki div.search_quickresult {
898 margin: 0 0 15px 30px;
899 padding: 0 10px 10px 0;
900 border-bottom: 1px dashed __border__;
901 }
902 div.dokuwiki div.search_quickresult h3 {
903 margin: 0 0 1.0em 0;
904 font-size: 1em;
905 font-weight: bold;
906 }
908 div.dokuwiki ul.search_quickhits {
909 margin: 0 0 0.5em 1.0em;
910 }
912 div.dokuwiki ul.search_quickhits li {
913 margin: 0 1.0em 0 1.0em;
914 float:left;
915 width: 30%;
916 }
918 /* ------------------ Additional ---------------------- */
920 div.footerinc {
921 text-align: left;
922 margin: 10px 80px;
923 }
924 .footerinc a img {
925 opacity: 0.5;
926 border: 0;
927 }
929 .footerinc a:hover img {
930 opacity: 1;
931 }
933 /* ---------- AJAX quicksearch ----------- */
935 div.dokuwiki div.ajax_qsearch {
936 position: absolute;
937 right: 237px;;
938 width: 200px;
939 opacity: 0.9;
940 display: none;
941 font-size: 80%;
942 line-height: 1.2em;
943 border: 1px solid __border__;
944 background-color: __background_other__;
945 text-align: left;
946 padding: 4px;
947 }
949 /* --------- Toolbar -------------------- */
950 button.toolbutton {
951 background-color: transparent;
952 padding: 0px;
953 margin: 0 1px 0 0;
954 border: 1px solid __border__;
955 cursor: pointer;
956 }
958 div.picker {
959 width: 250px;
960 border: 1px solid __border__;
961 background-color: __background_alt__;
962 }
964 button.pickerbutton {
965 padding: 0px;
966 margin: 0 1px 1px 0;
967 border: 0;
968 background-color: transparent;
969 font-size: 80%;
970 cursor: pointer;
971 }
973 /* --------------- Image Details ----------------- */
975 div.dokuwiki div.img_big {
976 float: left;
977 margin-right: 0.5em;
978 }
980 div.dokuwiki dl.img_tags dt {
981 font-weight: bold;
982 background-color: __background_alt__;
983 }
984 div.dokuwiki dl.img_tags dd {
985 background-color: __background_neu__;
986 }
988 div.dokuwiki div.imagemeta {
989 color: __text_neu__;
990 font-size: 70%;
991 line-height: 95%;
992 }
994 div.dokuwiki div.imagemeta img.thumb {
995 float:left;
996 margin-right: 0.1em;
997 }
999 div.notify {
1000 background: #FFCC00;
1001 color: #222;
1002 border: 1px solid #afafaf;
1003 font-size: 90%;
1004 margin: 0;
1005 padding: 4px;
1006 -moz-border-radius: 4px;
1007 -webkit-border-radius: 4px;
1008 border-radius: 4px;
1009 position: absolute;
1010 top: 10px;
1011 right: 250px;
1012 width: 620px;
1013 }
1015 #access div.notify a { text-decoration: underline; background: transparent; }
1016 #access div.notify a:hover { text-decoration: none; }