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 }