← Back to branch summary

~loggerhead-team/loggerhead/trunk-rich

« back to all changes in this revision

Viewing changes to loggerhead/static/css/zptstyle.css

  • Committer: John Arbash Meinel
  • Date: 2011-03-25 12:56:32 UTC
  • mfrom: (442.1.1 sort-742390)
  • Revision ID: john@arbash-meinel.com-20110325125632-k54yc45mjzjvetr0
bug #742390, don't use sort_natural if bzrlib doesn't have it.

Show diffs side-by-side

added added

removed removed

Lines of Context:
loggerhead/static/css/zptstyle.css
1
 
 
2
 
/* from launchpad */
3
 
body {
4
 
    background-color: #fcfcfc;
5
 
    color: black;
6
 
    font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
7
 
    font-size: 12pt;
8
 
    padding: 0px;
9
 
    text-align: left;
10
 
}
11
 
 
12
 
a {
13
 
    text-decoration: none;
14
 
    color: #000088;
15
 
}
16
 
a:hover {
17
 
    color: black;
18
 
}
19
 
 
20
 
img {
21
 
    border: none;
22
 
}
23
 
 
24
 
h1 {
25
 
    color: #708a96;
26
 
    font-weight: normal;
27
 
    font-size: 1.6em;
28
 
    margin-bottom: 0em;
29
 
}
30
 
h1 .filename {
31
 
    font-family: monospace;
32
 
}
33
 
 
34
 
.branch-name {
35
 
    color: #47626e;
36
 
}
37
 
 
38
 
.footer {
39
 
    margin-top: 1em;
40
 
    margin-bottom: 1em;
41
 
}
42
 
.footer .banner {
43
 
    margin-right: 5px;
44
 
}
45
 
.footer .banner img {
46
 
    border: 1px solid #8cacbb;
47
 
}
48
 
 
49
 
.collapse-triangle {
50
 
    padding-right: 0.5em;
51
 
}
52
 
 
53
 
.hide-all {
54
 
    font-size: smaller;
55
 
    padding: 0.25em 0.75em 0.25em 0.75em;
56
 
}
57
 
 
58
 
 
59
 
 
60
 
/* ----- navigation bar at the top ----- */
61
 
 
62
 
.navbar {
63
 
}
64
 
 
65
 
.bar table {
66
 
    width: 100%;
67
 
    border-collapse: collapse;
68
 
}
69
 
 
70
 
/* safari gives forms a big default margin, to vex me */
71
 
.bar form {
72
 
    margin: 0px;
73
 
}
74
 
 
75
 
.bar {
76
 
    background-color: #dee7ec;
77
 
    border: 1px solid #8cacbb;
78
 
    font-size: smaller;
79
 
    padding-top: 0px;
80
 
    padding-bottom: 0px;
81
 
}
82
 
 
83
 
/* revision navigation buttons (the ones at the top right) */
84
 
.navbuttons {
85
 
    padding: 2px;
86
 
    bottom: 0px;
87
 
    text-align: right;
88
 
    width: auto;
89
 
    border-left: 1px dotted #8cacbb;
90
 
    padding-left: 0.5em;
91
 
    padding-right: 0.5em;
92
 
}
93
 
 
94
 
.navbuttons a {
95
 
    font-weight: normal;
96
 
    margin-left: 2px;
97
 
    margin-right: 2px;
98
 
}
99
 
 
100
 
.navbuttons a:hover {
101
 
    padding: 0;
102
 
    color: blue;
103
 
}
104
 
 
105
 
/* navigation button in the pages (the ones at the top left, and bottom) */
106
 
.buttons {
107
 
}
108
 
 
109
 
.buttons a,.buttons .search {
110
 
    font-weight: normal;
111
 
    color: #000088;
112
 
    font-size: 12pt;
113
 
    padding-left: 10px;
114
 
    padding-right: 7px;
115
 
    border-right: 1px dotted #8cacbb;
116
 
}
117
 
 
118
 
.buttons a:hover,.rbuttons a:hover {
119
 
    font-weight: normal;
120
 
    color: blue;
121
 
}
122
 
 
123
 
