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