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