]> git.cameronkatri.com Git - cgit.git/blob - cgit.css
Add a 'stats' page to each repo
[cgit.git] / cgit.css
1 body, table, form {
2 padding: 0em;
3 margin: 0em;
4 }
5
6 body {
7 font-family: sans-serif;
8 font-size: 10pt;
9 color: #333;
10 background: white;
11 padding: 4px;
12 }
13
14 a {
15 color: blue;
16 text-decoration: none;
17 }
18
19 a:hover {
20 text-decoration: underline;
21 }
22
23 table {
24 border-collapse: collapse;
25 }
26
27 table#header {
28 width: 100%;
29 margin-bottom: 1em;
30 }
31
32 table#header td.logo {
33 width: 96px;
34 }
35
36 table#header td.main {
37 font-size: 250%;
38 padding-left: 10px;
39 white-space: nowrap;
40 }
41
42 table#header td.main a {
43 color: #000;
44 }
45
46 table#header td.form {
47 text-align: right;
48 vertical-align: bottom;
49 padding-right: 1em;
50 padding-bottom: 2px;
51 white-space: nowrap;
52 }
53
54 table#header td.form form,
55 table#header td.form input,
56 table#header td.form select {
57 font-size: 90%;
58 }
59
60 table#header td.sub {
61 color: #777;
62 border-top: solid 1px #ccc;
63 padding-left: 10px;
64 }
65
66 table.tabs {
67 /* border-bottom: solid 2px #ccc; */
68 border-collapse: collapse;
69 margin-top: 2em;
70 margin-bottom: 0px;
71 width: 100%;
72 }
73
74 table.tabs td {
75 padding: 0px 1em;
76 vertical-align: bottom;
77 }
78
79 table.tabs td a {
80 padding: 2px 0.75em;
81 color: #777;
82 font-size: 110%;
83 }
84
85 table.tabs td a.active {
86 color: #000;
87 background-color: #ccc;
88 }
89
90 table.tabs td.form {
91 text-align: right;
92 }
93
94 table.tabs td.form form {
95 padding-bottom: 2px;
96 font-size: 90%;
97 white-space: nowrap;
98 }
99
100 table.tabs td.form input,
101 table.tabs td.form select {
102 font-size: 90%;
103 }
104
105 div.content {
106 margin: 0px;
107 padding: 2em;
108 border-top: solid 3px #ccc;
109 border-bottom: solid 3px #ccc;
110 }
111
112
113 table.list {
114 width: 100%;
115 border: none;
116 border-collapse: collapse;
117 }
118
119 table.list tr {
120 background: white;
121 }
122
123 table.list tr:hover {
124 background: #eee;
125 }
126
127 table.list tr.nohover:hover {
128 background: white;
129 }
130
131 table.list th {
132 font-weight: bold;
133 /* color: #888;
134 border-top: dashed 1px #888;
135 border-bottom: dashed 1px #888;
136 */
137 padding: 0.1em 0.5em 0.05em 0.5em;
138 vertical-align: baseline;
139 }
140
141 table.list td {
142 border: none;
143 padding: 0.1em 0.5em 0.1em 0.5em;
144 }
145
146 table.list td a {
147 color: black;
148 }
149
150 table.list td a:hover {
151 color: #00f;
152 }
153
154 img {
155 border: none;
156 }
157
158 input#switch-btn {
159 margin: 2px 0px 0px 0px;
160 }
161
162 td#sidebar input.txt {
163 width: 100%;
164 margin: 2px 0px 0px 0px;
165 }
166
167 table#grid {
168 margin: 0px;
169 }
170
171 td#content {
172 vertical-align: top;
173 padding: 1em 2em 1em 1em;
174 border: none;
175 }
176
177 div#summary {
178 vertical-align: top;
179 margin-bottom: 1em;
180 }
181
182 table#downloads {
183 float: right;
184 border-collapse: collapse;
185 border: solid 1px #777;
186 margin-left: 0.5em;
187 margin-bottom: 0.5em;
188 }
189
190 table#downloads th {
191 background-color: #ccc;
192 }
193
194 div#blob {
195 border: solid 1px black;
196 }
197
198 div.error {
199 color: red;
200 font-weight: bold;
201 margin: 1em 2em;
202 }
203
204 a.ls-blob, a.ls-dir, a.ls-mod {
205 font-family: monospace;
206 }
207
208 td.ls-size {
209 text-align: right;
210 font-family: monospace;
211 width: 10em;
212 }
213
214 td.ls-mode {
215 font-family: monospace;
216 width: 10em;
217 }
218
219 table.blob {
220 margin-top: 0.5em;
221 border-top: solid 1px black;
222 }
223
224 table.blob td.no {
225 border-right: solid 1px black;
226 color: black;
227 background-color: #eee;
228 text-align: right;
229 }
230
231 table.blob td.no a {
232 color: black;
233 }
234
235 table.blob td.no a:hover {
236 color: black;
237 text-decoration: none;
238 }
239
240 table.blob td.txt {
241 white-space: pre;
242 font-family: monospace;
243 padding-left: 0.5em;
244 }
245
246 table.nowrap td {
247 white-space: nowrap;
248 }
249
250 table.commit-info {
251 border-collapse: collapse;
252 margin-top: 1.5em;
253 }
254
255 table.commit-info th {
256 text-align: left;
257 font-weight: normal;
258 padding: 0.1em 1em 0.1em 0.1em;
259 vertical-align: top;
260 }
261
262 table.commit-info td {
263 font-weight: normal;
264 padding: 0.1em 1em 0.1em 0.1em;
265 }
266
267 div.commit-subject {
268 font-weight: bold;
269 font-size: 125%;
270 margin: 1.5em 0em 0.5em 0em;
271 padding: 0em;
272 }
273
274 div.commit-msg {
275 white-space: pre;
276 font-family: monospace;
277 }
278
279 div.diffstat-header {
280 font-weight: bold;
281 padding-top: 1.5em;
282 }
283
284 table.diffstat {
285 border-collapse: collapse;
286 border: solid 1px #aaa;
287 background-color: #eee;
288 }
289
290 table.diffstat th {
291 font-weight: normal;
292 text-align: left;
293 text-decoration: underline;
294 padding: 0.1em 1em 0.1em 0.1em;
295 font-size: 100%;
296 }
297
298 table.diffstat td {
299 padding: 0.2em 0.2em 0.1em 0.1em;
300 font-size: 100%;
301 border: none;
302 }
303
304 table.diffstat td.mode {
305 white-space: nowrap;
306 }
307
308 table.diffstat td span.modechange {
309 padding-left: 1em;
310 color: red;
311 }
312
313 table.diffstat td.add a {
314 color: green;
315 }
316
317 table.diffstat td.del a {
318 color: red;
319 }
320
321 table.diffstat td.upd a {
322 color: blue;
323 }
324
325 table.diffstat td.graph {
326 width: 500px;
327 vertical-align: middle;
328 }
329
330 table.diffstat td.graph table {
331 border: none;
332 }
333
334 table.diffstat td.graph td {
335 padding: 0px;
336 border: 0px;
337 height: 7pt;
338 }
339
340 table.diffstat td.graph td.add {
341 background-color: #5c5;
342 }
343
344 table.diffstat td.graph td.rem {
345 background-color: #c55;
346 }
347
348 div.diffstat-summary {
349 color: #888;
350 padding-top: 0.5em;
351 }
352
353 table.diff {
354 width: 100%;
355 }
356
357 table.diff td {
358 font-family: monospace;
359 white-space: pre;
360 }
361
362 table.diff td div.head {
363 font-weight: bold;
364 margin-top: 1em;
365 color: black;
366 }
367
368 table.diff td div.hunk {
369 color: #009;
370 }
371
372 table.diff td div.add {
373 color: green;
374 }
375
376 table.diff td div.del {
377 color: red;
378 }
379
380 .sha1 {
381 font-family: monospace;
382 font-size: 90%;
383 }
384
385 .left {
386 text-align: left;
387 }
388
389 .right {
390 text-align: right;
391 }
392
393 table.list td.repogroup {
394 font-style: italic;
395 color: #888;
396 }
397
398 a.button {
399 font-size: 80%;
400 padding: 0em 0.5em;
401 }
402
403 a.primary {
404 font-size: 100%;
405 }
406
407 a.secondary {
408 font-size: 90%;
409 }
410
411 td.toplevel-repo {
412
413 }
414
415 table.list td.sublevel-repo {
416 padding-left: 1.5em;
417 }
418
419 div.pager {
420 text-align: center;
421 margin: 1em 0em 0em 0em;
422 }
423
424 div.pager a {
425 color: #777;
426 margin: 0em 0.5em;
427 }
428
429 span.age-mins {
430 font-weight: bold;
431 color: #080;
432 }
433
434 span.age-hours {
435 color: #080;
436 }
437
438 span.age-days {
439 color: #040;
440 }
441
442 span.age-weeks {
443 color: #444;
444 }
445
446 span.age-months {
447 color: #888;
448 }
449
450 span.age-years {
451 color: #bbb;
452 }
453 div.footer {
454 margin-top: 0.5em;
455 text-align: center;
456 font-size: 80%;
457 color: #ccc;
458 }
459 table.stats {
460 border: solid 1px black;
461 border-collapse: collapse;
462 }
463
464 table.stats th {
465 text-align: left;
466 padding: 1px 0.5em;
467 background-color: #eee;
468 border: solid 1px black;
469 }
470
471 table.stats td {
472 text-align: right;
473 padding: 1px 0.5em;
474 border: solid 1px black;
475 }
476
477 table.stats td.total {
478 font-weight: bold;
479 text-align: left;
480 }
481
482 table.stats td.sum {
483 color: #c00;
484 font-weight: bold;
485 /* background-color: #eee; */
486 }
487
488 table.stats td.left {
489 text-align: left;
490 }
491
492 table.vgraph {
493 border-collapse: separate;
494 border: solid 1px black;
495 height: 200px;
496 }
497
498 table.vgraph th {
499 background-color: #eee;
500 font-weight: bold;
501 border: solid 1px white;
502 padding: 1px 0.5em;
503 }
504
505 table.vgraph td {
506 vertical-align: bottom;
507 padding: 0px 10px;
508 }
509
510 table.vgraph div.bar {
511 background-color: #eee;
512 }
513
514 table.hgraph {
515 border: solid 1px black;
516 width: 800px;
517 }
518
519 table.hgraph th {
520 background-color: #eee;
521 font-weight: bold;
522 border: solid 1px black;
523 padding: 1px 0.5em;
524 }
525
526 table.hgraph td {
527 vertical-align: center;
528 padding: 2px 2px;
529 }
530
531 table.hgraph div.bar {
532 background-color: #eee;
533 height: 1em;
534 }
535