gitweb files
[infrastructure.git] / gitweb / 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     background: #cfcfcf url(img/page_header.png) repeat-x 0 0;
81     height: 3.4em;
82     line-height: 3.4em;
83     position: relative;
84     padding: 0 27px;
85     margin-bottom: 30px;
86 }
87
88 .page_header a:link, .page_header a:visited {
89     color: #000;
90     background: #eee;
91     text-decoration: none;
92     padding: 3px;
93 }
94
95 .page_header a:hover {
96     background: #bbb;
97     padding: 3px;
98 }
99
100 .page_header a:first-child {
101     background: transparent;
102 }
103
104 .page_header img.logo {
105     float: right;
106     padding: 0.7em 1.0em;
107     border: 0;
108 }
109
110 /* Page Footer
111 ---------------------------------------------------------------------------- */
112
113 .page_footer {
114     height: 115px;
115     line-height: 115px;
116     background: #4386ba url(img/page_footer.png) repeat-x 0 0;
117     padding: 0 30px;
118     margin-top: 15px;
119 }
120
121 .page_footer a {
122     padding-top: 5em;
123 }
124
125 .page_footer_text {
126     color: #fff;
127     display: inline;
128     float: left;
129 }
130
131 a.rss_logo {
132     float: right;
133     padding: 3px;
134     width: 35px;
135     line-height: 10px;
136     border: 1px solid;
137     border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
138     color: #ffffff;
139     background-color: #ff6600;
140     font-weight: bold;
141     font-family: sans-serif;
142     font-size: 70%;
143     text-align: center;
144     text-decoration: none;
145     margin-top: 49px;
146     margin-left: 5px;
147 }
148
149 a.rss_logo:hover {
150     background-color: #ee5500;
151 }  
152
153 /* Elements
154 ---------------------------------------------------------------------------- */
155
156 .project_list,
157 .shortlog,
158 .tree,
159 .commit_search {
160     width: 960px;
161     margin: 0 auto 15px auto;
162     border: 1px solid #d8d8d8;
163 }
164
165 .project_list th,
166 .shortlog th,
167 .tree th,
168 .commit_search th {
169     color: #afafaf;
170     font-weight: normal;
171 }
172
173 .project_list tr,
174 .shortlog tr,
175 .tree tr,
176 .commit_search tr {
177     background: #eaeaea;
178     height: 2.5em;
179     text-align: left;
180     color: #545454;
181 }
182
183 .project_list tr.dark, .project_list tr.light,
184 .shortlog tr.dark, .shortlog tr.light,
185 .tree tr.dark, .tree tr.light,
186 .commit_search tr.dark, .commit_search tr.light {
187     background: #efefef url(img/table_row.png) repeat-x 0 0;
188     height: 2.5em;
189     border-bottom: 1px solid #e1e1e1;
190 }
191
192 th .header {
193     background: transparent;
194     border: 0;
195     padding: 0;
196 }
197
198 .tree {
199     width: 100%;
200     margin: 0;
201 }
202
203 .commit_search {
204     background: #eaeaea;
205 }
206
207 .page_nav,
208 .history,
209 .list_head,
210 .page_path,
211 .search {
212     width: 948px;
213     background: #f0f0f0;
214     color: #545454;
215     border: 1px solid #d8d8d8;
216     padding: 5px;
217     margin: 0 auto 15px auto;
218 }
219
220 .title {
221     width: 950px;
222     padding: 5px;
223 }
224
225 .projects_list,
226 .heads,
227 .tags {
228     width: 960px;
229     background: #f0f0f0;
230     color: #545454;
231     border: 1px solid #d8d8d8;
232     padding: 5px;
233     margin: 0 auto 15px auto;
234 }
235
236 .header {
237     width: 948px;
238     margin: 0 auto 15px auto;
239     background: #eaf2f5;
240     border: 1px solid #bedce7;
241     padding: 5px;
242 }
243
244 .header .age {
245     float: left;
246     color: #000;
247     font-weight: bold;
248     width: 10em;
249 }
250
251 .title_text {
252     width: 948px;
253     background: #eaf2f5;
254     border: 1px solid #bedce7;
255     padding: 5px;
256     margin: 0 auto 0 auto;
257 }
258
259 .log_body {
260     width: 948px;
261     background: #eaf2f5;
262     border: 1px solid #bedce7;
263     border-top: 0;
264     padding: 5px;
265     margin: 0 auto 15px auto;
266 }
267
268 .page_body {
269     line-height: 1.4em;
270     width: 948px;
271     background: #f8f8ff;
272     border: 1px solid #d8d8d8;
273     padding: 5px;
274     margin: 15px auto 15px auto;
275 }
276
277 .diff_tree {
278     width: 960px;
279     background: #f0f0f0;
280     border: 1px solid #d8d8d8;
281     padding: 5px;
282     margin: 0 auto 15px auto;
283 }
284
285 .author_date {
286     width: 948px;
287     background: #f0f0f0;
288     border: 1px solid #d8d8d8;
289     padding: 5px;
290     margin: 0 auto 15px auto;
291 }
292
293 /* Refs
294 ---------------------------------------------------------------------------- */
295
296 span.refs span {
297     color: #000;
298     padding: 0px 4px;
299     font-size: 10px;
300     font-weight: normal;
301     border: 1px solid;
302     background-color: #ffaaff;
303     border-color: #ffccff #ff00ee #ff00ee #ffccff;
304 }
305
306 span.refs span.ref {
307     background-color: #aaaaff;
308     border-color: #ccccff #0033cc #0033cc #ccccff;
309 }
310
311 span.refs span.tag {
312     background-color: #ffffaa;
313     border-color: #ffffcc #dccd00 #dccd00 #ffffcc;
314 }
315
316 span.refs span.head {
317     background-color: #aaffaa;
318     border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
319 }
320
321 /* Diffs
322 ---------------------------------------------------------------------------- */
323
324 .patchset {
325     overflow: auto;
326 }
327
328 .chunk_header {
329     background: #eaf2f5;
330     color: #999;
331 }
332
333 .rem {
334     background: #ffdddd;
335 }
336 .add {
337     background: #ddffdd;
338 }
339
340 /* Age
341 ---------------------------------------------------------------------------- */
342
343 /* noage: "No commits" */
344 .project_list td.noage {
345     color: #cdcdcd;
346 }
347
348 /* age2: 60*60*24*2 <= age */
349 .project_list td.age2, .blame td.age2 {
350     color: #545454;
351 }
352
353 /* age1: 60*60*2 <= age < 60*60*24*2 */
354 .project_list td.age1 {
355     color: #009900;
356 }
357
358 /* age0: age < 60*60*2 */
359 .project_list td.age0 {
360     color: #009900;
361     font-weight: bold;
362 }
363
364 /* File status
365 ---------------------------------------------------------------------------- */
366
367 .diff_tree span.file_status.new {
368     color: #008000;
369 }
370
371 table.diff_tree span.file_status.deleted {
372     color: #c00000;
373 }
374
375 table.diff_tree span.file_status.moved,
376 table.diff_tree span.file_status.mode_chnge {
377     color: #545454;
378 }
379
380 table.diff_tree span.file_status.copied {
381   color: #70a070;
382 }
383
384 span.cntrl {
385     border: dashed #aaaaaa;
386     border-width: 1px;
387     padding: 0px 2px 0px 2px;
388     margin:  0px 2px 0px 2px;
389 }
390
391 span.match {
392     background: #aaffaa;
393     color: #000;
394 }
395
396 td.error {
397     color: red;
398     background: yellow;
399 }