web: Move important parts of the style sheet to the top of the file.
[paraslash.git] / web / para.css
1 body,h1,h2,h3,h4,h5,h6,p,center,td,th,ul,dl,div {
2         font-family: sans-serif;
3 }
4
5 body {
6         background-color: black;
7         color: #bbbbbb;
8         margin: 0px;
9 }
10
11 table {
12         padding: 8px 4px;
13 }
14
15 th {
16         padding: 2px 5px;
17         font-size: 100%;
18         text-align: left;
19 }
20
21 td {
22         padding: 2px 5px;
23         font-size: 100%;
24         vertical-align: top;
25 }
26
27 a {
28         color: #cc3322;
29 }
30
31 hr {
32         height: 1px;
33         border: none;
34         border-top: 1px solid yellow;
35 }
36
37 caption { font-weight: bold }
38
39 /* doxgen */
40
41 /* Data structure index. Box with clickable letters */
42 div.qindex {
43         width: 100%;
44         background-color: #000055;
45         border: 1px solid #ffff00;
46         text-align: center;
47         margin: 2px;
48         padding: 2px;
49         line-height: 140%;
50 }
51
52 /* Data structure index, clickable letters */
53 a.qindex {
54        text-decoration: none;
55        font-weight: bold;
56        color: #cc3322;
57 }
58
59 a.qindex:visited {
60        text-decoration: none;
61        font-weight: bold;
62        color: #cc3322
63 }
64
65 a.qindex:hover {
66         text-decoration: none;
67         background-color: #ffff00;
68 }
69
70 a.el {
71         text-decoration: none;
72         font-weight: bold
73 }
74
75 a.elRef { font-weight: bold }
76
77 a.code:link {
78         text-decoration: none;
79         font-weight: normal;
80         color: #BA3708
81 }
82
83 a.code:visited {
84         text-decoration: none;
85         font-weight: normal;
86         color: #BA3708
87 }
88
89 a.codeRef:link {
90         font-weight: normal;
91         color: #BA3708
92 }
93
94 a.codeRef:visited {
95         font-weight: normal;
96         color: #BA3708
97 }
98
99 dl.el { margin-left: -1cm }
100 .fragment {
101        font-family: Fixed, monospace;
102        font-size: 95%;
103 }
104
105 pre.fragment {
106         border: 1px solid #CCCCCC;
107         background-color: #351505;
108         margin-top: 4px;
109         margin-bottom: 4px;
110         margin-left: 2px;
111         margin-right: 8px;
112         padding-left: 6px;
113         padding-right: 6px;
114         padding-top: 4px;
115         padding-bottom: 4px;
116 }
117
118 /* data structures non-clickable letters */
119 div.ah {
120         background-color: black;
121         font-weight: bold;
122         color: #cccccc;
123         margin-bottom: 3px;
124         margin-top: 3px
125 }
126
127 div.groupHeader {
128        margin-left: 16px;
129        margin-top: 12px;
130        margin-bottom: 6px;
131        font-weight: bold;
132 }
133
134 div.groupText {
135         margin-left: 16px;
136         font-style: italic;
137         font-size: 90%
138 }
139
140 /* File list */
141 td.indexkey {
142         background-color: #000055;
143         font-weight: bold;
144         padding-right  : 10px;
145         padding-top    : 2px;
146         padding-left   : 10px;
147         padding-bottom : 2px;
148         margin-left    : 0px;
149         margin-right   : 0px;
150         margin-top     : 2px;
151         margin-bottom  : 2px;
152         border: 1px solid #ffff00;
153 }
154
155 td.indexvalue {
156         background-color: #000055;
157         font-style: italic;
158         padding-right  : 10px;
159         padding-top    : 2px;
160         padding-left   : 10px;
161         padding-bottom : 2px;
162         margin-left    : 0px;
163         margin-right   : 0px;
164         margin-top     : 2px;
165         margin-bottom  : 2px;
166         border: 1px solid #ffff00;
167 }
168
169 tr.memlist {
170    background-color: #112244;
171 }
172 p.formulaDsp { text-align: center; }
173 img.formulaDsp { }
174 img.formulaInl { vertical-align: middle; }
175
176 /* Overwiew on top of page for *.c file */
177
178 .mdescLeft { /* empty box on the left besides short description */
179         padding: 0px 8px 4px 8px;
180         margin: 0px;
181 }
182
183 .mdescRight { /* Short description */
184         padding: 0px 8px 4px 8px;
185         font-size: 100%;
186         font-style: italic;
187         margin: 0px;
188 }
189
190 .memItemLeft { /* return value */
191         color: #ffffff;
192         border-top-color: #ffff00;
193         padding: 1px 0px 0px 8px;
194         margin: 4px;
195         border-top-width: 2px;
196         border-top-style: solid;
197         border-right-style: none;
198         border-bottom-style: none;
199         border-left-style: none;
200         font-size: 100%;
201 }
202
203 .memItemRight { /* function declaration */
204         color: #ffffff;
205         border-top-color: #ffff00;
206         padding: 1px 8px 0px 8px;
207         margin: 4px;
208         border-top-width: 2px;
209         border-top-style: solid;
210         border-right-style: none;
211         border-bottom-style: none;
212         border-left-style: none;
213         font-size: 100%;
214 }
215
216 .search {
217         color: #f03309;
218         font-weight: bold;
219 }
220
221 form.search {
222         margin-bottom: 0px;
223         margin-top: 0px;
224 }
225
226 input.search {
227         font-size: 75%;
228         color: #800000;
229         font-weight: normal;
230         background-color: #000000;
231 }
232
233 td.tiny {
234         font-size: 75%;
235 }
236
237 .dirtab { padding: 4px;
238           border-collapse: collapse;
239           border: 1px solid #84b007;
240 }
241
242 th.dirtab {
243         background: #080e02;
244         font-weight: bold;
245 }
246
247 /* Style for detailed member documentation */
248 .memtemplate {
249         font-size: 100%;
250         color: #cccccc;
251         font-weight: normal;
252 }
253
254 .memitem { /* outer border around function */
255         padding: 6px;
256         background-color: #000000;
257         border-width: 2px;
258         border-style: solid;
259         border-color: #ffff00;
260 }
261
262 .memname {
263         color: #ffffff; /* name of the function */
264         white-space: nowrap;
265         font-weight: bold;
266 }
267
268 .memdoc{
269         padding-left: 10px;
270 }
271
272 /* inner box containing function definition */
273 .memproto {
274         background-color: #000055;
275         width: 100%;
276         border-width: 2px;
277         border-style: solid;
278         border-color: #ffff00;
279         font-weight: bold;
280 }
281
282 .paramkey {
283         color: #ff0000;
284         text-align: right;
285 }
286
287 .paramtype { /* type of function parameter, e.g. "int" */
288         color: #00ff00;
289         white-space: nowrap;
290 }
291
292 .paramname { /* name of function parameter */
293         color: #ffff00;
294         font-style: italic;
295 }
296
297 span.cntrl {
298         border: dashed #aaaaaa;
299         border-width: 1px;
300         padding: 0px 2px 0px 2px;
301         margin:  0px 2px 0px 2px;
302 }
303
304 img.logo {
305         float: right;
306         border-width: 0px;
307 }
308
309 div.page_header {
310         padding: 8px;
311         font-size: 150%;
312         font-weight: bold;
313         background-color: #151515;
314 }
315
316 div.page_header a:visited, a.header {
317         color: #cc3322;
318 }
319
320 div.page_header a:hover {
321         color: #880000;
322 }
323
324 div.page_nav {
325         padding: 8px;
326 }
327
328 div.page_nav a:visited {
329         color: #cc3322;
330 }
331
332 div.page_path {
333         padding: 8px;
334         font-weight: bold;
335         border: solid #d9d8d1;
336         border-width: 0px 0px 1px;
337 }
338
339 div.page_footer {
340         height: 17px;
341         padding: 4px 8px;
342         background-color: #d9d8d1;
343 }
344
345 div.page_footer_text {
346         float: left;
347         color: #555555;
348         font-style: italic;
349 }
350
351 div.page_body {
352         padding: 8px;
353         font-family: monospace;
354         font-size: 150%;
355 }
356
357 div.title {
358         display: block;
359         padding: 6px 8px;
360         font-weight: bold;
361         background-color: #555555;
362         text-decoration: none;
363         color: white;
364 }
365
366 a.title:hover {
367         background-color: #AA3100;
368 }
369
370 div.title_text {
371         padding: 6px 0px;
372         border: solid #d9d8d1;
373         border-width: 0px 0px 1px;
374         font-family: monospace;
375 }
376
377 div.log_body {
378         padding: 8px 8px 8px 150px;
379 }
380
381 span.age {
382         position: relative;
383         float: left;
384         width: 142px;
385         font-style: italic;
386 }
387
388 span.signoff {
389         color: #888888;
390 }
391
392 div.log_link {
393         padding: 0px 8px;
394         font-size: 70%;
395         font-family: sans-serif;
396         font-style: normal;
397         position: relative;
398         float: left;
399         width: 136px;
400 }
401
402 div.list_head {
403         padding: 6px 8px 4px;
404         border: solid #d9d8d1;
405         border-width: 1px 0px 0px;
406         font-style: italic;
407 }
408
409 div.author_date {
410         padding: 8px;
411         border: solid #d9d8d1;
412         border-width: 0px 0px 1px 0px;
413         font-style: italic;
414 }
415
416 a.list {
417         text-decoration: none;
418         color: #cc3322;
419 }
420
421 a.subject, a.name {
422         font-weight: bold;
423 }
424
425 table.tags a.subject {
426         font-weight: normal;
427 }
428
429 a.list:hover {
430         text-decoration: underline;
431         color: #880000;
432 }
433
434 a.text {
435         text-decoration: none;
436         color: #0000cc;
437 }
438
439 a.text:visited {
440         text-decoration: none;
441         color: #880000;
442 }
443
444 a.text:hover {
445         text-decoration: underline;
446         color: #880000;
447 }
448
449 table.project_list {
450         border-spacing: 0;
451 }
452
453 table.diff_tree {
454         border-spacing: 0;
455         font-family: monospace;
456 }
457
458 table.combined.diff_tree th {
459         text-align: center;
460 }
461
462 table.combined.diff_tree td {
463         padding-right: 24px;
464 }
465
466 table.combined.diff_tree th.link,
467 table.combined.diff_tree td.link {
468         padding: 0px 2px;
469 }
470
471 table.combined.diff_tree td.nochange a {
472         color: #6666ff;
473 }
474
475 table.combined.diff_tree td.nochange a:hover,
476 table.combined.diff_tree td.nochange a:visited {
477         color: #d06666;
478 }
479
480 table.blame {
481         border-collapse: collapse;
482 }
483
484 table.blame td {
485         padding: 0px 5px;
486         font-size: 100%;
487         vertical-align: top;
488 }
489
490 tr.light:hover {
491         background-color: yellow;
492         color: #cc3322;
493 }
494
495 tr.dark {
496         background-color: #333333;
497 }
498
499 tr.dark2 {
500         background-color: #333333;
501 }
502
503 tr.dark:hover {
504         background-color: yellow;
505         color: #cc3322;
506 }
507
508 td.link, td.selflink {
509         padding: 2px 5px;
510         font-family: sans-serif;
511         font-size: 70%;
512 }
513
514 td.selflink {
515         padding-right: 0px;
516 }
517
518 td.sha1 {
519         font-family: monospace;
520 }
521
522 td.error {
523         color: red;
524         background-color: yellow;
525 }
526
527 td.current_head {
528         text-decoration: underline;
529 }
530
531 table.diff_tree span.file_status.new {
532         color: #008000;
533 }
534
535 table.diff_tree span.file_status.deleted {
536         color: #c00000;
537 }
538
539 table.diff_tree span.file_status.moved,
540 table.diff_tree span.file_status.mode_chnge {
541         color: #777777;
542 }
543
544 table.diff_tree span.file_status.copied {
545         color: #70a070;
546 }
547
548 /* noage: "No commits" */
549 table.project_list td.noage {
550         color: #808080;
551         font-style: italic;
552 }
553
554 /* age2: 60*60*24*2 <= age */
555 table.project_list td.age2, table.blame td.age2 {
556         font-style: italic;
557 }
558
559 /* age1: 60*60*2 <= age < 60*60*24*2 */
560 table.project_list td.age1 {
561         color: #009900;
562         font-style: italic;
563 }
564
565 table.blame td.age1 {
566         color: #009900;
567         background: transparent;
568 }
569
570 /* age0: age < 60*60*2 */
571 table.project_list td.age0 {
572         color: #009900;
573         font-style: italic;
574         font-weight: bold;
575 }
576
577 table.blame td.age0 {
578         color: #009900;
579         background: transparent;
580         font-weight: bold;
581 }
582
583 td.pre, div.pre, div.diff {
584         white-space: pre;
585 }
586
587 td.mode {
588         font-family: monospace;
589 }
590
591 /* styling of diffs (patchsets): commitdiff and blobdiff views */
592
593 div.diff.header,
594 div.diff.extended_header {
595         white-space: normal;
596 }
597
598 div.diff.header {
599         font-weight: bold;
600
601         background-color: #333333;
602
603         margin-top: 4px;
604         padding: 4px 0px 2px 0px;
605         border: solid #d9d8d1;
606         border-width: 1px 0px 1px 0px;
607 }
608
609 div.diff.header a.path {
610         text-decoration: underline;
611 }
612
613 div.diff.extended_header,
614 div.diff.extended_header a.path,
615 div.diff.extended_header a.hash {
616         color: #cccccc;
617 }
618
619 div.diff.extended_header .info {
620         color: #b0b0b0;
621 }
622
623 div.diff.extended_header {
624         background-color: #333333;
625         padding: 2px 0px 2px 0px;
626 }
627
628 div.diff a.list,
629 div.diff a.path,
630 div.diff a.hash {
631         text-decoration: none;
632 }
633
634 div.diff a.list:hover,
635 div.diff a.path:hover,
636 div.diff a.hash:hover {
637         text-decoration: underline;
638 }
639
640 div.diff.to_file a.path,
641 div.diff.to_file {
642         color: #007000;
643 }
644
645 div.diff.add {
646         color: #008800;
647 }
648
649 div.diff.from_file a.path,
650 div.diff.from_file {
651         color: #ff0000;
652 }
653
654 div.diff.rem {
655         color: #cc0000;
656 }
657
658 div.diff.chunk_header a,
659 div.diff.chunk_header {
660         color: #990099;
661 }
662
663 div.diff.chunk_header {
664         border: dotted #ffe0ff;
665         border-width: 1px 0px 0px 0px;
666         margin-top: 2px;
667 }
668
669 div.diff.chunk_header span.chunk_info {
670         background-color: #000000;
671 }
672
673 div.diff.chunk_header span.section {
674         color: #aa22aa;
675 }
676
677 div.diff.incomplete {
678         color: #cccccc;
679 }
680
681 div.diff.nodifferences {
682         font-weight: bold;
683         color: #600000;
684 }
685
686 div.index_include {
687         border: solid #d9d8d1;
688         border-width: 0px 0px 1px;
689         padding: 12px 8px;
690 }
691
692 div.search {
693         font-size: 100%;
694         font-weight: normal;
695         margin: 4px 8px;
696         float: right;
697         top: 56px;
698         right: 12px
699 }
700
701 td.linenr {
702         text-align: right;
703 }
704
705 a.linenr {
706         color: #999999;
707         text-decoration: none
708 }
709
710 a.rss_logo {
711         float: right;
712         padding: 3px 0px;
713         width: 35px;
714         line-height: 10px;
715         border: 1px solid;
716         border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
717         color: #ffffff;
718         background-color: #ff6600;
719         font-weight: bold;
720         font-family: sans-serif;
721         font-size: 70%;
722         text-align: center;
723         text-decoration: none;
724 }
725
726 a.rss_logo:hover {
727         background-color: #ee5500;
728 }
729
730 span.refs span {
731         padding: 0px 4px;
732         font-size: 70%;
733         font-weight: normal;
734         border: 1px solid;
735         background-color: #222222;
736         border-color: #ffccff #ff00ee #ff00ee #ffccff;
737 }
738
739 span.refs span.ref {
740         background-color: #aaaaff;
741         border-color: #ccccff #0033cc #0033cc #ccccff;
742 }
743
744 span.refs span.tag {
745         background-color: #ffffaa;
746         border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
747 }
748
749 span.refs span.head {
750         background-color: #222222;
751         border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
752 }
753
754 span.atnight {
755         color: #cc0000;
756 }
757
758 span.match {
759         color: #e00000;
760 }
761
762 div.binary {
763         font-style: italic;
764 }