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