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