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