NCCOOS Trac Projects: Top | Web | Platforms | Processing | Viz | Sprints | Sandbox | (Wind)

root/Chameleon/trunk/Chameleon/css/mapbrowser.css

Revision 13 (checked in by jcleary, 17 years ago)

Latest Chameleon code checkout from previous repository

Line 
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
Note: See TracBrowser for help on using the browser.