.feed img {
124
 
    vertical-align: text-top;
125
 
}
126
 
 
127
 
.rbuttons a {
128
 
    font-weight: normal;
129
 
    color: #000088;
130
 
    font-size: 12pt;
131
 
    padding-right: 7px;
132
 
    padding-left: 10px;
133
 
    border-left: 1px dotted #8cacbb;
134
 
    text-align: right;
135
 
    width: auto;
136
 
}
137
 
 
138
 
 
139
 
/* ----- revision display in various places ----- */
140
 
 
141
 
.revision .revno {
142
 
    font-weight: bold;
143
 
}
144
 
 
145
 
.revision .revid {
146
 
    font-family: monospace;
147
 
    font-size: smaller;
148
 
    padding-left: 1em;
149
 
}
150
 
 
151
 
.revision .log {
152
 
    font-size: smaller;
153
 
}
154
 
 
155
 
 
156
 
/* ---- sub-links underneath the headline on some pages ----- */
157
 
 
158
 
div.links {
159
 
    color: #708a96;
160
 
    padding-top: 0.5em;
161
 
    padding-left: 3em;
162
 
    font-size: 0.8em;
163
 
    margin-bottom: 2em;
164
 
}
165
 
 
166
 
div.links div {
167
 
    margin-bottom: 3px;
168
 
}
169
 
 
170
 
 
171
 
/* ----- list of merge points for a revision ----- */
172
 
 
173
 
.info-entry {
174
 
    font-size: smaller;
175
 
    margin-bottom: 2em;
176
 
    padding: 0px;
177
 
    background-color: #f4f5f8;
178
 
    border: 1px solid #8cacbb;
179
 
    width: 60%;
180
 
}
181
 
 
182
 
.info-entry th {
183
 
    background-color: #dee7ec;
184
 
    font-weight: normal;
185
 
    color: black;
186
 
    text-align: right;
187
 
    vertical-align: top;
188
 
 
189
 
    padding-left: 0.5em;
190
 
    padding-right: 0.5em;
191
 
    padding-top: 2px;
192
 
    padding-bottom: 2px;
193
 
}
194
 
 
195
 
.info-entry td {
196
 
    font-weight: normal;
197
 
    padding-left: 0.5em;
198
 
    padding-top: 2px;
199
 
    padding-bottom: 2px;
200
 
}
201
 
 
202
 
 
203
 
/* ----- changelog page ----- */
204
 
 
205
 
/* secret css-jutsu to make hidden margins vanish on a table */
206
 
.log-entries {
207
 
    border-collapse: collapse;
208
 
    width: 98%;
209
 
    margin-top: 0.5em;
210
 
    margin-left: 1em;
211
 
    font-size: 1em;
212
 
}
213
 
 
214
 
.log-entries .log-header {
215
 
    background-color: #8cacbb;
216
 
    padding-top: 3px;
217
 
    padding-bottom: 3px;
218
 
    text-align: left;
219
 
}
220
 
 
221
 
.log-entries .revision-header {
222
 
    font-size: normal;
223
 
}
224
 
 
225
 
.log-entries .revision-header td {
226
 
    padding-top: 2px;
227
 
    padding-bottom: 2px;
228
 
}
229
 
 
230
 
.log-entries .revision-header td.expand-button {
231
 
    width: 20px;
232
 
}
233
 
 
234
 
.log-entries .revision-number {
235
 
    padding-left: 0.5em;
236
 
}
237
 
 
238
 
.log-entries .revision-header td.date {
239
 
    font-size: smaller;
240
 
}
241
 
 
242
 
.log-entries .revision-header td.author {
243
 
    font-size: smaller;
244
 
    padding-right: 0.5em;
245
 
}
246
 
 
247
 
.log-entries .revision-header .inventory-link {
248
 
    font-size: smaller;
249
 
    vertical-align: middle;
250
 
    text-align: left;
251
 
    padding-right: 0.5em;
252
 
}
253
 
 
254
 
.log-entries table.revision-details {
255
 
    font-size: smaller;
256
 
    margin-bottom: 1.0em;
257
 
}
258
 
 
259
 
