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