EarlyBlue/skin/EarlyBlue/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 #smileButtonMenu {
  44   list-style-image:url("chrome://editor/skin/images/smile.gif");
  45 }
  46
  47 #smileButtonMenu[disabled="true"],
  48 #smileButtonMenu[disabled="true"]:hover,
  49 #smileButtonMenu[disabled="true"]:hover:active  {
  50         list-style-image:url("chrome://editor/skin/images/smile-disabled.gif");
  51 }
  52
  53 .insert-smile > .menu-iconic-left {
  54   list-style-image:url(chrome://global/skin/smiley/smile_n.gif);
  55 }
  56
  57 .insert-tongue > .menu-iconic-left {
  58   list-style-image:url(chrome://global/skin/smiley/tongue_n.gif);
  59 }
  60
  61 .insert-frown > .menu-iconic-left {
  62   list-style-image:url(chrome://global/skin/smiley/frown_n.gif);
  63  }
  64
  65 .insert-wink > .menu-iconic-left {
  66   list-style-image:url(chrome://global/skin/smiley/wink_n.gif);
  67  }
  68
  69 .insert-laughing > .menu-iconic-left {
  70   list-style-image:url(chrome://global/skin/smiley/laughing_n.gif);
  71  }
  72
  73 .insert-embarrassed > .menu-iconic-left {
  74   list-style-image:url(chrome://global/skin/smiley/embarrassed_n.gif);
  75  }
  76
  77
  78 .insert-undecided > .menu-iconic-left {
  79   list-style-image:url(chrome://global/skin/smiley/undecided_n.gif);
  80 }
  81
  82 .smiley > .menu-iconic-left {
  83
  84     margin-right: 15px;
  85 }
  86
  87
  88
  89 #italicButton
  90   {
  91     list-style-image      : url("chrome://editor/skin/images/italic.gif");
  92   }
  93
  94 #italicButton[disabled="true"],
  95 #italicButton[disabled="true"]:hover,
  96 #italicButton[disabled="true"]:hover:active
  97   {
  98     list-style-image      : url("chrome://editor/skin/images/italic-disabled.gif");
  99   }
 100
 101 #underlineButton
 102   {
 103           list-style-image      : url("chrome://editor/skin/images/underline.gif");
 104   }
 105
 106 #underlineButton[disabled="true"],
 107 #underlineButton[disabled="true"]:hover,
 108 #underlineButton[disabled="true"]:hover:active
 109   {
 110     list-style-image      : url("chrome://editor/skin/images/underline-disabled.gif");
 111   }
 112
 113 #DecreaseFontSizeButton
 114   {
 115           list-style-image      : url("chrome://editor/skin/images/dec-font-size.gif");
 116   }
 117
 118 #DecreaseFontSizeButton[disabled="true"],
 119 #DecreaseFontSizeButton[disabled="true"]:hover,
 120 #DecreaseFontSizeButton[disabled="true"]:hover:active
 121   {
 122     list-style-image      : url("chrome://editor/skin/images/dec-font-size-disabled.gif");
 123   }
 124
 125 #IncreaseFontSizeButton
 126   {
 127           list-style-image      : url("chrome://editor/skin/images/inc-font-size.gif");
 128   }
 129
 130 #IncreaseFontSizeButton[disabled="true"],
 131 #IncreaseFontSizeButton[disabled="true"]:hover,
 132 #IncreaseFontSizeButton[disabled="true"]:hover:active
 133   {
 134     list-style-image      : url("chrome://editor/skin/images/inc-font-size-disabled.gif");
 135   }
 136
 137 #ulButton
 138   {
 139           list-style-image      :url("chrome://editor/skin/images/bullets.gif");
 140   }
 141
 142 #ulButton[disabled="true"],
 143 #ulButton[disabled="true"]:hover,
 144 #ulButton[disabled="true"]:hover:active
 145   {
 146     list-style-image      : url("chrome://editor/skin/images/bullets-disabled.gif");
 147   }
 148
 149 #olButton
 150   {
 151           list-style-image      : url("chrome://editor/skin/images/numbers.gif");
 152   }
 153
 154 #olButton[disabled="true"],
 155 #olButton[disabled="true"]:hover,
 156 #olButton[disabled="true"]:hover:active
 157   {
 158     list-style-image      : url("chrome://editor/skin/images/numbers-disabled.gif");
 159   }
 160
 161 #outdentButton
 162   {
 163           list-style-image      : url("chrome://editor/skin/images/outdent.gif");
 164   }
 165
 166 #outdentButton[disabled="true"],
 167 #outdentButton[disabled="true"]:hover,
 168 #outdentButton[disabled="true"]:hover:active
 169   {
 170     list-style-image      : url("chrome://editor/skin/images/outdent-disabled.gif");
 171   }
 172
 173 #indentButton
 174   {
 175           list-style-image      : url("chrome://editor/skin/images/indent.gif");
 176   }
 177
 178 #indentButton[disabled="true"],
 179 #indentButton[disabled="true"]:hover,
 180 #indentButton[disabled="true"]:hover:active
 181   {
 182     list-style-image      : url("chrome://editor/skin/images/indent-disabled.gif");
 183   }
 184
 185 #AlignPopupButton {
 186         list-style-image        : url("chrome://editor/skin/images/align.gif");
 187 }
 188
 189 #AlignPopupButton[disabled="true"],
 190 #AlignPopupButton[disabled="true"]:hover,
 191 #AlignPopupButton[disabled="true"]:hover:active {
 192         list-style-image        : url("chrome://editor/skin/images/align-disabled.gif");
 193 }
 194
 195 #InsertPopupButton {
 196         list-style-image        : url("chrome://editor/skin/images/insert.gif");
 197 }
 198
 199 #InsertPopupButton[disabled="true"],
 200 #InsertPopupButton[disabled="true"]:hover,
 201 #InsertPopupButton[disabled="true"]:hover:active {
 202         list-style-image        : url("chrome://editor/skin/images/insert-disabled.gif");
 203 }
 204
 205 #text-align-left,
 206 #align-left-button
 207   {
 208           list-style-image      : url("chrome://editor/skin/images/left.gif");
 209   }
 210
 211 #text-align-left[disabled="true"],
 212 #text-align-left[disabled="true"]:hover,
 213 #text-align-left[disabled="true"]:hover:active,
 214 #align-left-button[disabled="true"],
 215 #align-left-button[disabled="true"]:hover,
 216 #align-left-button[disabled="true"]:hover:active
 217   {
 218     list-style-image      : url("chrome://editor/skin/images/left-disabled.gif");
 219   }
 220
 221 #text-align-center,
 222 #align-center-button
 223   {
 224           list-style-image      : url("chrome://editor/skin/images/center.gif");
 225   }
 226
 227 #text-align-center[disabled="true"],
 228 #text-align-center[disabled="true"]:hover,
 229 #text-align-center[disabled="true"]:hover:active,
 230 #align-center-button[disabled="true"],
 231 #align-center-button[disabled="true"]:hover,
 232 #align-center-button[disabled="true"]:hover:active
 233   {
 234     list-style-image      : url("chrome://editor/skin/images/center-disabled.gif");
 235   }
 236
 237 #text-align-right,
 238 #align-right-button
 239   {
 240           list-style-image      : url("chrome://editor/skin/images/right.gif");
 241   }
 242
 243 #text-align-right[disabled="true"],
 244 #text-align-right[disabled="true"]:hover,
 245 #text-align-right[disabled="true"]:hover:active
 246 #align-right-button[disabled="true"],
 247 #align-right-button[disabled="true"]:hover,
 248 #align-right-button[disabled="true"]:hover:active
 249  {
 250     list-style-image      : url("chrome://editor/skin/images/right-disabled.gif");
 251   }
 252
 253 #text-align-justify, #align-justify-button
 254   {
 255           list-style-image      : url("chrome://editor/skin/images/justify.gif");
 256   }
 257
 258 #text-align-justify[disabled="true"],
 259 #text-align-justify[disabled="true"]:hover,
 260 #text-align-justify[disabled="true"]:hover:active
 261 #align-justify-button[disabled="true"],
 262 #align-justify-button[disabled="true"]:hover,
 263 #align-justify-button[disabled="true"]:hover:active
 264  {
 265     list-style-image      : url("chrome://editor/skin/images/justify-disabled.gif");
 266   }
 267
 268 .ColorPickerLabel
 269   {
 270     border                : 1px inset white;
 271     margin                : 0px;
 272     padding               : 2px;
 273   }
 274
 275 .color-button
 276   {
 277     border                : 1px inset #CCD0DD;
 278     padding               : 0px;
 279     width                 : 14px;
 280     height                : 12px;
 281     margin                : 2px;
 282   }
 283
 284 .color-button:hover
 285   {
 286     border                : 1px solid #666699;
 287   }
 288
 289 #TextColorButton
 290   {
 291     margin                : 2px 9px 9px 2px;
 292   }
 293
 294 #BackgroundColorButton
 295   {
 296     margin                : 9px 2px 2px 9px;
 297   }