bug 77 css scoping - making skin work again
[themes.git] / EarlyBlue / global / skin / global.css
1 /** this should only contain XUL dialog and document window widget defaults. Defaults for widgets of
2     a particular application should be in that application's style sheet.
3         For example style definitions for navigator can be found in navigator.css
4
5    THIS FILE IS LOCKED DOWN.  YOU ARE NOT ALLOWED TO MODIFY IT WITHOUT FIRST HAVING YOUR
6    CHANGES REVIEWED BY hyatt@netscape.com.
7 **/
8
9 /* import the widget style sheets */
10
11 /* all localizable skin settings shall live here */
12 @import url(chrome://global/locale/intl.css);
13
14 /* this seems to be excluded now! let's see what happens...
15
16 @import url(chrome://global/skin/box.css);
17 @import url(chrome://global/skin/button.css);
18 @import url(chrome://global/skin/checkbox.css);
19 @import url(chrome://global/skin/radio.css);
20 @import url(chrome://global/skin/tree.css);
21 @import url(chrome://global/skin/outliner.css);
22 @import url(chrome://global/skin/splitter.css);
23 @import url(chrome://global/skin/radio.css);
24 @import url(chrome://global/skin/menubutton.css);
25 @import url(chrome://global/skin/menulist.css);
26 @import url(chrome://global/skin/menu.css);
27 @import url(chrome://global/skin/formatting.css);
28 @import url(chrome://global/skin/textfield.css);
29 @import url(chrome://global/skin/tabcontrol.css);
30 @import url(chrome://global/skin/toolbar.css);
31 @import url(chrome://global/skin/colorpicker.css);
32 */
33
34
35 @import url("chrome://global/skin/formatting.css");
36 /*
37 @import url("chrome://global/content/bindings/outliner.css");
38 @import url("chrome://global/content/bindings/popup.css");
39 @import url("chrome://global/content/bindings/scrollbar.css");
40 @import url("chrome://global/content/bindings/tree.css");
41
42 @import url("chrome://global/skin/button.css");
43 @import url("chrome://global/skin/checkbox.css");
44 @import url("chrome://global/skin/colorpicker.css");
45 @import url("chrome://global/skin/menu.css");
46 @import url("chrome://global/skin/menubutton.css");
47 @import url("chrome://global/skin/menulist.css");
48 @import url("chrome://global/skin/outliner.css");
49 @import url("chrome://global/skin/popup.css");
50 @import url("chrome://global/skin/progressmeter.css");
51 @import url("chrome://global/skin/radio.css");
52 @import url("chrome://global/skin/scrollbox.css");
53 @import url("chrome://global/skin/splitter.css");
54 @import url("chrome://global/skin/tabcontrol.css");
55 @import url("chrome://global/skin/textbox.css");
56 @import url("chrome://global/skin/toolbar.css");
57 @import url("chrome://global/skin/tree.css");
58 */
59
60 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 
61
62
63 /**  
64  * bindings
65  **/
66
67 /*
68
69   button, button.left
70     {
71       -moz-binding        : url("chrome://global/skin/buttonBindings.xml#buttonleft");
72     }
73  
74   checkbox 
75     {
76       -moz-binding        : url("chrome://global/skin/classicBindings.xml#checkbox");
77     }
78  
79   menulist 
80     {
81       -moz-binding        : url("chrome://global/skin/menulistBindings.xml#menulist");
82     }
83         
84   menulist[editable="true"] 
85     {
86       -moz-binding          : url("chrome://global/skin/menulistBindings.xml#menulist-editable") !important;
87     }
88   
89   menulist > menupopup,
90   .menulist-menupopup
91     {
92       -moz-binding        : url("chrome://global/skin/menulistBindings.xml#menulistpopup");
93     }
94
95   .menulist-compact
96     {
97       -moz-binding        : url("chrome://global/skin/menulistBindings.xml#menulist-compact");
98     }
99     
100   radio 
101     {
102       -moz-binding        : url("chrome://global/skin/classicBindings.xml#radio");
103     }
104
105   grippy, grippy[collapse="before"]
106     {
107       -moz-binding          : url("chrome://global/skin/classicBindings.xml#grippy");
108     }
109     
110   window[orient="vertical"] > splitter,
111   box[orient="vertical"] > splitter,
112   window[align="vertical"] > splitter,
113   box[align="vertical"] > splitter,
114   vbox > splitter
115     {
116       -moz-binding        : url("chrome://global/skin/classicBindings.xml#splitter-hack");
117     }
118
119   tabs 
120     {
121       -moz-binding: url("chrome://global/skin/tabBindings.xml#tabs");
122     }
123
124   toolbargrippy
125     {
126       -moz-binding          : url("chrome://global/skin/classicBindings.xml#toolbargrippy");
127     }
128
129   toolbargrippy[tbgrippy-collapsed="true"] 
130     {
131       -moz-binding          : url("chrome://global/skin/classicBindings.xml#toolbargrippy-collapsed");
132     }
133 */
134
135
136 /**
137  * XXX-DEBUG: HTML namespace/titledbutton striping. 
138  **/ 
139
140 /*
141   html|* 
142     {
143       border              : 1px solid green !important;
144     }
145   
146   html|form 
147     {
148       border              : none !important;
149     }
150   
151   titledbutton 
152     {
153       border              : 1px solid purple !important;
154     }
155 */
156
157 /**  
158  * XUL <window> element
159  **/
160   window 
161     { 
162       background-color    : #CCD0DD;
163       color               : black;
164       font                : 3mm helvetica,arial,tahoma,sans-serif;
165       padding             : 0px;
166       -moz-user-focus     : ignore;
167     }
168   
169   window[wait-cursor] 
170     { 
171       cursor              : wait !important; 
172     }
173   
174   window.dialog 
175     { 
176       background-color    : #CCD0DD;
177       padding             : 7px 5px 5px 5px;
178     }
179
180 /**
181  * XUL <box> debugging
182  **/
183   :-moz-horizontal-box-debug 
184     {
185       border              : 2px solid blue;
186       border-top-width    : 10px;
187       padding             : 2px;
188       margin              : 2px;
189       color               : white;
190     }
191   
192   :-moz-vertical-box-debug 
193     {
194       border              : 2px solid red;
195       border-left-width   : 10px;
196       padding             : 2px;
197       margin              : 2px;
198       color               : white;
199     }
200
201 /**
202  * Utility icons (used for alert dialogs, etc)
203  **/
204   .message-icon 
205     {
206       list-style-image    : url("chrome://global/skin/message-icon.gif");
207     }
208
209   .alert-icon 
210     {
211       list-style-image    : url("chrome://global/skin/alert-icon.gif");
212     }
213   
214   .error-icon 
215     {
216       list-style-image    : url("chrome://global/skin/error-icon.gif");
217     }
218   
219   .question-icon 
220     {
221       list-style-image    : url("chrome://global/skin/question-icon.gif");
222     }
223
224 /**
225  * status-bar
226  */
227   #status-bar 
228     {
229       border-top          : 1px solid #9999CC;
230       background-color    : #CCD0DD;
231       user-focus          : ignore;
232       overflow            : hidden
233     }
234
235   .statusbar-left
236     {
237       width               : 8px;
238       list-style-image    : url("chrome://global/skin/gray-bottomleft.gif");
239       background-position : bottom left;
240     }
241
242   .statusbar-right
243     {
244       width               : 8px;
245       list-style-image    : url("chrome://global/skin/gray-bottomright.gif");
246       background-position : bottom right;
247     }
248
249   statusbarpanel
250     {
251       padding             : 0px 1px 0px 1px;
252       vertical-align      : middle;
253     }
254
255   .statusbar-panel-icon
256     {
257       margin              : 0px 2px 0px 0px;
258     }
259
260
261 /**
262  * iframe default sizing 
263  **/
264   iframe 
265     {
266       min-width           : 10px;
267       min-height          : 10px;
268       width               : 100px;
269       height              : 100px;
270       border              : none;
271     }
272
273
274 .tooltip-label
275   {
276     margin                : 0px;
277   }
278   
279   
280
281