gitweb-danixland/gitweb.css

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