gecko-dev/themes/modern/editor/editorFormatToolbar.css

/*
 * The contents of this file are subject to the Netscape Public
 * License Version 1.1 (the "License"); you may not use this file
 * except in compliance with the License. You may obtain a copy of
 * the License at http://www.mozilla.org/NPL/
 *
 * Software distributed under the License is distributed on an "AS
 * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
 * implied. See the License for the specific language governing
 * rights and limitations under the License.
 *
 * The Original Code is Mozilla Communicator client code, released
 * March 31, 1998.
 *
 * The Initial Developer of the Original Code is Netscape
 * Communications Corporation. Portions created by Netscape are
 * Copyright (C) 1998-2001 Netscape Communications Corporation. All
 * Rights Reserved.
 *
 * Contributor(s):
 *   Joe Hewitt (hewitt@netscape.com)
 */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* ::::: formatting buttons ::::: */

#FormatToolbar > toolbarbutton {
  border: none !important;
}

#FormatToolbar > toolbarbutton[toggled="true"] {
  background-color: transparent;
}

#DecreaseFontSizeButton {
  list-style-image: url("chrome://editor/skin/btn2/dec-font-size.gif");
}

#DecreaseFontSizeButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/dec-font-size-hov.gif");
}

#DecreaseFontSizeButton[toggled="true"],
#DecreaseFontSizeButton[toggled="true"]:hover,
#DecreaseFontSizeButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/dec-font-size-act.gif");
}

#DecreaseFontSizeButton[disabled="true"],
#DecreaseFontSizeButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/dec-font-size-dis.gif");
}

#IncreaseFontSizeButton {
  list-style-image: url("chrome://editor/skin/btn2/inc-font-size.gif");
}

#IncreaseFontSizeButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/inc-font-size-hov.gif");
}

#IncreaseFontSizeButton[toggled="true"],
#IncreaseFontSizeButton[toggled="true"]:hover,
#IncreaseFontSizeButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/inc-font-size-act.gif");
}

#IncreaseFontSizeButton[disabled="true"],
#IncreaseFontSizeButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/inc-font-size-dis.gif");
}

#boldButton {
  list-style-image: url("chrome://editor/skin/btn2/bold.gif");
}

#boldButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/bold-hov.gif");
}

#boldButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/bold-act.gif");
}

#boldButton[toggled="true"] {
  list-style-image: url("chrome://editor/skin/btn2/bold-sel.gif");
}

#boldButton[disabled="true"],
#boldButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/bold-dis.gif");
}

#italicButton {
  list-style-image: url("chrome://editor/skin/btn2/italic.gif");
}

#italicButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/italic-hov.gif");
}

#italicButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/italic-act.gif");
}

#italicButton[toggled="true"] {
  list-style-image: url("chrome://editor/skin/btn2/italic-sel.gif");
}

#italicButton[disabled="true"],
#italicButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/italic-dis.gif");
}

#underlineButton {
  list-style-image: url("chrome://editor/skin/btn2/underline.gif");
}

#underlineButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/underline-hov.gif");
}

#underlineButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/underline-act.gif");
}

#underlineButton[toggled="true"] {
  list-style-image: url("chrome://editor/skin/btn2/underline-sel.gif");
}

#underlineButton[disabled="true"],
#underlineButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/underline-dis.gif");
}

#ulButton {
  list-style-image: url("chrome://editor/skin/btn2/bullets.gif");
}

#ulButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/bullets-hov.gif");
}

#ulButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/bullets-act.gif");
}

#ulButton[toggled="true"] {
  list-style-image: url("chrome://editor/skin/btn2/bullets-sel.gif");
}

#ulButton[disabled="true"],
#ulButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/bullets-dis.gif");
}

#olButton {
  list-style-image: url("chrome://editor/skin/btn2/numbers.gif");
}

#olButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/numbers-hov.gif");
}

#olButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/numbers-act.gif");
}

#olButton[toggled="true"] {
  list-style-image: url("chrome://editor/skin/btn2/numbers-sel.gif");
}

