gitweb.css

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