Bolden the current item in .page_subhead
[gitweb] / static / gitweb.css
1 html,
2 body {
3 height: 100%;
4 }
5
6 body {
7 font-family: sans-serif;
8 margin: 0;
9 background-color: #ffffff;
10 color: #000000;
11 display: flex;
12 flex-direction: column;
13 }
14
15 a {
16 color: #0000cc;
17 }
18
19 a:hover, a:visited, a:active {
20 color: #880000;
21 }
22
23 span.cntrl {
24 border: dashed #aaaaaa;
25 border-width: 1px;
26 padding: 0px 2px 0px 2px;
27 margin: 0px 2px 0px 2px;
28 }
29
30 img.logo {
31 float: right;
32 border-width: 0px;
33 }
34
35 img.avatar {
36 vertical-align: middle;
37 }
38
39 img.blob {
40 max-height: 100%;
41 max-width: 100%;
42 }
43
44 a.list img.avatar {
45 border-style: none;
46 }
47
48 .page_header {
49 padding: 1rem;
50 font-size: 150%;
51 font-weight: bold;
52 border-top: 0.25rem solid #f71;
53 background-color: #f716;
54 }
55
56 .page_header a:visited, a.header {
57 color: #0000cc;
58 }
59
60 .page_header a:hover {
61 color: #880000;
62 }
63
64 /* .page_header + nav.page_subhead now wraps .page_nav and the search form, which is reduced from <form><div class=search> to <form role=search>; and both it and .page_nav are optional; and page_nav comes first rather than last. */
65 .page_subhead {
66 display: flex;
67 background: #eee;
68 margin-bottom: 1em;
69 }
70
71 div.page_nav {
72 padding: 0.5rem 1em;
73 }
74
75 div.page_nav a:visited {
76 color: #0000cc;
77 }
78
79 .page_nav .current {
80 font-weight: bold;
81 }
82
83 div.page_path {
84 padding: 8px;
85 font-weight: bold;
86 border: solid #d9d8d1;
87 border-width: 0px 0px 1px;
88 }
89
90 footer {
91 margin-top: auto;
92 display: flex;
93 padding: 4px 8px;
94 background-color: #d9d8d1;
95 justify-content: flex-end;
96 }
97
98 div.page_footer_text {
99 margin-right: auto;
100 float: left;
101 color: #555555;
102 font-style: italic;
103 }
104
105 div#generating_info {
106 margin: 4px;
107 font-size: smaller;
108 text-align: center;
109 color: #505050;
110 }
111
112 div.page_body {
113 padding: 8px;
114 font-family: monospace;
115 }
116
117 div.title, a.title {
118 display: block;
119 padding: 6px 8px;
120 font-weight: bold;
121 background-color: #edece6;
122 text-decoration: none;
123 color: #000000;
124 }
125
126 div.readme {
127 padding: 8px;
128 }
129
130 a.title:hover {
131 background-color: #d9d8d1;
132 }
133
134 div.title_text {
135 padding: 6px 0px;
136 border: solid #d9d8d1;
137 border-width: 0px 0px 1px;
138 }
139
140 div.log_body {
141 padding: 8px 8px 8px 150px;
142 }
143
144 span.age {
145 position: relative;
146 float: left;
147 width: 142px;
148 font-style: italic;
149 }
150
151 span.signoff {
152 color: #888888;
153 }
154
155 div.log_link {
156 padding: 0px 8px;
157 font-size: 70%;
158 font-family: sans-serif;
159 font-style: normal;
160 position: relative;
161 float: left;
162 width: 136px;
163 }
164
165 div.list_head {
166 padding: 6px 8px 4px;
167 border: solid #d9d8d1;
168 border-width: 1px 0px 0px;
169 font-style: italic;
170 }
171
172 .author_date, .author {
173 font-style: italic;
174 }
175
176 div.author_date {
177 padding: 8px;
178 border: solid #d9d8d1;
179 border-width: 0px 0px 1px 0px;
180 }
181
182 a.list {
183 text-decoration: none;
184 color: #000000;
185 }
186
187 a.subject, a.name {
188 font-weight: bold;
189 }
190
191 table.tags a.subject {
192 font-weight: normal;
193 }
194
195 a.list:hover {
196 text-decoration: underline;
197 color: #880000;
198 }
199
200 a.text {
201 text-decoration: none;
202 color: #0000cc;
203 }
204
205 a.text:visited {
206 text-decoration: none;
207 color: #880000;
208 }
209
210 a.text:hover {
211 text-decoration: underline;
212 color: #880000;
213 }
214
215 table {
216 padding: 8px 4px;
217 border-spacing: 0;
218 }
219
220 table.diff_tree {
221 font-family: monospace,m;
222 }
223
224 table.combined.diff_tree th {
225 text-align: center;
226 }
227
228 table.combined.diff_tree td {
229 padding-right: 24px;
230 }
231
232 table.combined.diff_tree th.link,
233 table.combined.diff_tree td.link {
234 padding: 0px 2px;
235 }
236
237 table.combined.diff_tree td.nochange a {
238 color: #6666ff;
239 }
240
241 table.combined.diff_tree td.nochange a:hover,
242 table.combined.diff_tree td.nochange a:visited {
243 color: #d06666;
244 }
245
246 table.blame {
247 border-collapse: collapse;
248 }
249
250 table.blame td {
251 padding: 0px 5px;
252 vertical-align: top;
253 }
254
255 th {
256 padding: 2px 5px;
257 text-align: left;
258 }
259
260 /* do not change row style on hover for 'blame' view */
261 tr.light,
262 table.blame .light:hover {
263 background-color: #ffffff;
264 }
265
266 tr.dark,
267 table.blame .dark:hover {
268 background-color: #f6f6f0;
269 }
270
271 /* currently both use the same, but it can change */
272 tr.light:hover,
273 tr.dark:hover {
274 background-color: #edece6;
275 }
276
277 /* boundary commits in 'blame' view */
278 /* and commits without "previous" */
279 tr.boundary td.sha1,
280 tr.no-previous td.linenr {
281 font-weight: bold;
282 }
283
284 /* for 'blame_incremental', during processing */
285 tr.color1 { background-color: #f6fff6; }
286 tr.color2 { background-color: #f6f6ff; }
287 tr.color3 { background-color: #fff6f6; }
288
289 td {
290 padding: 2px 5px;
291 vertical-align: top;
292 }
293
294 td.link, td.selflink {
295 padding: 2px 5px;
296 font-family: sans-serif;
297 font-size: 70%;
298 }
299
300 td.selflink {
301 padding-right: 0px;
302 }
303
304 td.sha1 {
305 font-family: monospace,m;
306 }
307
308 .error {
309 color: red;
310 background-color: yellow;
311 }
312
313 td.current_head {
314 text-decoration: underline;
315 }
316
317 td.category {
318 background-color: #d9d8d1;
319 border-top: 1px solid #000000;
320 border-left: 1px solid #000000;
321 font-weight: bold;
322 }
323
324 table.diff_tree span.file_status.new {
325 color: #008000;
326 }
327
328 table.diff_tree span.file_status.deleted {
329 color: #c00000;
330 }
331
332 table.diff_tree span.file_status.moved,
333 table.diff_tree span.file_status.mode_chnge {
334 color: #777777;
335 }
336
337 table.diff_tree span.file_status.copied {
338 color: #70a070;
339 }
340
341 /* noage: "No commits" */
342 table.project_list td.noage {
343 color: #808080;
344 font-style: italic;
345 }
346
347 /* age2: 60*60*24*2 <= age */
348 table.project_list td.age2, table.blame td.age2 {
349 font-style: italic;
350 }
351
352 /* age1: 60*60*2 <= age < 60*60*24*2 */
353 table.project_list td.age1 {
354 color: #009900;
355 font-style: italic;
356 }
357
358 table.blame td.age1 {
359 color: #009900;
360 background: transparent;
361 }
362
363 /* age0: age < 60*60*2 */
364 table.project_list td.age0 {
365 color: #009900;
366 font-style: italic;
367 font-weight: bold;
368 }
369
370 table.blame td.age0 {
371 color: #009900;
372 background: transparent;
373 font-weight: bold;
374 }
375
376 td.pre, div.pre, div.diff {
377 font-family: monospace,m;
378 white-space: pre;
379 }
380
381 td.mode {
382 font-family: monospace,m;
383 }
384
385 /* progress of blame_interactive */
386 div#progress_bar {
387 height: 2px;
388 margin-bottom: -2px;
389 background-color: #d8d9d0;
390 }
391 div#progress_info {
392 float: right;
393 text-align: right;
394 }
395
396 /* format of (optional) objects size in 'tree' view */
397 td.size {
398 font-family: monospace,m;
399 text-align: right;
400 }
401
402 /* styling of diffs (patchsets): commitdiff and blobdiff views */
403 div.diff.header,
404 div.diff.extended_header {
405 white-space: normal;
406 }
407
408 div.diff.header {
409 font-weight: bold;
410
411 background-color: #edece6;
412
413 margin-top: 4px;
414 padding: 4px 0px 2px 0px;
415 border: solid #d9d8d1;
416 border-width: 1px 0px 1px 0px;
417 }
418
419 div.diff.header a.path {
420 text-decoration: underline;
421 }
422
423 div.diff.extended_header,
424 div.diff.extended_header a.path,
425 div.diff.extended_header a.hash {
426 color: #777777;
427 }
428
429 div.diff.extended_header .info {
430 color: #b0b0b0;
431 }
432
433 div.diff.extended_header {
434 background-color: #f6f5ee;
435 padding: 2px 0px 2px 0px;
436 }
437
438 div.diff a.list,
439 div.diff a.path,
440 div.diff a.hash {
441 text-decoration: none;
442 }
443
444 div.diff a.list:hover,
445 div.diff a.path:hover,
446 div.diff a.hash:hover {
447 text-decoration: underline;
448 }
449
450 div.diff.to_file a.path,
451 div.diff.to_file {
452 color: #007000;
453 }
454
455 div.diff.add {
456 color: #008800;
457 }
458
459 div.diff.add span.marked {
460 background-color: #aaffaa;
461 }
462
463 div.diff.from_file a.path,
464 div.diff.from_file {
465 color: #aa0000;
466 }
467
468 div.diff.rem {
469 color: #cc0000;
470 }
471
472 div.diff.rem span.marked {
473 background-color: #ffaaaa;
474 }
475
476 div.diff.chunk_header a,
477 div.diff.chunk_header {
478 color: #990099;
479 }
480
481 div.diff.chunk_header {
482 border: dotted #ffe0ff;
483 border-width: 1px 0px 0px 0px;
484 margin-top: 2px;
485 }
486
487 div.diff.chunk_header span.chunk_info {
488 background-color: #ffeeff;
489 }
490
491 div.diff.chunk_header span.section {
492 color: #aa22aa;
493 }
494
495 div.diff.incomplete {
496 color: #cccccc;
497 }
498
499 div.diff.nodifferences {
500 font-weight: bold;
501 color: #600000;
502 }
503
504 /* side-by-side diff */
505 div.chunk_block {
506 overflow: hidden;
507 }
508
509 div.chunk_block div.old {
510 float: left;
511 width: 50%;
512 overflow: hidden;
513 }
514
515 div.chunk_block div.new {
516 margin-left: 50%;
517 width: 50%;
518 }
519
520 div.chunk_block.rem div.old div.diff.rem {
521 background-color: #fff5f5;
522 }
523 div.chunk_block.add div.new div.diff.add {
524 background-color: #f8fff8;
525 }
526 div.chunk_block.chg div div.diff {
527 background-color: #fffff0;
528 }
529 div.chunk_block.ctx div div.diff.ctx {
530 color: #404040;
531 }
532
533
534 div.index_include {
535 border: solid #d9d8d1;
536 border-width: 0px 0px 1px;
537 padding: 12px 8px;
538 }
539
540 .page_subhead [role=search] {
541 margin: 0.5rem 1rem 0.5rem auto;
542 }
543
544 div.projsearch {
545 text-align: center;
546 margin: 20px 0px;
547 }
548
549 div.projsearch form {
550 margin-bottom: 2px;
551 }
552
553 td.linenr {
554 text-align: right;
555 }
556
557 a.linenr {
558 color: #999999;
559 text-decoration: none;
560 user-select: none;
561 }
562
563 a.rss_logo {
564 padding: 3px 5px;
565 border: 1px solid;
566 border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
567 color: #ffffff;
568 background-color: #ff6600;
569 font-weight: bold;
570 font-family: sans-serif;
571 font-size: 70%;
572 text-align: center;
573 text-decoration: none;
574 }
575
576 a.rss_logo:hover {
577 background-color: #ee5500;
578 }
579
580 a.rss_logo.generic {
581 background-color: #ff8800;
582 }
583
584 a.rss_logo.generic:hover {
585 background-color: #ee7700;
586 }
587
588 span.refs span {
589 padding: 0px 4px;
590 font-size: 70%;
591 font-weight: normal;
592 border: 1px solid;
593 background-color: #ffaaff;
594 border-color: #ffccff #ff00ee #ff00ee #ffccff;
595 }
596
597 span.refs span a {
598 text-decoration: none;
599 color: inherit;
600 }
601
602 span.refs span a:hover {
603 text-decoration: underline;
604 }
605
606 span.refs span.indirect {
607 font-style: italic;
608 }
609
610 span.refs span.ref {
611 background-color: #aaaaff;
612 border-color: #ccccff #0033cc #0033cc #ccccff;
613 }
614
615 span.refs span.tag {
616 background-color: #ffffaa;
617 border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
618 }
619
620 span.refs span.head {
621 background-color: #aaffaa;
622 border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
623 }
624
625 span.match {
626 color: #e00000;
627 }
628
629 div.binary {
630 font-style: italic;
631 }
632
633 div.remote {
634 margin: .5em;
635 border: 1px solid #d9d8d1;
636 display: inline-block;
637 }
638
639 /* JavaScript-based timezone manipulation */
640
641 .popup { /* timezone selection UI */
642 position: absolute;
643 /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
644 top: 0; left: 0;
645 border: 1px solid;
646 padding: 2px;
647 background-color: #f0f0f0;
648 font-style: normal;
649 color: #000000;
650 cursor: auto;
651 }
652
653 .close-button { /* close timezone selection UI without selecting */
654 /* float doesn't work within absolutely positioned container,
655 * if width of container is not set explicitly */
656 /* float: right; */
657 position: absolute;
658 top: 0px; right: 0px;
659 border: none;
660 font-weight: bold;
661 background-color: transparent;
662 cursor: pointer;
663 }
664
665
666 /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
667
668 /* Highlighting theme definition: */
669
670 .num { color:#2928ff; }
671 .esc { color:#ff00ff; }
672 .str { color:#ff0000; }
673 .dstr { color:#818100; }
674 .slc { color:#838183; font-style:italic; }
675 .com { color:#838183; font-style:italic; }
676 .dir { color:#008200; }
677 .sym { color:#000000; }
678 .line { color:#555555; }
679 .kwa { color:#000000; font-weight:bold; }
680 .kwb { color:#830000; }
681 .kwc { color:#000000; font-weight:bold; }
682 .kwd { color:#010181; }