LCARStrek/editor/editorFormatToolbar.css

   1 /* ***** BEGIN LICENSE BLOCK *****
   2  * Version: NPL 1.1/GPL 2.0/LGPL 2.1
   3  *
   4  * The contents of this file are subject to the Netscape Public License
   5  * Version 1.1 (the "License"); you may not use this file except in
   6  * compliance with the License. You may obtain a copy of the License at
   7  * http://www.mozilla.org/NPL/
   8  *
   9  * Software distributed under the License is distributed on an "AS IS" basis,
  10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11  * for the specific language governing rights and limitations under the
  12  * License.
  13  *
  14  * The Original Code is mozilla.org code.
  15  *
  16  * The Initial Developer of the Original Code is
  17  * Netscape Communications Corporation.
  18  * Portions created by the Initial Developer are Copyright (C) 1998
  19  * the Initial Developer. All Rights Reserved.
  20  *
  21  * Contributor(s):
  22  *   Robert Kaiser <KaiRo@KaiRo.at>
  23  *
  24  * Alternatively, the contents of this file may be used under the terms of
  25  * either the GNU General Public License Version 2 or later (the "GPL"), or
  26  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  27  * in which case the provisions of the GPL or the LGPL are applicable instead
  28  * of those above. If you wish to allow use of your version of this file only
  29  * under the terms of either the GPL or the LGPL, and not to allow others to
  30  * use your version of this file under the terms of the NPL, indicate your
  31  * decision by deleting the provisions above and replace them with the notice
  32  * and other provisions required by the GPL or the LGPL. If you do not delete
  33  * the provisions above, a recipient may use your version of this file under
  34  * the terms of any one of the NPL, the GPL or the LGPL.
  35  *
  36  * ***** END LICENSE BLOCK ***** */
  37
  38 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  39
  40 /* ::::: formatting buttons ::::: */
  41
  42 #FormatToolbar > toolbarbutton > .toolbarbutton-text {
  43   display: none;
  44 }
  45
  46 toolbarbutton.formatting-button {
  47   min-width: 18px;
  48 }
  49
  50 #DecreaseFontSizeButton {
  51   list-style-image: url("chrome://editor/skin/icons/dec-font-size.gif");
  52 }
  53
  54 #DecreaseFontSizeButton:hover,
  55 #DecreaseFontSizeButton:hover:active {
  56   list-style-image: url("chrome://editor/skin/icons/dec-font-size-hover.gif");
  57 }
  58
  59 #DecreaseFontSizeButton[disabled="true"] {
  60   list-style-image: url("chrome://editor/skin/icons/dec-font-size-disabled.gif") !important;
  61 }
  62
  63 #IncreaseFontSizeButton {
  64   list-style-image: url("chrome://editor/skin/icons/inc-font-size.gif");
  65 }
  66
  67 #IncreaseFontSizeButton:hover,
  68 #IncreaseFontSizeButton:hover:active {
  69   list-style-image: url("chrome://editor/skin/icons/inc-font-size-hover.gif");
  70 }
  71
  72 #IncreaseFontSizeButton[disabled="true"] {
  73   list-style-image: url("chrome://editor/skin/icons/inc-font-size-disabled.gif") !important;
  74 }
  75
  76 #boldButton {
  77   list-style-image: url(chrome://editor/skin/icons/bold.gif);
  78 }
  79
  80 #boldButton:hover,
  81 #boldButton:hover:active {
  82   list-style-image: url("chrome://editor/skin/icons/bold-hover.gif");
  83 }
  84
  85 #boldButton[disabled="true"] {
  86   list-style-image: url("chrome://editor/skin/icons/bold-disabled.gif") !important;
  87 }
  88
  89 #italicButton {
  90   list-style-image: url("chrome://editor/skin/icons/italic.gif");
  91 }
  92
  93 #italicButton:hover,
  94 #italicButton:hover:active {
  95   list-style-image: url("chrome://editor/skin/icons/italic-hover.gif");
  96 }
  97
  98 #italicButton[disabled="true"] {
  99   list-style-image: url("chrome://editor/skin/icons/italic-disabled.gif") !important;
 100 }
 101
 102 #underlineButton {
 103   list-style-image: url("chrome://editor/skin/icons/underline.gif");
 104 }
 105
 106 #underlineButton:hover,
 107 #underlineButton:hover:active {
 108   list-style-image: url("chrome://editor/skin/icons/underline-hover.gif");
 109 }
 110
 111 #underlineButton[disabled="true"] {
 112   list-style-image: url("chrome://editor/skin/icons/underline-disabled.gif") !important;
 113 }
 114
 115 #ulButton {
 116   list-style-image:url("chrome://editor/skin/icons/bullets.gif");
 117 }
 118
 119 #ulButton:hover,
 120 #ulButton:hover:active {
 121   list-style-image: url("chrome://editor/skin/icons/bullets-hover.gif");
 122 }
 123
 124 #ulButton[disabled="true"] {
 125   list-style-image: url("chrome://editor/skin/icons/bullets-disabled.gif") !important;
 126 }
 127
 128 #olButton {
 129   list-style-image: url("chrome://editor/skin/icons/numbers.gif");
 130 }
 131
 132 #olButton:hover,
 133 #olButton:hover:active {
 134   list-style-image: url("chrome://editor/skin/icons/numbers-hover.gif");
 135 }
 136
 137 #olButton[disabled="true"] {
 138   list-style-image: url("chrome://editor/skin/icons/numbers-disabled.gif") !important;
 139 }
 140
 141 #outdentButton {
 142   list-style-image: url("chrome://editor/skin/icons/outdent.gif");
 143 }
 144
 145 #outdentButton:hover,
 146 #outdentButton:hover:active {
 147   list-style-image: url("chrome://editor/skin/icons/outdent-hover.gif");
 148 }
 149
 150 #outdentButton[disabled="true"] {
 151   list-style-image: url("chrome://editor/skin/icons/outdent-disabled.gif") !important;
 152 }
 153
 154 #indentButton {
 155   list-style-image: url("chrome://editor/skin/icons/indent.gif");
 156 }
 157
 158 #indentButton:hover,
 159 #indentButton:hover:active {
 160   list-style-image: url("chrome://editor/skin/icons/indent-hover.gif");
 161 }
 162
 163 #indentButton[disabled="true"] {
 164   list-style-image: url("chrome://editor/skin/icons/indent-disabled.gif") !important;
 165 }
 166
 167 #align-left-button {
 168   list-style-image: url("chrome://editor/skin/icons/left.gif");
 169 }
 170
 171 #align-left-button:hover,
 172 #align-left-button:hover:active {
 173   list-style-image: url("chrome://editor/skin/icons/left-hover.gif");
 174 }
 175
 176 #align-left-button[disabled="true"] {
 177   list-style-image: url("chrome://editor/skin/icons/left-disabled.gif") !important;
 178 }
 179
 180 #align-center-button {
 181   list-style-image: url("chrome://editor/skin/icons/center.gif");
 182 }
 183
 184 #align-center-button:hover,
 185 #align-center-button:hover:active {
 186   list-style-image: url("chrome://editor/skin/icons/center-hover.gif");
 187 }
 188
 189 #align-center-button[disabled="true"] {
 190   list-style-image: url("chrome://editor/skin/icons/center-disabled.gif") !important;
 191 }
 192
 193 #align-right-button {
 194   list-style-image: url("chrome://editor/skin/icons/right.gif");
 195 }
 196
 197 #align-right-button:hover,
 198 #align-right-button:hover:active {
 199   list-style-image: url("chrome://editor/skin/icons/right-hover.gif");
 200 }
 201
 202 #align-right-button[disabled="true"] {
 203   list-style-image: url("chrome://editor/skin/icons/right-disabled.gif") !important;
 204 }
 205
 206 #align-justify-button {
 207   list-style-image: url("chrome://editor/skin/icons/justify.gif");
 208 }
 209
 210 #align-justify-button:hover,
 211 #align-justify-button:hover:active {
 212   list-style-image: url("chrome://editor/skin/icons/justify-hover.gif");
 213 }
 214
 215 #align-justify-button[disabled="true"] {
 216   list-style-image: url("chrome://editor/skin/icons/justify-disabled.gif") !important;
 217 }
 218
 219 #AlignPopupButton {
 220   list-style-image: url("chrome://editor/skin/icons/align.gif");
 221 }
 222
 223 #AlignPopupButton:hover,
 224 #AlignPopupButton:hover:active,
 225 #AlignPopupButton[open="true"] {
 226   list-style-image: url("chrome://editor/skin/icons/align-hover.gif");
 227 }
 228
 229 #AlignPopupButton[disabled="true"] {
 230   list-style-image: url("chrome://editor/skin/icons/align-disabled.gif") !important;
 231 }
 232
 233 #InsertPopupButton {
 234   list-style-image: url("chrome://editor/skin/icons/insert.gif");
 235 }
 236
 237 #InsertPopupButton:hover,
 238 #InsertPopupButton:hover:active,
 239 #InsertPopupButton[open="true"] {
 240   list-style-image: url("chrome://editor/skin/icons/insert-hover.gif");
 241 }
 242
 243 #InsertPopupButton[disabled="true"] {
 244   list-style-image: url("chrome://editor/skin/icons/insert-disabled.gif") !important;
 245 }
 246
 247 #smileButtonMenu {
 248   list-style-image: url("chrome://editor/skin/icons/smile.gif");
 249 }
 250
 251 #smileButtonMenu[disabled="true"] {
 252   list-style-image: url("chrome://editor/skin/icons/smile-disabled.gif") !important;
 253 }
 254
 255 /* ::::: menuitem icons ::::: */
 256
 257 /* ..... align menu ..... */
 258
 259 #AlignLeftItem {
 260   list-style-image: url("chrome://editor/skin/icons/left.gif");
 261 }
 262
 263 #AlignLeftItem:hover,
 264 #AlignLeftItem:hover:active {
 265   list-style-image: url("chrome://editor/skin/icons/left-hover.gif");
 266 }
 267
 268 #AlignCenterItem {
 269   list-style-image: url("chrome://editor/skin/icons/center.gif");
 270 }
 271
 272 #AlignCenterItem:hover,
 273 #AlignCenterItem:hover:active {
 274   list-style-image: url("chrome://editor/skin/icons/center-hover.gif");
 275 }
 276
 277 #AlignRightItem {
 278   list-style-image: url("chrome://editor/skin/icons/right.gif");
 279 }
 280
 281 #AlignRightItem:hover,
 282 #AlignRightItem:hover:active {
 283   list-style-image: url("chrome://editor/skin/icons/right-hover.gif");
 284 }
 285
 286 #AlignJustifyItem {
 287   list-style-image: url("chrome://editor/skin/icons/justify.gif");
 288 }
 289
 290 #AlignJustifyItem:hover,
 291 #AlignJustifyItem:hover:active {
 292   list-style-image: url("chrome://editor/skin/icons/justify-hover.gif");
 293 }
 294
 295 /* ..... insert menu ..... */
 296
 297 #InsertPopup > menuitem {
 298   list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
 299 }
 300
 301 #InsertLinkItem {
 302   -moz-image-region: rect(48px 16px 64px 0);
 303 }
 304
 305 #InsertLinkItem:hover,
 306 #InsertLinkItem:hover:active {
 307   -moz-image-region: rect(48px 48px 64px 32px);
 308 }
 309
 310 #InsertAnchorItem {
 311   -moz-image-region: rect(0px 16px 16px 0);
 312 }
 313
 314 #InsertAnchorItem:hover,
 315 #InsertAnchorItem:hover:active {
 316   -moz-image-region: rect(0px 48px 16px 32px);
 317 }
 318
 319 #InsertImageItem {
 320   -moz-image-region: rect(32px 16px 48px 0);
 321 }
 322
 323 #InsertImageItem:hover,
 324 #InsertImageItem:hover:active {
 325   -moz-image-region: rect(32px 48px 48px 32px);
 326 }
 327
 328 #InsertHRuleItem {
 329   -moz-image-region: rect(16px 16px 32px 0);
 330 }
 331
 332 #InsertHRuleItem:hover,
 333 #InsertHRuleItem:hover:active {
 334   -moz-image-region: rect(16px 48px 32px 32px);
 335 }
 336
 337 #InsertTableItem {
 338   -moz-image-region: rect(144px 16px 160px 0);
 339 }
 340
 341 #InsertTableItem:hover,
 342 #InsertTableItem:hover:active {
 343   -moz-image-region: rect(144px 48px 160px 32px);
 344 }
 345
 346 /* ..... smiley menu ..... */
 347
 348 .insert-smile {
 349   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-smile.png");
 350 }
 351
 352 .insert-frown {
 353   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-frown.png");
 354 }
 355
 356 .insert-wink {
 357   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-wink.png");
 358 }
 359
 360 .insert-tongue {
 361   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-tongue.png");
 362 }
 363
 364 .insert-laughing {
 365   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-laughing.png");
 366 }
 367
 368 .insert-embarrassed {
 369   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-embarrassed.png");
 370 }
 371
 372 .insert-undecided {
 373   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-undecided.png");
 374 }
 375
 376 .insert-surprise {
 377   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-surprise.png");
 378 }
 379
 380 .insert-kiss {
 381   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-kiss.png");
 382 }
 383
 384 .insert-yell {
 385   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-yell.png");
 386 }
 387
 388 .insert-cool {
 389   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cool.png");
 390 }
 391
 392 .insert-money {
 393   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-money.png");
 394 }
 395
 396 .insert-foot {
 397   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-foot.png");
 398 }
 399
 400 .insert-innocent {
 401   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-innocent.png");
 402 }
 403
 404 .insert-cry {
 405   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cry.png");
 406 }
 407
 408 .insert-sealed {
 409   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-sealed.png");
 410 }
 411
 412 /* ::::: fg/bg color picker ::::: */
 413
 414 .ColorPickerLabel {
 415   border: 1px inset #FF9F00;
 416   margin: 0px;
 417   padding: 2px;
 418 }
 419
 420 .color-button {
 421   border: 1px inset #9C9CFF;
 422   padding: 0px;
 423   width: 14px;
 424   height: 12px;
 425   margin: 2px;
 426 }
 427
 428 .color-button:hover {
 429   border: 1px solid #FFCF00;
 430 }
 431
 432 #TextColorButton {
 433   margin-top: 2px;
 434   margin-bottom: 9px;
 435   -moz-margin-start: 2px;
 436   -moz-margin-end: 9px;
 437 }
 438
 439 #BackgroundColorButton {
 440   margin-top: 9px;
 441   margin-bottom: 2px;
 442   -moz-margin-start: 9px;
 443   -moz-margin-end: 2px;
 444 }
 445
 446 #HighlightColorButton {
 447   list-style-image: url("chrome://editor/skin/icons/highlight.gif");
 448   background-color: transparent;
 449 }
 450
 451 #HighlightColorButton:hover,
 452 #HighlightColorButton:hover:active {
 453   list-style-image: url("chrome://editor/skin/icons/highlight-hover.gif");
 454 }
 455
 456 #HighlightColorButton[disabled="true"] {
 457   list-style-image: url("chrome://editor/skin/icons/highlight-disabled.gif") !important;
 458 }
 459
 460 #absolutePositionButton {
 461   list-style-image: url("chrome://editor/skin/icons/pinned.gif");
 462 }
 463
 464 #absolutePositionButton:hover,
 465 #absolutePositionButton:hover:active {
 466   list-style-image: url("chrome://editor/skin/icons/pinned-hover.gif");
 467 }
 468
 469 #absolutePositionButton[disabled="true"] {
 470   list-style-image: url("chrome://editor/skin/icons/pinned-disabled.gif") !important;
 471 }
 472
 473 #absolutePositionButton[checked="true"] {
 474   list-style-image: url("chrome://editor/skin/icons/notpinned.gif");
 475 }
 476
 477 #absolutePositionButton[checked="true"]:hover,
 478 #absolutePositionButton[checked="true"]:hover:active {
 479   list-style-image: url("chrome://editor/skin/icons/notpinned-hover.gif");
 480 }
 481
 482 #increaseZIndexButton {
 483   list-style-image: url("chrome://editor/content/images/bringtofront.gif");
 484 }
 485
 486 #increaseZIndexButton[disabled="true"] {
 487   list-style-image: url("chrome://editor/content/images/bringtofront-disabled.gif");
 488 }
 489
 490 #decreaseZIndexButton {
 491   list-style-image: url("chrome://editor/content/images/sendtoback.gif");
 492 }
 493
 494 #decreaseZIndexButton[disabled="true"] {
 495   list-style-image: url("chrome://editor/content/images/sendtoback-disabled.gif");
 496 }