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