Upgrade to ExtJS 4.0.1 - Released 05/18/2011
[extjs.git] / docs / resources / css / style.css
1 /* line 73, ../sass/style.scss */
2 html { background: #f8f8f8; }
3
4 /* line 76, ../sass/style.scss */
5 body { -webkit-font-smoothing: antialiased; font: 13px/1.231 HelveticaNeue, helvetica, arial, clean, sans-serif; min-width: 980px; color: #484848; }
6
7 /* line 82, ../sass/style.scss */
8 a { color: #083772; text-decoration: none; }
9 /* line 85, ../sass/style.scss */
10 a:hover { color: #0464bb; }
11
12 /* line 88, ../sass/style.scss */
13 pre, code, kbd, samp, tt { font-family: "Menlo", "Courier New", Courier, monospace; }
14
15 /* line 92, ../sass/style.scss */
16 .lft h2 { font-weight: bold; }
17
18 /* line 95, ../sass/style.scss */
19 .list { font-size: 0.9em; }
20
21 /* line 98, ../sass/style.scss */
22 .head-band { background: #043250; height: 5px; width: 100%; }
23
24 /* line 103, ../sass/style.scss */
25 .header { background: -webkit-gradient(linear, left top, left bottom, from(#064872), to(#085b88)); background: -moz-linear-gradient(top, #064872, #085b88); border-top: 1px solid #0b5f8a; border-bottom: 1px solid white; height: 65px; width: 100%; }
26 /* line 110, ../sass/style.scss */
27 .header h2 a { display: block; text-indent: -9999px; background: url(../images/icon.png) 0 -787px no-repeat; margin-left: 20px; width: 150px; color: black; height: 70px; }
28
29 /* line 119, ../sass/style.scss */
30 #search { position: absolute; top: 75px; }
31 /* line 122, ../sass/style.scss */
32 #search form { position: absolute; margin: 10px 0 0 20px; width: 219px; height: 30px; background: url(../images/search-box.png) no-repeat; z-index: 11; }
33 /* line 129, ../sass/style.scss */
34 #search form #search-field { position: absolute; top: 6px; left: 30px; width: 155px; border: 0; background: none; }
35 /* line 136, ../sass/style.scss */
36 #search #quick-search { border-style: solid; border-color: #bebdbf; border-width: 0 1px; background: white; position: absolute; width: 190px; top: 23px; padding-top: 16px; left: 20px; z-index: 5; }
37 /* line 147, ../sass/style.scss */
38 #search .item { display: block; cursor: pointer; overflow: hidden; padding: 5px 5px 5px 30px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #bebdbf; }
39 /* line 155, ../sass/style.scss */
40 #search .item .title { color: #605f5f; font-weight: bold; overflow: hidden; text-overflow: ellipsis; }
41 /* line 160, ../sass/style.scss */
42 #search .item .class { color: #605f5f; font-size: 0.85em; overflow: hidden; text-overflow: ellipsis; }
43 /* line 165, ../sass/style.scss */
44 #search .item.cfg { background: url(../images/configs.png) no-repeat 0 3px; }
45 /* line 167, ../sass/style.scss */
46 #search .item.property { background: url(../images/properties.png) no-repeat 3px 8px; }
47 /* line 169, ../sass/style.scss */
48 #search .item.method { background: url(../images/methods.png) no-repeat 3px 5px; }
49 /* line 171, ../sass/style.scss */
50 #search .item.event { background: url(../images/events.png) no-repeat 4px 0px; }
51 /* line 173, ../sass/style.scss */
52 #search .item.cls { background: url(../images/class-sm.png) no-repeat 3px 5px; }
53 /* line 175, ../sass/style.scss */
54 #search .item.x-item-selected { background-color: #ffffaa; }
55 /* line 177, ../sass/style.scss */
56 #search .item.x-view-over { background-color: #ffffaa; }
57
58 /* line 180, ../sass/style.scss */
59 .footer { clear: both; color: #999999; text-align: center; border-top: 1px solid #cccccc; padding: 20px; margin: 20px; }
60
61 /* line 188, ../sass/style.scss */
62 #container { padding: 12px 20px 20px 20px; margin: -50px 20px 20px 260px; border-radius: 5px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); background: white; }
63 /* line 194, ../sass/style.scss */
64 #container nav.bc { font: 1.1em "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin-top: -10px; margin-bottom: 10px; color: #aaaaaa; }
65 /* line 199, ../sass/style.scss */
66 #container nav.bc a { color: #aaaaaa; }
67 /* line 201, ../sass/style.scss */
68 #container h1 { font-family: "klavika-web-1", "klavika-web-2", sans-serif; letter-spacing: -1px; padding-bottom: 5px; padding-top: 2px; border-bottom: 1px #f1f1f1; font-size: 2.3em; color: #66ab16; }
69 /* line 209, ../sass/style.scss */
70 #container h1 a { color: #66ab16; }
71 /* line 211, ../sass/style.scss */
72 #container h1 span { color: #929292; letter-spacing: 0; margin-left: 10px; font-size: 0.6em; }
73 /* line 217, ../sass/style.scss */
74 #container h1.class a { background: url(../images/class-m.png) no-repeat 0 -5px; margin-left: -12px; padding: 0.1em 0 0.4em 2em; }
75 /* line 222, ../sass/style.scss */
76 #container h1.component a { background: url(../images/component-m.png) no-repeat 0 -5px; margin-left: -12px; padding: 0.1em 0 0.4em 2em; }
77 /* line 227, ../sass/style.scss */
78 #container h1.singleton a { background: url(../images/singleton-m.png) no-repeat 0 -5px; margin-left: -12px; padding: 0.1em 0 0.4em 2em; }
79 /* line 231, ../sass/style.scss */
80 #container .versions * { box-sizing: content-box; }
81 /* line 233, ../sass/style.scss */
82 #container .versions { position: absolute; top: 26px; right: 20px; }
83 /* line 237, ../sass/style.scss */
84 #container .versions .desc { position: absolute; top: -13px; right: 10px; width: 200px; text-align: right; font-size: 0.8em; text-transform: uppercase; color: #aaaaaa; }
85 /* line 246, ../sass/style.scss */
86 #container .versions .v { position: absolute; font-size: 0.8em; width: 35px; padding-right: 15px; line-height: 15px; text-align: right; background: url(../images/version-tabs.png) no-repeat; }
87 /* line 254, ../sass/style.scss */
88 #container .versions .v.active { background-position: -42px -40px; color: #757575; }
89 /* line 257, ../sass/style.scss */
90 #container .versions .v.active.last { background-position: -90px -40px; }
91 /* line 259, ../sass/style.scss */
92 #container .versions .v.active.first { background-position: 0 -40px; }
93 /* line 261, ../sass/style.scss */
94 #container .versions .v.active:hover { background-position: -42px -20px; color: white; }
95 /* line 264, ../sass/style.scss */
96 #container .versions .v.active.last:hover { background-position: -90px -20px; color: white; }
97 /* line 267, ../sass/style.scss */
98 #container .versions .v.active.first:hover { background-position: 0 -20px; color: white; }
99 /* line 270, ../sass/style.scss */
100 #container .versions .v.inactive { background-position: -42px 0; color: #acacac; }
101 /* line 273, ../sass/style.scss */
102 #container .versions .v.inactive.first { background-position: 0 0; }
103 /* line 275, ../sass/style.scss */
104 #container .versions .v.inactive.last { background-position: -90px -40px; }
105 /* line 277, ../sass/style.scss */
106 #container .versions .v.selected { background-position: -42px -20px; color: white; font-weight: bold; }
107 /* line 281, ../sass/style.scss */
108 #container .versions .v.selected.first { background-position: 0 -20px; }
109 /* line 283, ../sass/style.scss */
110 #container .versions .v.selected.last { background-position: -90px -20px; }
111 /* line 285, ../sass/style.scss */
112 #container .versions .v.first { width: 27px; }
113 /* line 287, ../sass/style.scss */
114 #container .versions .v.last { width: 40px; }
115 /* line 289, ../sass/style.scss */
116 #container .versions .i1 { z-index: 1; right: 0px; }
117 /* line 292, ../sass/style.scss */
118 #container .versions .i2 { z-index: 2; right: 32px; }
119 /* line 295, ../sass/style.scss */
120 #container .versions .i3 { right: 64px; z-index: 3; }
121 /* line 298, ../sass/style.scss */
122 #container .versions .i4 { right: 96px; z-index: 4; }
123 /* line 301, ../sass/style.scss */
124 #container .versions .i5 { right: 128px; z-index: 5; }
125 /* line 304, ../sass/style.scss */
126 #container .versions .i6 { right: 160px; z-index: 6; }
127 /* line 307, ../sass/style.scss */
128 #container .versions .i7 { right: 192px; z-index: 7; }
129 /* line 310, ../sass/style.scss */
130 #container .versions .i8 { right: 224px; z-index: 8; }
131 /* line 313, ../sass/style.scss */
132 #container .versions .i9 { right: 256px; z-index: 9; }
133 /* line 316, ../sass/style.scss */
134 #container .versions .i10 { right: 288px; z-index: 10; }
135
136 /* line 321, ../sass/style.scss */
137 #doc-overview h1 { font-size: 1.2em; font-weight: bold; padding-bottom: 0.5em; }
138
139 /* line 327, ../sass/style.scss */
140 #doc-overview pre, #api-guide pre { background-color: #f7f7f7; border: solid 1px #e8e8e8; border-radius: 5px; color: #314e64; font-family: "Menlo", "Courier New", Courier, monospace; padding: 10px 20px; line-height: 1.3em; margin: 10px 0 14px; overflow-x: auto; overflow-y: hidden; }
141 /* line 338, ../sass/style.scss */
142 #doc-overview pre code, #api-guide pre code { font-family: "Menlo", "Courier New", Courier, monospace; }
143 /* line 340, ../sass/style.scss */
144 #doc-overview pre i, #doc-overview pre em, #api-guide pre i, #api-guide pre em { font-style: normal; }
145 /* line 342, ../sass/style.scss */
146 #doc-overview pre.prettyprint, #api-guide pre.prettyprint { padding: 10px 12px; }
147
148 /* line 345, ../sass/style.scss */
149 #api-overview { overflow: auto; position: absolute; bottom: 50px; top: 0; left: 0; right: 0; line-height: 1.4em; }
150 /* line 352, ../sass/style.scss */
151 #api-overview h1 { padding: 0.5em 0 0 0; font-size: 2em; }
152 /* line 356, ../sass/style.scss */
153 #api-overview h3 { font-size: 1.2em; padding: 1em 0 0.4em 0; font-weight: normal; }
154 /* line 360, ../sass/style.scss */
155 #api-overview .guides { width: 650px !important; line-height: 1.7em; }
156 /* line 363, ../sass/style.scss */
157 #api-overview .guides .lft { float: left; width: 220px; }
158 /* line 366, ../sass/style.scss */
159 #api-overview .guides .mid { float: left; width: 180px; margin-left: 20px; }
160 /* line 370, ../sass/style.scss */
161 #api-overview .guides .right { margin-left: 410px; }
162 /* line 372, ../sass/style.scss */
163 #api-overview .guides a { display: block; height: 32px; margin: 10px 0; padding-left: 40px; }
164 /* line 377, ../sass/style.scss */
165 #api-overview .guides .getting_started { background: url(../images/guides.png) no-repeat 0px 0px; }
166 /* line 379, ../sass/style.scss */
167 #api-overview .guides .drawing_and_charting { background: url(../images/guides.png) no-repeat 0px -288px; }
168 /* line 381, ../sass/style.scss */
169 #api-overview .guides .layouts_and_containers { background: url(../images/guides.png) no-repeat 0px -130px; }
170 /* line 383, ../sass/style.scss */
171 #api-overview .guides .application_architecture { background: url(../images/guides.png) no-repeat 0px -98px; }
172 /* line 385, ../sass/style.scss */
173 #api-overview .guides .class_system { background: url(../images/guides.png) no-repeat 0px -31px; }
174 /* line 387, ../sass/style.scss */
175 #api-overview .guides .data { background: url(../images/guides.png) no-repeat 0px -66px; }
176 /* line 389, ../sass/style.scss */
177 #api-overview .guides .grid { background: url(../images/guides.png) no-repeat 0px -193px; }
178 /* line 391, ../sass/style.scss */
179 #api-overview .guides .tree { background: url(../images/guides.png) no-repeat 0px -228px; }
180 /* line 393, ../sass/style.scss */
181 #api-overview .guides .components { background: url(../images/guides.png) no-repeat 0px -160px; }
182 /* line 395, ../sass/style.scss */
183 #api-overview .guides .theming { background: url(../images/guides.png) no-repeat 0px -320px; }
184 /* line 397, ../sass/style.scss */
185 #api-overview .guides .direct { background: url(../images/guides.png) no-repeat 0px -387px; }
186 /* line 399, ../sass/style.scss */
187 #api-overview .guides .accessibility { background: url(../images/guides.png) no-repeat 0px -453px; }
188 /* line 401, ../sass/style.scss */
189 #api-overview .category { clear: both; background-color: #f7f7f7; border: 1px solid #ebebeb; padding: 10px 10px 20px 20px; margin: 0 20px 20px 0; border-radius: 10px; }
190 /* line 408, ../sass/style.scss */
191 #api-overview .lft { float: left; width: 270px; margin-left: 20px; }
192 /* line 412, ../sass/style.scss */
193 #api-overview .mid { float: left; width: 320px; }
194 /* line 415, ../sass/style.scss */
195 #api-overview .rgt { float: left; }
196 /* line 417, ../sass/style.scss */
197 #api-overview .links { margin-left: 1.5em; }
198 /* line 419, ../sass/style.scss */
199 #api-overview .links a { display: block; }
200 /* line 421, ../sass/style.scss */
201 #api-overview .links a.more { font-weight: bold; }
202 /* line 424, ../sass/style.scss */
203 #api-overview .stats .c { text-align: center; }
204 /* line 426, ../sass/style.scss */
205 #api-overview .stats .pl { padding: 0 5px 0 15px; border-left: 1px solid #cccccc; }
206 /* line 429, ../sass/style.scss */
207 #api-overview .stats .pr { padding: 0 15px 0 5px; border-right: 1px solid #cccccc; }
208 /* line 432, ../sass/style.scss */
209 #api-overview .stats .p { padding: 0 15px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
210 /* line 436, ../sass/style.scss */
211 #api-overview .stats th.c { font-weight: bold; }
212 /* line 438, ../sass/style.scss */
213 #api-overview .stats td { border-width: 1px 1px 0 1px; border-style: solid; border-color: #eeeeee; }
214 /* line 443, ../sass/style.scss */
215 #api-overview .stats tr.bot th { padding-bottom: 10px; border-bottom: 1px solid #cccccc; }
216 /* line 446, ../sass/style.scss */
217 #api-overview .legend { border-radius: 5px; background-color: #f7f7f7; border: 1px solid #ebebeb; padding: 0 15px 15px 10px; margin: 0 20px 10px 0; }
218 /* line 452, ../sass/style.scss */
219 #api-overview .legend.icons { width: 120px; float: right; }
220 /* line 455, ../sass/style.scss */
221 #api-overview .legend ul { float: left; }
222 /* line 457, ../sass/style.scss */
223 #api-overview .legend .icn { padding-left: 22px; }
224 /* line 459, ../sass/style.scss */
225 #api-overview .legend a { display: block; }
226 /* line 66, ../sass/style.scss */
227 #api-overview .legend h4 { font-family: HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 90%; padding: 11px 0 5px 0; text-transform: uppercase; color: #999999; }
228
229 /* line 464, ../sass/style.scss */
230 #api-overview.classList h2 { font-weight: bold; }
231 /* line 466, ../sass/style.scss */
232 #api-overview.classList td { padding: 0 0 0 20px; vertical-align: top; }
233 /* line 469, ../sass/style.scss */
234 #api-overview.classList .group { background: #fafafa; padding: 10px 20px 20px 20px; margin: 0 20px 20px 0; border-radius: 10px; }
235 /* line 470, ../sass/style.scss */
236 #api-overview.classList .group h1 { padding-bottom: 10px; }
237 /* line 476, ../sass/style.scss */
238 #api-overview.classList .group h2 { border-bottom: 1px solid #dddddd; padding-bottom: 2px; margin-bottom: 2px; padding-top: 10px; }
239 /* line 482, ../sass/style.scss */
240 #api-overview.classList .group td.l span { font-family: courier; padding-right: 3px; }
241 /* line 486, ../sass/style.scss */
242 #api-overview.classList .piechartLinks a { display: block; }
243
244 /* line 489, ../sass/style.scss */
245 #docContent { position: relative; margin: 10px 0; overflow: auto; }
246
247 /* line 494, ../sass/style.scss */
248 .doc-tab, #api-guide { min-height: 100px; }
249 /* line 496, ../sass/style.scss */
250 .doc-tab .clr, #api-guide .clr { clear: both; }
251 /* line 498, ../sass/style.scss */
252 .doc-tab p, #api-guide p { padding: 0; margin: 0 0 1em; }
253 /* line 501, ../sass/style.scss */
254 .doc-tab em, #api-guide em { font-style: italic; }
255 /* line 503, ../sass/style.scss */
256 .doc-tab strong, #api-guide strong { font-weight: bold; }
257 /* line 505, ../sass/style.scss */
258 .doc-tab ul, #api-guide ul { margin: 0 0 1em 2em; }
259 /* line 507, ../sass/style.scss */
260 .doc-tab ul li, #api-guide ul li { list-style: disc outside; }
261 /* line 509, ../sass/style.scss */
262 .doc-tab h3, #api-guide h3 { font-weight: bold; font-size: 1.1em; }
263 /* line 512, ../sass/style.scss */
264 .doc-tab h4, #api-guide h4 { font-weight: bold; }
265
266 /* line 515, ../sass/style.scss */
267 #api-guide { top: 10px; padding-right: 10px; font-size: 14px; }
268 /* line 519, ../sass/style.scss */
269 #api-guide h1 { background: url(../images/doc-m.png) no-repeat -5px 0; padding: 5px 0 10px 55px; font-family: "klavika-web-1", "klavika-web-2", sans-serif; letter-spacing: -1px; margin-bottom: 16px; font-size: 2.3em; color: #66ab16; }
270 /* line 527, ../sass/style.scss */
271 #api-guide h2 { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: -1px; line-height: 20px; border-bottom: 1px solid #f1f1f1; font-size: 20px; font-weight: bold; color: #314e64; margin: 30px 0 15px; padding-bottom: 5px; }
272 /* line 537, ../sass/style.scss */
273 #api-guide h3 { font-weight: bold; color: #314e64; margin-top: 1em; font-size: 14px; line-height: 16px; margin-bottom: 4px; }
274 /* line 544, ../sass/style.scss */
275 #api-guide hr { display: none; }
276
277 /* line 548, ../sass/style.scss */
278 .doc-tab .doc-overview-content { margin: 0 20px; padding: 20px 0; }
279 /* line 551, ../sass/style.scss */
280 .doc-tab .doc-overview-content .deprecated { font-weight: bold; text-transform: uppercase; color: white; font-size: 0.7em; border-radius: 2px; margin-left: 5px; padding: 0 3px; background-color: #aa0000; }
281 /* line 560, ../sass/style.scss */
282 .doc-tab .doc-overview-content .new { font-weight: bold; color: white; font-size: 0.7em; border-radius: 2px; margin-left: 5px; padding: 0 3px; background-color: #00aa00; }
283 /* line 568, ../sass/style.scss */
284 .doc-tab .doc-overview-content .cfgGroup { margin: 10px 0 3px 0; }
285 /* line 570, ../sass/style.scss */
286 .doc-tab .members { color: #444444; padding-top: 10px; clear: both; first-child-padding-top: 0; }
287 /* line 576, ../sass/style.scss */
288 .doc-tab .members .pre { font-family: "Menlo", "Courier New", Courier, monospace; font-size: 0.9em; }
289 /* line 579, ../sass/style.scss */
290 .doc-tab .members .definedBy { float: right; padding: 20px 20px 0 0; font-weight: bold; color: #666666; }
291 /* line 584, ../sass/style.scss */
292 .doc-tab .members h3.pa { padding: 10px 0 5px 0; }
293 /* line 586, ../sass/style.scss */
294 .doc-tab .members h3.members-title { padding: 15px 0 10px 30px; font-size: 1.3em; font-weight: bold; }
295 /* line 590, ../sass/style.scss */
296 .doc-tab .members #m-cfg .members-title { background: url(../images/configs.png) no-repeat 0 15px; }
297 /* line 592, ../sass/style.scss */
298 .doc-tab .members #m-property .members-title { background: url(../images/properties.png) no-repeat 0 19px; }
299 /* line 594, ../sass/style.scss */
300 .doc-tab .members #m-method .members-title { background: url(../images/methods.png) no-repeat 0 16px; }
301 /* line 596, ../sass/style.scss */
302 .doc-tab .members #m-event .members-title { background: url(../images/events.png) no-repeat 0 11px; }
303 /* line 598, ../sass/style.scss */
304 .doc-tab .members ul ul { list-style: circle; margin-top: 1em; }
305 /* line 601, ../sass/style.scss */
306 .doc-tab .members .sub-desc { margin: 0.5em 0 1em; }
307 /* line 605, ../sass/style.scss */
308 .doc-tab .members .description .short p { margin: 0; }
309 /* line 607, ../sass/style.scss */
310 .doc-tab .members a { text-decoration: none; }
311 /* line 609, ../sass/style.scss */
312 .doc-tab .members .member.first-child { border-width: 1px; }
313 /* line 611, ../sass/style.scss */
314 .doc-tab .members .member { position: relative; min-height: 2.5em; border-style: solid; border-color: #d0d0d0; border-width: 0 1px 1px 1px; padding: 5px 22px; }
315 /* line 614, ../sass/style.scss */
316 .doc-tab .members .member .long { display: none; }
317 /* line 616, ../sass/style.scss */
318 .doc-tab .members .member .meta { float: right; text-align: right; }
319 /* line 619, ../sass/style.scss */
320 .doc-tab .members .member a.definedIn { color: #888888; font-size: 0.9em; }
321 /* line 622, ../sass/style.scss */
322 .doc-tab .members .member a.definedIn:hover { color: #0464bb; }
323 /* line 624, ../sass/style.scss */
324 .doc-tab .members .member a.side { display: block; position: absolute; top: 0; left: 0; bottom: 0; background: #aaaaaa; background: -webkit-gradient(linear, left top, right top, from(#f9f9f9), to(#eff0f2)); background: -moz-linear-gradient(left, #f9f9f9, #eff0f2); }
325 /* line 632, ../sass/style.scss */
326 .doc-tab .members .member a.side span { display: block; width: 15px; }
327 /* line 636, ../sass/style.scss */
328 .doc-tab .members .member a.side.expandable span { background: url(../images/member-collapsed.gif) no-repeat 2px 2px; }
329 /* line 639, ../sass/style.scss */
330 .doc-tab .members .member a.side.expandable:hover span { background: url(../images/member-hover.gif) no-repeat 2px 2px; }
331 /* line 641, ../sass/style.scss */
332 .doc-tab .members .member a.viewSource { color: rgba(0, 0, 0, 0); -webkit-transition: color 0.2s linear; font-size: 0.9em; }
333 /* line 645, ../sass/style.scss */
334 .doc-tab .members .member a.viewSource:hover { color: #0464bb; }
335 /* line 648, ../sass/style.scss */
336 .doc-tab .members .member:hover a.viewSource { color: gray; -webkit-transition: color 0.2s linear; }
337 /* line 652, ../sass/style.scss */
338 .doc-tab .members .member.open a.side.expandable { background: -webkit-gradient(linear, left top, right top, from(#ebf3fe), to(#d9e8fc)); background: -moz-linear-gradient(left, #ebf3fe, #d9e8fc); }
339 /* line 654, ../sass/style.scss */
340 .doc-tab .members .member.open a.side.expandable span { background: url(../images/member-expanded.gif) no-repeat 1px 2px; }
341 /* line 656, ../sass/style.scss */
342 .doc-tab .members .member.open .short { display: none; }
343 /* line 658, ../sass/style.scss */
344 .doc-tab .members .member.open .long { display: block; }
345 /* line 664, ../sass/style.scss */
346 .doc-tab .members .member .name { font-weight: bold; }
347 /* line 666, ../sass/style.scss */
348 .doc-tab .members .member .title { padding-bottom: 3px; }
349
350 /* line 670, ../sass/style.scss */
351 #doc-overview img.screenshot { display: block; padding: 10px 0; }
352 /* line 673, ../sass/style.scss */
353 #doc-overview .hierarchy { border-radius: 5px; background-color: #f7f7f7; border: 1px solid #ebebeb; padding: 0 15px 15px 10px; float: right; margin: 0 0 20px 20px; font-size: 12px; }
354 /* line 66, ../sass/style.scss */
355 #doc-overview .hierarchy h4 { font-family: HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 90%; padding: 11px 0 5px 0; text-transform: uppercase; color: #999999; }
356 /* line 682, ../sass/style.scss */
357 #doc-overview .hierarchy .mixin { padding: 0 0 0 12px; margin-top: 3px; }
358 /* line 685, ../sass/style.scss */
359 #doc-overview .hierarchy .subclass { background: url(../images/elbow-end.gif) no-repeat -5px 0; margin-top: 3px; padding: 0 0 0 12px; }
360 /* line 689, ../sass/style.scss */
361 #doc-overview .hierarchy .subclass.first-child { background: none; padding-left: 15px; }
362
363 /* line 693, ../sass/style.scss */
364 #doc-examples { display: relative; min-height: 440px; }
365 /* line 696, ../sass/style.scss */
366 #doc-examples .expl { padding: 20px 0 10px 0; }
367 /* line 698, ../sass/style.scss */
368 #doc-examples h1 { font-family: Arial; font-size: 1.6em; }
369 /* line 701, ../sass/style.scss */
370 #doc-examples h2 { padding-bottom: 10px; }
371 /* line 703, ../sass/style.scss */
372 #doc-examples .egCode { width: 400px; margin-bottom: 10px; }
373 /* line 706, ../sass/style.scss */
374 #doc-examples .codemirrorCode, #doc-examples .cssCode { border: 2px solid #aaaaaa; margin-bottom: 10px; }
375 /* line 709, ../sass/style.scss */
376 #doc-examples .exampleIframe { position: absolute; left: 20px; right: 20px; top: 20px; }
377 /* line 714, ../sass/style.scss */
378 #doc-examples .exampleIframe iframe { border: 0; width: 100%; height: 100%; }
379 /* line 718, ../sass/style.scss */
380 #doc-examples .CodeMirror { height: 300px; }
381 /* line 720, ../sass/style.scss */
382 #doc-examples .examplesList { float: left; width: 200px; }
383 /* line 724, ../sass/style.scss */
384 #doc-examples .examplesList .item a { font-weight: bold; min-height: 230px; display: block; float: left; width: 250px; text-align: center; margin: 0 15px; }
385 /* line 732, ../sass/style.scss */
386 #doc-examples .examplesList .item a img { padding-bottom: 5px; }
387 /* line 734, ../sass/style.scss */
388 #doc-examples .rhs { margin-left: 220px; }
389 /* line 736, ../sass/style.scss */
390 #doc-examples .rhs .doc-tab { left: 240px; top: 131px; bottom: 20px; right: 20px; margin-top: -77px; padding: 20px; }
391
392 /* line 744, ../sass/style.scss */
393 .member-links { border-width: 0 0 1px 0; border-style: solid; border-color: #bfbfbf; }
394 /* line 749, ../sass/style.scss */
395 .member-links .num { font-size: 0.8em; position: relative; top: -4px; }
396 /* line 753, ../sass/style.scss */
397 .member-links .expandAllMembers { background: url(../images/expandcollapse.png) no-repeat -14px 2px; }
398 /* line 755, ../sass/style.scss */
399 .member-links .collapseAllMembers { background: url(../images/expandcollapse.png) no-repeat 2px 2px; }
400 /* line 757, ../sass/style.scss */
401 .member-links .member_sm { position: absolute; padding: 5px 15px 10px; background: #eaeaea; z-index: 8; top: 21px; line-height: 1.3em; border: 1px solid #bfbfbf; border-top: 1px solid #eaeaea; left: -16px; border-radius-bottom: 5px; }
402 /* line 768, ../sass/style.scss */
403 .member-links .member_sm h2 { font-weight: bold; text-decoration: underline; padding-bottom: 5px; }
404 /* line 772, ../sass/style.scss */
405 .member-links .member_sm a { display: block; position: relative; padding: 2px 30px 2px 0; color: #0464bb; white-space: nowrap; }
406 /* line 778, ../sass/style.scss */
407 .member-links .member_sm a:hover { color: #083772; text-decoration: underline; }
408 /* line 781, ../sass/style.scss */
409 .member-links .member_sm .l { vertical-align: top; }
410
411 /* line 783, ../sass/style.scss */
412 .x-box-inner { position: relative; }
413
414 /* line 787, ../sass/style.scss */
415 #doc-source .x-panel-body-default { background: #f7f7f7; padding: 0; margin: 0; }
416 /* line 791, ../sass/style.scss */
417 #doc-source .x-panel-body-default .prettyprint { background-color: #f7f7f7; line-height: 1.3em; overflow-x: auto; overflow-y: hidden; font-size: 11px; border: 0; margin: 0; padding: 10px; overflow: none; }
418 /* line 796, ../sass/style.scss */
419 #doc-source .x-panel-body-default .prettyprint code { font-family: "Menlo", "Courier New", Courier, monospace; }
420 /* line 798, ../sass/style.scss */
421 #doc-source .x-panel-body-default .prettyprint i, #doc-source .x-panel-body-default .prettyprint em { font-style: normal; }
422
423 /* line 806, ../sass/style.scss */
424 #treePanel { position: absolute; top: 75px; width: 240px; padding: 50px 0 0 0px; }
425 /* line 811, ../sass/style.scss */
426 #treePanel .x-grid-cell-inner { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; position: relative; -webkit-transition: background-color 0.15s linear; }
427 /* line 816, ../sass/style.scss */
428 #treePanel .x-grid-cell-inner a.fav { display: block; width: 15px; height: 15px; position: absolute; right: 3px; z-index: 20; top: 0; }
429 /* line 38, ../sass/style.scss */
430 #treePanel .x-grid-cell-inner .icon-pkg { background: url(../images/icons.png) no-repeat -3px -57px !important; }
431 /* line 40, ../sass/style.scss */
432 #treePanel .x-grid-cell-inner .icon-class { background: url(../images/icons.png) no-repeat -3px -84px !important; }
433 /* line 42, ../sass/style.scss */
434 #treePanel .x-grid-cell-inner .icon-singleton { background: url(../images/icons.png) no-repeat -3px -111px !important; }
435 /* line 44, ../sass/style.scss */
436 #treePanel .x-grid-cell-inner .icon-component { background: url(../images/icons.png) no-repeat -3px -137px !important; }
437 /* line 46, ../sass/style.scss */
438 #treePanel .x-grid-cell-inner .icon-book { background: url(../images/icons.png) no-repeat -3px -5px !important; }
439 /* line 48, ../sass/style.scss */
440 #treePanel .x-grid-cell-inner .icon-event { background: url(../images/icons.png) no-repeat -3px -245px !important; }
441 /* line 50, ../sass/style.scss */
442 #treePanel .x-grid-cell-inner .icon-property { background: url(../images/icons.png) no-repeat -3px -192px !important; }
443 /* line 52, ../sass/style.scss */
444 #treePanel .x-grid-cell-inner .icon-method { background: url(../images/icons.png) no-repeat -3px -165px !important; }
445 /* line 54, ../sass/style.scss */
446 #treePanel .x-grid-cell-inner .icon-cfg { background: url(../images/icons.png) no-repeat -3px -219px !important; }
447 /* line 56, ../sass/style.scss */
448 #treePanel .x-grid-cell-inner .icon-subclass { background: url(../images/icons.png) no-repeat -3px -299px !important; }
449 /* line 58, ../sass/style.scss */
450 #treePanel .x-grid-cell-inner .icon-fav { background: url(../images/favorite2.png) no-repeat 0 -2px; padding-left: 20px; }
451 /* line 61, ../sass/style.scss */
452 #treePanel .x-grid-cell-inner .icon-hist { background: url(../images/favorite2.png) no-repeat 0 -40px; padding-left: 20px; }
453 /* line 826, ../sass/style.scss */
454 #treePanel .x-grid-row-over .x-grid-cell-inner { -webkit-transition: background-color 0.15s linear; }
455 /* line 828, ../sass/style.scss */
456 #treePanel .x-grid-row-over .x-grid-cell-inner a.fav { background: url(../images/favorite.png) no-repeat -21px -1px; }
457 /* line 830, ../sass/style.scss */
458 #treePanel .x-grid-row-over .x-grid-cell-inner a.fav:hover { background: url(../images/favorite.png) no-repeat -2px -1px; }
459 /* line 833, ../sass/style.scss */
460 #treePanel .x-grid-row-over .x-tree-node-el.fav a.fav { background: url(../images/favorite.png) no-repeat -2px -1px; }
461 /* line 835, ../sass/style.scss */
462 #treePanel .x-panel-body { background: #f8f8f8; }
463 /* line 837, ../sass/style.scss */
464 #treePanel .sortBy { position: relative; padding-bottom: 10px; }
465 /* line 840, ../sass/style.scss */
466 #treePanel .sortBy #expandAll { width: 13px; height: 15px; position: absolute; top: 4px; right: 40px; display: block; background: url(../images/expandcollapse.png) no-repeat -14px 2px; }
467 /* line 848, ../sass/style.scss */
468 #treePanel .sortBy #collapseAll { width: 13px; height: 15px; position: absolute; top: 4px; right: 20px; display: block; background: url(../images/expandcollapse.png) no-repeat 0 2px; }
469 /* line 856, ../sass/style.scss */
470 #treePanel h2 { text-transform: uppercase; font-weight: bold; font-family: "Helvetica Neue"; color: #8a8a8a; }
471 /* line 861, ../sass/style.scss */
472 #treePanel .favorites { padding: 10px; margin: 0 10px 10px 0; }
473
474 /* line 865, ../sass/style.scss */
475 .treePanel { position: absolute; top: 215px; bottom: 20px; overflow: auto; width: 230px; }
476
477 /* line 873, ../sass/style.scss */
478 .piechartLinks a { text-decoration: none; padding-left: 15px; }
479 /* line 876, ../sass/style.scss */
480 .piechartLinks .a0 { background: url(../images/piecharts.png) no-repeat 0 -78px; }
481 /* line 878, ../sass/style.scss */
482 .piechartLinks .a1 { background: url(../images/piecharts.png) no-repeat 0 -61px; }
483 /* line 880, ../sass/style.scss */
484 .piechartLinks .a2 { background: url(../images/piecharts.png) no-repeat 0 -45px; }
485 /* line 882, ../sass/style.scss */
486 .piechartLinks .a3 { background: url(../images/piecharts.png) no-repeat 0 -29px; }
487 /* line 884, ../sass/style.scss */
488 .piechartLinks .a4 { background: url(../images/piecharts.png) no-repeat 0 -13px; }
489 /* line 886, ../sass/style.scss */
490 .piechartLinks .a5 { background: url(../images/piecharts.png) no-repeat 0 3px; }
491 /* line 888, ../sass/style.scss */
492 .piechartLinks .ra0 { background: url(../images/piecharts_red.png) no-repeat 0 -78px; min-width: 15px; min-height: 15px; }
493 /* line 892, ../sass/style.scss */
494 .piechartLinks .ra1 { background: url(../images/piecharts_red.png) no-repeat 0 -61px; min-width: 15px; min-height: 15px; }
495 /* line 896, ../sass/style.scss */
496 .piechartLinks .ra2 { background: url(../images/piecharts_red.png) no-repeat 0 -45px; min-width: 15px; min-height: 15px; }
497 /* line 900, ../sass/style.scss */
498 .piechartLinks .ra3 { background: url(../images/piecharts_red.png) no-repeat 0 -29px; min-width: 15px; min-height: 15px; }
499 /* line 904, ../sass/style.scss */
500 .piechartLinks .ra4 { background: url(../images/piecharts_red.png) no-repeat 0 -13px; min-width: 15px; min-height: 15px; }
501 /* line 908, ../sass/style.scss */
502 .piechartLinks .ra5 { background: url(../images/piecharts_red.png) no-repeat 0 3px; min-width: 15px; min-height: 15px; }
503
504 /* line 38, ../sass/style.scss */
505 .icon-pkg { background: url(../images/icons.png) no-repeat -3px -57px !important; }
506
507 /* line 40, ../sass/style.scss */
508 .icon-class { background: url(../images/icons.png) no-repeat -3px -84px !important; }
509
510 /* line 42, ../sass/style.scss */
511 .icon-singleton { background: url(../images/icons.png) no-repeat -3px -111px !important; }
512
513 /* line 44, ../sass/style.scss */
514 .icon-component { background: url(../images/icons.png) no-repeat -3px -137px !important; }
515
516 /* line 46, ../sass/style.scss */
517 .icon-book { background: url(../images/icons.png) no-repeat -3px -5px !important; }
518
519 /* line 48, ../sass/style.scss */
520 .icon-event { background: url(../images/icons.png) no-repeat -3px -245px !important; }
521
522 /* line 50, ../sass/style.scss */
523 .icon-property { background: url(../images/icons.png) no-repeat -3px -192px !important; }
524
525 /* line 52, ../sass/style.scss */
526 .icon-method { background: url(../images/icons.png) no-repeat -3px -165px !important; }
527
528 /* line 54, ../sass/style.scss */
529 .icon-cfg { background: url(../images/icons.png) no-repeat -3px -219px !important; }
530
531 /* line 56, ../sass/style.scss */
532 .icon-subclass { background: url(../images/icons.png) no-repeat -3px -299px !important; }
533
534 /* line 58, ../sass/style.scss */
535 .icon-fav { background: url(../images/favorite2.png) no-repeat 0 -2px; padding-left: 20px; }
536
537 /* line 61, ../sass/style.scss */
538 .icon-hist { background: url(../images/favorite2.png) no-repeat 0 -40px; padding-left: 20px; }
539
540 /* line 915, ../sass/style.scss */
541 .cfgStats { margin-top: 10px; }
542 /* line 917, ../sass/style.scss */
543 .cfgStats th { padding: 10px; font-weight: bold; }
544 /* line 920, ../sass/style.scss */
545 .cfgStats td { padding: 10px; vertical-align: top; }
546 /* line 924, ../sass/style.scss */
547 .cfgStats .o td { background-color: #eeeeee; }
548
549 /* line 928, ../sass/style.scss */
550 .searchResults th { text-align: left; font-weight: bold; }
551 /* line 931, ../sass/style.scss */
552 .searchResults td { height: 20px; border-top: 1px solid #cccccc; padding: 3px 6px 3px 3px; }
553 /* line 935, ../sass/style.scss */
554 .searchResults .icn { width: 20px; height: 20px; }
555 /* line 938, ../sass/style.scss */
556 .searchResults .result { font-weight: bold; }
557
558 /* line 942, ../sass/style.scss */
559 .historyBut button { border: 0; padding-right: 10px; background: url("../../extjs/resources/themes/images/default/button/arrow.gif") no-repeat top right; }
560
561 /* line 947, ../sass/style.scss */
562 .notice { background-color: #fff99c; text-align: center; color: #434343; font-weight: bold; padding: 8px 0; }
563
564 /* line 954, ../sass/style.scss */
565 .wrapper { position: relative; }
566
567 /* line 957, ../sass/style.scss */
568 .x-scroller-vertical { border: 0; }