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