1 | 9 | unreal | html,body { overflow:auto; border-width:0px; } |
2 | | | html>body { overflow:visible; } |
3 | | | img { display:block; /* fix for IE */ } |
4 | | | canvas { display:block; } |
5 | 8 | unreal | |
6 | 9 | unreal | .clr { |
7 | | | clear:both; |
8 | | | } |
9 | | | |
10 | | | #wrapper, #map { |
11 | | | float:left; |
12 | | | } |
13 | | | |
14 | | | #outerDiv { |
15 | | | background:#ffffff; |
16 | | | width:700px; |
17 | | | height:500px; |
18 | | | border:1px solid black; |
19 | | | position:relative; |
20 | | | overflow:hidden; |
21 | | | } |
22 | | | #innerDiv { |
23 | | | cursor:url('grabbing.cur'), default; |
24 | | | position:relative; |
25 | | | left:0; |
26 | | | top:0; |
27 | | | z-index:0; |
28 | | | } |
29 | | | #underMap { |
30 | | | background:#898989; |
31 | | | color:#ffffff; |
32 | | | font:normal 10px sans-serif; |
33 | | | height:13px; |
34 | | | padding:0 2px; |
35 | | | width:696px; /* 4 pixels shorter to compensate for 2px padding */ |
36 | | | border:1px solid black; |
37 | | | border-top:0px none; |
38 | | | } |
39 | | | #resolutionInfo { |
40 | | | float:left; |
41 | | | } |
42 | | | #version { |
43 | | | float:right; |
44 | | | } |
45 | | | #version a, #version a:hover { |
46 | | | color:#ffffff; |
47 | | | text-decoration:none; |
48 | | | } |
49 | | | #zoomPanel { |
50 | | | width:32px; |
51 | | | height:53px; |
52 | | | border:1px solid black; |
53 | | | position:absolute; |
54 | | | left:5px; |
55 | | | top:5px; |
56 | | | z-index:10; |
57 | | | } |
58 | | | #legend { |
59 | | | background:#c0c0c0; |
60 | | | display:none; |
61 | | | border:1px solid #898989; |
62 | | | position:absolute; |
63 | | | left:5px; |
64 | | | bottom:5px; |
65 | | | z-index:10; |
66 | | | } |
67 | | | #legendcanvas { |
68 | | | float:left; |
69 | | | width:25px; |
70 | | | padding:5px 5px 2px 5px; |
71 | | | } |
72 | | | #mapstats_legend { |
73 | | | float:left; |
74 | | | padding:4px 2px 0 0; |
75 | | | } |
76 | | | #menuset { |
77 | | | float:left; |
78 | | | background:#ffffff; |
79 | | | padding:10px; |
80 | | | margin-left:10px; |
81 | | | border:1px solid black; |
82 | | | z-index:1; |
83 | | | } |
84 | | | #mapstats { |
85 | | | width:900px; |
86 | | | height:800px; |
87 | | | border:0px none; |
88 | | | position:absolute; |
89 | | | left:0; |
90 | | | top:0; |
91 | | | z-index:1; |
92 | | | } |
93 | | | #mapstats_over { |
94 | | | background:url('blank.gif'); |
95 | | | width:900px; |
96 | | | height:800px; |
97 | | | border:0px none; |
98 | | | position:absolute; |
99 | | | left:0; |
100 | | | top:0; |
101 | | | z-index:46; |
102 | | | } |
103 | | | #translucent { |
104 | | | width:32px; |
105 | | | height:53px; |
106 | | | background-color:blue; |
107 | | | filter:alpha(opacity=15); |
108 | | | -moz-opacity:0.15; |
109 | | | -khtml-opacity:0.15; |
110 | | | opacity:0.15; |
111 | | | } |
112 | | | #zooms { |
113 | | | width:32px; |
114 | | | height:53px; |
115 | | | background-color:transparent; |
116 | | | position:absolute; |
117 | | | z-index:50; |
118 | | | } |
119 | | | #zooms a { |
120 | | | background:#c5eec5; |
121 | | | display:inline-block; |
122 | | | font-size:0; |
123 | | | width:20px; |
124 | | | height:5px; |
125 | | | border:1px solid black; |
126 | | | } |
127 | | | #zooms a.active { |
128 | | | background:#e66755; |
129 | | | } |
130 | | | #zooms #zoom0 { |
131 | | | position:absolute; |
132 | | | top:5px; |
133 | | | left:5px; |
134 | | | } |
135 | | | #zooms #zoom1 { |
136 | | | position:absolute; |
137 | | | top:17px; |
138 | | | left:5px; |
139 | | | } |
140 | | | #zooms #zoom2 { |
141 | | | position:absolute; |
142 | | | top:29px; |
143 | | | left:5px; |
144 | | | } |
145 | | | #zooms #zoom3 { |
146 | | | position:absolute; |
147 | | | top:41px; |
148 | | | left:5px; |
149 | | | } |
150 | | | #magnifier { |
151 | | | width:150px; |
152 | | | font-size:0; |
153 | | | background-color:#fff; |
154 | | | border:1px solid red; |
155 | | | position:absolute; |
156 | | | left:0; |
157 | | | top:0; |
158 | | | cursor:move; |
159 | | | filter:alpha(opacity=37); |
160 | | | -moz-opacity:0.37; |
161 | | | -khtml-opacity:0.37; |
162 | | | opacity:0.37; |
163 | | | } |
164 | | | .ap { |
165 | | | background:url('ap.png'); |
166 | | | font-size:0; |
167 | | | width:62px; |
168 | | | height:34px; |
169 | | | cursor:url('grab.cur'), default; |
170 | | | } |
171 | | | .node { |
172 | | | font-size:0; |
173 | | | width:14px; |
174 | | | height:14px; |
175 | | | cursor:url('grab.cur'), default; |
176 | | | } |
177 | | | .client { |
178 | | | background:url('client.png'); |
179 | | | font-size:0; |
180 | | | width:14px; |
181 | | | height:14px; |
182 | | | cursor:url('grab.cur'), default; |
183 | | | } |
184 | | | .switch { |
185 | | | background:url('switch.png'); |
186 | | | font-size:0; |
187 | | | width:12px; |
188 | | | height:12px; |
189 | | | cursor:url('grab.cur'), default; |
190 | | | } |
191 | | | .infopoint { |
192 | | | background:url('info.png'); |
193 | | | font-size:0; |
194 | | | width:14px; |
195 | | | height:14px; |
196 | | | cursor:url('grab.cur'), default; |
197 | | | } |
198 | | | .stitek { |
199 | | | font-family:Arial, Helvetica, sans-serif; |
200 | | | font-size:9px; |
201 | | | background:#000; |
202 | | | color:#fff; |
203 | | | white-space:nowrap; |
204 | | | letter-spacing:1px; |
205 | | | cursor:url('grab.cur'), default; |
206 | | | padding:0 2px 0 3px; |
207 | | | } |
208 | | | .legend { |
209 | | | font-family:Arial, Helvetica, sans-serif; |
210 | | | font-size:9px; |
211 | | | color:#000; |
212 | | | letter-spacing:1px; |
213 | | | white-space:nowrap; |
214 | | | padding:0 2px 0 3px; |
215 | | | cursor:default; |
216 | | | position:relative; |
217 | | | } |
218 | | | |
219 | | | div.miniMap { |
220 | | | width:150px; |
221 | | | border:1px solid black; |
222 | | | position:relative; |
223 | | | left:0; |
224 | | | top:0; |
225 | | | } |
226 | | | #mapstats_update { |
227 | | | _width:100%; |
228 | | | } |