first part of syncing LCARStrek with Firefox 38 windows theme changes
[themes.git] / EarlyBlue / editor / editorFormatToolbar.css
1 /* This Source Code Form is subject to the terms of the Mozilla Public
2  * License, v. 2.0. If a copy of the MPL was not distributed with this
3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
6
7 /* ::::: formatting buttons ::::: */
8
9 #FormatToolbar > toolbarbutton > .toolbarbutton-text {
10   display: none;
11 }
12
13 toolbarbutton.formatting-button {
14   min-width: 18px;
15 }
16
17 #DecreaseFontSizeButton {
18   list-style-image: url("chrome://editor/skin/icons/dec-font-size.gif");
19 }
20
21 #DecreaseFontSizeButton[disabled="true"] {
22   list-style-image: url("chrome://editor/skin/icons/dec-font-size-disabled.gif") !important;
23 }
24
25 #IncreaseFontSizeButton {
26   list-style-image: url("chrome://editor/skin/icons/inc-font-size.gif");
27 }
28
29 #IncreaseFontSizeButton[disabled="true"] {
30   list-style-image: url("chrome://editor/skin/icons/inc-font-size-disabled.gif") !important;
31 }
32
33 #boldButton {
34   list-style-image: url(chrome://editor/skin/icons/bold.gif);
35 }
36
37 #boldButton[disabled="true"] {
38   list-style-image: url("chrome://editor/skin/icons/bold-disabled.gif") !important;
39 }
40
41 #italicButton {
42   list-style-image: url("chrome://editor/skin/icons/italic.gif");
43 }
44
45 #italicButton[disabled="true"] {
46   list-style-image: url("chrome://editor/skin/icons/italic-disabled.gif") !important;
47 }
48
49 #underlineButton {
50   list-style-image: url("chrome://editor/skin/icons/underline.gif");
51 }
52
53 #underlineButton[disabled="true"] {
54   list-style-image: url("chrome://editor/skin/icons/underline-disabled.gif") !important;
55 }
56
57 #ulButton {
58   list-style-image:url("chrome://editor/skin/icons/bullets.gif");
59 }
60
61 #ulButton[disabled="true"] {
62   list-style-image: url("chrome://editor/skin/icons/bullets-disabled.gif") !important;
63 }
64
65 #olButton {
66   list-style-image: url("chrome://editor/skin/icons/numbers.gif");
67 }
68
69 #olButton[disabled="true"] {
70   list-style-image: url("chrome://editor/skin/icons/numbers-disabled.gif") !important;
71 }
72
73 #outdentButton {
74   list-style-image: url("chrome://editor/skin/icons/outdent.gif");
75 }
76
77 #outdentButton[disabled="true"] {
78   list-style-image: url("chrome://editor/skin/icons/outdent-disabled.gif") !important;
79 }
80
81 #indentButton {
82   list-style-image: url("chrome://editor/skin/icons/indent.gif");
83 }
84
85 #indentButton[disabled="true"] {
86   list-style-image: url("chrome://editor/skin/icons/indent-disabled.gif") !important;
87 }
88
89 #align-left-button {
90   list-style-image: url("chrome://editor/skin/icons/left.gif");
91 }
92
93 #align-left-button[disabled="true"] {
94   list-style-image: url("chrome://editor/skin/icons/left-disabled.gif") !important;
95 }
96
97 #align-center-button {
98   list-style-image: url("chrome://editor/skin/icons/center.gif");
99 }
100
101 #align-center-button[disabled="true"] {
102   list-style-image: url("chrome://editor/skin/icons/center-disabled.gif") !important;
103 }
104
105 #align-right-button {
106   list-style-image: url("chrome://editor/skin/icons/right.gif");
107 }
108
109 #align-right-button[disabled="true"] {
110   list-style-image: url("chrome://editor/skin/icons/right-disabled.gif") !important;
111 }
112
113 #align-justify-button {
114   list-style-image: url("chrome://editor/skin/icons/justify.gif");
115 }
116
117 #align-justify-button[disabled="true"] {
118   list-style-image: url("chrome://editor/skin/icons/justify-disabled.gif") !important;
119 }
120
121 #AlignPopupButton {
122   list-style-image: url("chrome://editor/skin/icons/align.gif");
123 }
124
125 #AlignPopupButton[disabled="true"] {
126   list-style-image: url("chrome://editor/skin/icons/align-disabled.gif") !important;
127 }
128
129 #InsertPopupButton {
130   list-style-image: url("chrome://editor/skin/icons/insert.gif");
131 }
132
133 #InsertPopupButton[disabled="true"] {
134   list-style-image: url("chrome://editor/skin/icons/insert-disabled.gif") !important;
135 }
136
137 #smileButtonMenu {
138   list-style-image: url("chrome://editor/skin/icons/smile.gif");
139 }
140
141 #smileButtonMenu[disabled="true"] {
142   list-style-image: url("chrome://editor/skin/icons/smile-disabled.gif") !important;
143 }
144
145 /* ::::: menuitem icons ::::: */
146
147 /* ..... align menu ..... */
148
149 #AlignLeftItem {
150   list-style-image: url("chrome://editor/skin/icons/left.gif");
151 }
152
153 #AlignCenterItem {
154   list-style-image: url("chrome://editor/skin/icons/center.gif");
155 }
156
157 #AlignRightItem {
158   list-style-image: url("chrome://editor/skin/icons/right.gif");
159 }
160
161 #AlignJustifyItem {
162   list-style-image: url("chrome://editor/skin/icons/justify.gif");
163 }
164
165 /* ..... insert menu ..... */
166
167 #InsertPopup > menuitem {
168   list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
169 }
170
171 #InsertLinkItem {
172   -moz-image-region: rect(48px 16px 64px 0);
173 }
174
175 #InsertAnchorItem {
176   -moz-image-region: rect(0px 16px 16px 0);
177 }
178
179 #InsertImageItem {
180   -moz-image-region: rect(32px 16px 48px 0);
181 }
182
183 #InsertHRuleItem {
184   -moz-image-region: rect(16px 16px 32px 0);
185 }
186
187 #InsertTableItem {
188   -moz-image-region: rect(144px 16px 160px 0);
189 }
190
191 /* ..... smiley menu ..... */
192
193 .insert-smile {
194   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-smile.png");
195 }
196
197 .insert-frown {
198   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-frown.png"); 
199 }
200
201 .insert-wink {
202   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-wink.png");
203 }
204
205 .insert-tongue {
206   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-tongue.png");
207 }
208
209 .insert-laughing {
210   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-laughing.png"); 
211 }
212
213 .insert-embarrassed {
214   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-embarrassed.png");
215 }
216
217 .insert-undecided {
218   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-undecided.png"); 
219 }
220
221 .insert-surprise {
222   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-surprise.png"); 
223 }
224
225 .insert-kiss {
226   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-kiss.png"); 
227 }
228
229 .insert-yell {
230   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-yell.png"); 
231 }
232
233 .insert-cool {
234   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cool.png"); 
235 }
236
237 .insert-money {
238   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-money.png"); 
239 }
240
241 .insert-foot {
242   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-foot.png"); 
243 }
244
245 .insert-innocent {
246   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-innocent.png"); 
247 }
248
249 .insert-cry {
250   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cry.png"); 
251 }
252
253 .insert-sealed {
254   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-sealed.png"); 
255 }
256
257 /* ::::: fg/bg color picker ::::: */
258
259 .ColorPickerLabel {
260   border: 1px inset #CCD0DD;
261   margin: 0px;
262   padding: 2px;
263 }
264
265 .color-button {
266   border: 1px inset #CCD0DD;
267   padding: 0px;
268   width: 14px;
269   height: 12px;
270   margin: 2px;
271 }
272
273 .color-button:hover {
274   border: 1px solid #666699;
275 }
276
277 #TextColorButton {
278   margin-top: 2px;
279   margin-bottom: 9px;
280   -moz-margin-start: 2px;
281   -moz-margin-end: 9px;
282 }
283
284 #TextColorButton[color="mixed"] {
285   background-image: url("chrome://editor/skin/icons/multicolor.png");
286   background-size: cover;
287 }
288
289 #BackgroundColorButton {
290   margin-top: 9px;
291   margin-bottom: 2px;
292   -moz-margin-start: 9px;
293   -moz-margin-end: 2px;
294 }
295
296 #HighlightColorButton {
297   list-style-image: url("chrome://editor/skin/icons/highlight.gif");
298   background-color: transparent;
299 }
300
301 #HighlightColorButton[disabled="true"] {
302   list-style-image: url("chrome://editor/skin/icons/highlight-disabled.gif") !important;
303 }
304
305 #absolutePositionButton {
306   list-style-image: url("chrome://editor/skin/icons/pinned.gif");
307 }
308
309 #absolutePositionButton[disabled="true"] {
310   list-style-image: url("chrome://editor/skin/icons/pinned-disabled.gif") !important;
311 }
312
313 #absolutePositionButton[checked="true"] {
314   list-style-image: url("chrome://editor/skin/icons/notpinned.gif");
315 }
316
317 #increaseZIndexButton {
318   list-style-image: url("chrome://editor/content/images/bringtofront.gif");
319 }
320
321 #increaseZIndexButton[disabled="true"] {
322   list-style-image: url("chrome://editor/content/images/bringtofront-disabled.gif");
323 }
324
325 #decreaseZIndexButton {
326   list-style-image: url("chrome://editor/content/images/sendtoback.gif");
327 }
328
329 #decreaseZIndexButton[disabled="true"] {
330   list-style-image: url("chrome://editor/content/images/sendtoback-disabled.gif");
331 }