Added "Sticky Footer"
[m6w6/gitweb-theme] / 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 html {
48 position: relative;
49 min-height: 100%;
50 }
51
52 body {
53 font: 13px Helvetica,arial,freesans,clean,sans-serif;
54 line-height: 1.4;
55 margin: 0 0 105px;
56 background-color: #fff;
57 color: #000000;
58 }
59
60 /* Monospaced Fonts */
61 .sha1, .mode, .diff_tree .list, .pre, .diff, .patchset {
62 font-family: 'Consolas','Bitstream Vera Sans Mono',monospace;
63 }
64
65 a:link, a:visited {
66 color: #4183C4;
67 text-decoration: none;
68 }
69
70 a:hover {
71 text-decoration: underline;
72 }
73
74 td.list a[href*='a=tree'], td.list a[href*='a=blob'] {
75 padding-left: 20px;
76 display: block;
77 float: left;
78 height: 16px;
79 line-height: 16px;
80 }
81
82 td.list a[href*='a=tree'] {
83 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABq0lEQVQ4y8WTu4oUQRSGv+rtGVuxhwVFdFEEE2c3d0HYTEMTn8DEVxADQTDUF9DMwMxQMBMx8AEWzRQ3cBHd9TI91+2urjq/QbczY2IygSep4nD+79yqnCRWsYQVbWVACvDh5ZXdrLe15dwyT1TjT/sxFFeB6i+VA2B6+cb7kAI4Jf0LO087zjlQI8Y5Qvnj0sHug321XoC1bk+K9eHk6+s7wPMUgKAS88eqb4+Jfg2SHs7lZBvX2Nh+2EUCDGSAcMnJsx9f7NxfAGqXyDzRd5EJO/pMPT1gcviGTnYOVIN5pAAE8v7dLrKL8xnglFk4ws9Afko9HpH3b5Gd2mwb/lOBmgrSdYhJugDUCenxM6xv3p4HCsP8F0LxCsUhCkMURihOyM7fg0osASTFEpu9a4LjGIUCqwcoDiEUrX+E4hRUQb20RiokC1j9vckUhygU7X3QZh7NAVKYL7YBeMkRUfjVCotF2XGIwnghtrJpMywB5G0QZj9P1JNujuWJ1AHLQadRrACPkuZ0SSSWpeStWgDK6tHek5vbiOs48n++XQHurcf0rFng//6NvwG+iB9/4duaTgAAAABJRU5ErkJgggo=) center left no-repeat;
84 }
85
86 td.list a[href*='a=blob'] {
87 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA6ElEQVQoFQXBMW5TQRgGwNnHnoE0QbiCjoIooUmTU3AuS1BwIoTSUdJBigg3GCWOg9/++zHTop078wIAsPMrE4SL5/1aIyMjIyMjz/m0tbFECFdrPeaQQw75mz/5nZH7fN7aWILmauSYfznmmIfss8vIUx7zZWsTTXM5vpWvTk5Wq9VHQP/gtgOLa0Qpw940vAQdaG6thpOhlOkG0AEuAVGmEkAH+G4YSikxXQM6wDsAMRFAB/ihDNNUmN4DOsAbBAEAdICfpmmaAt4COoj2GgCASbIkZh1NAACznhQt2itnFgAAlF3u/gMDtJXPzQxoswAAAABJRU5ErkJgggo=) center left no-repeat;
88 }
89
90 i {
91 font-style: normal;
92 }
93
94 td, th {
95 padding: 5px;
96 }
97
98 .page_nav br {
99 display: none;
100 }
101
102 /* Page Header
103 ---------------------------------------------------------------------------- */
104
105 .page_header {
106 height: 50px;
107 line-height: 50px;
108 position: relative;
109 padding: 0 27px;
110 margin-bottom: 20px;
111 font-size: 20px;
112 font-family: Helvetica, Arial, Freesans, Clean, sans-serif;
113 background: #FFFFFF; /* old browsers */
114 background: -moz-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%); /* firefox */
115 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F5F5F5)); /* webkit */
116 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F5F5F5',GradientType=0 ); /* ie */
117 background: -o-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%);
118 border-bottom: 1px solid #dfdfdf;
119 }
120
121 .page_header a:link, .page_header a:visited {
122 color: #4183C4;
123 text-decoration: none;
124 padding: 3px;
125 font-weight: bold;
126 }
127
128 .page_header a:hover {
129 font-weight: bold;
130 padding: 3px;
131 text-decoration: underline;
132 }
133
134 .page_header a:first-child {
135 background: transparent;
136 }
137
138 .page_header img.logo {
139 position: relative;
140 top: 7px;
141 margin-right: 5px;
142 }
143
144 /* Page Footer
145 ---------------------------------------------------------------------------- */
146
147 .page_footer {
148 position: absolute;
149 left: 0;
150 bottom: 0;
151 width: 100%;
152 height: 80px;
153 line-height: 80px;
154 margin-top: 15px;
155 background: #f1f1f1;
156 border-top: 2px solid #ddd;
157 border-bottom: 1px solid #ddd;
158 }
159
160 .page_footer_text {
161 color: #666;
162 display: inline;
163 float: left;
164 }
165
166 a.rss_logo {
167 float: right;
168 padding: 3px 1px;
169 width: 35px;
170 line-height: 10px;
171 border: 1px solid;
172 border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
173 color: #ffffff;
174 background-color: #ff6600;
175 font-weight: bold;
176 font-family: sans-serif;
177 font-size: 80%;
178 text-align: center;
179 text-decoration: none;
180 margin-top: 30px;
181 margin-left: 5px;
182 }
183
184 a.rss_logo:hover {
185 background-color: #ee5500;
186 }
187
188 a.rss_logo:first-child {
189 margin-right: 25px;
190 }
191
192 /* Index include
193 ---------------------------------------------------------------------------- */
194
195 .index_include {
196 width: 95%;
197 margin: 0 auto 15px;
198 background: -moz-linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent;
199 border: 1px solid #DFDFDF;
200 padding: 8px;
201 -webkit-box-sizing: border-box;
202 -moz-box-sizing: border-box;
203 box-sizing: border-box;
204 }
205
206 /* Elements
207 ---------------------------------------------------------------------------- */
208
209 .project_list,
210 .shortlog,
211 .tree,
212 .commit_search,
213 .history {
214 width: 95%;
215 margin: 0 auto 15px auto;
216 border: 1px solid #d8d8d8;
217 -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
218 -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
219 box-shadow: 0 0 3px rgba(0,0,0,0.2);
220 }
221
222 .project_list th,
223 .shortlog th,
224 .tree th,
225 .commit_search th {
226 color: #afafaf;
227 font-weight: normal;
228 }
229
230 .project_list th {
231 font-weight: bold;
232 }
233
234 .project_list tr,
235 .shortlog tr,
236 .tree tr,
237 .commit_search tr {
238 background: #eaeaea;
239 height: 2.5em;
240 text-align: left;
241 color: #545454;
242 }
243
244 .project_list tr.dark, .project_list tr.light,
245 .shortlog tr.dark, .shortlog tr.light,
246 .tree tr.dark, .tree tr.light,
247 .commit_search tr.dark, .commit_search tr.light,
248 .history tr.dark, .history tr.light,
249 .heads tr.dark, .heads tr.light {
250 background: #F9F9F9; /* old browsers */
251 background: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%); /* firefox */
252 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EFEFEF)); /* webkit */
253 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#EFEFEF',GradientType=0 ); /* ie */
254 background: -o-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%);
255 height: 2.5em;
256 border-bottom: 1px solid #e1e1e1;
257 }
258
259 th .header {
260 background: transparent;
261 border: 0;
262 padding: 0;
263 font-weight: bold;
264 }
265
266 .tree {
267 width: 100%;
268 margin: 0;
269 }
270
271 .projsearch {
272 position: absolute;
273 right: 4%;
274 top: 15px;
275 }
276
277 .projsearch a {
278 display: none;
279 }
280
281 .commit_search {
282 background: #eaeaea;
283 }
284
285 .page_nav,
286 .list_head,
287 .page_path,
288 .search {
289 width: 94%;
290 background: #eaeaea;
291 color: #545454;
292 border: 1px solid #d8d8d8;
293 padding: 5px;
294 margin: 0 auto 15px auto;
295 }
296
297 .history {
298 background: #eaeaea;
299 }
300
301 .title {
302 width: 95%;
303 padding: 5px;
304 margin: 0 auto 15px auto;
305 }
306
307 .projects_list,
308 .tags {
309 width: 95%;
310 background: #f0f0f0;
311 color: #545454;
312 border: 1px solid #d8d8d8;
313 padding: 5px;
314 margin: 0 auto 15px auto;
315 }
316
317 .heads {
318 width: 95%;
319 color: #545454;
320 border: 1px solid #d8d8d8;
321 padding: 5px;
322 margin: 0 auto 15px auto;
323 }
324
325 .header {
326 width: 94%;
327 margin: 0 auto 15px auto;
328 background: #eaf2f5;
329 border: 1px solid #bedce7;
330 padding: 5px;
331 }
332
333 .header .age {
334 float: left;
335 color: #000;
336 font-weight: bold;
337 width: 10em;
338 }
339
340 .title_text {
341 width: 94%;
342 background: #eaf2f5;
343 border: 1px solid #bedce7;
344 padding: 5px;
345 margin: 0 auto 0 auto;
346 }
347
348 .log_body {
349 width: 94%;
350 background: #eaf2f5;
351 border: 1px solid #bedce7;
352 border-top: 0;
353 padding: 5px;
354 margin: 0 auto 15px auto;
355 }
356
357 .page_body {
358 line-height: 1.4em;
359 width: 94%;
360 background: #f8f8f8;
361 border: 1px solid #d8d8d8;
362 padding: 5px;
363 margin: 15px auto 15px auto;
364 }
365
366 .diff_tree {
367 width: 95%;
368 background: #f0f0f0;
369 border: 1px solid #d8d8d8;
370 padding: 5px;
371 margin: 0 auto 15px auto;
372 }
373
374 .page_body > .list_head {
375 width: 98.5%;
376 }
377
378 .page_body > .diff_tree {
379 width: 99.5%;
380 }
381
382 .patch > .header {
383 width: 99%;
384 }
385
386 .author .avatar,
387 .author_date .avatar {
388 position: relative;
389 top: 3px;
390 }
391
392 .object_header .avatar {
393 border: 1px solid #D8D8D8;
394 float: right;
395 }
396
397 .object_header td,
398 .object_header th {
399 vertical-align: top;
400 }
401
402 /* Refs
403 ---------------------------------------------------------------------------- */
404
405 span.refs span {
406 color: #000;
407 padding: 0px 4px;
408 font-size: 10px;
409 font-weight: normal;
410 border: 1px solid;
411 background-color: #ffaaff;
412 border-color: #ffccff #ff00ee #ff00ee #ffccff;
413 }
414
415 span.refs span.ref {
416 background-color: #aaaaff;
417 border-color: #ccccff #0033cc #0033cc #ccccff;
418 }
419
420 span.refs span.tag {
421 background-color: #ffffaa;
422 border-color: #ffffcc #dccd00 #dccd00 #ffffcc;
423 }
424
425 span.refs span.head {
426 background-color: #aaffaa;
427 border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
428 }
429
430 span.refs a {
431 color: #000;
432 }
433
434 /* Diffs
435 ---------------------------------------------------------------------------- */
436
437 div.diff.to_file a.path,
438 div.diff.to_file {
439 color: #007000;
440 }
441
442 div.diff.from_file a.path,
443 div.diff.from_file {
444 color: #aa0000;
445 }
446
447 .patch .header {
448 margin: 0;
449 }
450
451 .patchset {
452 overflow-x: auto;
453 overflow-y: hidden;
454 }
455
456 .chunk_header {
457 background: #eaf2f5;
458 color: #999;
459 }
460
461 .rem {
462 background: #ffdddd;
463 }
464 .add {
465 background: #ddffdd;
466 }
467
468 .extended_header {
469 width: 99.5%;
470 }
471
472 div.chunk_block {
473 overflow: hidden;
474 }
475
476 div.chunk_block div.old {
477 float: left;
478 width: 50%;
479 overflow: hidden;
480 border-right: 5px solid #EAF2F5;
481 }
482
483 div.chunk_block.rem,
484 div.chunk_block.add {
485 background: transparent;
486 }
487
488 div.chunk_block div.old .add,
489 div.chunk_block div.old .rem {
490 padding-right: 3px;
491 }
492
493 div.chunk_block div.new .add,
494 div.chunk_block div.new .rem {
495 padding-left: 3px;
496 }
497
498 div.chunk_block div.new {
499 margin-left: 50%;
500 width: 50%;
501 border-left: 5px solid #EAF2F5;
502 }
503
504 /* Age
505 ---------------------------------------------------------------------------- */
506
507 /* noage: "No commits" */
508 .project_list td.noage {
509 color: #cdcdcd;
510 }
511
512 /* age2: 60*60*24*2 <= age */
513 .project_list td.age2, .blame td.age2 {
514 color: #545454;
515 }
516
517 /* age1: 60*60*2 <= age < 60*60*24*2 */
518 .project_list td.age1 {
519 color: #009900;
520 }
521
522 /* age0: age < 60*60*2 */
523 .project_list td.age0 {
524 color: #009900;
525 font-weight: bold;
526 }
527
528 /* File status
529 ---------------------------------------------------------------------------- */
530
531 .diff_tree span.file_status.new {
532 color: #008000;
533 }
534
535 table.diff_tree span.file_status.deleted {
536 color: #c00000;
537 }
538
539 table.diff_tree span.file_status.moved,
540 table.diff_tree span.file_status.mode_chnge {
541 color: #545454;
542 }
543
544 table.diff_tree span.file_status.copied {
545 color: #70a070;
546 }
547
548 span.cntrl {
549 border: dashed #aaaaaa;
550 border-width: 1px;
551 padding: 0px 2px 0px 2px;
552 margin: 0px 2px 0px 2px;
553 }
554
555 span.match {
556 background: #aaffaa;
557 color: #000;
558 }
559
560 td.error {
561 color: red;
562 background: yellow;
563 }
564
565 /* blob view */
566
567 td.pre, div.pre, div.diff {
568 white-space: pre-wrap;
569 }
570
571 /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
572
573 /* Highlighting theme definition: */
574
575 .num { color:#6ecf36; }
576 .esc { color:#ff00ff; }
577 .str { color:#ff00d3; background-color: #edc9ec }
578 .dstr { color:#818100; }
579 .slc { color:#838183; font-style:italic; }
580 .com { color:#838183; font-style:italic; }
581 .dir { color:#008200; }
582 .sym { color:#000000; }
583 .line { color:#555555; }
584 .kwa { color:#666666; font-weight:bold; }
585 .kwb { color:#6b3099; }
586 .kwc { color:#d4663d; }
587 .kwd { color:#2928ff; }
588