.log-entries table.revision-details th {
260
 
    text-align: right;
261
 
    padding-right: 0.5em;
262
 
    vertical-align: top;
263
 
}
264
 
 
265
 
.log-entries table.revision-details td.files .filename {
266
 
    font-family: monospace;
267
 
}
268
 
 
269
 
td.files {
270
 
    padding-top: 0em;
271
 
    padding-bottom: 0em;
272
 
}
273
 
th.files {
274
 
    padding-top: 0em;
275
 
    padding-bottom: 0em;
276
 
}
277
 
 
278
 
.log-entries .revision-details td.files .jump {
279
 
    font-size: smaller;
280
 
}
281
 
 
282
 
.log-entries .revision-details td.description {
283
 
    font-family: monospace;
284
 
}
285
 
 
286
 
/* default state: hide all */
287
 
.revision-header .hide-button { display: none; }
288
 
.hidden-details { display: none; }
289
 
.changelog .collapse-cl-hideall { display: none; }
290
 
 
291
 
 
292
 
/* ----- revision page ----- */
293
 
 
294
 
.revision-info {
295
 
    border: none;
296
 
    margin-bottom: 1em;
297
 
    padding: 0;
298
 
    background-color: #f4f5f8;
299
 
    border: 1px solid #8cacbb;
300
 
    width: 80%;
301
 
}
302
 
 
303
 
/* secret css-jutsu to make hidden margins vanish on a table */
304
 
.revision-info table {
305
 
    border-collapse: collapse;
306
 
    width: 100%;
307
 
}
308
 
 
309
 
.revision-info th {
310
 
    background-color: #dee7ec;
311
 
    color: black;
312
 
    font-weight: normal;
313
 
    text-align: right;
314
 
    vertical-align: top;
315
 
    font-size: 0.8em;
316
 
    padding-left: 0.5em;
317
 
    padding-right: 0.5em;
318
 
    padding-top: 2px;
319
 
    padding-bottom: 2px;
320
 
}
321
 
 
322
 
.revision-info td {
323
 
    font-weight: normal;
324
 
    font-size: 0.8em;
325
 
    padding-left: 0.5em;
326
 
    padding-top: 2px;
327
 
    padding-bottom: 2px;
328
 
}
329
 
 
330
 
.revision-info table td.date {
331
 
    font-family: monospace;
332
 
    font-size: 1em;
333
 
}
334
 
 
335
 
.revision-info table td.description {
336
 
    font-family: monospace;
337
 
    font-size: 1em;
338
 
}
339
 
 
340
 
.revision-info table td.files {
341
 
    font-family: monospace;
342
 
    font-size: 1em;
343
 
}
344
 
 
345
 
.revision-info table td.files a.jump {
346
 
    font-size: smaller;
347
 
}
348
 
    
349
 
.revision-info table tr.divider {
350
 
    border-top: 1px solid #8cacbb;
351
 
}
352
 
 
353
 
 
354
 
/* ----- overly complex diff display ----- */
355
 
 
356
 
.diff {
357
 
    margin-bottom: 1em;
358
 
    padding-top: 10px;
359
 
    width: 100%;
360
 
    background-color: #fcfcfc;
361
 
    font-family: monospace;
362
 
}
363
 
 
364
 
 
365
 
.diff-block {
366
 
    border-collapse: collapse;
367
 
    width: 100%;
368
 
    margin-bottom: 1em;
369
 
}
370
 
 
371
 
.diff-block th.filename {
372
 
    font-family: monospace;
373
 
    font-weight: normal;
374
 
    font-size: 1em;
375
 
    padding-left: 1em;
376
 
    padding-top: 1em;
377
 
    padding-bottom: 1em;
378
 
    text-align: left;
379
 
    background-color: #dee7ec;
380
 
}
381
 
 
382
 
.diff-block .diff-chunk {
383
 
    font-size: 0.9em;
384
 
    margin-top: 0px;
385
 
    margin-bottom: 2em;
386
 
}
387
 
 
388
 
.diff-block th.lineno {
389
 
    font-weight: bold;
390
 
    border-bottom: 1px solid #8cacbb;
391
 
    border-top: 1px solid #dee7ec;
392
 
}
393
 
 
394
 