#olButton[disabled="true"],
#olButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/numbers-dis.gif");
}

#outdentButton {
  list-style-image: url("chrome://editor/skin/btn2/outdent.gif");
}

#outdentButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/outdent-hov.gif");
}

#outdentButton[toggled="true"],
#outdentButton[toggled="true"]:hover,
#outdentButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/outdent-act.gif");
}

#outdentButton[disabled="true"],
#outdentButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/outdent-dis.gif");
}

#indentButton {
  list-style-image: url("chrome://editor/skin/btn2/indent.gif");
}

#indentButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/indent-hov.gif");
}

#indentButton[toggled="true"],
#indentButton[toggled="true"]:hover,
#indentButton:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/indent-act.gif");
}

#indentButton[disabled="true"],
#indentButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/indent-dis.gif");
}

#AlignPopupButton {
  list-style-image: url("chrome://editor/skin/btn2/align.gif");
}

#AlignPopupButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/align-hov.gif");
}

#AlignPopupButton:hover:active,
#AlignPopupButton[open="true"] {
  list-style-image: url("chrome://editor/skin/btn2/align-act.gif");
}

#AlignPopupButton[disabled="true"],
#AlignPopupButton[disabled="true"]:hover,
#AlignPopupButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/align-dis.gif");
}

#AlignLeftItem {
  list-style-image: url("chrome://editor/skin/btn2/align-left.gif");
}

#AlignLeftItem:hover {
  list-style-image: url("chrome://editor/skin/btn2/align-left-hov.gif");
}

#AlignCenterItem {
  list-style-image: url("chrome://editor/skin/btn2/align-center.gif");
}

#AlignCenterItem:hover {
  list-style-image: url("chrome://editor/skin/btn2/align-center-hov.gif");
}

#AlignRightItem {
  list-style-image: url("chrome://editor/skin/btn2/align-right.gif");
}

#AlignRightItem:hover {
  list-style-image: url("chrome://editor/skin/btn2/align-right-hov.gif");
}

#AlignJustifyItem {
  list-style-image: url("chrome://editor/skin/btn2/align-justify.gif");
}

#AlignJustifyItem:hover {
  list-style-image: url("chrome://editor/skin/btn2/align-justify-hov.gif");
}

#InsertPopupButton {
  list-style-image: url("chrome://editor/skin/btn2/insert.gif");
}

#InsertPopupButton:hover {
  list-style-image: url("chrome://editor/skin/btn2/insert-hov.gif");
}

#InsertPopupButton:hover:active,
#InsertPopupButton[open="true"] {
  list-style-image: url("chrome://editor/skin/btn2/insert-act.gif");
}

#InsertPopupButton[disabled="true"],
#InsertPopupButton[disabled="true"]:hover,
#InsertPopupButton[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/insert-dis.gif");
}

#InsertLinkItem {
  list-style-image: url("chrome://editor/skin/btn2/insert-link.gif");
}

#InsertLinkItem:hover {
  list-style-image: url("chrome://editor/skin/btn2/insert-link-hov.gif");
}

#InsertAnchorItem {
  list-style-image: url("chrome://editor/skin/btn2/insert-anchor.gif");
}

#InsertAnchorItem:hover {
  list-style-image: url("chrome://editor/skin/btn2/insert-anchor-hov.gif");
}

#InsertImageItem {
  list-style-image: url("chrome://editor/skin/btn2/insert-image.gif");
}

#InsertImageItem:hover {
  list-style-image: url("chrome://editor/skin/btn2/insert-image-hov.gif");
}

#InsertHRuleItem {
  list-style-image: url("chrome://editor/skin/btn2/insert-hrule.gif");
}

#InsertHRuleItem:hover {
  list-style-image: url("chrome://editor/skin/btn2/insert-hrule-hov.gif");
}

#InsertTableItem {
  list-style-image: url("chrome://editor/skin/btn2/insert-table.gif");
}

#InsertTableItem:hover {
  list-style-image: url("chrome://editor/skin/btn2/insert-table-hov.gif");
}

#align-left-button {
  list-style-image: url("chrome://editor/skin/btn2/left.gif");
}

