← Back to branch summary

~loggerhead-team/loggerhead/trunk-rich

« back to all changes in this revision

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

  • Committer: Robey Pointer
  • Date: 2007-01-24 19:26:50 UTC
  • Revision ID: robey@lag.net-20070124192650-mrstlt7hkoc19qg1
kid can't cope with ${} being split across lines, to put them back onto
very large lines.

Show diffs side-by-side

added added

removed removed

Lines of Context:
loggerhead/static/css/style.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: 1.5em;
 
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
    padding-top: 0.5em;
 
160
    padding-left: 3em;
 
161
    font-size: 50%;
 
162
}
 
163
 
 
164
div.links div {
 
165
    margin-bottom: 3px;
 
166
}
 
167
 
 
168
 
 
169
/* ----- list of merge points for a revision ----- */
 
170
 
 
171
.info-entry {
 
172
    font-size: smaller;
 
173
    margin-bottom: 2em;
 
174
    padding: 0px;
 
175
    background-color: #f4f5f8;
 
176
    border: 1px solid #8cacbb;
 
177
    width: 60%;
 
178
}
 
179
 
 
180
.info-entry th {
 
181
    background-color: #dee7ec;
 
182
    font-weight: normal;
 
183
    color: black;
 
184
    text-align: right;
 
185
    vertical-align: top;
 
186
 
 
187
    padding-left: 0.5em;
 
188
    padding-right: 0.5em;
 
189
    padding-top: 2px;
 
190
    padding-bottom: 2px;
 
191
}
 
192
 
 
193
.info-entry td {
 
194
    font-weight: normal;
 
195
    padding-left: 0.5em;
 
196
    padding-top: 2px;
 
197
    padding-bottom: 2px;
 
198
}
 
199
 
 
200
 
 
201
/* ----- changelog page ----- */
 
202
 
 
203
/* secret css-jutsu to make hidden margins vanish on a table */
 
204
.log-entries table {
 
205
    border-collapse: collapse;
 
206
    width: 100%;
 
207
}
 
208
 
 
209
.log-entries .revision-header {
 
210
    background-color: #dee7ec;
 
211
    padding: 3px;
 
212
    width: 80%;
 
213
    margin-top: 1em;
 
214
    margin-left: 1em;
 
215
}
 
216
 
 
217
.log-entries .revision-header td.expand-button {
 
218
    width: 20px;
 
219
}
 
220
 
 
221
.log-entries .revision-header .revision-number {
 
222
    width: 6em;
 
223
    padding-left: 0.5em;
 
224
}
 
225
 
 
226
.log-entries .revision-header .inventory-link {
 
227
    font-size: smaller;
 
228
    vertical-align: middle;
 
229
    width: 4em;
 
230
    text-align: right;
 
231
    padding-right: 0.5em;
 
232
}
 
233
 
 
234
.log-entries .revision-details-block {
 
235
    width: 80%;
 
236
    border: none;
 
237
    margin-left: 8em;
 
238
    margin-bottom: 1.5em;
 
239
}
 
240
 
 
241
.log-entries .revision-details table {
 
242
    font-size: smaller;
 
243
    width: 100%;
 
244
}
 
245
 
 
246
.log-entries .revision-details th {
 
247
    width: 8em;
 
248
    text-align: right;
 
249
    padding-right: 0.5em;
 
250
    vertical-align: top;
 
251
}
 
252
 
 
253
.log-entries .revision-details td.date {
 
254
/*    font-family: monospace; */
 
255
}
 
256
 
 
257
.log-entries .revision-details th.files {
 
258
    padding-top: 1em;
 
259
}
 
260
 
 
261
.log-entries .revision-details td.files {
 
262
    padding-top: 1em;
 
263
}
 
264
 
 
265
.log-entries .revision-details td.files .filename {
 
266
    font-family: monospace;
 
267
}
 
268
 
 
269
.log-entries .revision-details td.files .jump {
 
270
    font-size: smaller;
 
271
}
 
