gitweb-obsolete/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 /* General
  45 ---------------------------------------------------------------------------- */
  46
  47 body {
  48     font-family: "Monaco", "Courier New", monospace;
  49     font-size: 12px;
  50     margin: 0;
  51     background-color: #fff;
  52     color: #000000;
  53 }
  54
  55 a:link, a:visited {
  56     color: #4183C4;
  57     text-decoration: none;
  58 }
  59
  60 a:hover {
  61     text-decoration: underline;
  62 }
  63
  64 i {
  65     font-style: normal;
  66 }
  67
  68 td, th {
  69     padding: 5px;
  70 }
  71
  72 td.link,td.link>a,
  73 td.selflink,td.selflink>a,
  74 table.heads>tr>td:first-child {
  75     font-size: 12px;
  76     font-family: times;
  77     padding: 2px;
  78 }
  79
  80 td.selflink>a.commit, td.link>a.commit {
  81     font-size: 16px;
  82     font-family: times;
  83     padding: 2px;
  84 }
  85
  86 td.age {
  87     font-size: 14px;
  88     font-family: times;
  89     padding: 2px;
  90     font-style: italic;
  91 }
  92
  93 .page_nav br {
  94     display: none;
  95 }
  96
  97 /* Page Header
  98 ---------------------------------------------------------------------------- */
  99
 100 .page_header {
 101     background: #cfcfcf url(img/page_header.png) repeat-x 0 0;
 102     height: 3.4em;
 103     line-height: 3.4em;
 104     position: relative;
 105     padding: 0 27px;
 106     margin-bottom: 30px;
 107 }
 108
 109 .page_header a:link, .page_header a:visited {
 110     color: #000;
 111     background: #eee;
 112     text-decoration: none;
 113     padding: 3px;
 114 }
 115
 116 .page_header a:hover {
 117     background: #bbb;
 118     padding: 3px;
 119 }
 120
 121 .page_header a:first-child {
 122     background: transparent;
 123 }
 124
 125 .page_header img.logo {
 126     float: right;
 127     padding: 0.7em 1.0em;
 128     border: 0;
 129 }
 130
 131 /* Page Footer
 132 ---------------------------------------------------------------------------- */
 133
 134 .page_footer {
 135     height: 115px;
 136     line-height: 115px;
 137     background: #4386ba url(img/page_footer.png) repeat-x 0 0;
 138     padding: 0 30px;
 139     margin-top: 15px;
 140 }
 141
 142 .page_footer a {
 143     padding-top: 5em;
 144 }
 145
 146 .page_footer_text {
 147     color: #fff;
 148     display: inline;
 149     float: left;
 150 }
 151
 152 a.rss_logo {
 153     float: right;
 154     padding: 3px;
 155     width: 35px;
 156     line-height: 10px;
 157     border: 1px solid;
 158     border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
 159     color: #ffffff;
 160     background-color: #ff6600;
 161     font-weight: bold;
 162     font-family: sans-serif;
 163     font-size: 70%;
 164     text-align: center;
 165     text-decoration: none;
 166     margin-top: 49px;
 167     margin-left: 5px;
 168 }
 169
 170 a.rss_logo:hover {
 171     background-color: #ee5500;
 172 }
 173
 174 /* Elements
 175 ---------------------------------------------------------------------------- */
 176
 177 .project_list,
 178 .shortlog,
 179 .tree,
 180 .commit_search {
 181     width: 960px;
 182     margin: 0 auto 15px auto;
 183     border: 1px solid #d8d8d8;
 184 }
 185
 186 .project_list th,
 187 .shortlog th,
 188 .tree th,
 189 .commit_search th {
 190     color: #afafaf;
 191     font-weight: normal;
 192 }
 193
 194 .project_list tr,
 195 .shortlog tr,
 196 .tree tr,
 197 .commit_search tr {
 198     background: #eaeaea;
 199     height: 2.5em;
 200     text-align: left;
 201     color: #545454;
 202 }
 203
 204 .project_list tr.dark, .project_list tr.light,
 205 .shortlog tr.dark, .shortlog tr.light,
 206 .tree tr.dark, .tree tr.light,
 207 .commit_search tr.dark, .commit_search tr.light {
 208     background: #efefef url(img/table_row.png) repeat-x 0 0;
 209     height: 2.5em;
 210     border-bottom: 1px solid #e1e1e1;
 211 }
 212
 213 th .header {
 214     background: transparent;
 215     border: 0;
 216     padding: 0;
 217 }
 218
 219 .tree {
 220     width: 100%;
 221     margin: 0;
 222 }
 223
 224 .commit_search {
 225     background: #eaeaea;
 226 }
 227
 228 .page_nav,
 229 .history,
 230 .list_head,
 231 .page_path,
 232 .search {
 233     width: 948px;
 234     background: #f0f0f0;
 235     color: #545454;
 236     border: 1px solid #d8d8d8;
 237     padding: 5px;
 238     margin: 0 auto 15px auto;
 239 }
 240
 241 .title {
 242     width: 950px;
 243     padding: 5px;
 244 }
 245
 246 .projects_list,
 247 .heads,
 248 .tags {
 249     width: 960px;
 250     background: #f0f0f0;
 251     color: #545454;
 252     border: 1px solid #d8d8d8;
 253     padding: 5px;
 254     margin: 0 auto 15px auto;
 255 }
 256
 257 .header {
 258     width: 948px;
 259     margin: 0 auto 15px auto;
 260     background: #eaf2f5;
 261     border: 1px solid #bedce7;
 262     padding: 5px;
 263 }
 264
 265 .header .age {
 266     float: left;
 267     color: #000;
 268     font-weight: bold;
 269     width: 10em;
 270 }
 271
 272 .title_text {
 273     width: 948px;
 274     background: #eaf2f5;
 275     border: 1px solid #bedce7;
 276     padding: 5px;
 277     margin: 0 auto 0 auto;
 278 }
 279
 280 .log_body {
 281     width: 948px;
 282     background: #eaf2f5;
 283     border: 1px solid #bedce7;
 284     border-top: 0;
 285     padding: 5px;
 286     margin: 0 auto 15px auto;
 287 }
 288
 289 .page_body {
 290     line-height: 1.4em;
 291     width: 948px;
 292     background: #f8f8ff;
 293     border: 1px solid #d8d8d8;
 294     padding: 5px;
 295     margin: 15px auto 15px auto;
 296 }
 297
 298 .diff_tree {
 299     width: 960px;
 300     background: #f0f0f0;
 301     border: 1px solid #d8d8d8;
 302     padding: 5px;
 303     margin: 0 auto 15px auto;
 304 }
 305
 306 .author_date {
 307     width: 948px;
 308     background: #f0f0f0;
 309     border: 1px solid #d8d8d8;
 310     padding: 5px;
 311     margin: 0 auto 15px auto;
 312 }
 313
 314 /* Refs
 315 ---------------------------------------------------------------------------- */
 316
 317 span.refs span {
 318     color: #000;
 319     padding: 0px 4px;
 320 #    font-size: 10px;
 321     font-weight: normal;
 322     border: 1px solid;
 323     background-color: #ffaaff;
 324     border-color: #ffccff #ff00ee #ff00ee #ffccff;
 325     font-family: helvetica;
 326     font-size: 16px;
 327 }
 328
 329 span.refs span.ref {
 330     background-color: #aaaaff;
 331     border-color: #ccccff #0033cc #0033cc #ccccff;
 332 }
 333
 334 span.refs span.tag {
 335     background-color: #ffffaa;
 336     border-color: #ffffcc #dccd00 #dccd00 #ffffcc;
 337 }
 338
 339 span.refs span.head {
 340     background-color: #aaffaa;
 341     border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
 342 }
 343
 344 /* Diffs
 345 ---------------------------------------------------------------------------- */
 346
 347 .patchset {
 348     overflow: auto;
 349 }
 350
 351 .chunk_header {
 352     background: #eaf2f5;
 353     color: #999;
 354 }
 355
 356 .rem {
 357     background: #ffdddd;
 358 }
 359 .add {
 360     background: #ddffdd;
 361 }
 362
 363 /* Age
 364 ---------------------------------------------------------------------------- */
 365
 366 /* noage: "No commits" */
 367 .project_list td.noage {
 368     color: #cdcdcd;
 369 }
 370
 371 /* age2: 60*60*24*2 <= age */
 372 .project_list td.age2, .blame td.age2 {
 373     color: #545454;
 374 }
 375
 376 /* age1: 60*60*2 <= age < 60*60*24*2 */
 377 .project_list td.age1 {
 378     color: #009900;
 379 }
 380
 381 /* age0: age < 60*60*2 */
 382 .project_list td.age0 {
 383     color: #009900;
 384     font-weight: bold;
 385 }
 386
 387 /* File status
 388 ---------------------------------------------------------------------------- */
 389
 390 .diff_tree span.file_status.new {
 391     color: #008000;
 392 }
 393
 394 table.diff_tree span.file_status.deleted {
 395     color: #c00000;
 396 }
 397
 398 table.diff_tree span.file_status.moved,
 399 table.diff_tree span.file_status.mode_chnge {
 400     color: #545454;
 401 }
 402
 403 table.diff_tree span.file_status.copied {
 404   color: #70a070;
 405 }
 406
 407 span.cntrl {
 408     border: dashed #aaaaaa;
 409     border-width: 1px;
 410     padding: 0px 2px 0px 2px;
 411     margin:  0px 2px 0px 2px;
 412 }
 413
 414 span.match {
 415     background: #aaffaa;
 416     color: #000;
 417 }
 418
 419 td.error {
 420     color: red;
 421     background: yellow;
 422 }