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