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