1 | /* $Id: default-layout.css 1900 2007-03-12 22:33:53Z rub $ */ |
---|
2 | |
---|
3 | /* Set the width of the menubar for the galery */ |
---|
4 | #menubar { |
---|
5 | width: 18em; |
---|
6 | } |
---|
7 | #content { |
---|
8 | margin-left: 20em; /* = #menubar width + 2em */ |
---|
9 | } |
---|
10 | /* Set minimum width of the page before getting a scrollbar */ |
---|
11 | /* IE5 and IE6 don't get that */ |
---|
12 | BODY { |
---|
13 | min-width: 60em; /* ~ 3* #menubar width */ |
---|
14 | } |
---|
15 | BODY#thePopuphelpPage { |
---|
16 | min-width: 0; |
---|
17 | } |
---|
18 | |
---|
19 | /* Set the width of the menubar for the admin section */ |
---|
20 | BODY#theAdminPage #menubar { |
---|
21 | width: 12.5em; |
---|
22 | } |
---|
23 | BODY#theAdminPage #content { |
---|
24 | margin-left: 14.5em; /* = #menubar width + 2em */ |
---|
25 | } |
---|
26 | |
---|
27 | /* Set some sizes according to your maximum thumbnail width and height */ |
---|
28 | #content UL.thumbnails SPAN, |
---|
29 | #content UL.thumbnails SPAN.wrap2 A, |
---|
30 | #content UL.thumbnails LABEL, |
---|
31 | #content DIV.thumbnailCategory DIV.illustration { |
---|
32 | width: 140px; /* max thumbnail width + 2px */ |
---|
33 | } |
---|
34 | #content UL.thumbnails SPAN.wrap2, |
---|
35 | #content DIV.thumbnailCategory DIV.description { |
---|
36 | height: 140px; /* max thumbnail height + 2px */ |
---|
37 | } |
---|
38 | #content DIV.comment BLOCKQUOTE { |
---|
39 | margin-left: 150px; /*maximum thumbnail width + ~10px */ |
---|
40 | } |
---|
41 | |
---|
42 | /* Category thumbnails on main page */ |
---|
43 | #content UL.thumbnailCategories LI { |
---|
44 | width: 49.7%; /* 49.7% for 2 per line, 33.2% for 3 per line*/ |
---|
45 | } |
---|
46 | |
---|
47 | /* Set defaults for thumbnails legend */ |
---|
48 | #content UL.thumbnails SPAN.thumbLegend { |
---|
49 | display: block; /* display: none; if you don't want legend */ |
---|
50 | height: 4em; /* legend height (don't set auto to be Gecko friendly)*/ |
---|
51 | } |
---|