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