当前文件： ComponentArtWebUI/common/css/demos.css[14K，2009-6-12 11:37:11]，打开代码结构图

		            
  1/**//* Main page content
  2===================================================================== */
  3body {...}{
  4    margin:0;
  5    background-color:#ffffff;
  6    color:#666666;
  7    background-image:url("../images/background-body.png");
  8    background-repeat:repeat-x;
  9    font-family:Tahoma,Arial,Helvetica,sans-serif;
 10    font-size:11px;
 11}
 12
 13/**//*
 14div { text-align:left !important; }
 15*/
 16
 17a:link {...}{ color:#dd3409;text-decoration:none; }
 18a:visited {...}{ color:#9f301d;text-decoration:none; }
 19a:visited:hover {...}{ color:#9f301d;text-decoration:underline; }
 20a:hover {...}{ color:#dd3409;text-decoration:underline; }
 21a:active {...}{ color:#ff3300;text-decoration:underline; }
 22
 23/**//*
 24    table cell containing the demos -- opens in /common/controls/demo_header.ascx, closes in /common/controls/demo_footer.ascx
 25    centers the main body content (for pages with no DOCTYPE specified)
 26*/
 27#demo-cell {...}{ font-size:11px; }
 28
 29
 30/**//* Containers */
 31#body-container {...}{ width:980px;margin:0px auto;text-align:left !important; }
 32#header-container {...}{ width:980px;height:64px;background-color:transparent;margin-top:10px; }
 33
 34
 35/**//* Header */
 36#header {...}{
 37    width:980px;
 38    height:39px;
 39    background-image:url("../images/navigation/background-nav.png");
 40    background-repeat:no-repeat;
 41}
 42
 43#header img.logo {...}{ margin:5px 0 0 19px;float:left; }
 44#header img.logo-active {...}{ margin:5px 0 0 19px;float:left;cursor:pointer; }
 45#header img.divider {...}{ margin-top:5px;float:left; }
 46#header img.demo-title {...}{ margin-top:5px;float:left;height:34px; }
 47#header img.separator {...}{ margin-top:5px;float:left; }
 48#header img.home {...}{ margin-top:5px;float:left;cursor:pointer; }
 49#header img.home-active {...}{ margin-top:5px;float:left;cursor:default; }
 50#header img.site {...}{ margin:5px 0 0 3px;float:left;cursor:pointer; }
 51
 52/**//* SubNav */
 53#subnav {...}{
 54    width:980px;
 55    height:25px;
 56    background-image:url("../images/navigation/background-subnav.png");
 57    background-repeat:no-repeat;
 58    /**//*padding:5px 8px 0 12px;*/
 59    font-size:9px;
 60    cursor:default;
 61}
 62
 63#subnav #breadcrumbs {...}{ width:auto;color:#dd3409;float:left;margin:4px 8px;font-size:9px; }
 64#subnav #breadcrumbs table#Breadcrumbs {...}{ height:13px !important;font-size:9px; }
 65#subnav #breadcrumbs img {...}{ margin-left:5px;margin-right:5px; }
 66#subnav #breadcrumbs a:link {...}{ color:#dd3409;text-decoration:none;font-size:9px; }
 67#subnav #breadcrumbs a:hover {...}{ color:#dd3409;text-decoration:underline;font-size:9px; }
 68#subnav #breadcrumbs a:visited {...}{ color:#dd3409;text-decoration:none;font-size:9px; }
 69#subnav #breadcrumbs a:visited:hover {...}{ color:#dd3409;text-decoration:underline;font-size:9px; }
 70#subnav #breadcrumbs a:active {...}{ color:#ff3300;text-decoration:underline;font-size:9px; }
 71
 72/**//* Demo Menu */
 73#demo-menu {...}{ padding-top:6px;margin-bottom:10px; }
 74#demo-menu div.version {...}{ padding-top:6px;padding-right:10px;float:right; }
 75#demo-menu .menu {...}{ cursor:default;border:0; }
 76#demo-menu .menu img {...}{ margin-left:3px; }
 77
 78/**//* Integration Menu */
 79.group-integration {...}{ cursor:default; }
 80.item-integration-top {...}{ width:332px;height:5px;background-image:url("../images/demos/menu-item-integration-top.png");background-repeat:no-repeat;background-color:transparent; }
 81.item-integration-bottom {...}{ width:332pxpx;height:8px;background-image:url("../images/demos/menu-item-integration-bottom.png");background-repeat:no-repeat;background-color:transparent; }
 82.item-integration {...}{
 83    width:332px;
 84    color:#dd3409;
 85    text-decoration:none;
 86    background-image:url("../images/demos/menu-item-integration.png");
 87    background-repeat:repeat-y;
 88    background-color:transparent;
 89    cursor:pointer;
 90}
 91
 92.item-integration-hover {...}{
 93    width:332px;
 94    text-decoration:none;
 95    background-image:url("../images/demos/menu-item-integration.png");
 96    background-repeat:repeat-y;
 97    background-color:transparent;
 98    cursor:pointer;
 99}
100
101.item-integration-divider {...}{ width:332px;height:20px;background-image:url("../images/demos/menu-item-integration.png");background-repeat:repeat-y;background-color:transparent;cursor:default; }
102
103div.integration-template {...}{ width:332px;height:90px; }
104div.integration-template ul {...}{ width:301px;height:80px;margin:6px 0 0 31px;padding:0;list-style:none; }
105div.integration-template ul li {...}{ float:left;display:inline; }
106div.integration-template ul li.image {...}{ width:145px;margin-right:10px;height:80px; }
107div.integration-template ul li.text {...}{ margin-top:5px;width:130px;height:70px; }
108div.integration-template ul li.text span.description {...}{ width:130px;margin-top:4px;display:block;text-align:left; }
109
110
111/**//* Ajax Techniques Menu */
112.group-ajax {...}{ cursor:default; }
113.item-ajax-top {...}{ width:295px;height:4px;background-image:url("../images/demos/menu-item-ajax-top.png");background-repeat:no-repeat;background-color:transparent; }
114.item-ajax-bottom {...}{ width:295px;height:8px;background-image:url("../images/demos/menu-item-ajax-bottom.png");background-repeat:no-repeat;background-color:transparent; }
115.item-ajax {...}{
116    width:295px;
117    color:#dd3409;
118    text-decoration:none;
119    background-image:url("../images/demos/menu-item-ajax.png");
120    background-repeat:repeat-y;
121    background-color:transparent;
122    cursor:pointer;
123}
124
125.item-ajax-hover {...}{
126    width:295px;
127    text-decoration:none;
128    background-image:url("../images/demos/menu-item-ajax.png");
129    background-repeat:repeat-y;
130    background-color:transparent;
131    cursor:pointer;
132}
133
134.item-ajax-divider {...}{ width:295px;height:9px;background-image:url("../images/demos/menu-item-ajax.png");background-repeat:repeat-y;background-color:transparent;cursor:default; }
135
136div.ajax-template {...}{ width:260px;height:52px;padding:2px 0 0 35px; }
137div.ajax-template div.txt {...}{ width:100px;height:52px;line-height:16px;float:left;}
138div.ajax-template span.num {...}{ color:#999;font-size:10px;display:block; }
139div.ajax-template span {...}{ color:#dd3409;font-weight:bold;display:block; }
140div.ajax-template div.img {...}{ width:146px;height:45px;background:transparent url("../images/demos/index/ajax.png") no-repeat;float:right;padding:0;margin:2px 0 0 0; }
141    div.ajax-template div.t1 {...}{ background-position:-300px 0; }
142    div.ajax-template div.t2 {...}{ background-position:-300px -45px; }
143    div.ajax-template div.t3 {...}{ background-position:-300px -90px; }
144
145
146/**//* Technology Showcase Menu */
147.group-showcase {...}{ cursor:default; }
148.item-showcase-top {...}{ width:255px;height:4px;background-image:url("../images/demos/menu-item-showcase-top.png");background-repeat:no-repeat;background-color:transparent; }
149.item-showcase-bottom {...}{ width:255px;height:8px;background-image:url("../images/demos/menu-item-showcase-bottom.png");background-repeat:no-repeat;background-color:transparent; }
150.item-showcase {...}{
151    font-size:11px;
152    width:255px;
153    height:16px;
154    color:#dd3409;
155    text-decoration:none;
156    background-image:url("../images/demos/menu-item-showcase.png");
157    background-repeat:repeat-y;
158    background-color:transparent;
159    cursor:pointer;
160}
161
162.item-showcase-hover {...}{
163    font-size:11px;
164    width:255px;
165    height:16px;
166    color:#dd3409;
167    text-decoration:underline !important;
168    background-image:url("../images/demos/menu-item-showcase.png");
169    background-repeat:repeat-y;
170    background-color:transparent;
171    cursor:pointer;
172}
173
174.item-showcase-title {...}{
175    font-size:11px;
176    width:255px;
177    height:19px !important;
178    color:#666666;
179    font-weight:bold;
180    padding-top:3px;
181    background-image:url("../images/demos/menu-item-showcase.png");
182    background-repeat:repeat-y;
183    background-color:transparent;
184    cursor:default;
185}
186
187.item-showcase-spacer {...}{ width:255px;height:10px;background-image:url("../images/demos/menu-item-showcase.png");background-repeat:repeat-y;background-color:transparent;cursor:default; }
188
189/**//* Controls-Specific Menu */
190.group-controls {...}{ cursor:default; }
191.item-controls-top {...}{ width:153px;height:7px;background-image:url("../images/demos/menu-item-controls-top.png");background-repeat:no-repeat;background-color:transparent; }
192.item-controls-bottom {...}{ width:153px;height:8px;background-image:url("../images/demos/menu-item-controls-bottom.png");background-repeat:no-repeat;background-color:transparent; }
193.item-controls {...}{
194    font-size:11px;
195    width:153px;
196    height:18px;
197    color:#dd3409;
198    text-decoration:none;
199    background-image:url("../images/demos/menu-item-controls.png");
200    background-repeat:repeat-y;
201    background-color:transparent;
202    cursor:pointer;
203}
204
205.item-controls-hover {...}{
206    font-size:11px;
207    width:153px;
208    height:18px;
209    color:#dd3409;
210    text-decoration:underline !important;
211    background-image:url("../images/demos/menu-item-controls.png");
212    background-repeat:repeat-y;
213    background-color:transparent;
214    cursor:pointer;
215}
216
217.item-controls-title {...}{
218    font-size:11px;
219    width:153px;
220    height:19px !important;
221    color:#666666;
222    font-weight:bold;
223    padding-top:3px;
224    background-image:url("../images/demos/menu-item-controls.png");
225    background-repeat:repeat-y;
226    background-color:transparent;
227    cursor:default;
228}
229
230.item-controls-spacer {...}{ width:153px;height:10px;background-image:url("../images/demos/menu-item-controls.png");background-repeat:repeat-y;background-color:transparent;cursor:default; }
231
232/**//* Platform-Specific Menu */
233.group-platforms {...}{ cursor:default; }
234.item-platforms-top {...}{ width:255px;height:5px;background-image:url("../images/demos/menu-item-platforms-top.png");background-repeat:no-repeat;background-color:transparent; }
235.item-platforms-bottom {...}{ width:255px;height:8px;background-image:url("../images/demos/menu-item-platforms-bottom.png");background-repeat:no-repeat;background-color:transparent; }
236.item-platforms {...}{
237    font-size:11px;
238    width:255px;
239    height:16px;
240    color:#dd3409;
241    text-decoration:none;
242    background-image:url("../images/demos/menu-item-platforms.png");
243    background-repeat:repeat-y;
244    background-color:transparent;
245    cursor:pointer;
246}
247
248.item-platforms-hover {...}{
249    font-size:11px;
250    width:255px;
251    height:16px;
252    color:#dd3409;
253    text-decoration:underline !important;
254    background-image:url("../images/demos/menu-item-platforms.png");
255    background-repeat:repeat-y;
256    background-color:transparent;
257    cursor:pointer;
258}
259
260.item-platforms-title {...}{
261    font-size:11px;
262    width:255px;
263    height:19px !important;
264    color:#666666;
265    font-weight:bold;
266    padding-top:3px;
267    background-image:url("../images/demos/menu-item-platforms.png");
268    background-repeat:repeat-y;
269    background-color:transparent;
270    cursor:default;
271}
272
273.item-platforms-spacer {...}{ width:255px;height:10px;background-image:url("../images/demos/menu-item-platforms.png");background-repeat:repeat-y;background-color:transparent;cursor:default; }
274
275/**//***********************************************/
276/**//* Content */
277#content-container {...}{
278    width:950px;
279    height:auto;
280    background-image:url("../images/background-content.png");
281    background-repeat:no-repeat;
282    background-position:left top;
283    background-color:transparent;
284    margin-top:10px;
285    padding:10px 15px 0 15px;
286    text-align:justify;
287}
288
289#content {...}{ background-color:transparent;width:950px; }
290
291#content div.title {...}{ width:950px;height:25px;padding-top:9px;padding-bottom:9px; }
292#content div.title div.img {...}{ width:300px;height:25px;float:left;vertical-align:middle;margin-left:6px;background:#fff url("../images/demos/index/titles.png") no-repeat 0 -125px; }
293#content div.title span.version {...}{ vertical-align:bottom;float:right;padding-top:3px;padding-right:10px; }
294
295#index {...}{
296    width:930px;
297    height:auto;
298    padding:20px 10px 0 10px;
299    background-image:url("../images/demos/background-index.png");
300    background-repeat:no-repeat;
301}
302
303/**//* Font styles */
304p {...}{ margin:0;padding:0; }
305.large {...}{ font-size:12px;line-height:16px; }
306.regular {...}{ font-size:11px;line-height:16px; }
307.small {...}{ font-size:10px;line-height:13px; }
308.extra-small {...}{ font-size:9px;line-height:13px; }
309
310/**//* Colors */
311.black {...}{ color:#000000; }
312.red {...}{ color:#ff3300; }
313.red-orange {...}{ color:#dd3409; }
314.dark-grey {...}{ color:#333333; }
315.grey {...}{ color:#666666; }
316.light-grey {...}{ color:#999999; }
317.extra-light-grey {...}{ color:#dddddd; }
318
319/**//***********************************************/
320
321
322/**//***********************************************/
323/**//* Footer */
324#footer-container {...}{ width:980px;height:40px;background-color:#ffffff;background:#ffffff url("../images/background-footer.png") no-repeat left top;margin-top:30px;clear:both; }
325#footer-container .copyright {...}{ color:#ffffff;padding-top:7px;text-align:center !important; }
326/**//***********************************************/
327
328
329/**//* Demo Area */
330#demo-top {...}{
331    width:950px;
332    height:10px;
333    background-image:url("../images/demos/background-demo-top.png");
334    background-repeat:no-repeat;
335    background-color:#f2f2f2;
336}
337
338#demo-container {...}{ width:950px;background-color:#f2f2f2;position:relative; }
339#demo-container td.nav-cell {...}{ background:url("../images/demos/background-nav-cell.png");background-repeat:repeat-y;background-position:left bottom; }
340
341#demo-nav {...}{
342    width:190px;
343    height:435px !important;
344    margin-left:10px;
345    background-color:#ffffff;
346}
347
348#demo-nav .demo-logo {...}{ width:190px;height:40px;background-color:#ffffff; }
349
350#demo-nav .demo-nav {...}{
351    padding:0 10px 0 10px;
352    cursor:default;
353}
354
355#demo-nav .NavTopItem {...}{ width:170px;height:32px;background-image:url("../images/demos/nav-top-item.png");background-repeat:no-repeat;font-size:11px;font-weight:bold;cursor:pointer; }
356#demo-nav .NavTopItemHover {...}{ width:170px;height:32px;background-image:url("../images/demos/nav-top-item.png");background-repeat:no-repeat;font-size:11px;font-weight:bold;cursor:pointer;color:#dd3409; }
357#demo-nav .NavTopItemActive {...}{ width:170px;height:32px;background-image:url("../images/demos/nav-top-item.png");background-repeat:no-repeat;font-size:11px;font-weight:bold;cursor:pointer;color:#ff3300; }
358#demo-nav .NavTopItemExpanded {...}{ width:170px;height:32px;background-image:url("../images/demos/nav-top-item.png");background-repeat:no-repeat;font-size:11px;font-weight:bold;cursor:pointer; }
359
360#demo-nav .NavLevel2Item {...}{ color:#dd3409;cursor:pointer;padding:1px 0 1px 0;font-size:11px; }
361#demo-nav .NavLevel2ItemHover {...}{ color:#dd3409;text-decoration:underline;cursor:pointer;padding:1px 0 1px 0;font-size:11px; }
362#demo-nav .NavLevel2ItemSelected {...}{ color:#666666;cursor:default;padding:1px 0 1px 0;font-size:11px; }
363
364#demo-container .button-previous {...}{ position:absolute;left:20px;bottom:10px; }
365#demo-container .button-next {...}{ position:absolute;left:135px;bottom:10px; }
366
367#demo-title {...}{ margin-left:10px;padding:0;height:20px;font-size:11px; }
368#demo-title img.bullet {...}{ display:inline;vertical-align:baseline;margin-right:2px; }
369#demo-title img.code {...}{ margin-top:-17px;float:right; }
370
371#content div.DemoArea {...}{
372    width:740px;
373    min-height:395px;
374    margin-left:10px;
375    font-size:11px;
376}
377
378#content div.demo-area {...}{ margin-left:10px;margin-right:10px;font-size:11px;text-align:left !important; }
379#content div.demo-area a:hover {...}{ text-decoration:none !important; }
380
381#demo-bottom {...}{
382    width:950px;
383    height:10px !important;
384    background-image:url("../images/demos/background-demo-bottom.png");
385    background-repeat:no-repeat;
386    background-color:transparent;
387}
388
389#about-container {...}{ margin:10px 0 10px 10px; }
390#about-container ul {...}{ list-style-image:url("../images/chevron-small-grey.png"); }
391#about-container div.demo-folder {...}{ margin:5px 0 0 5px;font-weight:bold;text-align:left; }
392
393.clear-fix {...}{ clear:both; }
394
395/**//* Demo-specific classes */
396.MainText {...}{ font-size:11px; }
397.hint {...}{ color:#ff3300; }