Upgrade to ExtJS 3.3.1 - Released 11/30/2010
[extjs.git] / resources / css / structure / window.css
1 /*!
2  * Ext JS Library 3.3.1
3  * Copyright(c) 2006-2010 Sencha Inc.
4  * licensing@sencha.com
5  * http://www.sencha.com/license
6  */
7 .x-window {
8     zoom:1;
9 }
10
11 .x-window .x-window-handle {
12     opacity:0;
13     -moz-opacity:0;
14     filter:alpha(opacity=0);
15 }
16
17 .x-window-proxy {
18     border:1px solid;
19     z-index:12000;
20     overflow:hidden;
21     position:absolute;
22     left:0;top:0;
23     display:none;
24     opacity:.5;
25     -moz-opacity:.5;
26     filter:alpha(opacity=50);
27 }
28
29 .x-window-header {
30     overflow:hidden;
31     zoom:1;
32 }
33
34 .x-window-bwrap {
35     z-index:1;
36     position:relative;
37     zoom:1;
38     left:0;top:0;
39 }
40
41 .x-window-tl .x-window-header {
42     padding:5px 0 4px 0;
43 }
44
45 .x-window-header-text {
46     cursor:pointer;
47 }
48
49 .x-window-tc {
50         background: transparent repeat-x 0 0;
51         overflow:hidden;
52     zoom:1;
53 }
54
55 .x-window-tl {
56         background: transparent no-repeat 0 0;
57         padding-left:6px;
58     zoom:1;
59     z-index:1;
60     position:relative;
61 }
62
63 .x-window-tr {
64         background: transparent no-repeat right 0;
65         padding-right:6px;
66 }
67
68 .x-window-bc {
69         background: transparent repeat-x 0 bottom;
70     zoom:1;
71 }
72
73 .x-window-bc .x-window-footer {
74     padding-bottom:6px;
75     zoom:1;
76     font-size:0;
77     line-height:0;
78 }
79
80 .x-window-bl {
81         background: transparent no-repeat 0 bottom;
82         padding-left:6px;
83     zoom:1;
84 }
85
86 .x-window-br {
87         background: transparent no-repeat right bottom;
88         padding-right:6px;
89     zoom:1;
90 }
91
92 .x-window-mc {
93     border:1px solid;
94     padding:0;
95     margin:0;
96 }
97
98 .x-window-ml {
99         background: transparent repeat-y 0 0;
100         padding-left:6px;
101     zoom:1;
102 }
103
104 .x-window-mr {
105         background: transparent repeat-y right 0;
106         padding-right:6px;
107     zoom:1;
108 }
109
110 .x-window-body {
111     overflow:hidden;
112 }
113
114 .x-window-bwrap {
115     overflow:hidden;
116 }
117
118 .x-window-maximized .x-window-bl, .x-window-maximized .x-window-br,
119     .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr,
120     .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr {
121     padding:0;
122 }
123
124 .x-window-maximized .x-window-footer {
125     padding-bottom:0;
126 }
127
128 .x-window-maximized .x-window-tc {
129     padding-left:3px;
130     padding-right:3px;
131 }
132
133 .x-window-maximized .x-window-mc {
134     border-left:0 none;
135     border-right:0 none;
136 }
137
138 .x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar {
139     border-left:0 none;
140     border-right: 0 none;
141 }
142
143 .x-window-bbar .x-toolbar {
144     border-top:1px solid;
145     border-bottom:0 none;
146 }
147
148 .x-window-draggable, .x-window-draggable .x-window-header-text {
149     cursor:move;
150 }
151
152 .x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text {
153     cursor:default;
154 }
155
156 .x-window-body {
157     background-color:transparent;
158 }
159
160 .x-panel-ghost .x-window-tl {
161     border-bottom:1px solid;
162 }
163
164 .x-panel-collapsed .x-window-tl {
165     border-bottom:1px solid;
166 }
167
168 .x-window-maximized-ct {
169     overflow:hidden;
170 }
171
172 .x-window-maximized .x-window-handle {
173     display:none;
174 }
175
176 .x-window-sizing-ghost ul {
177     border:0 none !important;
178 }
179
180 .x-dlg-focus{
181         -moz-outline:0 none;
182         outline:0 none;
183         width:0;
184         height:0;
185         overflow:hidden;
186         position:absolute;
187         top:0;
188         left:0;
189 }
190
191 .ext-webkit .x-dlg-focus{
192     width: 1px;
193     height: 1px;
194 }
195
196 .x-dlg-mask{
197     z-index:10000;
198     display:none;
199     position:absolute;
200     top:0;
201     left:0;
202     -moz-opacity: 0.5;
203     opacity:.50;
204     filter: alpha(opacity=50);
205 }
206
207 body.ext-ie6.x-body-masked select {
208         visibility:hidden;
209 }
210
211 body.ext-ie6.x-body-masked .x-window select {
212         visibility:visible;
213 }
214
215 .x-window-plain .x-window-mc {
216     border: 1px solid;
217 }
218
219 .x-window-plain .x-window-body {
220     border: 1px solid;
221     background:transparent !important;
222 }