LCARStrek/skin/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 #FormatToolbar > toolbarbutton {
  41   min-width: 18px;
  42 }
  43
  44 #FormatToolbar > toolbarbutton > .toolbarbutton-box > .toolbarbutton-text {
  45   display: none;
  46 }
  47
  48 #boldButton
  49   {
  50     list-style-image      : url(chrome://editor/skin/images/bold.gif);
  51   }
  52
  53 #boldButton[disabled="true"],
  54 #boldButton[disabled="true"]:hover,
  55 #boldButton[disabled="true"]:hover:active
  56   {
  57     list-style-image      : url("chrome://editor/skin/images/bold-disabled.gif");
  58   }
  59
  60 #boldButton:hover,
  61 #boldButton:hover:active
  62   {
  63     list-style-image      : url("chrome://editor/skin/images/bold-hover.gif");
  64   }
  65
  66 #smileButtonMenu {
  67   list-style-image:url("chrome://editor/skin/images/smile.gif");
  68 }
  69
  70 #smileButtonMenu[disabled="true"],
  71 #smileButtonMenu[disabled="true"]:hover,
  72 #smileButtonMenu[disabled="true"]:hover:active  {
  73         list-style-image:url("chrome://editor/skin/images/smile-disabled.gif");
  74 }
  75
  76 .insert-smile > .menu-iconic-left {
  77   list-style-image:url(chrome://global/skin/smiley/smile_n.gif);
  78 }
  79
  80 .insert-tongue > .menu-iconic-left {
  81   list-style-image:url(chrome://global/skin/smiley/tongue_n.gif);
  82 }
  83
  84 .insert-frown > .menu-iconic-left {
  85   list-style-image:url(chrome://global/skin/smiley/frown_n.gif);
  86  }
  87
  88 .insert-wink > .menu-iconic-left {
  89   list-style-image:url(chrome://global/skin/smiley/wink_n.gif);
  90  }
  91
  92 .insert-laughing > .menu-iconic-left {
  93   list-style-image:url(chrome://global/skin/smiley/laughing_n.gif);
  94  }
  95
  96 .insert-embarrassed > .menu-iconic-left {
  97   list-style-image:url(chrome://global/skin/smiley/embarrassed_n.gif);
  98  }
  99
 100
 101 .insert-undecided > .menu-iconic-left {
 102   list-style-image:url(chrome://global/skin/smiley/undecided_n.gif);
 103 }
 104
 105 .smiley > .menu-iconic-left {
 106
 107     margin-right: 15px;
 108 }
 109
 110
 111
 112 #italicButton
 113   {
 114     list-style-image      : url("chrome://editor/skin/images/italic.gif");
 115   }
 116
 117 #italicButton[disabled="true"],
 118 #italicButton[disabled="true"]:hover,
 119 #italicButton[disabled="true"]:hover:active
 120   {
 121     list-style-image      : url("chrome://editor/skin/images/italic-disabled.gif");
 122   }
 123
 124 #italicButton:hover,
 125 #italicButton:hover:active
 126   {
 127     list-style-image      : url("chrome://editor/skin/images/italic-hover.gif");
 128   }
 129
 130 #underlineButton
 131   {
 132           list-style-image      : url("chrome://editor/skin/images/underline.gif");
 133   }
 134
 135 #underlineButton[disabled="true"],
 136 #underlineButton[disabled="true"]:hover,
 137 #underlineButton[disabled="true"]:hover:active
 138   {
 139     list-style-image      : url("chrome://editor/skin/images/underline-disabled.gif");
 140   }
 141
 142 #underlineButton:hover,
 143 #underlineButton:hover:active
 144   {
 145     list-style-image      : url("chrome://editor/skin/images/underline-hover.gif");
 146   }
 147
 148 #DecreaseFontSizeButton
 149   {
 150           list-style-image      : url("chrome://editor/skin/images/dec-font-size.gif");
 151   }
 152
 153 #DecreaseFontSizeButton[disabled="true"],
 154 #DecreaseFontSizeButton[disabled="true"]:hover,
 155 #DecreaseFontSizeButton[disabled="true"]:hover:active
 156   {
 157     list-style-image      : url("chrome://editor/skin/images/dec-font-size-disabled.gif");
 158   }
 159
 160 #DecreaseFontSizeButton:hover,
 161 #DecreaseFontSizeButton:hover:active
 162   {
 163     list-style-image      : url("chrome://editor/skin/images/dec-font-size-hover.gif");
 164   }
 165
 166 #IncreaseFontSizeButton
 167   {
 168           list-style-image      : url("chrome://editor/skin/images/inc-font-size.gif");
 169   }
 170
 171 #IncreaseFontSizeButton[disabled="true"],
 172 #IncreaseFontSizeButton[disabled="true"]:hover,
 173 #IncreaseFontSizeButton[disabled="true"]:hover:active
 174   {
 175     list-style-image      : url("chrome://editor/skin/images/inc-font-size-disabled.gif");
 176   }
 177
 178 #IncreaseFontSizeButton:hover,
 179 #IncreaseFontSizeButton:hover:active
 180   {
 181     list-style-image      : url("chrome://editor/skin/images/inc-font-size-hover.gif");
 182   }
 183
 184 #ulButton
 185   {
 186           list-style-image      :url("chrome://editor/skin/images/bullets.gif");
 187   }
 188
 189 #ulButton[disabled="true"],
 190 #ulButton[disabled="true"]:hover,
 191 #ulButton[disabled="true"]:hover:active
 192   {
 193     list-style-image      : url("chrome://editor/skin/images/bullets-disabled.gif");
 194   }
 195
 196 #ulButton:hover,
 197 #ulButton:hover:active
 198   {
 199     list-style-image      : url("chrome://editor/skin/images/bullets-hover.gif");
 200   }
 201
 202 #olButton
 203   {
 204           list-style-image      : url("chrome://editor/skin/images/numbers.gif");
 205   }
 206
 207 #olButton[disabled="true"],
 208 #olButton[disabled="true"]:hover,
 209 #olButton[disabled="true"]:hover:active
 210   {
 211     list-style-image      : url("chrome://editor/skin/images/numbers-disabled.gif");
 212   }
 213
 214 #olButton:hover,
 215 #olButton:hover:active
 216   {
 217     list-style-image      : url("chrome://editor/skin/images/numbers-hover.gif");
 218   }
 219
 220 #outdentButton
 221   {
 222           list-style-image      : url("chrome://editor/skin/images/outdent.gif");
 223   }
 224
 225 #outdentButton[disabled="true"],
 226 #outdentButton[disabled="true"]:hover,
 227 #outdentButton[disabled="true"]:hover:active
 228   {
 229     list-style-image      : url("chrome://editor/skin/images/outdent-disabled.gif");
 230   }
 231
 232 #outdentButton:hover,
 233 #outdentButton:hover:active
 234   {
 235     list-style-image      : url("chrome://editor/skin/images/outdent-hover.gif");
 236   }
 237
 238 #indentButton
 239   {
 240           list-style-image      : url("chrome://editor/skin/images/indent.gif");
 241   }
 242
 243 #indentButton[disabled="true"],
 244 #indentButton[disabled="true"]:hover,
 245 #indentButton[disabled="true"]:hover:active
 246   {
 247     list-style-image      : url("chrome://editor/skin/images/indent-disabled.gif");
 248   }
 249
 250 #indentButton:hover,
 251 #indentButton:hover:active
 252   {
 253     list-style-image      : url("chrome://editor/skin/images/indent-hover.gif");
 254   }
 255
 256 #AlignPopupButton {
 257         list-style-image        : url("chrome://editor/skin/images/align.gif");
 258 }
 259
 260 #AlignPopupButton[disabled="true"],
 261 #AlignPopupButton[disabled="true"]:hover,
 262 #AlignPopupButton[disabled="true"]:hover:active {
 263         list-style-image        : url("chrome://editor/skin/images/align-disabled.gif");
 264 }
 265
 266 #AlignPopupButton:hover,
 267 #AlignPopupButton:hover:active,
 268 #AlignPopupButton[open="true"] {
 269         list-style-image        : url("chrome://editor/skin/images/align-hover.gif");
 270 }
 271
 272 #InsertPopupButton {
 273         list-style-image        : url("chrome://editor/skin/images/insert.gif");
 274 }
 275
 276 #InsertPopupButton[disabled="true"],
 277 #InsertPopupButton[disabled="true"]:hover,
 278 #InsertPopupButton[disabled="true"]:hover:active {
 279         list-style-image        : url("chrome://editor/skin/images/insert-disabled.gif");
 280 }
 281
 282 #InsertPopupButton:hover,
 283 #InsertPopupButton:hover:active,
 284 #InsertPopupButton[open="true"] {
 285         list-style-image        : url("chrome://editor/skin/images/insert-hover.gif");
 286 }
 287
 288 #text-align-left,
 289 #align-left-button
 290   {
 291           list-style-image      : url("chrome://editor/skin/images/left.gif");
 292   }
 293
 294 #text-align-left[disabled="true"],
 295 #text-align-left[disabled="true"]:hover,
 296 #text-align-left[disabled="true"]:hover:active,
 297 #align-left-button[disabled="true"],
 298 #align-left-button[disabled="true"]:hover,
 299 #align-left-button[disabled="true"]:hover:active
 300   {
 301     list-style-image      : url("chrome://editor/skin/images/left-disabled.gif");
 302   }
 303
 304 #text-align-left:hover,
 305 #align-left-button:hover,
 306 #text-align-left:hover:active,
 307 #align-left-button:hover:active
 308   {
 309     list-style-image      : url("chrome://editor/skin/images/left-hover.gif");
 310   }
 311
 312
 313 #text-align-center,
 314 #align-center-button
 315   {
 316           list-style-image      : url("chrome://editor/skin/images/center.gif");
 317   }
 318
 319 #text-align-center[disabled="true"],
 320 #text-align-center[disabled="true"]:hover,
 321 #text-align-center[disabled="true"]:hover:active,
 322 #align-center-button[disabled="true"],
 323 #align-center-button[disabled="true"]:hover,
 324 #align-center-button[disabled="true"]:hover:active
 325   {
 326     list-style-image      : url("chrome://editor/skin/images/center-disabled.gif");
 327   }
 328
 329 #text-align-center:hover,
 330 #align-center-button:hover,
 331 #text-align-center:hover:active,
 332 #align-center-button:hover:active
 333   {
 334     list-style-image      : url("chrome://editor/skin/images/center-hover.gif");
 335   }
 336
 337 #text-align-right,
 338 #align-right-button
 339   {
 340           list-style-image      : url("chrome://editor/skin/images/right.gif");
 341   }
 342
 343 #text-align-right[disabled="true"],
 344 #text-align-right[disabled="true"]:hover,
 345 #text-align-right[disabled="true"]:hover:active
 346 #align-right-button[disabled="true"],
 347 #align-right-button[disabled="true"]:hover,
 348 #align-right-button[disabled="true"]:hover:active
 349  {
 350     list-style-image      : url("chrome://editor/skin/images/right-disabled.gif");
 351   }
 352
 353 #text-align-right:hover,
 354 #align-right-button:hover,
 355 #text-align-right:hover:active,
 356 #align-right-button:hover:active
 357   {
 358     list-style-image      : url("chrome://editor/skin/images/right-hover.gif");
 359   }
 360
 361 #text-align-justify, #align-justify-button
 362   {
 363           list-style-image      : url("chrome://editor/skin/images/justify.gif");
 364   }
 365
 366 #text-align-justify[disabled="true"],
 367 #text-align-justify[disabled="true"]:hover,
 368 #text-align-justify[disabled="true"]:hover:active
 369 #align-justify-button[disabled="true"],
 370 #align-justify-button[disabled="true"]:hover,
 371 #align-justify-button[disabled="true"]:hover:active
 372  {
 373     list-style-image      : url("chrome://editor/skin/images/justify-disabled.gif");
 374   }
 375
 376 #text-align-justify:hover,
 377 #align-justify-button:hover,
 378 #text-align-justify:hover:active,
 379 #align-justify-button:hover:active
 380   {
 381     list-style-image      : url("chrome://editor/skin/images/justify-hover.gif");
 382   }
 383
 384 .ColorPickerLabel
 385   {
 386     border                : 1px inset white;
 387     margin                : 0px;
 388     padding               : 2px;
 389   }
 390
 391 .color-button
 392   {
 393     border                : 1px inset #9C9CFF;
 394     padding               : 0px;
 395     width                 : 14px;
 396     height                : 12px;
 397     margin                : 2px;
 398   }
 399
 400 .color-button:hover
 401   {
 402     border                : 1px solid #FFCF00;
 403   }
 404
 405 #TextColorButton
 406   {
 407     margin                : 2px 7px 7px 2px;
 408   }
 409
 410 #BackgroundColorButton
 411   {
 412     margin                : 7px 2px 2px 7px;
 413   }