272
 
 
273
.log-entries .revision-details th.description {
 
274
    padding-top: 1em;
 
275
}
 
276
.log-entries .revision-details td.description {
 
277
    font-family: monospace;
 
278
    padding-top: 1em;
 
279
}
 
280
 
 
281
/* default state: hide all */
 
282
.revision-header .hide-button { display: none; }
 
283
.hidden-details { display: none; }
 
284
.changelog .collapse-cl-hideall { display: none; }
 
285
 
 
286
 
 
287
/* ----- revision page ----- */
 
288
 
 
289
.revision-info {
 
290
    border: none;
 
291
    font-size: smaller;
 
292
    margin-bottom: 1em;
 
293
    padding: 0;
 
294
    background-color: #f4f5f8;
 
295
    border: 1px solid #8cacbb;
 
296
    width: 80%;
 
297
}
 
298
 
 
299
/* secret css-jutsu to make hidden margins vanish on a table */
 
300
.revision-info table {
 
301
    border-collapse: collapse;
 
302
    width: 100%;
 
303
}
 
304
 
 
305
.revision-info th {
 
306
    background-color: #dee7ec;
 
307
    color: black;
 
308
    font-weight: normal;
 
309
    text-align: right;
 
310
    vertical-align: top;
 
311
    
 
312
    padding-left: 0.5em;
 
313
    padding-right: 0.5em;
 
314
    padding-top: 2px;
 
315
    padding-bottom: 2px;
 
316
}
 
317
 
 
318
.revision-info td {
 
319
    font-weight: normal;
 
320
    padding-left: 0.5em;
 
321
    padding-top: 2px;
 
322
    padding-bottom: 2px;
 
323
}
 
324
 
 
325
.revision-info table td.date {
 
326
    font-family: monospace;
 
327
}
 
328
 
 
329
.revision-info table td.description {
 
330
    font-family: monospace;
 
331
}
 
332
 
 
333
.revision-info table td.files .filename {
 
334
    font-family: monospace;
 
335
}
 
336
 
 
337
.revision-info table td.files a.jump {
 
338
    font-size: smaller;
 
339
}
 
340
    
 
341
.revision-info table tr.divider {
 
342
    border-top: 1px solid #8cacbb;
 
343
}
 
344
 
 
345
 
 
346
/* ----- overly complex diff display ----- */
 
347
 
 
348
.diff {
 
349
    margin-bottom: 1em;
 
350
    padding-top: 10px;
 
351
    width: 100%;
 
352
    background-color: #fcfcfc;
 
353
    font-family: monospace;
 
354
}
 
355
 
 
356
 
 
357
.diff-block {
 
358
    border-collapse: collapse;
 
359
    width: 100%;
 
360
    margin-bottom: 1em;
 
361
}
 
362
 
 
363
.diff-block th.filename {
 
364
    font-family: monospace;
 
365
    font-weight: normal;
 
366
    font-size: smaller;
 
367
    padding-left: 1em;
 
368
    padding-top: 1em;
 
369
    padding-bottom: 1em;
 
370
    text-align: left;
 
371
    background-color: #dee7ec;
 
372
}
 
373
 
 
374
.diff-block .diff-chunk {
 
375
    font-size: 66%;
 
376
    margin-top: 0px;
 
377
    margin-bottom: 2em;
 
378
}
 
379
 
 
380
.diff-block th.lineno {
 
381
    font-weight: bold;
 
382
    border-bottom: 1px solid #8cacbb;
 
383
    border-top: 1px solid #dee7ec;
 
384
}
 
385
 
 
386
.diff-block .diff-spacing {
 
387
    line-height: 1em;
 
388
}
 
389
 
 
390
.diff-option-buttons {
 
391
    margin-top: 1.0em;
 
392
    margin-bottom: 1.0em;
 
393
    border-collapse: collapse;
 
394
}
 
395
.diff-option-buttons td {
 
396
    line-height: 1em;
 
397
    height: 1em;
 
398
    vertical-align: middle;
 
399
    padding: 0px;
 
400
}
 
