зеркало из https://github.com/mozilla/pjs.git
488 строки
12 KiB
CSS
488 строки
12 KiB
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 {
|
|
background: url("chrome://global/skin/toolbar/tb-mid.gif") #C7D0D9 repeat-x top;
|
|
}
|
|
|
|
#FormatToolbar > toolbarbutton {
|
|
border: none !important;
|
|
}
|
|
|
|
#FormatToolbar > toolbarbutton[checked="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[checked="true"],
|
|
#DecreaseFontSizeButton[checked="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[checked="true"],
|
|
#IncreaseFontSizeButton[checked="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[checked="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[checked="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[checked="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[checked="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[checked="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[checked="true"],
|
|
#outdentButton[checked="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[checked="true"],
|
|
#indentButton[checked="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[checked="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[checked="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[checked="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[checked="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;
|
|
}
|
|
|