0042fc01 |
1 | /* |
2 | * The contents of this file are subject to the Netscape Public |
3 | * License Version 1.1 (the "License"); you may not use this file |
4 | * except in compliance with the License. You may obtain a copy of |
5 | * the License at http://www.mozilla.org/NPL/ |
6 | * |
7 | * Software distributed under the License is distributed on an "AS |
8 | * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or |
9 | * implied. See the License for the specific language governing |
10 | * rights and limitations under the License. |
11 | * |
12 | * The Original Code is Mozilla Communicator client code, released |
13 | * March 31, 1998. |
14 | * |
15 | * The Initial Developer of the Original Code is Netscape |
16 | * Communications Corporation. Portions created by Netscape are |
17 | * Copyright (C) 1998-1999 Netscape Communications Corporation. All |
18 | * Rights Reserved. |
19 | * |
20 | * Contributor(s): |
21 | */ |
22 | |
23 | #FormatToolbar { |
24 | border-bottom: 1px solid #9999CC; |
25 | } |
26 | |
27 | #boldButton { |
28 | list-style-image:url(chrome://editor/skin/images/bold.gif); |
29 | } |
30 | |
31 | #smileButtonMenu { |
32 | list-style-image:url("chrome://editor/skin/images/smile.gif"); |
33 | } |
34 | |
35 | #smileButtonMenu[disabled="true"] { |
36 | list-style-image:url("chrome://editor/skin/images/smile_disabled.gif"); |
37 | } |
38 | |
39 | .insert-smile > .menu-iconic-left { |
40 | list-style-image:url(chrome://editor/skin/images/smile_n.gif); |
41 | } |
42 | |
43 | .insert-tongue > .menu-iconic-left { |
44 | list-style-image:url(chrome://editor/skin/images/tongue_n.gif); |
45 | } |
46 | |
47 | .insert-frown > .menu-iconic-left { |
48 | list-style-image:url(chrome://editor/skin/images/frown_n.gif); |
49 | } |
50 | |
51 | .insert-wink > .menu-iconic-left { |
52 | list-style-image:url(chrome://editor/skin/images/wink_n.gif); |
53 | } |
54 | |
55 | .insert-laughing > .menu-iconic-left { |
56 | list-style-image:url(chrome://editor/skin/images/laughing_n.gif); |
57 | } |
58 | |
59 | .insert-embarrassed > .menu-iconic-left { |
60 | list-style-image:url(chrome://editor/skin/images/embarrassed_n.gif); |
61 | } |
62 | |
63 | |
64 | .insert-undecided > .menu-iconic-left { |
65 | list-style-image:url(chrome://editor/skin/images/undecided_n.gif); |
66 | } |
67 | |
68 | .smiley > .menu-iconic-left { |
69 | |
70 | margin-right: 15px; |
71 | } |
72 | |
73 | |
74 | #italicButton { |
75 | list-style-image:url(chrome://editor/skin/images/italic.gif); |
76 | } |
77 | |
78 | #underlineButton { |
79 | list-style-image:url(chrome://editor/skin/images/underline.gif); |
80 | } |
81 | |
82 | #DecreaseFontSizeButton { |
83 | list-style-image:url("chrome://editor/skin/images/dec-font-size.gif"); |
84 | } |
85 | |
86 | #IncreaseFontSizeButton { |
87 | list-style-image:url("chrome://editor/skin/images/inc-font-size.gif"); |
88 | } |
89 | |
90 | #ulButton { |
91 | list-style-image:url("chrome://editor/skin/images/bullets.gif"); |
92 | } |
93 | #olButton { |
94 | list-style-image:url("chrome://editor/skin/images/numbers.gif"); |
95 | } |
96 | #outdentButton { |
97 | list-style-image:url("chrome://editor/skin/images/outdent.gif"); |
98 | } |
99 | #outdentButton[disabled="true"] { |
100 | list-style-image:url("chrome://editor/skin/images/outdent_dis.gif"); |
101 | } |
102 | |
103 | #indentButton { |
104 | list-style-image:url("chrome://editor/skin/images/indent.gif"); |
105 | } |
106 | |
107 | #AlignPopupButton { |
108 | list-style-image:url("chrome://editor/skin/images/align.gif"); |
109 | } |
110 | |
111 | #AlignPopupButton > .button-internal-box { |
112 | border:1px solid transparent; |
113 | } |
114 | #AlignPopupButton:hover > .button-internal-box { |
115 | border:1px outset #CCD0DD; |
116 | } |
117 | #AlignPopupButton:active > .button-internal-box, |
118 | #AlignPopupButton[open="true"] > .button-internal-box { |
119 | border:1px inset #CCD0DD; |
120 | } |
121 | |
122 | #InsertPopupButton { |
123 | list-style-image:url("chrome://editor/skin/images/object-popup.gif"); |
124 | } |
125 | |
126 | #text-align-left, |
127 | #align-left-button |
128 | { |
129 | list-style-image : url("chrome://editor/skin/images/left.gif"); |
130 | } |
131 | |
132 | #text-align-left[disabled="true"], |
133 | #text-align-left[disabled="true"]:hover, |
134 | #text-align-left[disabled="true"]:hover:active, |
135 | #align-left-button[disabled="true"], |
136 | #align-left-button[disabled="true"]:hover, |
137 | #align-left-button[disabled="true"]:hover:active, |
138 | { |
139 | list-style-image : url("chrome://editor/skin/images/left-disabled.gif"); |
140 | } |
141 | |
142 | #text-align-center, |
143 | #align-center-button |
144 | { |
145 | list-style-image : url("chrome://editor/skin/images/center.gif"); |
146 | } |
147 | |
148 | #text-align-center[disabled="true"], |
149 | #text-align-center[disabled="true"]:hover, |
150 | #text-align-center[disabled="true"]:hover:active, |
151 | #align-center-button[disabled="true"], |
152 | #align-center-button[disabled="true"]:hover, |
153 | #align-center-button[disabled="true"]:hover:active |
154 | { |
155 | list-style-image : url("chrome://editor/skin/images/center-disabled.gif"); |
156 | } |
157 | |
158 | #text-align-right, |
159 | #align-right-button |
160 | { |
161 | list-style-image : url("chrome://editor/skin/images/right.gif"); |
162 | } |
163 | |
164 | #text-align-right[disabled="true"], |
165 | #text-align-right[disabled="true"]:hover, |
166 | #text-align-right[disabled="true"]:hover:active |
167 | #align-right-button[disabled="true"], |
168 | #align-right-button[disabled="true"]:hover, |
169 | #align-right-button[disabled="true"]:hover:active |
170 | { |
171 | list-style-image : url("chrome://editor/skin/images/right-disabled.gif"); |
172 | } |
173 | |
174 | #text-align-justify, #align-justify-button |
175 | { |
176 | list-style-image : url("chrome://editor/skin/images/justify.gif"); |
177 | } |
178 | |
179 | #text-align-justify[disabled="true"], |
180 | #text-align-justify[disabled="true"]:hover, |
181 | #text-align-justify[disabled="true"]:hover:active |
182 | #align-justify-button[disabled="true"], |
183 | #align-justify-button[disabled="true"]:hover, |
184 | #align-justify-button[disabled="true"]:hover:active |
185 | { |
186 | list-style-image : url("chrome://editor/skin/images/justify-disabled.gif"); |
187 | } |
188 | |
189 | .ColorPickerLabel { |
190 | border: 1px inset white; |
191 | margin: 0px; |
192 | padding: 2px; |
193 | -moz-box-pack: center; |
194 | } |
195 | |
196 | /* TODO: How to make inset color skinable? */ |
197 | .color-button { |
198 | border: 1px inset #CCD0DD; |
199 | padding: 0px; |
200 | width: 19px; |
201 | height: 19px; |
202 | margin: 1px; |
203 | } |
204 | |
205 | .color-button:hover { |
206 | border: 1px solid #666699; |
207 | } |
208 | |
209 | #TextColorPopupButton { |
210 | margin: 2px 9px 9px 2px; |
211 | } |
212 | |
213 | #BackColorPopupButton { |
214 | margin: 9px 2px 2px 9px; |
215 | } |
216 | |
217 | |
218 | |
219 | #FormatToolbar > button, |
220 | #FormatToolbar > button:hover, |
221 | #FormatToolbar > button:active, |
222 | #FormatToolbar > button[disabled="true"] { |
223 | margin: 0px 3px 0px 0px; |
224 | border: none; |
225 | min-width: 23px; |
226 | min-height: 23px; |
227 | } |
228 | #FormatToolbar > button > .button-internal-box { |
229 | margin: 0px; |
230 | padding: 1px; |
231 | border: 1px solid transparent; |
232 | -moz-box-pack: center; |
233 | } |
234 | #FormatToolbar > button:hover > .button-internal-box { |
235 | border: 1px outset #CCD0DD; |
236 | } |
237 | #FormatToolbar > button:active > .button-internal-box { |
238 | padding: 2px 0px 0px 2px; |
239 | border: 1px inset #CCD0DD; |
240 | } |
241 | #FormatToolbar > button[disabled="true"] > .button-internal-box { |
242 | border: 1px solid transparent; |
243 | } |
244 | |
245 | #FormatToolbar > button > .button-internal-box > .button-text-container |
246 | { |
247 | display : none; |
248 | } |
249 | |
250 | |
251 | |