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