401
.diff-option-buttons .label {
 
402
    font-size: smaller;
 
403
    padding-left: 0.75em;
 
404
    padding-right: 2em;
 
405
    line-height: 1em;
 
406
}
 
407
.diff-option-buttons .spacey {
 
408
    padding-right: 5em;
 
409
}
 
410
 
 
411
.diff-option-buttons .collapse-file-showall { display: none; }
 
412
 
 
413
.diff-block .show-button { display: none; }
 
414
.diff .collapse-style-unified-content { display: none; }
 
415
.collapse-style-sbs-show { display: none; }
 
416
 
 
417
.diff-insert {
 
418
    background-color: #9cc8ff;
 
419
}
 
420
.diff-delete {
 
421
    background-color: #ffa0a0;
 
422
}
 
423
.diff-chunk td.text {
 
424
    padding-left: 1em;
 
425
}
 
426
 
 
427
.diff-key {
 
428
    display: inline;
 
429
    font-size: smaller;
 
430
}
 
431
 
 
432
.diff-key-block {
 
433
    width: 1em;
 
434
    height: 1em;
 
435
    border: 1px solid #8cacbb;
 
436
}
 
437
 
 
438
.diff-key .label {
 
439
    padding-right: 2em;
 
440
}
 
441
 
 
442
.diff .lineno {
 
443
    color: purple;
 
444
    background-color: #dee7ec; 
 
445
    width: 4em;
 
446
    text-align: right;
 
447
    padding-right: 3px;
 
448
    border-bottom: 1px solid #8cacbb;
 
449
}
 
450
.diff .lineno-skip {
 
451
    width: 4em;
 
452
    background-color: #dee7ec;
 
453
}
 
454
.diff .info {
 
455
    color: blue;
 
456
    background-color: #dee7ec;
 
457
    margin-top: 15px;
 
458
}
 
459
/*
 
460
.diff-context-skip {
 
461
    background-color: #dee7ec;
 
462
}*/
 
463
 
 
464
 
 
465
/* ----- file inventory ----- */
 
466
 
 
467
.inventory-path {
 
468
    margin-top: 2em;
 
469
}
 
470
 
 
471
table.inventory {
 
472
    border-collapse: collapse;
 
473
    width: 80%;
 
474
    font-size: smaller;
 
475
    margin-top: 1em;
 
476
    border: 1px solid #8cacbb;
 
477
}
 
478
 
 
479
table.inventory td {
 
480
    padding-top: 3px;
 
481
    padding-bottom: 3px;
 
482
    vertical-align: middle;
 
483
}
 
484
 
 
485
table.inventory th {
 
486
    background-color: #8cacbb;
 
487
    padding-top: 3px;
 
488
    padding-bottom: 3px;
 
489
    text-align: left;
 
490
}
 
491
 
 
492
table.inventory th.permissions {
 
493
    padding-left: 0.5em;
 
494
}
 
