source: trunk/web/addons/job_monarch/lib/extjs-30/examples/shared/extjs/css/extjs.css @ 625

Last change on this file since 625 was 625, checked in by ramonb, 15 years ago

lib/extjs-30:

  • new ExtJS 3.0
File size: 11.5 KB
Line 
1/*!
2 * Ext JS Library 3.0.0
3 * Copyright(c) 2006-2009 Ext JS, LLC
4 * licensing@extjs.com
5 * http://www.extjs.com/license
6 */
7body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
8
9body {
10    /*font-family: helvetica,arial,tahoma,sans-serif;*/
11    font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
12    font-size:13px;
13    color:#555;
14    line-height:20px;
15    background-color:#fff;
16    text-align:center;
17    margin:0;padding:0;border:0;
18}
19
20td {
21    font-size:13px;
22}
23
24a:link, a:visited, a:active {
25    color: #0464BB;
26    text-decoration:none;
27}
28a:hover {
29    color: #1C417C;
30    text-decoration: underline;
31}
32
33/* main document center */
34#viewport {
35    margin:auto;
36    text-align:left;
37    width:960px;
38}
39
40/* header styles */
41#hd {
42    background:transparent url(../images/topbar.png) no-repeat 10px bottom;
43       height:95px;
44       position:relative;
45}
46
47#hd table.nav {
48    position:absolute;
49    margin-left:0;
50}
51#hd table.nav tr {
52}
53#hd table.nav tr td {
54    padding-top:1px;
55    padding-left:0;
56    padding-right:0;
57}
58#hd table.nav a, #hd table.main-nav a:hover, #hd table.main-nav a:visited {
59    color: #fff;
60}
61
62#hd table.nav a, #hd table.main-nav a span {
63    color: #fff;
64    display:block;
65}
66#hd table.nav a {
67    line-height:14px;
68}
69#hd table.nav a span {
70    padding:6px 15px 7px 15px;
71}
72#hd table.nav a span {
73    font-family:tahoma,helvetica,arial,sans-serif;
74    font-size:12px;
75}
76
77/* Main nav */
78
79
80#hd table.main-nav {
81    left:15px;
82    top:40px;
83}
84#hd table.main-nav tr {
85    height:28px;
86}
87
88#hd table.main-nav a:hover {
89    text-decoration:underline;
90}
91
92#hd table.main-nav a:hover span {
93    text-decoration:underline;
94}
95
96#hd table.main-nav td.active a {
97    background:transparent url(../images/nav-left.png) repeat-x;
98    text-decoration:none;
99}
100
101#hd table.main-nav td.active a span {
102    background:transparent url(../images/nav-right.png) no-repeat right 0;
103    font-weight:bold;
104    padding:7px 15px 6px 15px;
105    text-decoration:none;
106}
107
108/* Sub nav */
109
110#hd .sub-nav {
111    position:absolute;
112    left:25px;
113    top:72px;
114    height:21px;
115}
116#hd .sub-nav td {
117    font-size:11px;
118    color:#777;
119    font-family:tahoma,helvetica,arial,sans-serif;
120}
121#hd .sub-nav td span {
122    color:#777;
123}
124#hd .sub-nav td a {
125    color:#046BCA;
126    font-family:tahoma,helvetica,arial,sans-serif;
127}
128#hd .sub-nav td.spacer {
129    padding:0 5px;
130}
131/* Main header image */
132
133#hd h1 a {
134    background:transparent url(../images/extjs2.png) no-repeat;
135    position:relative;
136    float:left;
137    top: 12px;
138    left: 20px;
139    height:18px;
140    width:227px;
141}
142#hd h1 a span {
143    display:none;
144}
145
146/* body styles */
147
148#bd {
149    margin:5px 15px 0;
150    zoom:1;
151}
152
153#bd p {
154    margin-top:8px;
155    margin-bottom:8px;
156}
157
158#bd br {
159    font-size:10px;
160    line-height:10px;
161}
162
163#bd .left-column {
164    width:700px;
165    float:left;
166}
167#bd .right-column {
168    width:200px;
169    float:left;
170    margin-left:20px;
171}
172#bd .right-column p {
173    margin:5px;
174    font-size:12px;
175}
176
177#bd h3 {
178    font-family: "Trebuchet MS", Tahoma,arial,sans-serif;
179    font-size:18px;
180    font-weight:normal;
181    color: #385F95;
182    margin:7px 0;
183}
184#bd h4 {
185    font-family: "Trebuchet MS", Tahoma,arial,sans-serif;
186    font-size:14px;
187    font-weight:bold;
188    color: #555;
189    margin:5px 0;
190}
191#bd h5 {
192    font-family: "Trebuchet MS", Tahoma,arial,sans-serif;
193    background-color:#F1F1F1;
194    padding:3px;
195    color:#789030;
196    font-size:11px;
197    font-weight:bold;
198    text-transform:uppercase;
199}
200
201#bd .big-box h5.alt {
202    text-align:center;
203    font-size:13px;
204    border-bottom:1px solid #eee;
205    color:#385F95;
206}
207
208#bd .box {
209    padding: 3px 5px 15px;
210}
211
212/* footer */
213#ft {
214    margin-top:25px;
215    text-align:center;
216    background: transparent url(../images/ft-bg.png) no-repeat center 0;
217    padding-top:5px;
218}
219#ft table.nav {
220    margin: 0 auto;
221}
222
223#ft table.nav a, #ft table.nav a:hover, #ft table.nav a:visited {
224    color:#789030;
225    font-size:12px;
226    display:block;
227    padding:5px 15px 0;
228}
229
230#ft div.copy {
231    margin: 0 auto;
232    padding:10px 0 25px;
233    color:gray;
234}
235
236/* feature list */
237ul.features, .content-box ul, .side-box ul {
238    margin-left:15px;
239    list-style-image: url(../images/c-sep-l.gif);
240}
241ul.features li,  .content-box ul li, .side-box ul li {
242    margin-top:5px;
243    margin-bottom:5px;
244}
245/* flyout menus */
246.flyout-menu {
247    position:absolute;
248    left:-200px;
249    top:-200px;
250    background:#fff;
251    padding:10px 15px;
252    text-align:left;
253    border:1px solid #aaa;
254    font-family: helvetica,arial,tahoma,sans-serif;
255}
256.flyout-menu a {
257    color:#046BCA;
258}
259.flyout-menu p {
260    margin:4px 0;
261    font-size:11px;
262    color:#555;
263    line-height:16px;
264}
265.flyout-menu br {
266    line-height:10px;
267}
268.flyout-menu h3 {
269    font-size:12px;
270    font-weight:bold;
271    line-height:16px;
272}
273.flyout-menu ul {
274    font-size:11px;
275    list-style-type: square;
276    margin-left:15px;
277}
278.flyout-menu li {
279    color:#ccc;
280    line-height:16px;
281}
282
283/* rss feeds */
284
285.rss {
286    float:right;
287    margin: 3px 3px 0 0;
288}
289.rss a {
290    display:block;
291    width:14px;
292    height:14px;
293    background: transparent url(../images/home/rss.gif) no-repeat 0 -14px;
294}
295.rss a:hover {
296    background-position: 0 0;
297}
298
299/* side boxes */
300
301div.side-box {
302    background: transparent url(../images/side-box.png) no-repeat;
303    padding-top:9px;
304    width:200px;
305    margin-bottom:20px;
306    zoom:1;
307}
308div.side-box-inner {
309    background: transparent url(../images/side-box.png) no-repeat 0 bottom;
310    padding:0 15px 5px;
311    font-size:12px;
312    zoom:1;
313}
314#bd div.side-box-inner h5 {
315    background:transparent !important;
316    padding-top:0;
317}
318
319
320div.big-box {
321    background: transparent url(../images/big-box.png) no-repeat;
322    padding-top:12px;
323    width:700px;
324    margin-bottom:20px;
325}
326div.big-box-inner {
327    background: transparent url(../images/big-box.png) no-repeat 0 bottom;
328    padding:0 15px 12px;
329    font-size:12px;
330}
331#bd div.big-box-inner h5 {
332    background:transparent !important;
333    padding-top:0;
334}
335
336div.full-box {
337    background: transparent url(../images/full-box.png) no-repeat;
338    padding-top:12px;
339    width:920px;
340}
341div.full-box-inner {
342    background: transparent url(../images/full-box.png) no-repeat 0 bottom;
343    padding:0 15px 10px;
344    font-size:12px;
345}
346
347
348div.content-box {
349    width:700px;
350}
351div.content-box p {
352    margin-left:5px;
353    margin-right:5px;
354}
355#bd div.content-box ul.features {
356    margin-left:20px;
357}
358#bd .content-box h5 {
359    background-image: url(../images/med-shd.png);
360    padding-left:10px;
361}
362
363/* Store */
364
365#commercial strong {
366    font-size: 12px;
367    margin: 0 0 0 0;
368    font-family:tahoma,verdana,helvetica,sans-serif;
369    color: #083772;
370    font-weight:bold;
371}
372table.license {
373   margin-left:5px;
374}
375table.license, table.license td {
376   border-collapse: separate;
377   border: 0 none !important;
378   font-size:12px;
379}
380table.license td {
381   padding:0 5px 5px;
382}
383
384.order-type {
385   float:left;
386   width:300px;
387   margin:10px;
388   font-size:11px;
389}
390
391#bd .order-complete {
392
393}
394#bd .order-complete p {
395   margin-left:0;
396}
397
398#commercial table.order-review {
399   border-collapse: separate;
400   margin-left:10px;
401   font-size:12px;
402}
403#commercial table.order-review td {
404   padding:5px 20px 5px 5px;
405   vertical-align:top;
406}
407#commercial table.order-review tr.tsep td {
408   border-top:1px dotted #ddd;
409}
410#commercial h3 {
411    margin:0 0 5px;
412    font-size:16px;
413}
414#store .big-box h4 {
415    font-size:12px;
416    font-weight:bold;
417    color: #222;
418    padding:4px;
419    background:#efefef url(../images/inner-hd.png) repeat-x;
420    border: 1px solid #efefef;
421}
422
423
424a.buynow {
425    text-decoration:none;
426    padding:4px 7px;
427    border:1px solid;
428    border-color:#ddd #bbb #bbb #ddd;
429    background:#eee;
430    font:bold 11px tahoma, arial, helvetica, sans-serif;
431    color:#333 !important;
432    cursor:pointer;
433    margin:0 2px;
434    display:block;
435    float:right;
436}
437
438a.buynow:hover, a.buynow:hover {
439    text-decoration:none;
440    border-color:#ccc #bbb #bbb #ccc;
441    background-position:0 2px;
442    background-color:#fafafa;
443}
444
445.saleprice, b.sale, .sale-msg strong{
446    color: #c33;
447}
448
449/* comparison table */
450
451.compare {
452
453}
454.compare th {
455    padding:5px 12px;
456    font-weight:bold;
457    text-align:center;
458    border:1px solid #dddddd;
459    color:#fff;
460    background:#083772;
461    font-size:12px;
462}
463.compare td {
464    padding:5px;
465    text-align:center;
466    border:1px solid #dddddd;
467    font-size:12px;
468}
469.compare th.cfirst {
470    padding-left:8px;
471}
472.compare td.cfirst, .compare th.cfirst {
473    text-align:left;
474}
475.compare td.cfirst {
476    padding-left:20px;
477}
478.compare td.ctitle {
479    text-align:left;
480    font-weight:bold;
481    background:#ececec;
482    padding-left:12px;
483    font-size:12px;
484}
485
486.compare tr.cprice td,.compare tr.cfoot td {
487    padding:5px 12px;
488    font-weight:bold;
489    border:1px solid #dddddd;
490    border-collapse:collapse;
491    color:#083772;
492    background:#c3daf9 url(/themes/ext/resources/images/grid-hrow.gif) repeat-x;
493    vertical-align:top;
494}
495.compare tr.cfoot td {
496    background:#fff;
497    padding-left:2px;
498    padding-right:2px;
499    border-color:#fff;
500}
501.compare tr.cfoot td a {
502    margin-top:0;
503    margin-right:25px;
504}
505.compare tr.corder-note td {
506    background: #eee;
507}
508
509.compare sup {
510    margin-left:3px;
511    font-size:10px;
512}
513.compare-info {
514    font-size:11px;
515    padding:10px;
516}
517
518/* downloads */
519
520table.dl {
521    width:650px;
522}
523
524table.dl td {
525    padding:5px;
526    vertical-align:top;
527}
528
529.expandable {
530    background:#F7F7F7;
531    padding:4px;
532    border:1px solid #DEDEDE;
533}
534
535.expandable-body{
536    background:#fff;
537    padding:5px;
538    zoom:1;
539}
540.expandable-body-inner{
541    zoom:1;
542}
543
544.expandable-body dd {
545    float:left;
546    width:300px;
547    padding:5px;
548}
549
550.training-info {
551    font-size:11px;
552}
553
554a.link {
555    font-family:tahoma,helvetica,arial,sans-serif;
556    font-size:12px;
557    font-weight:bold;
558    line-height:19px;
559}
560
561#msg-ct {
562    position:absolute;
563    left:680px;
564    top:17px;
565    width:217px;
566    height:22px;
567}
568
569#msg {
570    width:217px;
571    height:22px;
572    background-image:url(../images/msg-bg.png);
573    color:#777;
574    font-family:tahoma,helvetica,arial,sans-serif;
575    font-size:11px;
576    cursor:pointer;
577    visibility:hidden;
578}
579#msg-inner {
580    padding:5px 10px 0;
581    zoom:1;
582    line-height:12px;
583    text-align:center;
584}
585.msg-over {
586    color:#789030 !important;
587}
588
589#msg img {
590    width:19px;
591    height:19px;
592}
593
594/**
595 * Ext.App#setAlert message-box styles.
596 */
597.app-msg .x-box-mc {
598    text-align: left;
599}
600.x-icon-text { background-repeat: no-repeat; padding-left: 20px; }
601.icon-status-ok { background-image: url(../../icons/fam/accept.png) !important; }
602.icon-status-error { background-image: url(../../icons/fam/error.png) !important; }
603.icon-status-notice { background-image: url(../../icons/fam/information.png) !important; }
604
Note: See TracBrowser for help on using the repository browser.