1 | /* $Id:$ */ |
---|
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 | |
---|
16 | /* Set the width of the menubar for the admin section */ |
---|
17 | BODY#theAdminPage #menubar { |
---|
18 | width: 12em; |
---|
19 | } |
---|
20 | BODY#theAdminPage #content { |
---|
21 | margin-left: 14em; |
---|
22 | } |
---|
23 | |
---|
24 | /* Set some sizes according to your maximum thumbnail width and height */ |
---|
25 | #content UL.thumbnails SPAN, |
---|
26 | #content UL.thumbnails SPAN.wrap2 A, |
---|
27 | #content DIV.thumbnailCategory DIV.illustration { |
---|
28 | width: 140px; /* max thumbnail width + 2px */ |
---|
29 | } |
---|
30 | #content UL.thumbnails SPAN.wrap2, |
---|
31 | #content DIV.thumbnailCategory DIV.description { |
---|
32 | height: 140px; /* max thumbnail height + 2px */ |
---|
33 | } |
---|
34 | #content DIV.comment BLOCKQUOTE { |
---|
35 | margin-left: 150px; /*maximum thumbnail width + ~10px */ |
---|
36 | } |
---|
37 | |
---|
38 | /* Category thumbnails on main page */ |
---|
39 | #content UL.thumbnailCategories LI { |
---|
40 | width: 49.9%; /* 49.9% for 2 per line, 33.3% for 3 per line*/ |
---|
41 | } |
---|
42 | |
---|
43 | /* display/hide thumbnails legend */ |
---|
44 | #content UL.thumbnails SPAN.thumbLegend { |
---|
45 | display: block; /* display: none; if you don't want legend */ |
---|
46 | } |
---|