[ADD] conf deplate, and test viki.
[arrow.git] / archlinux_conf / home / .deplate / css / doc.css
blobac46e0ed70ae64d73f020b7d075a111b24ea48a2
1 /* Layout and decoration */
2 /* @Author: Thomas Link (samul AT web.de) */
3 /* @Created: 13-Apr-2004. */
4 /* @Last Change: 2008-07-10. */
5 /* @Revision: 0.1217 */
7 body {
8 padding: 1px;
9 color: #000000;
10 background-color: #ffffff;
11 text-align: left;
14 a {
15 color : black;
17 a:link {
18 color : #0071f0;
20 a:visited {
21 color : #30306f;
23 a:hover {
24 color: #0071f0;
26 a:link.ref {
28 a:visited.ref {
31 p {
32 /* border-left: 10px solid #ffffff; */
33 /* border-right: 10px solid #ffffff; */
34 margin: 0 10px 0 10px;
35 padding: 5px;
36 /* text-indent: 20px; */
38 big {
41 hr {
43 hr.pagebreak {
44 color: #000000;
47 img {
48 border: 0;
49 vertical-align: middle;
51 img.latex {
52 vertical-align: middle;
54 img.inline {
57 h1, h2, h3, h4, h5, h6 {
58 padding-left: 20px;
59 text-align: left;
61 h1 {
62 margin-top: 30px;
63 margin-bottom: 20px;
64 padding-top: 10px;
65 padding-bottom: 10px;
66 border-left:10px solid #ffe590;
67 background-color: #fff3d0;
69 h2 {
70 margin-top: 30px;
71 margin-bottom: 10px;
72 border-left:10px solid #ffe590;
74 h3 {
75 border-left:10px solid #ffe590;
76 margin-top: 20px;
77 margin-bottom: 10px;
79 h4 {
80 border-left:10px solid #ffe590;
81 margin-top: 10px;
82 margin-bottom: 10px;
84 h5 {
85 border-left:10px solid #ffe590;
86 margin-top: 10px;
87 margin-bottom: 5px;
89 h6 {
90 border-left:10px solid #ffe590;
91 margin-top: 10px;
94 em {
97 blockquote {
98 margin: 20px 60px 20px 60px;
100 blockquote.quote {
103 blockquote.longquote {
105 blockquote.abstract {
108 ul {
110 ol {
112 dl {
114 dt {
115 margin-left: 10px;
116 padding-left: 10px;
117 padding-top: 2px;
118 padding-bottom: 2px;
120 dd {
121 margin-bottom: 10px;
123 li {
124 padding: 2px;
125 margin-right: 20px;
127 ul.Task {
128 list-style-type: none;
130 li[class|=Task] {
132 li.Task-A {
134 li.Task-B {
136 li.Task-C {
138 li.Task-D {
140 li.Task-E {
142 li.Task-F {
144 li.done[class^=Task] {
145 color: #606060;
146 text-decoration: line-through;
148 span[class|=Task] {
149 font-weight: bold;
150 padding: 0 5px 0 5px;
151 position: relative;
152 right: 10px;
154 span.Task-A {
155 background-color: #ff7f7f;
157 span.Task-B {
158 background-color: #7fff7f;
160 span.Task-C {
161 background-color: #7f7fff;
163 span.Task-D {
164 background-color: #7fffff;
166 span.Task-E {
167 background-color: #ff7fff;
169 span.Task-F {
170 background-color: #ffff7f;
172 br.itempara {
174 p.itempara {
175 border-left: 0;
176 border-right: 0;
177 padding: 0;
180 pre {
181 margin-left: 40px;
182 margin-right: 40px;
183 padding: 5px;
186 pre.verbatim {
187 background-color: #eaeaea;
188 border-left: 5px solid #efefef;
191 div.code {
192 /* background-color: #f0f0f0; */
193 /* background-color: #eaeaea; */
194 /* border: 1px double #96e6e6; */
195 padding: 5px 20px 5px 20px;
198 /* Tables */
199 div.table {
200 /* text-align: center; */
201 padding: 20px;
203 div.tableNote {
204 /* text-align: center; */
206 table, tr, th, td {
207 border-style: none;
208 /* background-color:#eaeaea; */
209 border-spacing: 0;
210 color : black;
212 table {
213 /* border-left: 10px solid #ffffff; */
214 /* border-right: 10px solid #ffffff; */
215 /* margin: 0 10px 0 10px; */
216 margin: 0;
218 thead {
220 tfoot {
222 tr, th, td {
223 padding: 2px;
224 border: 1px solid #ffffff;
226 tr {
228 tr.head {
230 tr.foot {
232 tr.high {
234 th {
236 td {
238 td.head {
240 td.foot {
242 td.high {
245 /* Styled Tables */
246 .small {
248 .scriptsize {
250 .footnotesize {
253 .grid {
254 background-color:#ffffff;
255 border-collapse: collapse;
257 div.grid {
258 border: 0;
260 th.grid, td.grid {
261 border: 1px solid #000000;
262 padding: 2px;
265 .formal {
266 background-color:#ffffff;
268 div.formal {
269 border: 0;
271 table.formal {
272 border-top: 2px solid #000000;
273 border-bottom: 2px solid #000000;
274 border-left: 0;
275 border-right: 0;
277 thead.formal {
279 tfoot.formal {
281 tr.formal[class~="head"] {
283 tr.formal[class~="foot"] {
285 td.formal, th.formal {
286 border: 0;
287 padding: 2px;
289 th.formal[class~="head"] {
290 border-bottom: 1px solid #000000;
292 td.formal[class~="foot"] {
293 border-top: 1px solid #000000;
296 .box {
297 background-color:#ffffff;
299 div.box {
300 border: 0;
302 table.box {
303 border: 1px solid #000000;
305 thead.box, tfoot.box {
306 border: 1px solid #000000;
308 td.box, th.box {
309 border: 0;
310 padding: 2px;
312 th.box[class~="head"] {
313 border-bottom: 1px solid #000000;
315 td.box[class~="foot"] {
316 border-top: 1px solid #000000;
318 td.box[class~="high"] {
319 border-left: 1px solid #000000;
320 border-right: 1px solid #000000;
323 .overlay {
324 background-color:#ffffff;
326 div.overlay {
327 border: 0;
329 table.overlay {
330 border: 1px solid #000000;
332 thead.overlay {
333 background-color: #e0e0e0;
334 border: 1px solid #000000;
336 tfoot.overlay {
337 background-color: #eaeaea;
338 border: 1px solid #000000;
340 tr.overlay[class~="head"] {
342 td.overlay, th.overlay {
343 border: 0;
344 padding: 2px;
346 th.overlay[class~="head"] {
347 background-color: #e0e0e0;
348 border-bottom: 1px solid #000000;
350 td.overlay[class~="foot"] {
351 background-color: #eaeaea;
352 border-top: 1px solid #000000;
354 td.overlay[class~="high"] {
355 border-left: 1px solid #000000;
356 border-right: 1px solid #000000;
357 background-color: #eaeaea;
361 /* htmlnavigation: Usage note */
362 .htmlnavigationnote {
363 color: #888888;
365 p.htmlnavigationnote {
367 ul.htmlnavigationnote {
369 li.htmlnavigationnote {
371 hr.htmlnavigationnote {
372 margin-top: 20px;
373 /* border: 1px; */
377 /* Navigation bar */
378 a:link.navbarUrl, a:visited.navbarUrl {
379 color : #7f607f;
381 a:link.navbarUrl {
383 a:visited.navbarUrl {
385 .navbar, .navmenu, .navgo {
386 background: #ffffff;
387 vertical-align: middle;
389 table.navbar {
390 width: 100%;
391 margin: 20px 0 20px 0;
393 td.navbar {
394 text-align: center;
396 td.navmenu {
397 width: 80%;
398 text-align: left;
400 select.navmenu {
401 width:250px;
402 border:0;
404 p.navgo {
405 border: 0;
406 padding: 0;
407 margin: 0;
409 button.navgo {
410 border: 0;
414 /* Figure */
415 div.figure {
416 text-align: center;
417 padding: 20px;
421 /* Caption */
422 caption {
424 p.caption {
428 /* Title */
429 div.title {
430 text-align: left;
431 padding: 20px;
432 margin: 20px 0 20px 0;
433 border-top: 1px solid #ffe590;
434 border-right: 10px solid #ffe590;
435 border-left: 1px solid #ffe590;
436 border-bottom: 5px solid #ffe590;
437 background-color: #fff3d0;
439 p.title, p.author, p.authornote, p.date {
440 margin: 0;
441 border: 0;
443 p.title {
445 p.author {
447 p.authornote {
449 p.date {
451 hr.title {
452 color: #f1f08f;
453 background-color: #e4f8fc;
454 border: 1px solid #f1f08f;
455 padding: 1px;
456 margin: 0 45% 0 45%;
460 /* Table of Contents etc. */
461 div.toc, div.lot, div.lof {
463 ul.toc, ul.lot, ul.lof {
465 li.toc, li.lot, li.lof {
466 list-style-type : none;
467 padding: 1px;
470 div.toc {
472 p.toc {
474 ul.toc, li.toc {
476 ul.toc {
478 li.toc {
481 div.lot {
483 p.lot {
485 ul.lot, li.lot {
487 ul.lot {
489 li.lot {
492 div.lof {
494 p.lof {
496 ul.lof, li.lof {
498 ul.lof {
500 li.lof {
502 hr.list {
503 color:#f1f08f;
504 background-color: #e4f8fc;
505 border:1px solid #f1f08f;
506 padding: 1px;
507 margin: 0 45% 0 45%;
510 div#List_of_Examples * li {
511 list-style-type : none;
512 padding: 1px;
515 /* Mini Table of Contents */
516 #Contents {
517 position: absolute;
518 top:50px;
519 left:0px;
520 padding:0px;
521 visibility:hidden;
522 margin:0px;
524 #ContentsBlock {
525 position: absolute;
526 top:30px;
527 left:0px;
528 padding:0px;
530 div.minitoc {
531 max-height: 500px;
532 background: #f1f1f1;
533 border-top: 1px solid #e0e0e0;
534 border-bottom: 1px solid #e0e0e0;
535 border-right: 1px solid #e0e0e0;
537 h1.minitoc {
538 margin: 0;
539 padding: 5px;
540 border: 0;
542 ul.minitoc {
544 li.minitoc {
548 /* Footnotes */
549 a:link.footnote, a:visited.footnote {
550 vertical-align: top;
552 a:link.footnote {
554 a:visited.footnote {
556 div.footnotes {
557 border-top: 1px dashed #888888;
558 margin-top: 30px;
559 padding-top: 10px;
561 p.footnotes {
562 border-top: 1px solid #ffe590;
563 padding-top: 10px;
564 margin: 40px 40% 0 0;
566 ol.footnotes {
568 li.footnotes {
572 /* OpenOffice compatible footnotes */
573 .sdfootnoteanc {
574 vertical-align: top;
575 color: #30306f;
577 .sdfootnotesym {
578 background-color: #e4f8fc;
579 vertical-align: top;
580 color: #30306f;
581 margin-right: 4px;
584 p.sdfootnote {
585 /* margin-left: 5%; */
586 /* margin-right: 5%; */
590 /* Bibliography */
591 .bib, .bibLef, .bibRight {
592 background-color:#ffffff;
594 table.bib {
595 width: 100%;
597 td.bibLeft {
599 td.bib {
601 td.bibRight {
603 h1.bib {
605 p.bib {
606 margin-left: 20px;
607 text-indent: -20px;
611 /* Index */
612 h2.index {
614 p.indextoc {
616 dl.index {
618 dt.index {
620 dd.index {
624 /* Marker */
625 div.note, div.warning, div.caution, div.important {
626 /* position: absolute; */
627 /* left: 720px; */
628 /* width: 100px; */
629 /* background-color: #eaeaea; */
630 /* background-color: #ffe590; */
631 background-color: #fff3d0;
632 /* background-color: #ffff00; */
634 p.note, p.warning, p.caution, p.important {
635 padding: 5px;
636 margin: 0;
638 p.note {
639 border-left: 10px solid #ffff00;
640 border-right: 10px solid #ffff00;
642 p.warning {
643 border-left: 10px solid #cf0000;
644 border-right: 10px solid #cf0000;
646 p.caution {
647 border-left: 10px solid #ef4f00;
648 border-right: 10px solid #ef4f00;
650 p.important {
651 border-left: 10px solid #009f9f;
652 border-right: 10px solid #009f9f;
655 em.marker {
656 color : #910000;
657 background-color: #ffff00;
659 span.marker {
660 position: absolute;
661 left: -25px;
662 width: 60px;
663 text-align: right;
667 /* Header, Footer */
668 .header, .footer {
669 margin: 20px 0 20px 0;
670 background-color: #eeeeee;
671 border: 0;
672 text-align: right;
673 vertical-align: middle;
675 div.header, div.footer {
677 table.header, table.footer {
678 width: 100%;
680 thead.header, thead.footer {
682 tr.header, tr.footer {
684 th.header, th.footer {
686 td.header, td.footer {
688 p.header, p.footer {
691 /* Validate HTML */
692 div.pageicons {
693 text-align: right;
694 margin: 10px;
696 .validhtml {
697 background-color:#ffffff;
699 table.validhtml {
701 tr.validhtml {
703 td.validhtml {
707 /* ProgressBar */
708 .progressBar {
709 max-width: 150px;
711 div.progressBar {
712 background-color: #dfdfff;
713 text-align: center;
714 vertical-align: middle;
715 padding-top: 10px;
716 padding-bottom: 10px;
718 table.progressBar {
719 table-layout: fixed;
720 min-width: 130px;
721 border: 1px solid #30306f;
722 padding: 0;
723 margin: 2px 4px 2px 4px;
725 td.progressBarDone, tr.progressBarDone {
726 border: 0;
727 background-color: #ffe590;
729 td.progressBarToBeDone, tr.progressBarToBeDone {
730 border: 0;
731 background-color: #dfdfff;
733 span.progress {
734 color: #30306f;
737 li.todo[class~="plus"] {
738 list-style-type: none;
740 li.todo[class~="plus"]:before {
741 font-weight: bold;
742 content: "[TODO]";
743 color: #ff0000;
744 background-color: #ffff00;
746 li.todo[class~="dash"] {
747 list-style-type: none;
748 text-decoration:line-through;
749 color: #555555;
751 li.todo[class~="dash"]:before {
752 font-weight: bold;
753 content: "[DONE]";
756 iframe {
757 border: 0;
760 .bold {
761 font-weight: bold;
762 font-style: normal;
765 p.comments {
766 text-align: right;
769 .centered {
770 text-align: center;