LCARStrek/skin/LCARStrek/editor/editorFormatToolbar.css

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