1 | 1 | unreal | #outerDiv { |
2 | | | width: 700px; height: 500px; |
3 | | | border: 1px solid black; position: relative; |
4 | | | overflow: hidden; |
5 | | | } |
6 | | | #innerDiv { |
7 | | | position: relative; |
8 | | | left: 0px; |
9 | | | top: 0px; |
10 | | | z-index: 0; |
11 | | | } |
12 | | | #underMap { |
13 | | | border-left: 1px solid black; |
14 | | | border-right: 1px solid black; |
15 | | | border-bottom: 1px solid black; |
16 | | | padding: 0px 2px; |
17 | | | //width: 696px; |
18 | | | /* 4 pixels shorter to compensate for 2px padding */ |
19 | | | background: #898989; |
20 | | | color: #ffffff; |
21 | | | font: normal 10px sans-serif; |
22 | | | height: 13px; |
23 | | | } |
24 | | | #resolutionInfo { |
25 | | | float: left; |
26 | | | } |
27 | | | #version { |
28 | | | float: right; |
29 | | | } |
30 | | | #version a { |
31 | | | color: #ffffff; |
32 | | | text-decoration: none; |
33 | | | } |
34 | | | #version a:hover { |
35 | | | color: #ffffff; |
36 | | | text-decoration: none; |
37 | | | } |
38 | | | #zoomPanel { |
39 | | | position: absolute; |
40 | | | left:5px; |
41 | | | top:5px; |
42 | | | border: 1px solid black; |
43 | | | width: 32px; |
44 | | | height: 53px; |
45 | | | z-index:10; |
46 | | | } |
47 | | | #legend { |
48 | | | position: absolute; |
49 | | | left:5px; |
50 | | | bottom:5px; |
51 | | | border: 1px solid #898989; |
52 | | | background: #c0c0c0; |
53 | | | z-index:10; |
54 | | | display: none; |
55 | | | } |
56 | | | #legendcanvas { |
57 | | | float: left; |
58 | | | width: 25px; |
59 | | | padding: 5px; |
60 | | | padding-bottom: 2px; |
61 | | | } |
62 | | | #mapstats_legend { |
63 | | | float: left; |
64 | | | padding-top: 4px; |
65 | | | padding-right: 2px; |
66 | | | } |
67 | | | #menuset { |
68 | | | float:left; |
69 | | | border: 1px solid black; |
70 | | | z-index:1; |
71 | | | margin-left: 10px; |
72 | | | padding: 10px; |
73 | | | background: #ffffff; |
74 | | | } |
75 | | | #mapstats { |
76 | | | position: absolute; |
77 | | | left:0px; |
78 | | | top:0px; |
79 | | | border: none; |
80 | | | width: 900px; |
81 | | | height: 800px; |
82 | | | z-index:1; |
83 | | | } |
84 | | | #mapstats2 { |
85 | | | position: absolute; |
86 | | | left:0px; |
87 | | | top:0px; |
88 | | | border: none; |
89 | | | width: 900px; |
90 | | | height: 800px; |
91 | | | z-index:2; |
92 | | | } |
93 | | | #translucent { |
94 | | | width: 32px; |
95 | | | height: 53px; |
96 | | | background-color: blue; |
97 | | | filter:alpha(opacity=15); |
98 | | | -moz-opacity:0.15; |
99 | | | opacity: 0.15; |
100 | | | } |
101 | | | #opaque { |
102 | | | width: 32px; |
103 | | | height: 53px; |
104 | | | background-color: transparent; |
105 | | | position: absolute; |
106 | | | z-index: 20; |
107 | | | } |
108 | | | #magnifier { |
109 | | | position:absolute; left:0px; top:0px; |
110 | | | background-color:transparent; border: solid red 1px; |
111 | | | width: 150px; |
112 | | | font-size: 0px; /* hack for IE6 */ |
113 | | | } |
114 | | | div.miniMap { |
115 | | | position:relative; left:0px; top:0px; border: solid black 1px; width: 150px; |
116 | | | } |
117 | | | img { |
118 | | | display: block; /* fix for IE */ |
119 | | | } |