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