tweaks for making devtools look nicer
[themes.git] / LCARStrek / editor / editorFormatToolbar.css
CommitLineData
9099c61d
RK
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/. */
351107c9 4
5@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
6
b1eaa419 7/* ::::: formatting buttons ::::: */
8
b1eaa419 9#FormatToolbar > toolbarbutton > .toolbarbutton-text {
351107c9 10 display: none;
11}
12
52af0a75
RK
13toolbarbutton.formatting-button {
14 min-width: 18px;
15}
16
b1eaa419 17#DecreaseFontSizeButton {
18 list-style-image: url("chrome://editor/skin/icons/dec-font-size.gif");
3d6dd546 19}
351107c9 20
b1eaa419 21#DecreaseFontSizeButton:hover,
22#DecreaseFontSizeButton:hover:active {
23 list-style-image: url("chrome://editor/skin/icons/dec-font-size-hover.gif");
3d6dd546 24}
351107c9 25
b1eaa419 26#DecreaseFontSizeButton[disabled="true"] {
27 list-style-image: url("chrome://editor/skin/icons/dec-font-size-disabled.gif") !important;
3d6dd546 28}
351107c9 29
b1eaa419 30#IncreaseFontSizeButton {
31 list-style-image: url("chrome://editor/skin/icons/inc-font-size.gif");
3d6dd546 32}
351107c9 33
b1eaa419 34#IncreaseFontSizeButton:hover,
35#IncreaseFontSizeButton:hover:active {
36 list-style-image: url("chrome://editor/skin/icons/inc-font-size-hover.gif");
3d6dd546 37}
351107c9 38
b1eaa419 39#IncreaseFontSizeButton[disabled="true"] {
40 list-style-image: url("chrome://editor/skin/icons/inc-font-size-disabled.gif") !important;
3d6dd546 41}
351107c9 42
b1eaa419 43#boldButton {
3d6dd546 44 list-style-image: url(chrome://editor/skin/icons/bold.gif);
351107c9 45}
46
b1eaa419 47#boldButton:hover,
48#boldButton:hover:active {
49 list-style-image: url("chrome://editor/skin/icons/bold-hover.gif");
3d6dd546 50}
351107c9 51
b1eaa419 52#boldButton[disabled="true"] {
53 list-style-image: url("chrome://editor/skin/icons/bold-disabled.gif") !important;
3d6dd546 54}
351107c9 55
b1eaa419 56#italicButton {
57 list-style-image: url("chrome://editor/skin/icons/italic.gif");
3d6dd546 58}
351107c9 59
b1eaa419 60#italicButton:hover,
61#italicButton:hover:active {
62 list-style-image: url("chrome://editor/skin/icons/italic-hover.gif");
3d6dd546 63}
351107c9 64
b1eaa419 65#italicButton[disabled="true"] {
66 list-style-image: url("chrome://editor/skin/icons/italic-disabled.gif") !important;
3d6dd546 67}
351107c9 68
b1eaa419 69#underlineButton {
70 list-style-image: url("chrome://editor/skin/icons/underline.gif");
3d6dd546 71}
b1eaa419 72
73#underlineButton:hover,
74#underlineButton:hover:active {
75 list-style-image: url("chrome://editor/skin/icons/underline-hover.gif");
3d6dd546 76}
b1eaa419 77
78#underlineButton[disabled="true"] {
79 list-style-image: url("chrome://editor/skin/icons/underline-disabled.gif") !important;
3d6dd546 80}
b1eaa419 81
82#ulButton {
83 list-style-image:url("chrome://editor/skin/icons/bullets.gif");
351107c9 84}
85
b1eaa419 86#ulButton:hover,
87#ulButton:hover:active {
88 list-style-image: url("chrome://editor/skin/icons/bullets-hover.gif");
3d6dd546 89}
351107c9 90
b1eaa419 91#ulButton[disabled="true"] {
92 list-style-image: url("chrome://editor/skin/icons/bullets-disabled.gif") !important;
3d6dd546 93}
b1eaa419 94
95#olButton {
96 list-style-image: url("chrome://editor/skin/icons/numbers.gif");
351107c9 97}
98
b1eaa419 99#olButton:hover,
100#olButton:hover:active {
101 list-style-image: url("chrome://editor/skin/icons/numbers-hover.gif");
3d6dd546 102}
351107c9 103
b1eaa419 104#olButton[disabled="true"] {
105 list-style-image: url("chrome://editor/skin/icons/numbers-disabled.gif") !important;
3d6dd546 106}
351107c9 107
b1eaa419 108#outdentButton {
109 list-style-image: url("chrome://editor/skin/icons/outdent.gif");
3d6dd546 110}
351107c9 111
b1eaa419 112#outdentButton:hover,
113#outdentButton:hover:active {
114 list-style-image: url("chrome://editor/skin/icons/outdent-hover.gif");
3d6dd546 115}
351107c9 116
b1eaa419 117#outdentButton[disabled="true"] {
118 list-style-image: url("chrome://editor/skin/icons/outdent-disabled.gif") !important;
3d6dd546 119}
351107c9 120
b1eaa419 121#indentButton {
122 list-style-image: url("chrome://editor/skin/icons/indent.gif");
3d6dd546 123}
351107c9 124
b1eaa419 125#indentButton:hover,
126#indentButton:hover:active {
127 list-style-image: url("chrome://editor/skin/icons/indent-hover.gif");
3d6dd546 128}
351107c9 129
b1eaa419 130#indentButton[disabled="true"] {
131 list-style-image: url("chrome://editor/skin/icons/indent-disabled.gif") !important;
3d6dd546 132}
351107c9 133
b1eaa419 134#align-left-button {
135 list-style-image: url("chrome://editor/skin/icons/left.gif");
3d6dd546 136}
351107c9 137
b1eaa419 138#align-left-button:hover,
139#align-left-button:hover:active {
140 list-style-image: url("chrome://editor/skin/icons/left-hover.gif");
3d6dd546 141}
351107c9 142
b1eaa419 143#align-left-button[disabled="true"] {
144 list-style-image: url("chrome://editor/skin/icons/left-disabled.gif") !important;
3d6dd546 145}
351107c9 146
b1eaa419 147#align-center-button {
148 list-style-image: url("chrome://editor/skin/icons/center.gif");
3d6dd546 149}
351107c9 150
b1eaa419 151#align-center-button:hover,
152#align-center-button:hover:active {
153 list-style-image: url("chrome://editor/skin/icons/center-hover.gif");
3d6dd546 154}
b1eaa419 155
156#align-center-button[disabled="true"] {
157 list-style-image: url("chrome://editor/skin/icons/center-disabled.gif") !important;
3d6dd546 158}
b1eaa419 159
160#align-right-button {
161 list-style-image: url("chrome://editor/skin/icons/right.gif");
3d6dd546 162}
b1eaa419 163
164#align-right-button:hover,
165#align-right-button:hover:active {
166 list-style-image: url("chrome://editor/skin/icons/right-hover.gif");
3d6dd546 167}
b1eaa419 168
169#align-right-button[disabled="true"] {
170 list-style-image: url("chrome://editor/skin/icons/right-disabled.gif") !important;
3d6dd546 171}
b1eaa419 172
173#align-justify-button {
174 list-style-image: url("chrome://editor/skin/icons/justify.gif");
351107c9 175}
176
b1eaa419 177#align-justify-button:hover,
178#align-justify-button:hover:active {
179 list-style-image: url("chrome://editor/skin/icons/justify-hover.gif");
180}
181
182#align-justify-button[disabled="true"] {
183 list-style-image: url("chrome://editor/skin/icons/justify-disabled.gif") !important;
3d6dd546 184}
b1eaa419 185
186#AlignPopupButton {
187 list-style-image: url("chrome://editor/skin/icons/align.gif");
351107c9 188}
189
190#AlignPopupButton:hover,
191#AlignPopupButton:hover:active,
192#AlignPopupButton[open="true"] {
b1eaa419 193 list-style-image: url("chrome://editor/skin/icons/align-hover.gif");
351107c9 194}
195
b1eaa419 196#AlignPopupButton[disabled="true"] {
197 list-style-image: url("chrome://editor/skin/icons/align-disabled.gif") !important;
351107c9 198}
199
b1eaa419 200#InsertPopupButton {
201 list-style-image: url("chrome://editor/skin/icons/insert.gif");
351107c9 202}
203
204#InsertPopupButton:hover,
205#InsertPopupButton:hover:active,
206#InsertPopupButton[open="true"] {
b1eaa419 207 list-style-image: url("chrome://editor/skin/icons/insert-hover.gif");
208}
209
210#InsertPopupButton[disabled="true"] {
211 list-style-image: url("chrome://editor/skin/icons/insert-disabled.gif") !important;
212}
213
214#smileButtonMenu {
3d6dd546 215 list-style-image: url("chrome://editor/skin/icons/smile.gif");
b1eaa419 216}
217
218#smileButtonMenu[disabled="true"] {
219 list-style-image: url("chrome://editor/skin/icons/smile-disabled.gif") !important;
220}
221
222/* ::::: menuitem icons ::::: */
223
224/* ..... align menu ..... */
225
226#AlignLeftItem {
227 list-style-image: url("chrome://editor/skin/icons/left.gif");
3d6dd546 228}
b1eaa419 229
230#AlignLeftItem:hover,
231#AlignLeftItem:hover:active {
232 list-style-image: url("chrome://editor/skin/icons/left-hover.gif");
3d6dd546 233}
b1eaa419 234
235#AlignCenterItem {
236 list-style-image: url("chrome://editor/skin/icons/center.gif");
3d6dd546 237}
b1eaa419 238
239#AlignCenterItem:hover,
240#AlignCenterItem:hover:active {
241 list-style-image: url("chrome://editor/skin/icons/center-hover.gif");
3d6dd546 242}
b1eaa419 243
244#AlignRightItem {
245 list-style-image: url("chrome://editor/skin/icons/right.gif");
3d6dd546 246}
b1eaa419 247
248#AlignRightItem:hover,
249#AlignRightItem:hover:active {
250 list-style-image: url("chrome://editor/skin/icons/right-hover.gif");
3d6dd546 251}
b1eaa419 252
253#AlignJustifyItem {
254 list-style-image: url("chrome://editor/skin/icons/justify.gif");
255}
256
257#AlignJustifyItem:hover,
258#AlignJustifyItem:hover:active {
259 list-style-image: url("chrome://editor/skin/icons/justify-hover.gif");
260}
261
262/* ..... insert menu ..... */
263
52af0a75
RK
264#InsertPopup > menuitem {
265 list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
266}
267
b1eaa419 268#InsertLinkItem {
52af0a75 269 -moz-image-region: rect(48px 16px 64px 0);
b1eaa419 270}
271
272#InsertLinkItem:hover,
273#InsertLinkItem:hover:active {
52af0a75 274 -moz-image-region: rect(48px 48px 64px 32px);
b1eaa419 275}
276
277#InsertAnchorItem {
52af0a75 278 -moz-image-region: rect(0px 16px 16px 0);
b1eaa419 279}
280
281#InsertAnchorItem:hover,
282#InsertAnchorItem:hover:active {
52af0a75 283 -moz-image-region: rect(0px 48px 16px 32px);
b1eaa419 284}
285
286#InsertImageItem {
52af0a75 287 -moz-image-region: rect(32px 16px 48px 0);
b1eaa419 288}
289
290#InsertImageItem:hover,
291#InsertImageItem:hover:active {
52af0a75 292 -moz-image-region: rect(32px 48px 48px 32px);
b1eaa419 293}
294
295#InsertHRuleItem {
52af0a75 296 -moz-image-region: rect(16px 16px 32px 0);
b1eaa419 297}
298
299#InsertHRuleItem:hover,
300#InsertHRuleItem:hover:active {
52af0a75 301 -moz-image-region: rect(16px 48px 32px 32px);
b1eaa419 302}
303
304#InsertTableItem {
52af0a75 305 -moz-image-region: rect(144px 16px 160px 0);
b1eaa419 306}
307
308#InsertTableItem:hover,
309#InsertTableItem:hover:active {
52af0a75 310 -moz-image-region: rect(144px 48px 160px 32px);
b1eaa419 311}
312
313/* ..... smiley menu ..... */
314
aeb317b8
RK
315.insert-smile {
316 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-smile.png");
b1eaa419 317}
318
aeb317b8
RK
319.insert-frown {
320 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-frown.png");
b1eaa419 321}
322
aeb317b8
RK
323.insert-wink {
324 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-wink.png");
b1eaa419 325}
326
aeb317b8
RK
327.insert-tongue {
328 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-tongue.png");
b1eaa419 329}
330
aeb317b8
RK
331.insert-laughing {
332 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-laughing.png");
b1eaa419 333}
334
aeb317b8
RK
335.insert-embarrassed {
336 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-embarrassed.png");
b1eaa419 337}
338
aeb317b8
RK
339.insert-undecided {
340 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-undecided.png");
b1eaa419 341}
342
aeb317b8
RK
343.insert-surprise {
344 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-surprise.png");
ac1cdf20 345}
346
aeb317b8
RK
347.insert-kiss {
348 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-kiss.png");
ac1cdf20 349}
350
aeb317b8
RK
351.insert-yell {
352 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-yell.png");
ac1cdf20 353}
354
aeb317b8
RK
355.insert-cool {
356 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cool.png");
ac1cdf20 357}
358
aeb317b8
RK
359.insert-money {
360 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-money.png");
ac1cdf20 361}
362
aeb317b8
RK
363.insert-foot {
364 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-foot.png");
ac1cdf20 365}
366
aeb317b8
RK
367.insert-innocent {
368 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-innocent.png");
ac1cdf20 369}
370
aeb317b8
RK
371.insert-cry {
372 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cry.png");
ac1cdf20 373}
374
aeb317b8
RK
375.insert-sealed {
376 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-sealed.png");
ac1cdf20 377}
378
b1eaa419 379/* ::::: fg/bg color picker ::::: */
380
381.ColorPickerLabel {
382 border: 1px inset #FF9F00;
383 margin: 0px;
384 padding: 2px;
385}
386
387.color-button {
388 border: 1px inset #9C9CFF;
389 padding: 0px;
390 width: 14px;
391 height: 12px;
392 margin: 2px;
393}
394
395.color-button:hover {
396 border: 1px solid #FFCF00;
397}
398
399#TextColorButton {
02920d2b
RK
400 margin-top: 2px;
401 margin-bottom: 9px;
402 -moz-margin-start: 2px;
403 -moz-margin-end: 9px;
b1eaa419 404}
405
406#BackgroundColorButton {
02920d2b
RK
407 margin-top: 9px;
408 margin-bottom: 2px;
409 -moz-margin-start: 9px;
410 -moz-margin-end: 2px;
b1eaa419 411}
412
413#HighlightColorButton {
414 list-style-image: url("chrome://editor/skin/icons/highlight.gif");
415 background-color: transparent;
416}
417
418#HighlightColorButton:hover,
419#HighlightColorButton:hover:active {
420 list-style-image: url("chrome://editor/skin/icons/highlight-hover.gif");
421}
422
423#HighlightColorButton[disabled="true"] {
424 list-style-image: url("chrome://editor/skin/icons/highlight-disabled.gif") !important;
425}
01fc5c11 426
427#absolutePositionButton {
428 list-style-image: url("chrome://editor/skin/icons/pinned.gif");
429}
430
431#absolutePositionButton:hover,
432#absolutePositionButton:hover:active {
433 list-style-image: url("chrome://editor/skin/icons/pinned-hover.gif");
434}
435
436#absolutePositionButton[disabled="true"] {
437 list-style-image: url("chrome://editor/skin/icons/pinned-disabled.gif") !important;
438}
439
440#absolutePositionButton[checked="true"] {
441 list-style-image: url("chrome://editor/skin/icons/notpinned.gif");
442}
443
444#absolutePositionButton[checked="true"]:hover,
445#absolutePositionButton[checked="true"]:hover:active {
446 list-style-image: url("chrome://editor/skin/icons/notpinned-hover.gif");
447}
448
52af0a75 449#increaseZIndexButton {
01fc5c11 450 list-style-image: url("chrome://editor/content/images/bringtofront.gif");
451}
52af0a75
RK
452
453#increaseZIndexButton[disabled="true"] {
01fc5c11 454 list-style-image: url("chrome://editor/content/images/bringtofront-disabled.gif");
455}
52af0a75
RK
456
457#decreaseZIndexButton {
01fc5c11 458 list-style-image: url("chrome://editor/content/images/sendtoback.gif");
459}
52af0a75
RK
460
461#decreaseZIndexButton[disabled="true"] {
01fc5c11 462 list-style-image: url("chrome://editor/content/images/sendtoback-disabled.gif");
463}