gitweb-danixland/gitweb.css

   1 /* Reset
   2 ------------------------------------------------------------------------- */
   3
   4 /* Based on http://meyerweb.com/eric/tools/css/reset/ */
   5 /* v1.0 | 20080212 */
   6
   7 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
   8 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
   9 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,
  10 u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
  11 caption, tbody, tfoot, thead, tr, th, td {
  12   margin: 0;
  13   padding: 0;
  14   border: 0;
  15   outline: 0;
  16   font-size: 100%;
  17   vertical-align: baseline;
  18   background: transparent;
  19 }
  20
  21 ol, ul { list-style: none; }
  22
  23 blockquote, q { quotes: none; }
  24
  25 blockquote:before, blockquote:after,
  26 q:before, q:after {
  27   content: '';
  28   content: none;
  29 }
  30
  31 :focus { outline: 0; }
  32
  33 ins { text-decoration: none; }
  34
  35 del { text-decoration: line-through; }
  36
  37 table {
  38   border-collapse: collapse;
  39   border-spacing: 0;
  40 }
  41
  42 a { outline: none; }
  43
  44 /* Colors
  45 ------------------------------------------------------------------------- */
  46 :root {
  47   --bg: #D8D9CF;
  48   --bg-alt: #F0EEED;
  49   --fg: #393E46;
  50   --link: #CF4DCE;
  51   --border: 34,40,49,0.035;
  52   --accent: #FD7014;
  53 }
  54 @media screen and (prefers-color-scheme: dark) {
  55   :root {
  56     --bg: #393E46;
  57     --bg-alt: #222831;
  58     --fg: #D8D9CF;
  59     --border: 216,217,207,0.2;
  60   }
  61 }
  62
  63
  64 /* General - light theme
  65 ---------------------------------------------------------------------------- */
  66
  67 html {
  68   position: relative;
  69   min-height: 100%;
  70 }
  71
  72 body {
  73   font: 13px Helvetica,arial,freesans,clean,sans-serif;
  74   line-height: 1.4;
  75   margin: 0 0 105px;
  76   background-color: var(--bg);
  77   color: var(--fg);
  78 }
  79
  80 /* Monospaced Fonts */
  81 .sha1, .mode, .diff_tree .list, .pre, .diff, .patchset {
  82   font-family: 'Consolas','Bitstream Vera Sans Mono',monospace;
  83 }
  84
  85 a:link, a:visited {
  86   color: var(--link);
  87   text-decoration: none;
  88 }
  89
  90 a:hover {
  91   text-decoration: underline;
  92 }
  93
  94 td.list a[href*='tree'], td.list a[href*='blob'] {
  95   padding-left: 20px;
  96   display: block;
  97   float: left;
  98   height: 16px;
  99   line-height: 16px;
 100 }
 101
 102 td.list a[href*='tree'] {
 103   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABq0lEQVQ4y8WTu4oUQRSGv+rtGVuxhwVFdFEEE2c3d0HYTEMTn8DEVxADQTDUF9DMwMxQMBMx8AEWzRQ3cBHd9TI91+2urjq/QbczY2IygSep4nD+79yqnCRWsYQVbWVACvDh5ZXdrLe15dwyT1TjT/sxFFeB6i+VA2B6+cb7kAI4Jf0LO087zjlQI8Y5Qvnj0sHug321XoC1bk+K9eHk6+s7wPMUgKAS88eqb4+Jfg2SHs7lZBvX2Nh+2EUCDGSAcMnJsx9f7NxfAGqXyDzRd5EJO/pMPT1gcviGTnYOVIN5pAAE8v7dLrKL8xnglFk4ws9Afko9HpH3b5Gd2mwb/lOBmgrSdYhJugDUCenxM6xv3p4HCsP8F0LxCsUhCkMURihOyM7fg0osASTFEpu9a4LjGIUCqwcoDiEUrX+E4hRUQb20RiokC1j9vckUhygU7X3QZh7NAVKYL7YBeMkRUfjVCotF2XGIwnghtrJpMywB5G0QZj9P1JNujuWJ1AHLQadRrACPkuZ0SSSWpeStWgDK6tHek5vbiOs48n++XQHurcf0rFng//6NvwG+iB9/4duaTgAAAABJRU5ErkJgggo=) center left no-repeat;
 104 }
 105
 106 td.list a[href*='blob'] {
 107   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA6ElEQVQoFQXBMW5TQRgGwNnHnoE0QbiCjoIooUmTU3AuS1BwIoTSUdJBigg3GCWOg9/++zHTop078wIAsPMrE4SL5/1aIyMjIyMjz/m0tbFECFdrPeaQQw75mz/5nZH7fN7aWILmauSYfznmmIfss8vIUx7zZWsTTXM5vpWvTk5Wq9VHQP/gtgOLa0Qpw940vAQdaG6thpOhlOkG0AEuAVGmEkAH+G4YSikxXQM6wDsAMRFAB/ihDNNUmN4DOsAbBAEAdICfpmmaAt4COoj2GgCASbIkZh1NAACznhQt2itnFgAAlF3u/gMDtJXPzQxoswAAAABJRU5ErkJgggo=) center left no-repeat;
 108 }
 109
 110 i {
 111   font-style: normal;
 112 }
 113
 114 td, th {
 115   padding: 5px;
 116 }
 117
 118 .page_nav br {
 119   display: none;
 120 }
 121
 122 #generating_info {
 123   font-size: 10px;
 124   color: #aaa;
 125   text-align: center;
 126 }
 127
 128 #generating_time, #generating_cmd {
 129   font-weight: bold;
 130 }
 131
 132 /* Page Header
 133 ---------------------------------------------------------------------------- */
 134
 135 .page_header {
 136   height: 50px;
 137   line-height: 50px;
 138   position: relative;
 139   padding: 0 27px;
 140   margin-bottom: 20px;
 141   font-size: 20px;
 142   font-family: Helvetica, Arial, Freesans, Clean, sans-serif;
 143   background: var(--bg); /* old browsers */
 144   background: -moz-linear-gradient(top, var(--bg) 0%, var(--bg-alt) 100%); /* firefox */
 145   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--bg-alt))); /* webkit */
 146   background: -o-linear-gradient(top, var(--bg) 0%, var(--bg-alt) 100%);
 147   border-bottom: 1px solid rgba(var(--border));
 148 }
 149
 150 .page_header a:link, .page_header a:visited {
 151   color: var(--link);
 152   text-decoration: none;
 153   padding: 3px;
 154   font-weight: bold;
 155 }
 156
 157 .page_header a:hover {
 158   font-weight: bold;
 159   padding: 3px;
 160   text-decoration: underline;
 161 }
 162
 163 .page_header a:first-child {
 164   background: transparent;
 165 }
 166
 167 .page_header img.logo {
 168   position: relative;
 169   top: 7px;
 170   margin-right: 5px;
 171 }
 172
 173 /* Page Footer
 174 ---------------------------------------------------------------------------- */
 175
 176 .page_footer {
 177   position: absolute;
 178   left: 0;
 179   bottom: 0;
 180   width: 100%;
 181   height: 80px;
 182   line-height: 80px;
 183   margin-top: 15px;
 184   background: var(--bg);
 185   border-top: 2px solid var(--border);
 186   border-bottom: 1px solid var(--border);
 187 }
 188
 189 .page_footer_text {
 190   color: var(--fg);
 191   display: inline;
 192   float: left;
 193   margin-left: 25px;
 194   width: 80%;
 195   overflow: hidden;
 196   white-space: nowrap;
 197   text-overflow: ellipsis;
 198 }
 199
 200 a.rss_logo {
 201   float: right;
 202   padding: 3px 1px;
 203   width: 35px;
 204   line-height: 10px;
 205   border: 1px solid;
 206   border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
 207   color: #ffffff;
 208   background-color: #ff6600;
 209   font-weight: bold;
 210   font-family: sans-serif;
 211   font-size: 80%;
 212   text-align: center;
 213   text-decoration: none;
 214   margin-top: 30px;
 215   margin-left: 5px;
 216 }
 217
 218 a.rss_logo:hover {
 219   background-color: #ee5500;
 220 }
 221
 222 .rss_logo {
 223   margin-right: 25px;
 224   background: yellow;
 225 }
 226
 227 .rss_logo:last-child {
 228   margin-right: 5px;
 229 }
 230
 231 /* Index include
 232 ---------------------------------------------------------------------------- */
 233
 234 .index_include {
 235   width: 95%;
 236   margin: 0 auto 15px;
 237   background: -moz-linear-gradient(center top , var(--bg) 0%, var(--bg-alt) 100%) repeat scroll 0 0 transparent;
 238   border: 1px solid var(--border);
 239   padding: 8px;
 240   -webkit-box-sizing: border-box;
 241      -moz-box-sizing: border-box;
 242           box-sizing: border-box;
 243 }
 244
 245 /* Elements
 246 ---------------------------------------------------------------------------- */
 247
 248 .project_list,
 249 .shortlog,
 250 .tree,
 251 .commit_search,
 252 .history {
 253   width: 95%;
 254   margin: 0 auto 15px auto;
 255   border: 1px solid var(--border);
 256   -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
 257   -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
 258   box-shadow: 0 0 3px rgba(0,0,0,0.2);
 259 }
 260
 261 .project_list th,
 262 .shortlog th,
 263 .tree th,
 264 .commit_search th {
 265   color: #afafaf;
 266   font-weight: normal;
 267 }
 268
 269 .project_list th {
 270   font-weight: bold;
 271 }
 272
 273 .project_list tr,
 274 .shortlog tr,
 275 .tree tr,
 276 .commit_search tr {
 277   background: #eaeaea;
 278   height: 2.5em;
 279   text-align: left;
 280   color: #545454;
 281 }
 282
 283 .project_list tr.dark, .project_list tr.light,
 284 .shortlog tr.dark, .shortlog tr.light,
 285 .tree tr.dark, .tree tr.light,
 286 .commit_search tr.dark, .commit_search tr.light,
 287 .history tr.dark, .history tr.light,
 288 .heads tr.dark, .heads tr.light {
 289   background: #F9F9F9; /* old browsers */
 290   background: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%); /* firefox */
 291   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EFEFEF)); /* webkit */
 292   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#EFEFEF',GradientType=0 ); /* ie */
 293   background: -o-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%);
 294   height: 2.5em;
 295   border-bottom: 1px solid #e1e1e1;
 296 }
 297
 298 th .header {
 299   background: transparent;
 300   border: 0;
 301   padding: 0;
 302   font-weight: bold;
 303 }
 304
 305 .tree {
 306   width: 100%;
 307   margin: 0;
 308 }
 309
 310 .projsearch {
 311   position: absolute;
 312   right: 4%;
 313   top: 15px;
 314 }
 315
 316 .projsearch a {
 317   display: none;
 318 }
 319
 320 .commit_search {
 321   background: #eaeaea;
 322 }
 323
 324 .page_nav,
 325 .list_head,
 326 .page_path,
 327 .search {
 328   width: 94%;
 329   background: #eaeaea;
 330   color: #545454;
 331   border: 1px solid #d8d8d8;
 332   padding: 5px;
 333   margin: 0 auto 15px auto;
 334 }
 335
 336 .history {
 337   background: #eaeaea;
 338 }
 339
 340 .title {
 341   margin: 0 auto 15px auto;
 342   padding: 5px;
 343   width: 95%;
 344 }
 345
 346 .readme {
 347   background: #eaf2f5;
 348   border: 1px solid #bedce7;
 349   -moz-box-sizing: border-box;
 350   -webkit-box-sizing: border-box;
 351   box-sizing: border-box;
 352   margin: 0 auto 15px auto;
 353   padding: 15px;
 354   width: 95%;
 355 }
 356
 357 .readme h1 {
 358   display: block;
 359   font-size: 2em;
 360   font-weight: bold;
 361   margin-bottom: 0.67em;
 362   margin-top: 0;
 363 }
 364
 365 .readme h2 {
 366   font-size: 1.5em;
 367   font-weight: bold;
 368   margin-bottom: 0.83em;
 369 }
 370
 371
 372 .readme h3 {
 373   font-size: 1.17em;
 374   font-weight: bold;
 375   margin-bottom: 1em;
 376 }
 377
 378 .readme p {
 379   margin-bottom: 1em;
 380 }
 381
 382 .readme ul {
 383   list-style: disc;
 384   margin-bottom: 1em;
 385   margin-left: 1.5em;
 386 }
 387
 388 .readme ul ul {
 389   margin-bottom: 0;
 390 }
 391
 392 .readme ol {
 393   list-style: decimal;
 394   margin-bottom: 1em;
 395   margin-left: 1.5em;
 396 }
 397
 398 .readme ol ol {
 399   margin-bottom: 0;
 400 }
 401
 402 .readme pre {
 403   font-family: monospace;
 404   margin: 1em 0;
 405   white-space: pre;
 406 }
 407
 408 .readme tt, .readme code, .readme kbd, .readme samp {
 409   font-family: monospace;
 410 }
 411
 412 .readme blockquote {
 413   margin: 1em;
 414 }
 415
 416 .projects_list,
 417 .tags {
 418   width: 95%;
 419   background: #f0f0f0;
 420   color: #545454;
 421   border: 1px solid #d8d8d8;
 422   padding: 5px;
 423   margin: 0 auto 15px auto;
 424 }
 425
 426 .heads {
 427   width: 95%;
 428   color: #545454;
 429   border: 1px solid #d8d8d8;
 430   padding: 5px;
 431   margin: 0 auto 15px auto;
 432 }
 433
 434 .header {
 435   width: 94%;
 436   margin: 0 auto 15px auto;
 437   background: #eaf2f5;
 438   border: 1px solid #bedce7;
 439   padding: 5px;
 440 }
 441
 442 .header .age {
 443   float: left;
 444   color: #000;
 445   font-weight: bold;
 446   width: 10em;
 447 }
 448
 449 .title_text {
 450   width: 94%;
 451   background: #eaf2f5;
 452   border: 1px solid #bedce7;
 453   padding: 5px;
 454   margin: 0 auto 0 auto;
 455 }
 456
 457 .log_body {
 458   width: 94%;
 459   background: #eaf2f5;
 460   border: 1px solid #bedce7;
 461   border-top: 0;
 462   padding: 5px;
 463   margin: 0 auto 15px auto;
 464 }
 465
 466 .page_body {
 467   line-height: 1.4em;
 468   width: 94%;
 469   background: #f8f8f8;
 470   border: 1px solid #d8d8d8;
 471   padding: 5px;
 472   margin: 15px auto 15px auto;
 473 }
 474
 475 .diff_tree {
 476   width: 95%;
 477   background: #f0f0f0;
 478   border: 1px solid #d8d8d8;
 479   padding: 5px;
 480   margin: 0 auto 15px auto;
 481 }
 482
 483 .page_body > .list_head {
 484   width: 98.5%;
 485 }
 486
 487 .page_body > .diff_tree {
 488   width: 99.5%;
 489 }
 490
 491 .patch > .header {
 492   width: 99%;
 493 }
 494
 495 .author .avatar,
 496 .author_date .avatar {
 497   position: relative;
 498   top: 3px;
 499 }
 500
 501 .object_header .avatar {
 502   border: 1px solid #D8D8D8;
 503   float: right;
 504 }
 505
 506 .object_header td,
 507 .object_header th {
 508   vertical-align: top;
 509 }
 510
 511 /* Refs
 512 ---------------------------------------------------------------------------- */
 513
 514 span.refs span {
 515   color: #707070;
 516   display: inline-block;
 517   margin: 0;
 518   background-color: #eee;
 519   border: 1px solid #ccc;
 520   border-radius: 3px;
 521   height: 18px;
 522   padding: 0 6px;
 523   text-overflow: ellipsis;
 524 }
 525
 526 span.refs span.ref {
 527   color: #707070;
 528   display: inline-block;
 529   margin: 0;
 530   background-color: #c4c4ff;
 531   border: 1px solid #7878ff;
 532   border-radius: 3px;
 533   height: 18px;
 534   padding: 0 6px;
 535   text-overflow: ellipsis;
 536   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gIKFSUnpolg7AAAAHJQTFRFAAAAVVWqZmbMVVXVYGDgbW3td3fuc3PzdHT0cHD1d3f6dHT6dnb7dHT7dnb8dnb8dnb9d3f9dnb+eHj+d3f+eHj+d3f+d3f+d3f+eHj+d3f+eHj+d3f+eHj+d3f+d3f+eHj+d3f+d3f+d3f+eHj/////V9oQhQAAACR0Uk5TAAIEBQcNDhMVGCotNTZAT217i5CgobvExtjZ4eLr7vP09ff7uqQ6cgAAAAFiS0dEJcMByQ8AAABUSURBVBjTpc43AoAwDENRh95bgNBM1f3PyOpslD++RSJ61YgH5M2IbIkn4GocSR1MZVBL4t2n4FgkbaxI8Sqph041WknZCWAIrcmEUbpf3lNe0N9u59YFYHnZ78gAAAAASUVORK5CYII=);
 537   background-repeat: no-repeat;
 538   padding-left: 18px;
 539 }
 540
 541 span.refs span.tag {
 542   color: #707070;
 543   display: inline-block;
 544   margin: 0;
 545   background-color: #ffffab;
 546   border: 1px solid #d9d93b;
 547   border-radius: 3px;
 548   height: 18px;
 549   padding: 0 6px;
 550   text-overflow: ellipsis;
 551   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gIKFSUZZ+h9RwAAAGZQTFRFAAAAtrYkwMBAwMBAx8c4yso11NQ71NQ51dU52Ng71tY519c719c719c62Ng719c719c62Ng72dk62Ng62Ng72Ng72dk62Ng72Ng62dk62dk72dk62Ng62dk72Ng72Ng72dk7////ou/AnQAAACB0Uk5TAAYHCxESLjRCWWlqa4uNkpissbrO19jc3ufs8vf6/f7atAU2AAAAAWJLR0QhxGwNFgAAAF1JREFUGFeNy0cOgCAABVGw94rY5d//lC7omhhn+ZIh5Gf1xPk0Zi5dAABROIQjSU/fsAXhDkCUljAv8jW2wlQpaixpo4Nj+dtatVpjkSJjLNaizRVpvhBCu/4h391jzw1lU12Z7wAAAABJRU5ErkJggg==);
 552   background-repeat: no-repeat;
 553   padding-left: 18px;
 554 }
 555
 556 span.refs span.head {
 557   color: #707070;
 558   display: inline-block;
 559   margin: 0;
 560   background-color: #c4ffc4;
 561   border: 1px solid #78ff78;
 562   border-radius: 3px;
 563   height: 18px;
 564   padding: 0 6px;
 565   text-overflow: ellipsis;
 566   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gIKFSYDsafX/gAAAUpJREFUOMvVkjFLA0EQhd/s7l06MSCihbV/wC5/QBDEIFYWprRIIQQJFqKFQi4kUbBQsFSwtrUQLQULUTBFLCzVIgimCXe7z0q5yIWcqfRVwzDzMTNvgL8mSUqWw3JOtFQJdsIwLDYyjdYgkEmkazl2oVtQWk36nn8AYBYASmFpxmizGtnoqO7Vb+M9KglEkASdpWU872nvVCiPRpuTnz2JIHGyqX3d0kZfR1G0Ht+g/do+FIhOBbLW3n/FNb/28D0puZ+dyL44ur1UoH5yzt2JyIj6UGdDgwrPhYzSagNEszJaeU/lWlylbmnaeGZZICsAppxzi6nt73HK85oQCMknOuarpno+FIjglVjZDXaCS2yDv3rIHlCb88FY0BlUl3hs7ektkhckb5DFWhoz+n12zr7ZPLpYUqLm0oBMn8NUzLhpAgjpWMS/1CcSJ3ykD7Rk1QAAAABJRU5ErkJggg==);
 567   background-repeat: no-repeat;
 568   padding-left: 18px;
 569 }
 570
 571 span.refs a {
 572   color: #4e4e4e;
 573   font: 11px "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace;
 574   line-height: 18px;
 575 }
 576
 577 /* Diffs
 578 ---------------------------------------------------------------------------- */
 579
 580 div.diff.to_file a.path,
 581 div.diff.to_file {
 582   color: #007000;
 583 }
 584
 585 div.diff.from_file a.path,
 586 div.diff.from_file {
 587   color: #aa0000;
 588 }
 589
 590 .patch .header {
 591   margin: 0;
 592 }
 593
 594 .patchset {
 595   overflow-x: auto;
 596   overflow-y: hidden;
 597 }
 598
 599 .chunk_header {
 600   background: #eaf2f5;
 601   color: #999;
 602 }
 603
 604 .rem {
 605   background: #ffdddd;
 606 }
 607 .rem .marked {
 608   background: #ffaaaa;
 609 }
 610 .add {
 611   background: #ddffdd;
 612 }
 613 .add .marked {
 614   background: #7dff7d;
 615 }
 616
 617 .extended_header {
 618   width: 99.5%;
 619 }
 620
 621 div.chunk_block {
 622   overflow: hidden;
 623 }
 624
 625 div.chunk_block div.old {
 626   float: left;
 627   width: 50%;
 628   overflow: hidden;
 629   border-right: 5px solid #EAF2F5;
 630 }
 631
 632 div.chunk_block.rem,
 633 div.chunk_block.add {
 634   background: transparent;
 635 }
 636
 637 div.chunk_block div.old .add,
 638 div.chunk_block div.old .rem {
 639   padding-right: 3px;
 640 }
 641
 642 div.chunk_block div.new .add,
 643 div.chunk_block div.new .rem {
 644   padding-left: 3px;
 645 }
 646
 647 div.chunk_block div.new {
 648   margin-left: 50%;
 649   width: 50%;
 650   border-left: 5px solid #EAF2F5;
 651 }
 652
 653 /* Category
 654 ---------------------------------------------------------------------------- */
 655
 656 td.category {
 657   background: #E6F1F6; /* old browsers */
 658   background: -moz-linear-gradient(top, #C8D8E7 0%, #E6F1F3 100%); /* firefox */
 659   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C8D8E7), color-stop(100%,#E6F1F3)); /* webkit */
 660   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C8D8E7', endColorstr='#E6F1F3',GradientType=0 ); /* ie */
 661   background: -o-linear-gradient(top, #C8D8E7 0%, #E6F1F3 100%);
 662   font-weight: bold;
 663   border-bottom: 1px solid #D1D1D1;
 664   border-top: 1px solid #D1D1D1;
 665 }
 666
 667 /* Age
 668 ---------------------------------------------------------------------------- */
 669
 670 /* noage: "No commits" */
 671 .project_list td.noage {
 672   color: #cdcdcd;
 673 }
 674
 675 /* age2: 60*60*24*2 <= age */
 676 .project_list td.age2, .blame td.age2 {
 677   color: #545454;
 678 }
 679
 680 /* age1: 60*60*2 <= age < 60*60*24*2 */
 681 .project_list td.age1 {
 682   color: #009900;
 683 }
 684
 685 /* age0: age < 60*60*2 */
 686 .project_list td.age0 {
 687   color: #009900;
 688   font-weight: bold;
 689 }
 690
 691 /* File status
 692 ---------------------------------------------------------------------------- */
 693
 694 .diff_tree span.file_status.new {
 695   color: #008000;
 696 }
 697
 698 table.diff_tree span.file_status.deleted {
 699   color: #c00000;
 700 }
 701
 702 table.diff_tree span.file_status.moved,
 703 table.diff_tree span.file_status.mode_chnge {
 704   color: #545454;
 705 }
 706
 707 table.diff_tree span.file_status.copied {
 708   color: #70a070;
 709 }
 710
 711 span.cntrl {
 712   border: dashed #aaaaaa;
 713   border-width: 1px;
 714   padding: 0px 2px 0px 2px;
 715   margin:  0px 2px 0px 2px;
 716 }
 717
 718 span.match {
 719   background: #aaffaa;
 720   color: #000;
 721 }
 722
 723 td.error {
 724   color: red;
 725   background: yellow;
 726 }
 727
 728 /* blob view */
 729
 730 td.pre, div.pre, div.diff {
 731   white-space: pre-wrap;
 732 }
 733
 734 /* JavaScript-based timezone manipulation */
 735
 736 .popup { /* timezone selection UI */
 737         position: absolute;
 738         /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
 739         top: 0; left: 0;
 740         border: 1px solid #d8d8d8;
 741         padding: 2px;
 742         background-color: #f0f0f0;
 743         font-style: normal;
 744         color: #545454;
 745         cursor: auto;
 746 }
 747
 748 .close-button { /* close timezone selection UI without selecting */
 749         /* float doesn't work within absolutely positioned container,
 750          * if width of container is not set explicitly */
 751         /* float: right; */
 752         position: absolute;
 753         top: 0px; right: 0px;
 754         border:  1px solid #ffaaaa;
 755         margin:  1px 1px 1px 1px;
 756         padding-bottom: 2px;
 757         width:     12px;
 758         height:    10px;
 759         font-size:  9px;
 760         font-weight: bold;
 761         text-align: center;
 762         background-color: #ffdddd;
 763         cursor: pointer;
 764 }
 765
 766 /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
 767
 768 /* Highlighting theme definition: */
 769
 770 .num    { color:#6ecf36; }
 771 .esc    { color:#ff00ff; }
 772 .str    { color:#ff00d3; background-color: #edc9ec }
 773 .dstr   { color:#818100; }
 774 .slc    { color:#838183; font-style:italic; }
 775 .com    { color:#838183; font-style:italic; }
 776 .dir    { color:#008200; }
 777 .sym    { color:#000000; }
 778 .line   { color:#555555; }
 779 .kwa    { color:#666666; font-weight:bold; }
 780 .kwb    { color:#6b3099; }
 781 .kwc    { color:#d4663d; }
 782 .kwd    { color:#2928ff; }
 783
 784 /*
 785  * Styling for my custom added sections
 786  */
 787
 788 /* Header */
 789 div.site-header {
 790   background-color: var(--bg-alt);
 791   color: var(--fg);
 792 }
 793 div.site-header h1 {
 794   text-transform: uppercase;
 795 }
 796 div.site-header h1 span.evident {
 797   background-color: var(--accent);
 798   color: var(--bg);
 799 }