4b65656451962d30562f30fb34872707486bfaf6
[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: Helvetica,Arial,Freesans,Clean,sans-serif;
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: 30px;
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 float: right;
113 padding: 1.5em 1.0em;
114 border: 0;
115 display: none;
116 }
117
118 /* Page Footer
119 ---------------------------------------------------------------------------- */
120
121 .page_footer {
122 height: 80px;
123 line-height: 80px;
124 padding: 0 30px;
125 margin-top: 15px;
126 margin-bottom: 30px;
127 background: #f1f1f1;
128 border-top: 2px solid #ddd;
129 border-bottom: 1px solid #ddd;
130 }
131
132 .page_footer a {
133 padding-top: 5em;
134 }
135
136 .page_footer_text {
137 color: #666;
138 display: inline;
139 float: left;
140 }
141
142 a.rss_logo {
143 float: right;
144 padding: 3px 1px;
145 width: 35px;
146 line-height: 10px;
147 border: 1px solid;
148 border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
149 color: #ffffff;
150 background-color: #ff6600;
151 font-weight: bold;
152 font-family: sans-serif;
153 font-size: 80%;
154 text-align: center;
155 text-decoration: none;
156 margin-top: 30px;
157 margin-left: 5px;
158 }
159
160 a.rss_logo:hover {
161 background-color: #ee5500;
162 }
163
164 /* Elements
165 ---------------------------------------------------------------------------- */
166
167 .project_list,
168 .shortlog,
169 .tree,
170 .commit_search {
171 font-family: "Monaco", "Courier New", monospace;
172 width: 95%;
173 margin: 0 auto 15px auto;
174 border: 1px solid #d8d8d8;
175 -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
176 -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
177 box-shadow: 0 0 3px rgba(0,0,0,0.2);
178 }
179
180 .project_list th,
181 .shortlog th,
182 .tree th,
183 .commit_search th {
184 color: #afafaf;
185 font-weight: normal;
186 }
187
188 .project_list tr,
189 .shortlog tr,
190 .tree tr,
191 .commit_search tr {
192 background: #eaeaea;
193 height: 2.5em;
194 text-align: left;
195 color: #545454;
196 }
197
198 .project_list tr.dark, .project_list tr.light,
199 .shortlog tr.dark, .shortlog tr.light,
200 .tree tr.dark, .tree tr.light,
201 .commit_search tr.dark, .commit_search tr.light {
202 background: #F9F9F9; /* old browsers */
203 background: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%); /* firefox */
204 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EFEFEF)); /* webkit */
205 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#EFEFEF',GradientType=0 ); /* ie */
206 height: 2.5em;
207 border-bottom: 1px solid #e1e1e1;
208 }
209
210 th .header {
211 background: transparent;
212 border: 0;
213 padding: 0;
214 }
215
216 .tree {
217 width: 100%;
218 margin: 0;
219 }
220
221 .pre {
222 font-family: "Monaco", "Courier New", monospace;
223 }
224
225 .commit_search {
226 background: #eaeaea;
227 }
228
229 .page_nav,
230 .history,
231 .list_head,
232 .page_path,
233 .search {
234 width: 94%;
235 background: #f0f0f0;
236 color: #545454;
237 border: 1px solid #d8d8d8;
238 padding: 5px;
239 margin: 0 auto 15px auto;
240 }
241
242 .title {
243 width: 95%;
244 padding: 5px;
245 }
246
247 .projects_list,
248 .heads,
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 .header {
259 font-family: "Monaco", "Courier New", monospace;
260 width: 94%;
261 margin: 0 auto 15px auto;
262 background: #eaf2f5;
263 border: 1px solid #bedce7;
264 padding: 5px;
265 }
266
267 .header .age {
268 float: left;
269 color: #000;
270 font-weight: bold;
271 width: 10em;
272 }
273
274 .title_text {
275 font-family: "Monaco", "Courier New", monospace;
276 width: 94%;
277 background: #eaf2f5;
278 border: 1px solid #bedce7;
279 padding: 5px;
280 margin: 0 auto 0 auto;
281 }
282
283 .log_body {
284 font-family: "Monaco", "Courier New", monospace;
285 width: 94%;
286 background: #eaf2f5;
287 border: 1px solid #bedce7;
288 border-top: 0;
289 padding: 5px;
290 margin: 0 auto 15px auto;
291 }
292
293 .page_body {
294 line-height: 1.4em;
295 width: 94%;
296 background: #f8f8f8;
297 border: 1px solid #d8d8d8;
298 padding: 5px;
299 margin: 15px auto 15px auto;
300 }
301
302 .diff_tree {
303 width: 95%;
304 background: #f0f0f0;
305 border: 1px solid #d8d8d8;
306 padding: 5px;
307 margin: 0 auto 15px auto;
308 }
309
310 .author_date {
311 width: 94%;
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 /* Diffs
359 ---------------------------------------------------------------------------- */
360
361 .patchset {
362 font-family: "Monaco", "Courier New", monospace;
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 }