1 |
/* CSS document */ |
---|
2 |
|
---|
3 |
|
---|
4 |
input { |
---|
5 |
font-family: Arial, Helvetica, sans-serif; |
---|
6 |
font-size: 11px; |
---|
7 |
width: 200px; |
---|
8 |
} |
---|
9 |
|
---|
10 |
select { |
---|
11 |
font-family: Arial, Helvetica, sans-serif; |
---|
12 |
font-size: 11px; |
---|
13 |
width: 200px; |
---|
14 |
} |
---|
15 |
|
---|
16 |
.layoutTable { |
---|
17 |
/* dark grey box */ |
---|
18 |
background-color: #666666; |
---|
19 |
} |
---|
20 |
|
---|
21 |
/* white box with beveled border */ |
---|
22 |
.bevel1 { |
---|
23 |
background-color: #ffffff; |
---|
24 |
border-top-width: 1px; |
---|
25 |
border-right-width: 1px; |
---|
26 |
border-bottom-width: 1px; |
---|
27 |
border-left-width: 1px; |
---|
28 |
border-top-style: solid; |
---|
29 |
border-right-style: solid; |
---|
30 |
border-bottom-style: solid; |
---|
31 |
border-left-style: solid; |
---|
32 |
border-top-color: #ffffff; |
---|
33 |
border-right-color: #999999; |
---|
34 |
border-bottom-color: #999999; |
---|
35 |
border-left-color: #ffffff; |
---|
36 |
} |
---|
37 |
|
---|
38 |
/* light grey box with beveled border */ |
---|
39 |
.bevel2 { |
---|
40 |
background-color: #f0f0f0; |
---|
41 |
border-top-width: 1px; |
---|
42 |
border-right-width: 1px; |
---|
43 |
border-bottom-width: 1px; |
---|
44 |
border-left-width: 1px; |
---|
45 |
border-top-style: solid; |
---|
46 |
border-right-style: solid; |
---|
47 |
border-bottom-style: solid; |
---|
48 |
border-left-style: solid; |
---|
49 |
border-top-color: #ffffff; |
---|
50 |
border-right-color: #999999; |
---|
51 |
border-bottom-color: #999999; |
---|
52 |
border-left-color: #ffffff; |
---|
53 |
} |
---|
54 |
|
---|
55 |
/* dark grey box with beveled border */ |
---|
56 |
.bevel3 { |
---|
57 |
background-color: #d9d9d9; |
---|
58 |
border-top-width: 1px; |
---|
59 |
border-right-width: 1px; |
---|
60 |
border-bottom-width: 1px; |
---|
61 |
border-left-width: 1px; |
---|
62 |
border-top-style: solid; |
---|
63 |
border-right-style: solid; |
---|
64 |
border-bottom-style: solid; |
---|
65 |
border-left-style: solid; |
---|
66 |
border-top-color: #ffffff; |
---|
67 |
border-right-color: #999999; |
---|
68 |
border-bottom-color: #999999; |
---|
69 |
border-left-color: #ffffff; |
---|
70 |
} |
---|
71 |
/* darker grey box with beveled border */ |
---|
72 |
.bevel4 { |
---|
73 |
background-color: #C4C4C4; |
---|
74 |
border-top-width: 1px; |
---|
75 |
border-right-width: 1px; |
---|
76 |
border-bottom-width: 1px; |
---|
77 |
border-left-width: 1px; |
---|
78 |
border-top-style: solid; |
---|
79 |
border-right-style: solid; |
---|
80 |
border-bottom-style: solid; |
---|
81 |
border-left-style: solid; |
---|
82 |
border-top-color: #ffffff; |
---|
83 |
border-right-color: #999999; |
---|
84 |
border-bottom-color: #999999; |
---|
85 |
border-left-color: #ffffff; |
---|
86 |
} |
---|
87 |
|
---|
88 |
/* white box with reverse beveled border */ |
---|
89 |
.rbevel1 { |
---|
90 |
background-color: #ffffff; |
---|
91 |
border-top-width: 1px; |
---|
92 |
border-right-width: 1px; |
---|
93 |
border-bottom-width: 1px; |
---|
94 |
border-left-width: 1px; |
---|
95 |
border-top-style: solid; |
---|
96 |
border-right-style: solid; |
---|
97 |
border-bottom-style: solid; |
---|
98 |
border-left-style: solid; |
---|
99 |
border-top-color: #999999; |
---|
100 |
border-right-color: #ffffff; |
---|
101 |
border-bottom-color: #ffffff; |
---|
102 |
border-left-color: #999999; |
---|
103 |
} |
---|
104 |
|
---|
105 |
/* light grey box with reverse beveled border */ |
---|
106 |
.rbevel2 { |
---|
107 |
background-color: #f0f0f0; |
---|
108 |
border-top-width: 1px; |
---|
109 |
border-right-width: 1px; |
---|
110 |
border-bottom-width: 1px; |
---|
111 |
border-left-width: 1px; |
---|
112 |
border-top-style: solid; |
---|
113 |
border-right-style: solid; |
---|
114 |
border-bottom-style: solid; |
---|
115 |
border-left-style: solid; |
---|
116 |
border-top-color: #999999; |
---|
117 |
border-right-color: #ffffff; |
---|
118 |
border-bottom-color: #ffffff; |
---|
119 |
border-left-color: #999999; |
---|
120 |
} |
---|
121 |
|
---|
122 |
/* dark grey box with reverse beveled border */ |
---|
123 |
.rbevel3 { |
---|
124 |
background-color: #d9d9d9; |
---|
125 |
border-top-width: 1px; |
---|
126 |
border-right-width: 1px; |
---|
127 |
border-bottom-width: 1px; |
---|
128 |
border-left-width: 1px; |
---|
129 |
border-top-style: solid; |
---|
130 |
border-right-style: solid; |
---|
131 |
border-bottom-style: solid; |
---|
132 |
border-left-style: solid; |
---|
133 |
border-top-color: #999999; |
---|
134 |
border-right-color: #ffffff; |
---|
135 |
border-bottom-color: #ffffff; |
---|
136 |
border-left-color: #999999; |
---|
137 |
} |
---|
138 |
|
---|
139 |
/* darker grey box with reverse beveled border */ |
---|
140 |
.rbevel4 { |
---|
141 |
background-color: #C4C4C4; |
---|
142 |
border-top-width: 1px; |
---|
143 |
border-right-width: 1px; |
---|
144 |
border-bottom-width: 1px; |
---|
145 |
border-left-width: 1px; |
---|
146 |
border-top-style: solid; |
---|
147 |
border-right-style: solid; |
---|
148 |
border-bottom-style: solid; |
---|
149 |
border-left-style: solid; |
---|
150 |
border-top-color: #999999; |
---|
151 |
border-right-color: #ffffff; |
---|
152 |
border-bottom-color: #ffffff; |
---|
153 |
border-left-color: #999999; |
---|
154 |
} |
---|
155 |
|
---|
156 |
.serverSelector { |
---|
157 |
width: 325px; |
---|
158 |
font-family: Arial, Helvetica, sans-serif; |
---|
159 |
font-size: 11px; |
---|
160 |
} |
---|
161 |
|
---|
162 |
.layerSelector { |
---|
163 |
width: 550px; |
---|
164 |
font-family: Arial, Helvetica, sans-serif; |
---|
165 |
font-size: 11px; |
---|
166 |
} |
---|
167 |
|
---|
168 |
.legendSelect { |
---|
169 |
background-color: #FFFFCC; |
---|
170 |
border-top-width: 1px; |
---|
171 |
border-right-width: 1px; |
---|
172 |
border-bottom-width: 1px; |
---|
173 |
border-left-width: 1px; |
---|
174 |
border-top-style: solid; |
---|
175 |
border-right-style: solid; |
---|
176 |
border-bottom-style: solid; |
---|
177 |
border-left-style: solid; |
---|
178 |
border-top-color: #FFFFFF; |
---|
179 |
border-right-color: #999999; |
---|
180 |
border-bottom-color: #999999; |
---|
181 |
border-left-color: #FFFFFF; |
---|
182 |
} |
---|
183 |
|
---|
184 |
.legendItem { |
---|
185 |
font-family: Arial, Helvetica, sans-serif; |
---|
186 |
font-size: 11px; |
---|
187 |
text-decoration: none; |
---|
188 |
color: #0000CC; |
---|
189 |
display: block; |
---|
190 |
width: 100%; |
---|
191 |
} |
---|
192 |
|
---|
193 |
.legendItem:hover { |
---|
194 |
font-family: Arial, Helvetica, sans-serif; |
---|
195 |
font-size: 11px; |
---|
196 |
text-decoration: underline; |
---|
197 |
color: #0000CC; |
---|
198 |
} |
---|
199 |
|
---|
200 |
.treeItem { |
---|
201 |
font-family: Arial, Helvetica, sans-serif; |
---|
202 |
font-size: 11px; |
---|
203 |
border-width: 1px; |
---|
204 |
border-style: solid; |
---|
205 |
border-color: #ffffff; |
---|
206 |
} |
---|
207 |
|
---|
208 |
.treeItemSelect { |
---|
209 |
font-family: Arial, Helvetica, sans-serif; |
---|
210 |
background-color: #e3f0f0; |
---|
211 |
border-width: 1px; |
---|
212 |
border-style: solid; |
---|
213 |
border-color: #B2C4C4; |
---|
214 |
font-size: 11px; |
---|
215 |
font-weight: bold; |
---|
216 |
} |
---|
217 |
|
---|
218 |
.treeLink { |
---|
219 |
font-family: Arial, Helvetica, sans-serif; |
---|
220 |
font-size: 11px; |
---|
221 |
display: block; |
---|
222 |
text-decoration: none; |
---|
223 |
color: #0000CC; |
---|
224 |
border-width: 1px; |
---|
225 |
border-style: solid; |
---|
226 |
border-color: #ffffff; |
---|
227 |
} |
---|
228 |
|
---|
229 |
.treeLink:hover { |
---|
230 |
color: #0000CC; |
---|
231 |
text-decoration: underline; |
---|
232 |
background-color: #e3f0f0; |
---|
233 |
border-width: 1px; |
---|
234 |
border-style: solid; |
---|
235 |
border-color: #B2C4C4; |
---|
236 |
} |
---|
237 |
|
---|
238 |
.propertiesLabel |
---|
239 |
{ |
---|
240 |
font-family: Arial, Helvetica, sans-serif; |
---|
241 |
font-size: 11px; |
---|
242 |
color: #333333; |
---|
243 |
} |
---|
244 |
|
---|
245 |
.title |
---|
246 |
{ |
---|
247 |
font-family: Arial, Helvetica, sans-serif; |
---|
248 |
font-size: 14px; |
---|
249 |
font-weight: bold; |
---|
250 |
color: #000000; |
---|
251 |
vertical-align: middle; |
---|
252 |
text-align: left; |
---|
253 |
} |
---|
254 |
.helpArea |
---|
255 |
/* Defines the style of the help area. |
---|
256 |
- Basic useage sets the styling of the <p> that surrounds the help text. */ |
---|
257 |
{ |
---|
258 |
font-family: Arial, Helvetica, sans-serif; |
---|
259 |
font-size: 11px; |
---|
260 |
color: #666666; |
---|
261 |
width: 570px; |
---|
262 |
padding: 5px; |
---|
263 |
margin: 5px; |
---|
264 |
background-color: #ffffff; |
---|
265 |
border: 1px solid #cccccc; |
---|
266 |
} |
---|
267 |
|
---|