Upgrade to ExtJS 3.3.1 - Released 11/30/2010
[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(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:98%;
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 }