source: documentation/trunk/packages/dokuwiki-2011-05-25a/lib/tpl/default/design.css@ 25027

Last change on this file since 25027 was 25027, checked in by jmt12, 12 years ago

Adding the packages directory, and within it a configured version of dokuwiki all ready to run
File size: 16.8 KB
RevLine 
[25027]1/**
2 * Design elements for default Template
3 *
4 * @author Andreas Gohr <[email protected]>
5 * @author Anika Henke <[email protected]>
6 */
7
8/* -------------- general elements --------------- */
9
10* { padding: 0; margin: 0; }
11
12body {
13 font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
14 background-color: __background__;
15 color: __text__;
16}
17
18/* the document */
19div.dokuwiki div.page {
20 margin: 4px 2em 0 1em;
21 text-align: justify;
22}
23
24div.dokuwiki table {
25 font-size: 100%;
26}
27
28div.dokuwiki tr,
29div.dokuwiki td,
30div.dokuwiki th {
31}
32
33div.dokuwiki img {
34 border: 0;
35}
36
37div.dokuwiki p,
38div.dokuwiki blockquote,
39div.dokuwiki table,
40div.dokuwiki pre {
41 margin: 0 0 1.0em 0;
42}
43
44div.dokuwiki hr {
45 border: 0px;
46 border-top: 1px solid __border__;
47 text-align: center;
48 height: 0px;
49}
50
51div.dokuwiki div.nothing {
52 text-align: center;
53 margin: 2em;
54}
55
56/* ---------------- forms ------------------------ */
57
58div.dokuwiki form {
59 border: none;
60 display: inline;
61}
62
63div.dokuwiki label.block {
64 display: block;
65 text-align: right;
66 font-weight: bold;
67}
68
69div.dokuwiki label.simple {
70 display: block;
71 text-align: left;
72 font-weight: normal;
73}
74
75div.dokuwiki label.block input.edit {
76 width: 50%;
77}
78
79div.dokuwiki fieldset {
80 width: 300px;
81 text-align: center;
82 border: 1px solid __border__;
83 padding: 0.5em;
84 margin: auto;
85}
86
87div.dokuwiki textarea.edit {
88 font-family: monospace, serif;
89 /* second generic font fixes problem with font-size, see
90 http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */
91 font-size: 100%;
92 color: __text__;
93 background-color: __background__;
94 border: 1px solid __border__;
95 padding: 0.3em 0 0 0.3em;
96 /* should just be "width: 100%", but IE8 doesn't like it, see FS#1910 + FS#1667 */
97 width: 700px;
98 min-width: 100%;
99 max-width: 100%;
100}
101
102/* nice alphatransparency background except for IE <7 */
103html>body div.dokuwiki textarea.edit {
104 background: __background__ url(images/inputshadow.png) repeat-x top;
105}
106
107div.dokuwiki input.edit,
108div.dokuwiki select.edit {
109 font-size: 100%;
110 border: 1px solid __border__;
111 color: __text__;
112 background-color: __background__;
113 vertical-align: middle;
114 margin: 1px;
115 padding: 0.20em 0.3em;
116 display: inline;
117}
118
119/* nice alphatransparency background except for IE <7 */
120html>body div.dokuwiki input.edit,
121html>body div.dokuwiki select.edit {
122 background: __background__ url(images/inputshadow.png) repeat-x top;
123}
124
125div.dokuwiki select.edit {
126 padding: 0.1em 0;
127}
128
129div.dokuwiki input.missing {
130 font-size: 100%;
131 border: 1px solid __border__;
132 color: __text__;
133 background-color: #ffcccc;
134 vertical-align: middle;
135 margin: 1px;
136 padding: 0.20em 0.3em;
137 display: inline;
138}
139
140/* disabled style - not understood by IE */
141div.dokuwiki textarea.edit[disabled],
142div.dokuwiki textarea.edit[readonly],
143div.dokuwiki input.edit[disabled],
144div.dokuwiki input.edit[readonly],
145div.dokuwiki input.button[disabled],
146div.dokuwiki select.edit[disabled] {
147 background-color: __background_neu__!important;
148 color: __text_neu__!important;
149}
150
151/* edit form */
152div.dokuwiki div.toolbar,
153div.dokuwiki div#wiki__editbar {
154 margin: 2px 0;
155 text-align: left;
156}
157div.dokuwiki div#size__ctl {
158 float: right;
159 width: 60px;
160 height: 2.7em;
161}
162div.dokuwiki #size__ctl img {
163 cursor: pointer;
164}
165div.dokuwiki div#wiki__editbar div.editButtons {
166 float: left;
167 padding: 0 1.0em 0.7em 0;
168}
169div.dokuwiki div#wiki__editbar div.summary {
170 float: left;
171}
172div.dokuwiki .nowrap {
173 white-space: nowrap;
174}
175div.dokuwiki div#draft__status {
176 float: right;
177 color: __text_alt__;
178}
179
180div.dokuwiki div.license {
181 padding: 0.5em;
182 font-size: 90%;
183 text-align: center;
184}
185
186div.dokuwiki form#dw__editform div.license {
187 clear: left;
188 font-size: 90%;
189}
190
191/* --------- buttons ------------------- */
192
193div.dokuwiki input.button,
194div.dokuwiki button.button {
195 border: 1px solid __border__;
196 color: __text__;
197 background-color: __background__;
198 vertical-align: middle;
199 text-decoration: none;
200 font-size: 100%;
201 cursor: pointer;
202 margin: 1px;
203 padding: 0.125em 0.4em;
204}
205
206/* nice alphatransparency background except for IE <7 */
207html>body div.dokuwiki input.button,
208html>body div.dokuwiki button.button {
209 background: __background__ url(images/buttonshadow.png) repeat-x bottom;
210}
211
212* html div.dokuwiki input.button,
213* html div.dokuwiki button.button {
214 height: 1.8em;
215}
216
217div.dokuwiki div.secedit input.button {
218 border: 1px solid __border__;
219 color: __text__;
220 background-color: __background__;
221 vertical-align: middle;
222 text-decoration: none;
223 margin: 0;
224 padding: 0;
225 font-size: 10px;
226 cursor: pointer;
227 float: right;
228 display: inline;
229}
230
231/* ----------- page navigator ------------- */
232
233div.dokuwiki div.pagenav {
234 margin: 1em 0 0 0;
235}
236
237div.dokuwiki div.pagenav-prev {
238 text-align: right;
239 float: left;
240 width: 49%
241}
242
243div.dokuwiki div.pagenav-next {
244 text-align: left;
245 float: right;
246 width: 49%
247}
248
249/* --------------- Links ------------------ */
250
251div.dokuwiki a:link,
252div.dokuwiki a:visited {
253 color: __extern__;
254 text-decoration: none;
255}
256div.dokuwiki a:hover,
257div.dokuwiki a:active {
258 color: __text__;
259 text-decoration: underline;
260}
261
262div.dokuwiki h1 a,
263div.dokuwiki h2 a,
264div.dokuwiki h3 a,
265div.dokuwiki h4 a,
266div.dokuwiki h5 a,
267div.dokuwiki a.nolink {
268 color: __text__ !important;
269 text-decoration: none !important;
270}
271
272/* external link */
273div.dokuwiki a.urlextern {
274 background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
275 padding: 1px 0px 1px 16px;
276}
277
278/* windows share */
279div.dokuwiki a.windows {
280 background: transparent url(images/windows.gif) 0px 1px no-repeat;
281 padding: 1px 0px 1px 16px;
282}
283
284/* interwiki link (icon are set by dokuwiki) */
285div.dokuwiki a.interwiki {
286}
287
288/* link to some embedded media */
289div.dokuwiki a.media {
290}
291
292div.dokuwiki a.urlextern:link,
293div.dokuwiki a.windows:link,
294div.dokuwiki a.interwiki:link {
295 color: __extern__;
296}
297
298div.dokuwiki a.urlextern:visited,
299div.dokuwiki a.windows:visited,
300div.dokuwiki a.interwiki:visited {
301 color: purple;
302}
303div.dokuwiki a.urlextern:hover,
304div.dokuwiki a.urlextern:active,
305div.dokuwiki a.windows:hover,
306div.dokuwiki a.windows:active,
307div.dokuwiki a.interwiki:hover,
308div.dokuwiki a.interwiki:active {
309 color: __text__;
310}
311
312/* email link */
313div.dokuwiki a.mail {
314 background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
315 padding: 1px 0px 1px 16px;
316}
317
318/* existing wikipage */
319div.dokuwiki a.wikilink1 {
320 color: __existing__ !important;
321}
322
323/* not existing wikipage */
324div.dokuwiki a.wikilink2 {
325 color: __missing__ !important;
326 text-decoration: none !important;
327 border-bottom: dashed 1px __missing__ !important;
328}
329
330/* ------------- Page elements ----------------- */
331
332div.dokuwiki div.preview {
333 background-color: __background_neu__;
334 margin: 0 0 0 2em;
335 padding: 4px;
336 border: 1px dashed __text__;
337}
338
339div.dokuwiki div.breadcrumbs {
340 background-color: __background_neu__;
341 color: __text_neu__;
342 font-size: 80%;
343 padding: 0 0 0 4px;
344}
345
346div.dokuwiki span.user {
347 color: __text_other__;
348 font-size: 90%;
349}
350
351div.dokuwiki li.minor {
352 color: __text_neu__;
353 font-style: italic;
354}
355
356/* embedded images */
357div.dokuwiki img.media {
358 margin: 3px;
359}
360
361div.dokuwiki img.medialeft {
362 border: 0;
363 float: left;
364 margin: 0 1.5em 0 0;
365}
366
367div.dokuwiki img.mediaright {
368 border: 0;
369 float: right;
370 margin: 0 0 0 1.5em;
371}
372
373div.dokuwiki img.mediacenter {
374 border: 0;
375 display: block;
376 margin: 0 auto;
377}
378
379/* smileys */
380div.dokuwiki img.middle {
381 vertical-align: middle;
382}
383
384div.dokuwiki acronym {
385 cursor: help;
386 border-bottom: 1px dotted __text__;
387}
388
389/* general headline setup */
390div.dokuwiki h1,
391div.dokuwiki h2,
392div.dokuwiki h3,
393div.dokuwiki h4,
394div.dokuwiki h5 {
395 color: __text__;
396 background-color: inherit;
397 font-size: 100%;
398 font-weight: normal;
399 margin: 0 0 1em 0;
400 padding: 0.5em 0 0 0;
401 border-bottom: 1px solid __border__;
402 clear: left;
403}
404
405/* special headlines */
406div.dokuwiki h1 {font-size: 160%; margin-left: 0px; font-weight: bold;}
407div.dokuwiki h2 {font-size: 150%; margin-left: 20px;}
408div.dokuwiki h3 {font-size: 140%; margin-left: 40px; border-bottom: none; font-weight: bold;}
409div.dokuwiki h4 {font-size: 120%; margin-left: 60px; border-bottom: none; font-weight: bold;}
410div.dokuwiki h5 {font-size: 100%; margin-left: 80px; border-bottom: none; font-weight: bold;}
411
412/* indent different sections */
413div.dokuwiki div.level1 { margin-left: 3px; }
414div.dokuwiki div.level2 { margin-left: 23px; }
415div.dokuwiki div.level3 { margin-left: 43px; }
416div.dokuwiki div.level4 { margin-left: 63px; }
417div.dokuwiki div.level5 { margin-left: 83px; }
418
419/* unordered lists */
420div.dokuwiki ul {
421 line-height: 1.5em;
422 list-style-type: square;
423 list-style-image: none;
424 margin: 0 0 1em 3.5em;
425 color: __text_alt__;
426}
427
428/* ordered lists */
429div.dokuwiki ol {
430 line-height: 1.5em;
431 list-style-image: none;
432 margin: 0 0 1em 3.5em;
433 color: __text_alt__;
434 font-weight: bold;
435}
436
437/* no bottom gap in between and smaller left margin for nested lists */
438div.dokuwiki li ul,
439div.dokuwiki li ol {
440 margin: 0 0 0 1.5em;
441}
442
443/* the list items overriding the ul/ol definition */
444div.dokuwiki .li {
445 color: __text__;
446 font-weight: normal;
447}
448
449div.dokuwiki ol { list-style-type: decimal; }
450div.dokuwiki ol ol { list-style-type: upper-roman; }
451div.dokuwiki ol ol ol { list-style-type: lower-alpha; }
452div.dokuwiki ol ol ol ol { list-style-type: lower-greek; }
453
454div.dokuwiki li.open {
455 list-style-image: url(images/open.gif);
456 /*list-style-type: circle;*/
457}
458
459div.dokuwiki li.closed {
460 list-style-image: url(images/closed.gif);
461 /*list-style-type: disc;*/
462}
463
464div.dokuwiki blockquote {
465 border-left: 2px solid __border__;
466 padding-left: 3px;
467}
468
469div.dokuwiki pre,
470div.dokuwiki code {
471 font-family: monospace, serif;
472 /* second generic font fixes problem with font-size, see
473 http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */
474 font-size: 100%;
475}
476div.dokuwiki pre {
477 padding: 0.5em;
478 border: 1px dashed __border__;
479 color: __text__;
480 overflow: auto;
481}
482
483/* code blocks by indention */
484div.dokuwiki pre.pre {
485 background-color: __background_other__;
486}
487
488/* code blocks by code tag */
489div.dokuwiki pre.code {
490 background-color: __background_other__;
491}
492
493/* code blocks by file tag */
494div.dokuwiki pre.file {
495 background-color: __background_alt__;
496}
497
498/* filenames for file and code blocks */
499div.dokuwiki dl.file,
500div.dokuwiki dl.code {
501 margin-top: 2em;
502 margin-bottom: 2.5em;
503}
504
505div.dokuwiki dl.file dt,
506div.dokuwiki dl.code dt {
507 border: 1px dashed __border__;
508 display: inline;
509 padding: 0.1em 1em;
510 margin-left: 2em;
511}
512
513div.dokuwiki dl.code dt a,
514div.dokuwiki dl.file dt a {
515 color: __text__;
516}
517
518div.dokuwiki dl.code dt {
519 background-color: __background_other__;
520 border-bottom: 1px solid __background_other__;
521}
522
523div.dokuwiki dl.file dt {
524 background-color: __background_alt__;
525 border-bottom: 1px solid __background_alt__;
526}
527
528
529/* inline tables */
530div.dokuwiki table.inline {
531 background-color: __background__;
532 border-spacing: 0px;
533 border-collapse: collapse;
534}
535
536div.dokuwiki table.inline th {
537 padding: 3px;
538 border: 1px solid __border__;
539 background-color: __background_alt__;
540}
541
542div.dokuwiki table.inline td {
543 padding: 3px;
544 border: 1px solid __border__;
545}
546
547/* ---------- table of contents ------------------- */
548
549div.dokuwiki div.toc {
550 margin: 1.2em 0 0 2em;
551 float: right;
552 width: 200px;
553 font-size: 80%;
554 clear: both;
555}
556
557div.dokuwiki div.tocheader {
558 border: 1px solid __border__;
559 background-color: __background_alt__;
560 text-align: left;
561 font-weight: bold;
562 padding: 3px;
563 margin-bottom: 2px;
564}
565
566div.dokuwiki span.toc_open,
567div.dokuwiki span.toc_close {
568 border: 0.4em solid __background_alt__;
569 float: right;
570 display: block;
571 margin: 0.4em 3px 0 0;
572}
573
574div.dokuwiki span.toc_open span,
575div.dokuwiki span.toc_close span {
576 display: none;
577}
578
579div.dokuwiki span.toc_open {
580 margin-top: 0.4em;
581 border-top: 0.4em solid __text__;
582}
583
584div.dokuwiki span.toc_close {
585 margin-top: 0;
586 border-bottom: 0.4em solid __text__;
587}
588
589div.dokuwiki #toc__inside {
590 border: 1px solid __border__;
591 background-color: __background__;
592 text-align: left;
593 padding: 0.5em 0 0.7em 0;
594}
595
596div.dokuwiki ul.toc {
597 list-style-type: none;
598 list-style-image: none;
599 line-height: 1.2em;
600 padding-left: 1em;
601 margin: 0;
602}
603
604div.dokuwiki ul.toc li {
605 background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
606 padding-left: 0.4em;
607}
608
609div.dokuwiki ul.toc li.clear {
610 background-image: none;
611 padding-left: 0.4em;
612}
613
614div.dokuwiki a.toc:link,
615div.dokuwiki a.toc:visited {
616 color: __extern__;
617}
618
619div.dokuwiki a.toc:hover,
620div.dokuwiki a.toc:active {
621 color: __text__;
622}
623
624/* ---------------------------- Diff rendering --------------------------*/
625div.dokuwiki table.diff {
626 background-color: __background__;
627 width: 100%;
628}
629div.dokuwiki td.diff-blockheader {
630 font-weight: bold;
631}
632div.dokuwiki table.diff th {
633 border-bottom: 1px solid __border__;
634 font-size: 110%;
635 width: 50%;
636 font-weight: normal;
637 text-align: left;
638}
639div.dokuwiki table.diff th a {
640 font-weight: bold;
641}
642div.dokuwiki table.diff th span.user {
643 color: __text__;
644 font-size: 80%;
645}
646div.dokuwiki table.diff th span.sum {
647 font-size: 80%;
648 font-weight: bold;
649}
650div.dokuwiki table.diff th.minor {
651 font-style: italic;
652}
653div.dokuwiki table.diff td {
654 font-family: monospace;
655 font-size: 100%;
656}
657div.dokuwiki td.diff-addedline,
658div.dokuwiki span.diff-addedline {
659 background-color: #ddffdd;
660}
661div.dokuwiki td.diff-deletedline,
662div.dokuwiki span.diff-deletedline {
663 background-color: #ffffbb;
664}
665div.dokuwiki td.diff-context {
666 background-color: __background_neu__;
667}
668div.dokuwiki table.diff td.diff-addedline strong,
669div.dokuwiki table.diff td.diff-deletedline strong {
670 color: red;
671}
672
673/* --------------------- footnotes -------------------------------- */
674
675div.dokuwiki div.footnotes {
676 clear: both;
677 border-top: 1px solid __border__;
678 padding-left: 1em;
679 margin-top: 1em;
680}
681
682div.dokuwiki div.fn {
683 font-size: 90%;
684}
685
686div.dokuwiki a.fn_bot {
687 font-weight: bold;
688}
689
690/* insitu-footnotes */
691div.insitu-footnote {
692 font-size: 80%;
693 line-height: 1.2em;
694 border: 1px solid __border__;
695 background-color: __background_other__;
696 text-align: left;
697 padding: 4px;
698 max-width: 40%; /* IE's width is handled in javascript */
699 min-width: 5em;
700}
701
702/* overcome IE issue with one line code or file boxes which require h. scrolling */
703* html .insitu-footnote pre.code,
704* html .insitu-footnote pre.file {
705 padding-bottom: 18px;
706}
707
708/* --------------- search result formating --------------- */
709div.dokuwiki .search_result {
710 margin-bottom: 6px;
711 padding: 0 10px 0 30px;
712}
713
714div.dokuwiki .search_snippet {
715 color: __text_other__;
716 font-size: 12px;
717 margin-left: 20px;
718}
719
720div.dokuwiki .search_sep {
721 color: __text__;
722}
723
724div.dokuwiki .search_hit {
725 color: __text__;
726 background-color: __highlight__;
727}
728div.dokuwiki strong.search_hit {
729 font-weight: normal;
730}
731
732div.dokuwiki div.search_quickresult {
733 margin: 0 0 15px 30px;
734 padding: 0 10px 10px 0;
735 border-bottom: 1px dashed __border__;
736}
737div.dokuwiki div.search_quickresult h3 {
738 margin: 0 0 1.0em 0;
739 font-size: 1em;
740 font-weight: bold;
741}
742
743div.dokuwiki ul.search_quickhits {
744 margin: 0 0 0.5em 1.0em;
745}
746
747div.dokuwiki ul.search_quickhits li {
748 margin: 0 1.0em 0 1.0em;
749 float: left;
750 width: 30%;
751}
752
753div.dokuwiki .section_highlight {
754 background-color: __background_alt__ !important;
755}
756
757/* ------------------ Additional ---------------------- */
758
759div.footerinc {
760 text-align: center;
761}
762.footerinc a img {
763 opacity: 0.5;
764 border: 0;
765}
766
767.footerinc a:hover img {
768 opacity: 1;
769}
770
771/* ---------- AJAX quicksearch ----------- */
772
773div.dokuwiki div.ajax_qsearch {
774 position: absolute;
775 right: 237px;;
776 width: 200px;
777 opacity: 0.9;
778 display: none;
779 font-size: 80%;
780 line-height: 1.2em;
781 border: 1px solid __border__;
782 background-color: __background_other__;
783 text-align: left;
784 padding: 4px;
785}
786
787/* --------- Toolbar -------------------- */
788button.toolbutton {
789 background-color: __background__;
790 padding: 0px;
791 margin: 0 1px 0 0;
792 border: 1px solid __border__;
793 cursor: pointer;
794}
795
796/* nice alphatransparency background except for IE <7 */
797html>body button.toolbutton {
798 background: __background__ url(images/buttonshadow.png) repeat-x bottom;
799}
800
801div.picker {
802 width: 250px;
803 border: 1px solid __border__;
804 background-color: __background_alt__;
805}
806
807div.pk_hl {
808 width: 125px;
809}
810
811button.pickerbutton {
812 padding: 0px;
813 margin: 0 1px 1px 0;
814 border: 0;
815 background-color: transparent;
816 font-size: 80%;
817 cursor: pointer;
818}
819
820/* --------------- Image Details ----------------- */
821
822div.dokuwiki div.img_big {
823 float: left;
824 margin-right: 0.5em;
825}
826
827div.dokuwiki dl.img_tags dt {
828 font-weight: bold;
829 background-color: __background_alt__;
830}
831div.dokuwiki dl.img_tags dd {
832 background-color: __background_neu__;
833}
834
835div.dokuwiki div.imagemeta {
836 color: __text_neu__;
837 font-size: 70%;
838 line-height: 95%;
839}
840
841div.dokuwiki div.imagemeta img.thumb {
842 float: left;
843 margin-right: 0.1em;
844}
845
Note: See TracBrowser for help on using the repository browser.