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: "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 .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     width: 95%;
 166     margin: 0 auto 15px auto;
 167     border: 1px solid #d8d8d8;
 168     -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
 169     -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
 170     box-shadow: 0 0 3px rgba(0,0,0,0.2);
 171 }
 172
 173 .project_list th,
 174 .shortlog th,
 175 .tree th,
 176 .commit_search th {
 177     color: #afafaf;
 178     font-weight: normal;
 179 }
 180
 181 .project_list tr,
 182 .shortlog tr,
 183 .tree tr,
 184 .commit_search tr {
 185     background: #eaeaea;
 186     height: 2.5em;
 187     text-align: left;
 188     color: #545454;
 189 }
 190
 191 .project_list tr.dark, .project_list tr.light,
 192 .shortlog tr.dark, .shortlog tr.light,
 193 .tree tr.dark, .tree tr.light,
 194 .commit_search tr.dark, .commit_search tr.light,
 195 .history tr.dark, .history tr.light,
 196 .heads tr.dark, .heads 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 .projsearch {
 217     position: absolute;
 218     right: 4%;
 219     top: 15px;
 220 }
 221
 222 .commit_search {
 223     background: #eaeaea;
 224 }
 225
 226 .page_nav,
 227 .list_head,
 228 .page_path,
 229 .search {
 230     width: 94%;
 231     background: #eaeaea;
 232     color: #545454;
 233     border: 1px solid #d8d8d8;
 234     padding: 5px;
 235     margin: 0 auto 15px auto;
 236 }
 237
 238 .history {
 239     background: #eaeaea;
 240 }
 241
 242 .title {
 243     width: 95%;
 244     padding: 5px;
 245 }
 246
 247 .projects_list,
 248 .tags {
 249     width: 95%;
 250     background: #f0f0f0;
 251     color: #545454;
 252     border: 1px solid #d8d8d8;
 253     padding: 5px;
 254     margin: 0 auto 15px auto;
 255 }
 256
 257 .heads {
 258     width: 95%;
 259     color: #545454;
 260     border: 1px solid #d8d8d8;
 261     padding: 5px;
 262     margin: 0 auto 15px auto;
 263 }
 264
 265 .header {
 266     width: 94%;
 267     margin: 0 auto 15px auto;
 268     background: #eaf2f5;
 269     border: 1px solid #bedce7;
 270     padding: 5px;
 271 }
 272
 273 .header .age {
 274     float: left;
 275     color: #000;
 276     font-weight: bold;
 277     width: 10em;
 278 }
 279
 280 .title_text {
 281     width: 94%;
 282     background: #eaf2f5;
 283     border: 1px solid #bedce7;
 284     padding: 5px;
 285     margin: 0 auto 0 auto;
 286 }
 287
 288 .log_body {
 289     width: 94%;
 290     background: #eaf2f5;
 291     border: 1px solid #bedce7;
 292     border-top: 0;
 293     padding: 5px;
 294     margin: 0 auto 15px auto;
 295 }
 296
 297 .page_body {
 298     line-height: 1.4em;
 299     width: 94%;
 300     background: #f8f8f8;
 301     border: 1px solid #d8d8d8;
 302     padding: 5px;
 303     margin: 15px auto 15px auto;
 304 }
 305
 306 .diff_tree {
 307     width: 95%;
 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 span.refs a {
 355     color: #000;
 356 }
 357
 358 /* Diffs
 359 ---------------------------------------------------------------------------- */
 360
 361 .patchset {
 362     overflow: auto;
 363 }
 364
 365 .chunk_header {
 366     background: #eaf2f5;
 367     color: #999;
 368 }
 369
 370 .rem {
 371     background: #ffdddd;
 372 }
 373 .add {
 374     background: #ddffdd;
 375 }
 376
 377 /* Age
 378 ---------------------------------------------------------------------------- */
 379
 380 /* noage: "No commits" */
 381 .project_list td.noage {
 382     color: #cdcdcd;
 383 }
 384
 385 /* age2: 60*60*24*2 <= age */
 386 .project_list td.age2, .blame td.age2 {
 387     color: #545454;
 388 }
 389
 390 /* age1: 60*60*2 <= age < 60*60*24*2 */
 391 .project_list td.age1 {
 392     color: #009900;
 393 }
 394
 395 /* age0: age < 60*60*2 */
 396 .project_list td.age0 {
 397     color: #009900;
 398     font-weight: bold;
 399 }
 400
 401 /* File status
 402 ---------------------------------------------------------------------------- */
 403
 404 .diff_tree span.file_status.new {
 405     color: #008000;
 406 }
 407
 408 table.diff_tree span.file_status.deleted {
 409     color: #c00000;
 410 }
 411
 412 table.diff_tree span.file_status.moved,
 413 table.diff_tree span.file_status.mode_chnge {
 414     color: #545454;
 415 }
 416
 417 table.diff_tree span.file_status.copied {
 418   color: #70a070;
 419 }
 420
 421 span.cntrl {
 422     border: dashed #aaaaaa;
 423     border-width: 1px;
 424     padding: 0px 2px 0px 2px;
 425     margin:  0px 2px 0px 2px;
 426 }
 427
 428 span.match {
 429     background: #aaffaa;
 430     color: #000;
 431 }
 432
 433 td.error {
 434     color: red;
 435     background: yellow;
 436 }