.diff-block .diff-spacing {
395
 
    line-height: 1em;
396
 
}
397
 
 
398
 
.diff-option-buttons {
399
 
    margin-top: 1.0em;
400
 
    margin-bottom: 1.0em;
401
 
    border-collapse: collapse;
402
 
}
403
 
.diff-option-buttons td {
404
 
    line-height: 1em;
405
 
    height: 1em;
406
 
    vertical-align: middle;
407
 
    padding: 0px;
408
 
}
409
 
.diff-option-buttons .label {
410
 
    font-size: smaller;
411
 
    padding-left: 0.75em;
412
 
    padding-right: 2em;
413
 
    line-height: 1em;
414
 
}
415
 
.diff-option-buttons .spacey {
416
 
    padding-right: 5em;
417
 
}
418
 
 
419
 
.diff-option-buttons .collapse-file-showall { display: none; }
420
 
 
421
 
.diff-block .show-button { display: none; }
422
 
.collapse-style-unified-content { display: none; }
423
 
.collapse-style-sbs-show { display: none; }
424
 
 
425
 
.diff-insert {
426
 
    background-color: #9cc8ff;
427
 
}
428
 
.diff-delete {
429
 
    background-color: #ffa0a0;
430
 
}
431
 
.diff-chunk td.text {
432
 
    padding-left: 1em;
433
 
}
434
 
 
435
 
.diff-key {
436
 
    display: inline;
437
 
    font-size: smaller;
438
 
}
439
 
 
440
 
.diff-key-block {
441
 
    width: 1em;
442
 
    height: 1em;
443
 
    border: 1px solid #8cacbb;
444
 
}
445
 
 
446
 
.diff-key .label {
447
 
    padding-right: 2em;
448
 
}
449
 
 
450
 
.diff .lineno {
451
 
    color: purple;
452
 
    background-color: #dee7ec; 
453
 
    width: 4em;
454
 
    text-align: right;
455
 
    padding-right: 3px;
456
 
    border-bottom: 1px solid #8cacbb;
457
 
}
458
 
.diff .lineno-skip {
459
 
    width: 4em;
460
 
    background-color: #dee7ec;
461
 
}
462
 
.diff .info {
463
 
    color: blue;
464
 
    background-color: #dee7ec;
465
 
    margin-top: 15px;
466
 
}
467
 
/*
468
 
.diff-context-skip {
469
 
    background-color: #dee7ec;
470
 
}*/
471
 
 
472
 
 
473
 
/* ----- file inventory ----- */
474
 
 
475
 
.inventory-path {
476
 
    margin-top: 2em;
477
 
}
478
 
 
479
 
table.inventory {
480
 
    border-collapse: collapse;
481
 
    width: 100%;
482
 
    font-size: smaller;
483
 
    margin-top: 1em;
484
 
    border: 1px solid #8cacbb;
485
 
}
486
 
 
487
 
table.inventory td {
488
 
    padding-top: 3px;
489
 
    padding-bottom: 3px;
490
 
    vertical-align: middle;
491
 
}
492
 
 
493
 
table.inventory th {
494
 
    background-color: #8cacbb;
495
 
    padding-top: 3px;
496
 
    padding-bottom: 3px;
497
 
    text-align: left;
498
 
}
499
 
 
500
 
table.inventory th.permissions {
501
 
    padding-left: 0.5em;
502
 
}
503
 
 
504
 