495
 
 
496
.parity0 { background-color: #dee7ec; }
 
497
.parity1 { background-color: #eff8fd; }
 
498
 
 
499
.inventory td.permissions {
 
500
    font-family: monospace;
 
501
    width: 9em;
 
502
    padding-left: 0.5em;
 
503
}
 
504
 
 
505
.inventory td.filename {
 
506
    font-family: monospace;
 
507
}
 
508
 
 
509
.inventory td.size {
 
510
        font-family: monospace;
 
511
        font-size: smaller;
 
512
        width: 5em;
 
513
}
 
514
 
 
515
.inventory td.revision {
 
516
    width: 8em;
 
517
    padding-right: 1.5em;
 
518
}
 
519
 
 
520
.inventory td.date {
 
521
    font-family: monospace;
 
522
    font-size: smaller;
 
523
    width: 10em;
 
524
    padding-right: 1.5em;
 
525
}
 
526
 
 
527
.inventory td.changes-link {
 
528
    width: 6em;
 
529
    font-size: smaller;
 
530
}
 
531
 
 
532
.inventory td.download-link {
 
533
    width: 8em;
 
534
    font-size: smaller;
 
535
}
 
536
 
 
537
span.folder {
 
538
    font-family: monospace;
 
539
}
 
540
 
 
541
 
 
542
/* ----- file annotation ----- */
 
543
 
 
544
.annotate-path {
 
545
    font-family: monospace;
 
546
}
 
547
 
 
548
.annotate table {
 
549
    border-collapse: collapse;
 
550
    width: 100%;
 
551
    font-size: 66%;
 
552
}
 
553
 
 
554
.annotate td {
 
555
    padding-top: 2px;
 
556
    padding-bottom: 2px;
 
557
    vertical-align: bottom;
 
558
}
 
559
 
 
560
.annotate td.lineno {
 
561
    font-family: monospace;
 
562
    text-align: right;
 
563
    width: 4em;
 
564
    padding-right: 5px;
 
565
    font-weight: bold;
 
566
    border-bottom: 1px solid #8cacbb;
 
567
}
 
568
 
 
569
.annotate td.revno {
 
570
    font-family: monospace;
 
571
    text-align: right;
 
572
    width: 8em;
 
573
    padding-right: 5px;
 
574
    border-right: 1px solid #8cacbb;
 
575
}
 
576
 
 
577
.annotate td.text {
 
578
    font-family: monospace;
 
579
    padding-left: 1em;
 
580
}
 
581
 
 
582
.annotate th {
 
583
    background-color: #8cacbb;
 
584
    padding-top: 3px;
 
585
    padding-bottom: 3px;
 
586
    text-align: left;
 
587
}
 
588
 
 
589
.annotate th.lineno {
 
590
    text-align: right;
 
591
}
 
592
 
 
593
.annotate th.revision {
 
594
    text-align: right;
 
595
    padding-right: 5px;
 
596
}
 
597
 
 
598
.annotate th.text {
 
599
    padding-left: 1em;
 
600
}
 
601
 
 
602
 
 
603
/* ----- top-level browse page ----- */
 
604
 
 
605
.browse-project-name {
 
606
    background-color: #dee7ec;
 
607
    padding-top: 5px;
 
608
    padding-bottom: 5px;
 
609
    margin-left: 1em;
 
610
    margin-right: 1em;
 
611
    padding-left: 1em;
 
612
    width: 90%;
 
613
    font-weight: bold;
 
614
}
 
615
 
 
616
.browse-project-description {
 
617
        padding-top: 1em;
 
618
        padding-bottom: 1em;
 
619
        margin-left: 2em;
 
620
    width: 90%;
 
621
}
 
622
        
 
623
.browse-view {
 
624
        margin-top: 1em;
 
625
        margin-bottom: 1em;
 
626
        margin-left: 2em;
 
627
}
 
628
 
 
629
.browse-view table {
 
630
    border-collapse: collapse;
 
631
    width: 90%;
 
632
    margin-bottom: 2em;
 
633
}
 
634
 
 
635
.browse-view table tr.heading {
 
636
    background-color: #8cacbb;
 
637
    border-bottom: solid 1px #8cacbb;
 
638
    font-size: smaller;
 
639
}
 
640
 
 
641
.browse-view td,.browse-view th {
 
642
        padding: 0.25em 0.5em 0.25em 0.5em;
 
643
}
 
644
 
 
645
.browse-view td.name {
 
646
        width: 20%;
 
647
}
 
648
 
 
649
.browse-view td.last-update {
 
650
        font-size: smaller;
 
651
        width: 15%;
 
652
}
 
653
 
 
654
.browse-view td.url {
 
655
        font-family: monospace;
 
656
        font-size: smaller;
 
657
        padding-left: 3em;
 
658
        padding-top: 0px;
 
659
}
 
660
 
 
661
.browse-view td.feed {
 
662
        width: 16px;
 
663
}