Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / docs / resources / style.css
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  */
7 .body-wrap {
8         font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
9         color: #222;
10         background-color:#FFFFFF;
11         margin: 0px;
12         padding: 10px;
13     position:relative;
14 }
15 .body-wrap {
16         width:95%;
17 }
18
19 .body-wrap ul.list {
20    margin-left:20px;
21    margin-bottom:10px;
22 }
23 .body-wrap ul.list li {
24    list-style:inside square;
25    padding:2px;
26 }
27 .body-wrap .description p {
28    margin:8px 3px !important;
29 }
30 .body-wrap .description h4{
31         color:#083772;
32    border-bottom:1px dashed #ccc;
33    margin:8px 0;
34    padding-bottom:3px;
35 }
36 .body-wrap, .body-wrap td, .body-wrap th {
37         font-size: 13px;
38 }
39 .body-wrap code {
40         font-family: "Lucida Console", "Courier New", Courier, monospace; 
41         font-size: 12px;
42 }
43 .body-wrap pre {
44         font-family: "Lucida Console", "Courier New", Courier, monospace; 
45         font-size: 12px;
46 }
47 .body-wrap th   {
48         text-align: left;
49         vertical-align:middle;
50     border-right:1px solid #d0d0d0;
51         border-top:1px solid #eee;
52         border-left:1px solid #eee;
53     background: #f9f9f9 url(../resources/images/default/grid/grid3-hrow.gif) repeat-x 0 top;
54         padding:3px;
55 }
56 .body-wrap .msource-header {
57     border-right: 0 none;
58 }
59 .body-wrap .top-tools{
60         font-size:11px;
61         text-align:right;
62 }
63 .body-wrap table {
64         background-color: white;
65 }
66 .body-wrap a {
67         color: #083772;
68 }
69 .body-wrap a:link {
70         color: #083772;
71         text-decoration: none;
72 }
73
74 .body-wrap a:visited {
75    color: #1e4e8f;
76         text-decoration: none;
77 }
78
79 .body-wrap a:hover {
80         text-decoration: underline;
81         color: #0000CC;
82 }
83
84 .body-wrap a:active {
85         text-decoration: none;
86         color: #1e4e8f;
87 }
88
89 /* Headings */
90 .body-wrap h1, .body-wrap h2, .body-wrap h3, .body-wrap h4, .body-wrap h5, .body-wrap h6        {
91         font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
92         font-weight: bold;
93         margin:3px 300px 3px 0;
94         letter-spacing: 1px;
95         width: 90%;
96 }
97
98 .body-wrap h1 {
99         font-size: 18px;
100 }
101
102 .body-wrap h2 {
103         font-weight: bold;
104         font-size: 15px;
105         padding-top: 20px;
106         padding-bottom: 5px;
107 }
108
109 .body-wrap h3 {
110         font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
111         font-weight: bold;
112         font-size: 16px;
113 }
114
115 .body-wrap h4 {
116         font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
117         font-weight: bold;
118         font-size: 14px;
119 }
120
121 .body-wrap h5 {
122         font-size: 11px;
123 }
124
125 .body-wrap .label {
126         font-weight: bold;
127     padding:3px 15px 3px 0;
128     color:#333;
129 }
130
131 .body-wrap .hd-info {
132         color:#333;
133     padding:3px;
134 }
135 .body-wrap .hd-info a {
136
137 }
138 .body-wrap .description{
139         margin: 10px 0px;
140 }
141 .body-wrap .member-table{
142         width:100%;
143         margin-bottom:10px;
144 }
145 .body-wrap .member-table td{
146         padding:4px;
147         vertical-align:top;
148         padding-right:15px;
149 }
150 .body-wrap .member-table td.sig {
151     padding-left:7px;
152 }
153 .body-wrap  .alt{
154         /*background:#f1f1f1;*/
155 }
156 .body-wrap .member-table td.micon{
157         width:16px;
158         padding:0px;
159     background: #f9f9f9 url(expand-bg.gif) repeat-y top right;
160     border-right:1px solid #d0d0d0;
161 }
162 .body-wrap .member-table td.micon a {
163     display:block;
164     height:1px;
165     width:1px;
166     overflow:hidden;
167     cursor:default;
168 }
169 .body-wrap .member-table .expandable td.micon a {
170     display:block;
171     width:98%;
172     height:30px;
173     text-decoration:none !important;
174     -moz-outline:none;
175     outline:none;
176 }
177
178 .body-wrap .member-table td.msource{
179         width:100px;
180 }
181 .mlink{
182         font-weight:bold;
183 }
184
185 .member-table {
186     border:1px solid #d0d0d0;
187 }
188 .member-table tr.inherited td.msource{
189         background-image: url(inherited.gif);
190         background-position:2px 4px;
191         background-repeat: no-repeat;
192     padding-left:18px;
193 }
194 .member-table .mdesc{
195         padding:5px 0;
196     color:#444;
197 }
198 .member-table td.micon,.member-table td.sig,.member-table td.msource{
199         border-top:1px solid #d0d0d0;
200 }
201 .body-wrap .optional{
202         color:#444 !important;
203 }
204
205 .body-wrap pre {
206         background: #F8F8F8;
207         border: 1px dotted #ccc;
208         margin: 1em ;
209         margin-right: 0;
210         font-size: 12px;
211         line-height:14px;
212         padding:7px;
213         margin-left:0;
214 }
215 .detail-wrap{
216
217 }
218 .mdetail-head{
219         margin-top:10px;
220 }
221 .mdetail{
222         padding:7px;
223         border-top:1px dotted #ccc;
224 }
225 .mdetail h3{
226         margin: 5px 0px;
227         font-size:14px;
228         color:#083772;
229 }
230 .mdetail-desc{
231         margin:8px;
232 }
233 .mdetail-def{
234         font-style: italic;
235         font-size: 12px;
236         margin-top:10px;
237         margin-left:8px;
238         display:block;
239 }
240 .sub-desc{
241         margin:5px;
242         margin-left:16px;
243 }
244 .mdetail-params{
245         margin-top:10px;
246 }
247 .mdetail-params strong{
248         display: block;
249         margin-bottom:3px;
250     font-size:11px;
251     font-weight:bold;
252     color:#555;
253 }
254
255 .mdetail-params ul{
256         list-style: inside;
257         list-style-type: circle;
258         margin:12px;
259 }
260 .mdetail-params li{
261         list-style: inside;
262         list-style-type: circle;
263 }
264 pre code{
265         font-size:12px !important;
266     color:#000;
267     line-height:16px !important;
268 }
269 pre code b{
270     font-weight: normal;
271         color: #800080;
272 }
273 pre code em{
274     font-weight: normal;
275         color: #008080;
276     background-color:#eee;
277 }
278 pre code i,pre code i b,pre code i em{
279         font-weight: normal;
280         font-style: normal;
281         color: #999;
282 }
283
284 .body-wrap .inheritance {
285     margin-top:20px;
286     float:right;
287     width:210px;
288 }
289 .body-wrap .inheritance pre {
290     text-align:left;
291     border: 0 none;
292         margin: 0;
293         font-size: 11px;
294         line-height:18px !important;
295     background:transparent url(block-bottom.gif) no-repeat left bottom;
296     padding:0 8px 5px!important;
297 }
298
299 .body-wrap .inheritance pre img {
300     vertical-align:middle;
301     margin-right:3px;
302 }
303
304 .expandable .micon a {
305     background: transparent url(member-collapsed.gif) no-repeat 5px 6px;
306     cursor:pointer;
307 }
308
309 .expandable td.micon:hover a {
310     background: transparent url(member-hover.gif) no-repeat 5px 6px;
311     cursor:pointer;
312 }
313 .body-wrap .member-table .expanded td.micon{
314         background: #f9f9f9 url(expand-bg-over.gif) repeat-y top right;
315 }
316 .body-wrap .member-table .expanded td.micon a {
317     background: transparent url(member-expanded.gif) no-repeat 5px 6px;
318     cursor:pointer;
319 }
320
321 .mdesc .long {
322     display:none;
323 }
324 .mdesc .long .mdetail-params {
325     font-size:12px;
326     padding-left:12px;
327 }
328 .expanded .mdesc .short {
329     display:none;
330 }
331
332 .expanded .mdesc .long {
333     display: block;
334 }
335
336 .full-details .expandable .micon a {
337     height:1px !important;
338     width:1px !important;
339     overflow:hidden;
340     cursor:default;
341 }
342
343 .full-details .mdesc .short {
344     display:none !important;
345 }
346
347 .full-details .mdesc .long {
348     display: block !important;
349 }
350
351 .full-details .body-wrap .member-table .expanded td.micon{
352         background: #f9f9f9 url(expand-bg.gif) repeat-y top right;
353 }
354
355 div.hr {
356     height:1px;
357     background:#ccc;
358     margin: 5px 0;
359     overflow:hidden;
360     line-height:1px;
361 }
362
363
364 .expanded .mdesc .long {
365     line-height:18px;
366 }