.parity0 { background-color: #dee7ec; }
505
 
.parity1 { background-color: #eff8fd; }
506
 
 
507
 
.inventory td.permissions {
508
 
    font-family: monospace;
509
 
    padding-left: 0.5em;
510
 
    width: 9em;
511
 
}
512
 
 
513
 
.inventory td.filename {
514
 
    font-family: monospace;
515
 
}
516
 
 
517
 
.inventory td.size {
518
 
    font-family: monospace;
519
 
    font-size: smaller;
520
 
    width: 5em;
521
 
}
522
 
 
523
 
.inventory td.revision {
524
 
    padding-right: 1em;
525
 
    text-align: left;
526
 
    width: 8em;
527
 
}
528
 
 
529
 
.inventory td.date {
530
 
    padding-right: 1em;
531
 
    width: 11em;
532
 
}
533
 
 
534
 
.inventory td.changes-link {
535
 
    font-size: smaller;
536
 
    width: 6em;
537
 
}
538
 
 
539
 
.inventory td.download-link {
540
 
    font-size: smaller;
541
 
    width: 8em;
542
 
}
543
 
 
544
 
span.folder {
545
 
    font-family: monospace;
546
 
}
547
 
 
548
 
 
549
 
/* ----- file annotation ----- */
550
 
 
551
 
.annotate-path {
552
 
    font-family: monospace;
553
 
}
554
 
 
555
 
.annotate table {
556
 
    border-collapse: collapse;
557
 
    width: 100%;
558
 
    font-size: 66%;
559
 
}
560
 
 
561
 
.annotate td {
562
 
    padding-top: 2px;
563
 
    padding-bottom: 2px;
564
 
    vertical-align: bottom;
565
 
}
566
 
 
567
 
.annotate td.lineno {
568
 
    font-family: monospace;
569
 
    text-align: right;
570
 
    width: 4em;
571
 
    padding-right: 5px;
572
 
    font-weight: bold;
573
 
    border-bottom: 1px solid #8cacbb;
574
 
}
575
 
 
576
 
.annotate td.revno {
577
 
    font-family: monospace;
578
 
    text-align: right;
579
 
    width: 8em;
580
 
    padding-right: 5px;
581
 
    border-right: 1px solid #8cacbb;
582
 
}
583
 
 
584
 
.annotate td.text {
585
 
    font-family: monospace;
586
 
    padding-left: 1em;
587
 
}
588
 
 
589
 
.annotate th {
590
 
    background-color: #8cacbb;
591
 
    padding-top: 3px;
592
 
    padding-bottom: 3px;
593
 
    text-align: left;
594
 
}
595
 
 
596
 
.annotate th.lineno {
597
 
    text-align: right;
598
 
}
599
 
 
600
 
.annotate th.revision {
601
 
    text-align: right;
602
 
    padding-right: 5px;
603
 
}
604
 
 
605
 
.annotate th.text {
606
 
    padding-left: 1em;
607
 
}
608
 
 
609
 
 
610
 
/* ----- top-level browse page ----- */
611
 
 
612
 
.browse-project-name {
613
 
    background-color: #dee7ec;
614
 
    padding-top: 5px;
615
 
    padding-bottom: 5px;
616
 
    margin-left: 1em;
617
 
    margin-right: 1em;
618
 
    padding-left: 1em;
619
 
    width: 90%;
620
 
    font-weight: bold;
621
 
}
622
 
 
623
 
.browse-project-description {
624
 
        padding-top: 1em;
625
 
        padding-bottom: 1em;
626
 
        margin-left: 2em;
627
 
    width: 90%;
628
 
}
629
 
        
630
 
.browse-view {
631
 
        margin-top: 1em;
632
 
        margin-bottom: 1em;
633
 
        margin-left: 2em;
634
 
}
635
 
 
636
 
.browse-view table {
637
 
    border-collapse: collapse;
638
 
    width: 90%;
639
 
    margin-bottom: 2em;
640
 
}
641
 
 
642
 
.browse-view table tr.heading {
643
 
    background-color: #8cacbb;
644
 
    border-bottom: solid 1px #8cacbb;
645
 
    font-size: smaller;
646
 
}
647
 
 
648
 
.browse-view td,.browse-view th {
649
 
    padding: 0.25em 0.5em 0.25em 0.5em;
650
 
}
651
 
 
652
 
.browse-view td.name {
653
 
    width: 20%;
654
 
}
655
 
 
656
 
.browse-view td.last-update {
657
 
    font-size: smaller;
658
 
    width: 20em;
659
 
}
660
 
 
661
 
.browse-view td.url {
662
 
    font-family: monospace;
663
 
    font-size: smaller;
664
 
    padding-left: 3em;
665
 
    padding-top: 0px;
666
 
}
667
 
 
668
 
.browse-view td.feed {
669
 
        width: 16px;
670
 
}