← 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-14 05:43:10 UTC
  • Revision ID: robey@lag.net-20070114054310-q2tl1wlq0198owy3
fix collapse/expand triangles

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