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 /* ::::: formatting buttons ::::: */
  41
  42 #FormatToolbar > toolbarbutton {
  43   min-width: 18px;
  44 }
  45
  46 #FormatToolbar > toolbarbutton > .toolbarbutton-text {
  47   display: none;
  48 }
  49
  50 #DecreaseFontSizeButton {
  51   list-style-image: url("chrome://editor/skin/icons/dec-font-size.gif");
  52 }
  53
  54 #DecreaseFontSizeButton[disabled="true"] {
  55   list-style-image: url("chrome://editor/skin/icons/dec-font-size-disabled.gif") !important;
  56 }
  57
  58 #IncreaseFontSizeButton {
  59   list-style-image: url("chrome://editor/skin/icons/inc-font-size.gif");
  60 }
  61
  62 #IncreaseFontSizeButton[disabled="true"] {
  63   list-style-image: url("chrome://editor/skin/icons/inc-font-size-disabled.gif") !important;
  64 }
  65
  66 #boldButton {
  67   list-style-image: url(chrome://editor/skin/icons/bold.gif);
  68 }
  69
  70 #boldButton[disabled="true"] {
  71   list-style-image: url("chrome://editor/skin/icons/bold-disabled.gif") !important;
  72 }
  73
  74 #italicButton {
  75   list-style-image: url("chrome://editor/skin/icons/italic.gif");
  76 }
  77
  78 #italicButton[disabled="true"] {
  79   list-style-image: url("chrome://editor/skin/icons/italic-disabled.gif") !important;
  80 }
  81
  82 #underlineButton {
  83   list-style-image: url("chrome://editor/skin/icons/underline.gif");
  84 }
  85
  86 #underlineButton[disabled="true"] {
  87   list-style-image: url("chrome://editor/skin/icons/underline-disabled.gif") !important;
  88 }
  89
  90 #ulButton {
  91   list-style-image:url("chrome://editor/skin/icons/bullets.gif");
  92 }
  93
  94 #ulButton[disabled="true"] {
  95   list-style-image: url("chrome://editor/skin/icons/bullets-disabled.gif") !important;
  96 }
  97
  98 #olButton {
  99   list-style-image: url("chrome://editor/skin/icons/numbers.gif");
 100 }
 101
 102 #olButton[disabled="true"] {
 103   list-style-image: url("chrome://editor/skin/icons/numbers-disabled.gif") !important;
 104 }
 105
 106 #outdentButton {
 107   list-style-image: url("chrome://editor/skin/icons/outdent.gif");
 108 }
 109
 110 #outdentButton[disabled="true"] {
 111   list-style-image: url("chrome://editor/skin/icons/outdent-disabled.gif") !important;
 112 }
 113
 114 #indentButton {
 115   list-style-image: url("chrome://editor/skin/icons/indent.gif");
 116 }
 117
 118 #indentButton[disabled="true"] {
 119   list-style-image: url("chrome://editor/skin/icons/indent-disabled.gif") !important;
 120 }
 121
 122 #align-left-button {
 123   list-style-image: url("chrome://editor/skin/icons/left.gif");
 124 }
 125
 126 #align-left-button[disabled="true"] {
 127   list-style-image: url("chrome://editor/skin/icons/left-disabled.gif") !important;
 128 }
 129
 130 #align-center-button {
 131   list-style-image: url("chrome://editor/skin/icons/center.gif");
 132 }
 133
 134 #align-center-button[disabled="true"] {
 135   list-style-image: url("chrome://editor/skin/icons/center-disabled.gif") !important;
 136 }
 137
 138 #align-right-button {
 139   list-style-image: url("chrome://editor/skin/icons/right.gif");
 140 }
 141
 142 #align-right-button[disabled="true"] {
 143   list-style-image: url("chrome://editor/skin/icons/right-disabled.gif") !important;
 144 }
 145
 146 #align-justify-button {
 147   list-style-image: url("chrome://editor/skin/icons/justify.gif");
 148 }
 149
 150 #align-justify-button[disabled="true"] {
 151   list-style-image: url("chrome://editor/skin/icons/justify-disabled.gif") !important;
 152 }
 153
 154 #AlignPopupButton {
 155   list-style-image: url("chrome://editor/skin/icons/align.gif");
 156 }
 157
 158 #AlignPopupButton[disabled="true"] {
 159   list-style-image: url("chrome://editor/skin/icons/align-disabled.gif") !important;
 160 }
 161
 162 #InsertPopupButton {
 163   list-style-image: url("chrome://editor/skin/icons/insert.gif");
 164 }
 165
 166 #InsertPopupButton[disabled="true"] {
 167   list-style-image: url("chrome://editor/skin/icons/insert-disabled.gif") !important;
 168 }
 169
 170 #smileButtonMenu {
 171   list-style-image: url("chrome://editor/skin/icons/smile.gif");
 172 }
 173
 174 #smileButtonMenu[disabled="true"] {
 175   list-style-image: url("chrome://editor/skin/icons/smile-disabled.gif") !important;
 176 }
 177
 178 /* ::::: menuitem icons ::::: */
 179
 180 /* ..... align menu ..... */
 181
 182 #AlignLeftItem {
 183   list-style-image: url("chrome://editor/skin/icons/left.gif");
 184 }
 185
 186 #AlignCenterItem {
 187   list-style-image: url("chrome://editor/skin/icons/center.gif");
 188 }
 189
 190 #AlignRightItem {
 191   list-style-image: url("chrome://editor/skin/icons/right.gif");
 192 }
 193
 194 #AlignJustifyItem {
 195   list-style-image: url("chrome://editor/skin/icons/justify.gif");
 196 }
 197
 198 /* ..... insert menu ..... */
 199
 200 #InsertLinkItem {
 201   list-style-image: url("chrome://editor/skin/icons/link.gif");
 202 }
 203
 204 #InsertAnchorItem {
 205   list-style-image: url("chrome://editor/skin/icons/anchor.gif");
 206 }
 207
 208 #InsertImageItem {
 209   list-style-image: url("chrome://editor/skin/icons/image.gif");
 210 }
 211
 212 #InsertHRuleItem {
 213   list-style-image: url("chrome://editor/skin/icons/hline.gif");
 214 }
 215
 216 #InsertTableItem {
 217   list-style-image: url("chrome://editor/skin/icons/table.gif");
 218 }
 219
 220 /* ..... smiley menu ..... */
 221
 222 .insert-smile > .menu-iconic-left {
 223   list-style-image: url("chrome://communicator/skin/icons/smileys/smile_n.gif");
 224 }
 225
 226 .insert-tongue > .menu-iconic-left {
 227   list-style-image: url("chrome://communicator/skin/icons/smileys/tongue_n.gif");
 228 }
 229
 230 .insert-frown > .menu-iconic-left {
 231   list-style-image: url("chrome://communicator/skin/icons/smileys/frown_n.gif");
 232 }
 233
 234 .insert-wink > .menu-iconic-left {
 235   list-style-image: url("chrome://communicator/skin/icons/smileys/wink_n.gif");
 236 }
 237
 238 .insert-laughing > .menu-iconic-left {
 239   list-style-image: url("chrome://communicator/skin/icons/smileys/laughing_n.gif");
 240 }
 241
 242 .insert-embarrassed > .menu-iconic-left {
 243   list-style-image: url("chrome://communicator/skin/icons/smileys/embarrassed_n.gif");
 244 }
 245
 246 .insert-undecided > .menu-iconic-left {
 247   list-style-image: url("chrome://communicator/skin/icons/smileys/undecided_n.gif");
 248 }
 249
 250 .insert-surprise > .menu-iconic-left {
 251   list-style-image: url("chrome://communicator/skin/icons/smileys/surprise_n.gif");
 252 }
 253
 254 .insert-kiss > .menu-iconic-left {
 255   list-style-image: url("chrome://communicator/skin/icons/smileys/kiss_n.gif");
 256 }
 257
 258 .insert-yell > .menu-iconic-left {
 259   list-style-image: url("chrome://communicator/skin/icons/smileys/yell_n.gif");
 260 }
 261
 262 .insert-cool > .menu-iconic-left {
 263   list-style-image: url("chrome://communicator/skin/icons/smileys/cool_n.gif");
 264 }
 265
 266 .insert-undecided > .menu-iconic-left {
 267   list-style-image: url("chrome://communicator/skin/icons/smileys/undecided_n.gif");
 268 }
 269
 270 .insert-money > .menu-iconic-left {
 271   list-style-image: url("chrome://communicator/skin/icons/smileys/money_n.gif");
 272 }
 273
 274 .insert-foot > .menu-iconic-left {
 275   list-style-image: url("chrome://communicator/skin/icons/smileys/foot_n.gif");
 276 }
 277
 278 .insert-innocent > .menu-iconic-left {
 279   list-style-image: url("chrome://communicator/skin/icons/smileys/innocent_n.gif");
 280 }
 281
 282 .insert-cry > .menu-iconic-left {
 283   list-style-image: url("chrome://communicator/skin/icons/smileys/cry_n.gif");
 284 }
 285
 286 .insert-sealed > .menu-iconic-left {
 287   list-style-image: url("chrome://communicator/skin/icons/smileys/sealed_n.gif");
 288 }
 289
 290 /* ::::: fg/bg color picker ::::: */
 291
 292 .ColorPickerLabel {
 293   border: 1px inset #CCD0DD;
 294   margin: 0px;
 295   padding: 2px;
 296 }
 297
 298 .color-button {
 299   border: 1px inset #CCD0DD;
 300   padding: 0px;
 301   width: 14px;
 302   height: 12px;
 303   margin: 2px;
 304 }
 305
 306 .color-button:hover {
 307   border: 1px solid #666699;
 308 }
 309
 310 #TextColorButton {
 311   margin: 2px 9px 9px 2px;
 312 }
 313
 314 #BackgroundColorButton {
 315   margin: 9px 2px 2px 9px;
 316 }
 317
 318 #HighlightColorButton {
 319   list-style-image: url("chrome://editor/skin/icons/highlight.gif");
 320   background-color: transparent;
 321 }
 322
 323 #HighlightColorButton[disabled="true"] {
 324   list-style-image: url("chrome://editor/skin/icons/highlight-disabled.gif") !important;
 325 }
 326
 327 #absolutePositionButton {
 328   list-style-image: url("chrome://editor/skin/icons/pinned.gif");
 329 }
 330
 331 #absolutePositionButton[disabled="true"] {
 332   list-style-image: url("chrome://editor/skin/icons/pinned-disabled.gif") !important;
 333 }
 334
 335 #absolutePositionButton[checked="true"] {
 336   list-style-image: url("chrome://editor/skin/icons/notpinned.gif");
 337 }
 338
 339 #FormatToolbar > #increaseZIndexButton {
 340   list-style-image: url("chrome://editor/content/images/bringtofront.gif");
 341 }
 342 #FormatToolbar > #increaseZIndexButton[disabled="true"] {
 343   list-style-image: url("chrome://editor/content/images/bringtofront-disabled.gif");
 344 }
 345 #FormatToolbar > #decreaseZIndexButton {
 346   list-style-image: url("chrome://editor/content/images/sendtoback.gif");
 347 }
 348 #FormatToolbar > #decreaseZIndexButton[disabled="true"] {
 349   list-style-image: url("chrome://editor/content/images/sendtoback-disabled.gif");
 350 }