1 | /* $Id: default-layout.css 2390 2008-06-22 08:45:28Z vdigital $ */ |
---|
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 some sizes according to your maximum thumbnail width and height */ |
---|
20 | .content UL.thumbnails SPAN, |
---|
21 | .content UL.thumbnails SPAN.wrap2 A, |
---|
22 | .content UL.thumbnails LABEL, |
---|
23 | .content DIV.thumbnailCategory DIV.illustration { |
---|
24 | width: 140px; /* max thumbnail width + 2px */ |
---|
25 | } |
---|
26 | .content UL.thumbnails SPAN.wrap2, |
---|
27 | .content DIV.thumbnailCategory DIV.description { |
---|
28 | height: 140px; /* max thumbnail height + 2px */ |
---|
29 | } |
---|
30 | .content DIV.comment BLOCKQUOTE { |
---|
31 | margin-left: 150px; /*maximum thumbnail width + ~10px */ |
---|
32 | } |
---|
33 | |
---|
34 | /* Category thumbnails on main page */ |
---|
35 | .content UL.thumbnailCategories LI { |
---|
36 | width: 49.7%; /* 49.7% for 2 per line, 33.2% for 3 per line*/ |
---|
37 | } |
---|
38 | |
---|
39 | /* Set defaults for thumbnails legend */ |
---|
40 | .content UL.thumbnails SPAN.thumbLegend { |
---|
41 | display: block; /* display: none; if you don't want legend */ |
---|
42 | height: 4em; /* legend height (don't set auto to be Gecko friendly)*/ |
---|
43 | } |
---|
44 | |
---|
45 | /* Tooltips*/ |
---|
46 | .tooltip { |
---|
47 | position: relative; |
---|
48 | } |
---|
49 | |
---|
50 | .tooltip span { |
---|
51 | display: none; |
---|
52 | } |
---|
53 | |
---|
54 | .tooltip:hover { |
---|
55 | cursor: pointer; |
---|
56 | z-index: 500; |
---|
57 | } |
---|
58 | |
---|
59 | .tooltip:hover span { |
---|
60 | display: inline; |
---|
61 | position: absolute; |
---|
62 | top: 30px; |
---|
63 | left: -50px; |
---|
64 | width: 400px; |
---|
65 | |
---|
66 | font-size: 11px; |
---|
67 | text-decoration: none; |
---|
68 | text-align: justify; |
---|
69 | background-color: #FFFFCC; |
---|
70 | color: #444444; |
---|
71 | |
---|
72 | padding: 10px; |
---|
73 | border: 1px solid Black; |
---|
74 | } |
---|