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