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: 30px;
  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     background: #F9F9F9; /* old browsers */
 198     background: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%); /* firefox */
 199     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EFEFEF)); /* webkit */
 200     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#EFEFEF',GradientType=0 ); /* ie */
 201     height: 2.5em;
 202     border-bottom: 1px solid #e1e1e1;
 203 }
 204
 205 th .header {
 206     background: transparent;
 207     border: 0;
 208     padding: 0;
 209 }
 210
 211 .tree {
 212     width: 100%;
 213     margin: 0;
 214 }
 215
 216 .pre {
 217     font-family: "Monaco", "Courier New", monospace;
 218 }
 219
 220 .commit_search {
 221     background: #eaeaea;
 222 }
 223
 224 .page_nav,
 225 .list_head,
 226 .page_path,
 227 .search {
 228     font-family: "Monaco", "Courier New", monospace;
 229     width: 94%;
 230     background: #eaeaea;
 231     color: #545454;
 232     border: 1px solid #d8d8d8;
 233     padding: 5px;
 234     margin: 0 auto 15px auto;
 235 }
 236
 237 .history {
 238     font-family: "Monaco", "Courier New", monospace;
 239     background: #eaeaea;
 240 }
 241
 242 .title {
 243     width: 95%;
 244     padding: 5px;
 245 }
 246
 247 .projects_list,
 248 .heads,
 249 .tags {
 250     width: 95%;
 251     background: #f0f0f0;
 252     color: #545454;
 253     border: 1px solid #d8d8d8;
 254     padding: 5px;
 255     margin: 0 auto 15px auto;
 256 }
 257
 258 .header {
 259     font-family: "Monaco", "Courier New", monospace;
 260     width: 94%;
 261     margin: 0 auto 15px auto;
 262     background: #eaf2f5;
 263     border: 1px solid #bedce7;
 264     padding: 5px;
 265 }
 266
 267 .header .age {
 268     float: left;
 269     color: #000;
 270     font-weight: bold;
 271     width: 10em;
 272 }
 273
 274 .title_text {
 275     font-family: "Monaco", "Courier New", monospace;
 276     width: 94%;
 277     background: #eaf2f5;
 278     border: 1px solid #bedce7;
 279     padding: 5px;
 280     margin: 0 auto 0 auto;
 281 }
 282
 283 .log_body {
 284     font-family: "Monaco", "Courier New", monospace;
 285     width: 94%;
 286     background: #eaf2f5;
 287     border: 1px solid #bedce7;
 288     border-top: 0;
 289     padding: 5px;
 290     margin: 0 auto 15px auto;
 291 }
 292
 293 .page_body {
 294     line-height: 1.4em;
 295     width: 94%;
 296     background: #f8f8f8;
 297     border: 1px solid #d8d8d8;
 298     padding: 5px;
 299     margin: 15px auto 15px auto;
 300 }
 301
 302 .diff_tree {
 303     width: 95%;
 304     background: #f0f0f0;
 305     border: 1px solid #d8d8d8;
 306     padding: 5px;
 307     margin: 0 auto 15px auto;
 308 }
 309
 310 .author_date {
 311     width: 94%;
 312     background: #f0f0f0;
 313     border: 1px solid #d8d8d8;
 314     padding: 5px;
 315     margin: 0 auto 15px auto;
 316 }
 317
 318 .page_body > .list_head {
 319     width: 98.5%;
 320 }
 321
 322 .page_body > .diff_tree {
 323     width: 99.5%;
 324 }
 325
 326 .patch > .header {
 327     width: 98.5%;
 328 }
 329
 330 /* Refs
 331 ---------------------------------------------------------------------------- */
 332
 333 span.refs span {
 334     color: #000;
 335     padding: 0px 4px;
 336     font-size: 10px;
 337     font-weight: normal;
 338     border: 1px solid;
 339     background-color: #ffaaff;
 340     border-color: #ffccff #ff00ee #ff00ee #ffccff;
 341 }
 342
 343 span.refs span.ref {
 344     background-color: #aaaaff;
 345     border-color: #ccccff #0033cc #0033cc #ccccff;
 346 }
 347
 348 span.refs span.tag {
 349     background-color: #ffffaa;
 350     border-color: #ffffcc #dccd00 #dccd00 #ffffcc;
 351 }
 352
 353 span.refs span.head {
 354     background-color: #aaffaa;
 355     border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
 356 }
 357
 358 /* Diffs
 359 ---------------------------------------------------------------------------- */
 360
 361 .patchset {
 362     font-family: "Monaco", "Courier New", monospace;
 363     overflow: auto;
 364 }
 365
 366 .chunk_header {
 367     background: #eaf2f5;
 368     color: #999;
 369 }
 370
 371 .rem {
 372     background: #ffdddd;
 373 }
 374 .add {
 375     background: #ddffdd;
 376 }
 377
 378 /* Age
 379 ---------------------------------------------------------------------------- */
 380
 381 /* noage: "No commits" */
 382 .project_list td.noage {
 383     color: #cdcdcd;
 384 }
 385
 386 /* age2: 60*60*24*2 <= age */
 387 .project_list td.age2, .blame td.age2 {
 388     color: #545454;
 389 }
 390
 391 /* age1: 60*60*2 <= age < 60*60*24*2 */
 392 .project_list td.age1 {
 393     color: #009900;
 394 }
 395
 396 /* age0: age < 60*60*2 */
 397 .project_list td.age0 {
 398     color: #009900;
 399     font-weight: bold;
 400 }
 401
 402 /* File status
 403 ---------------------------------------------------------------------------- */
 404
 405 .diff_tree span.file_status.new {
 406     color: #008000;
 407 }
 408
 409 table.diff_tree span.file_status.deleted {
 410     color: #c00000;
 411 }
 412
 413 table.diff_tree span.file_status.moved,
 414 table.diff_tree span.file_status.mode_chnge {
 415     color: #545454;
 416 }
 417
 418 table.diff_tree span.file_status.copied {
 419   color: #70a070;
 420 }
 421
 422 span.cntrl {
 423     border: dashed #aaaaaa;
 424     border-width: 1px;
 425     padding: 0px 2px 0px 2px;
 426     margin:  0px 2px 0px 2px;
 427 }
 428
 429 span.match {
 430     background: #aaffaa;
 431     color: #000;
 432 }
 433
 434 td.error {
 435     color: red;
 436     background: yellow;
 437 }