#align-left-button:hover {
  list-style-image: url("chrome://editor/skin/btn2/left-hov.gif");
}

#align-left-button:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/left-act.gif");
}

#align-left-button[toggled="true"] {
  list-style-image: url("chrome://editor/skin/btn2/left-sel.gif");
}

#align-left-button[disabled="true"],
#align-left-button[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/left-dis.gif");
}

#align-center-button {
  list-style-image: url("chrome://editor/skin/btn2/center.gif");
}

#align-center-button:hover {
  list-style-image: url("chrome://editor/skin/btn2/center-hov.gif");
}

#align-center-button:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/center-act.gif");
}

#align-center-button[toggled="true"] {
  list-style-image: url("chrome://editor/skin/btn2/center-sel.gif");
}

#align-center-button[disabled="true"],
#align-center-button[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/center-dis.gif");
}

#align-right-button {
  list-style-image: url("chrome://editor/skin/btn2/right.gif");
}

#align-right-button:hover {
  list-style-image: url("chrome://editor/skin/btn2/right-hov.gif");
}

#align-right-button:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/right-act.gif");
}

#align-right-button[toggled="true"] {
  list-style-image: url("chrome://editor/skin/btn2/right-sel.gif");
}

#align-right-button[disabled="true"],
#align-right-button[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/right-dis.gif");
}

#align-justify-button {
  list-style-image: url("chrome://editor/skin/btn2/justify.gif");
}

#align-justify-button:hover {
  list-style-image: url("chrome://editor/skin/btn2/justify-hov.gif");
}

#align-justify-button:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/justify-act.gif");
}

#align-justify-button[toggled="true"] {
  list-style-image: url("chrome://editor/skin/btn2/justify-sel.gif");
}

#align-justify-button[disabled="true"],
#align-justify-button[disabled="true"]:hover:active {
  list-style-image: url("chrome://editor/skin/btn2/justify-dis.gif");
}

#smileButtonMenu {
  list-style-image: url("chrome://editor/skin/btn2/smiley.gif");
}

#smileButtonMenu:hover {
  list-style-image: url("chrome://editor/skin/btn2/smiley-hov.gif");
}

#smileButtonMenu:hover:active,
#smileButtonMenu[open="true"] {
  list-style-image: url("chrome://editor/skin/btn2/smiley-act.gif");
}

#smileButtonMenu[disabled="true"],
#smileButtonMenu[disabled="true"]:hover,
#smileButtonMenu[disabled="true"]:hover:active  {
  list-style-image: url("chrome://editor/skin/btn2/smiley-dis.gif");
}

.insert-smile > .menu-iconic-left {
  list-style-image:url("chrome://editor/skin/icons/smiley/smile_n.gif");
}

.insert-tongue > .menu-iconic-left {
  list-style-image:url("chrome://editor/skin/icons/smiley/tongue_n.gif");
}

.insert-frown > .menu-iconic-left {
  list-style-image:url("chrome://editor/skin/icons/smiley/frown_n.gif"); 
}

.insert-wink > .menu-iconic-left {
  list-style-image:url("chrome://editor/skin/icons/smiley/wink_n.gif");
}

.insert-laughing > .menu-iconic-left {
  list-style-image:url("chrome://editor/skin/icons/smiley/laughing_n.gif"); 
}

.insert-embarrassed > .menu-iconic-left {
  list-style-image:url("chrome://editor/skin/icons/smiley/embarrassed_n.gif");
}

.insert-undecided > .menu-iconic-left {
  list-style-image:url(chrome://editor/skin/icons/smiley/undecided_n.gif); 
}

.smiley > .menu-iconic-left {
  margin-right: 15px;
}

/* ::::: fg/bg color picker ::::: */

.color-button {
  margin: 2px;
  border: 1px inset #5B7693;
  padding: 0px;
  width: 14px;
  height: 12px;
}

.color-button:hover {
  border: 1px solid #ffffff;
}

#TextColorButton {
  margin: 2px 9px 9px 2px;
}

#BackgroundColorButton {
  margin: 9px 2px 2px 9px;
}