зеркало из https://github.com/mozilla/pjs.git
537 строки
12 KiB
CSS
537 строки
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 > toolbarbutton {
|
|
min-width: 3em;
|
|
}
|
|
|
|
#FormatToolbar > toolbarbutton > .toolbarbutton-text {
|
|
display: none;
|
|
}
|
|
|
|
#FormatToolbar > toolbarbutton {
|
|
list-style-image: url("chrome://editor/skin/icons/btn2.gif");
|
|
}
|
|
|
|
#DecreaseFontSizeButton {
|
|
-moz-image-region: rect(64px 14px 80px 0px);
|
|
}
|
|
|
|
#DecreaseFontSizeButton:hover {
|
|
-moz-image-region: rect(64px 28px 80px 14px);
|
|
}
|
|
|
|
#DecreaseFontSizeButton:hover:active {
|
|
-moz-image-region: rect(64px 42px 80px 28px);
|
|
}
|
|
|
|
#DecreaseFontSizeButton[disabled="true"] {
|
|
-moz-image-region: rect(64px 56px 80px 42px) !important;
|
|
}
|
|
|
|
#IncreaseFontSizeButton {
|
|
-moz-image-region: rect(81px 18px 98px 0px);
|
|
}
|
|
|
|
#IncreaseFontSizeButton:hover {
|
|
-moz-image-region: rect(81px 36px 98px 18px);
|
|
}
|
|
|
|
#IncreaseFontSizeButton:hover:active {
|
|
-moz-image-region: rect(81px 54px 98px 36px);
|
|
}
|
|
|
|
#IncreaseFontSizeButton[disabled="true"] {
|
|
-moz-image-region: rect(81px 72px 98px 54px) !important;
|
|
}
|
|
|
|
#boldButton {
|
|
-moz-image-region: rect(16px 16px 32px 0px);
|
|
}
|
|
|
|
#boldButton:hover {
|
|
-moz-image-region: rect(16px 32px 32px 16px);
|
|
}
|
|
|
|
#boldButton:hover:active {
|
|
-moz-image-region: rect(16px 48px 32px 32px);
|
|
}
|
|
|
|
#boldButton[checked="true"] {
|
|
-moz-image-region: rect(16px 16px 32px 0px);
|
|
}
|
|
|
|
#boldButton[disabled="true"] {
|
|
-moz-image-region: rect(16px 64px 32px 48px) !important;
|
|
}
|
|
|
|
#italicButton {
|
|
-moz-image-region: rect(98px 16px 114px 0px);
|
|
}
|
|
|
|
#italicButton:hover {
|
|
-moz-image-region: rect(98px 32px 114px 16px);
|
|
}
|
|
|
|
#italicButton:hover:active {
|
|
-moz-image-region: rect(98px 48px 114px 32px);
|
|
}
|
|
|
|
#italicButton[checked="true"] {
|
|
-moz-image-region: rect(98px 16px 114px 0px);
|
|
}
|
|
|
|
#italicButton[disabled="true"] {
|
|
-moz-image-region: rect(98px 64px 114px 48px) !important;
|
|
}
|
|
|
|
#underlineButton {
|
|
-moz-image-region: rect(114px 16px 130px 0px);
|
|
}
|
|
|
|
#underlineButton:hover {
|
|
-moz-image-region: rect(114px 32px 130px 16px);
|
|
}
|
|
|
|
#underlineButton:hover:active {
|
|
-moz-image-region: rect(114px 48px 130px 32px);
|
|
}
|
|
|
|
#underlineButton[checked="true"] {
|
|
-moz-image-region: rect(114px 16px 130px 0px);
|
|
}
|
|
|
|
#underlineButton[disabled="true"] {
|
|
-moz-image-region: rect(114px 64px 130px 48px) !important;
|
|
}
|
|
|
|
#ulButton {
|
|
-moz-image-region: rect(32px 16px 48px 0px);
|
|
}
|
|
|
|
#ulButton:hover {
|
|
-moz-image-region: rect(32px 32px 48px 16px);
|
|
}
|
|
|
|
#ulButton:hover:active {
|
|
-moz-image-region: rect(32px 48px 48px 32px);
|
|
}
|
|
|
|
#ulButton[checked="true"] {
|
|
-moz-image-region: rect(32px 16px 48px 0px);
|
|
}
|
|
|
|
#ulButton[disabled="true"] {
|
|
-moz-image-region: rect(32px 64px 48px 48px) !important;
|
|
}
|
|
|
|
#olButton {
|
|
-moz-image-region: rect(194px 16px 210px 0px);
|
|
}
|
|
|
|
#olButton:hover {
|
|
-moz-image-region: rect(194px 32px 210px 16px);
|
|
}
|
|
|
|
#olButton:hover:active {
|
|
-moz-image-region: rect(194px 48px 210px 32px);
|
|
}
|
|
|
|
#olButton[checked="true"] {
|
|
-moz-image-region: rect(194px 16px 210px 0px);
|
|
}
|
|
|
|
#olButton[disabled="true"] {
|
|
-moz-image-region: rect(194px 64px 210px 48px) !important;
|
|
}
|
|
|
|
#outdentButton {
|
|
-moz-image-region: rect(210px 16px 226px 0px);
|
|
}
|
|
|
|
#outdentButton:hover {
|
|
-moz-image-region: rect(210px 32px 226px 16px);
|
|
}
|
|
|
|
#outdentButton:hover:active {
|
|
-moz-image-region: rect(210px 48px 226px 32px);
|
|
}
|
|
|
|
#outdentButton[disabled="true"] {
|
|
-moz-image-region: rect(210px 64px 226px 48px) !important;
|
|
}
|
|
|
|
#indentButton {
|
|
-moz-image-region: rect(178px 16px 194px 0px);
|
|
}
|
|
|
|
#indentButton:hover {
|
|
-moz-image-region: rect(178px 32px 194px 16px);
|
|
}
|
|
|
|
#indentButton:hover:active {
|
|
-moz-image-region: rect(178px 48px 194px 32px);
|
|
}
|
|
|
|
#indentButton[disabled="true"] {
|
|
-moz-image-region: rect(178px 64px 194px 48px) !important;
|
|
}
|
|
|
|
#align-left-button {
|
|
-moz-image-region: rect(146px 16px 162px 0px);
|
|
}
|
|
|
|
#align-left-button:hover {
|
|
-moz-image-region: rect(146px 32px 162px 16px);
|
|
}
|
|
|
|
#align-left-button:hover:active {
|
|
-moz-image-region: rect(146px 48px 162px 32px);
|
|
}
|
|
|
|
#align-left-button[checked="true"] {
|
|
-moz-image-region: rect(146px 16px 162px 0px);
|
|
}
|
|
|
|
#align-left-button[disabled="true"] {
|
|
-moz-image-region: rect(146px 64px 162px 48px) !important;
|
|
}
|
|
|
|
#align-center-button {
|
|
-moz-image-region: rect(48px 16px 64px 0px);
|
|
}
|
|
|
|
#align-center-button:hover {
|
|
-moz-image-region: rect(48px 32px 64px 16px);
|
|
}
|
|
|
|
#align-center-button:hover:active {
|
|
-moz-image-region: rect(48px 48px 64px 32px);
|
|
}
|
|
|
|
#align-center-button[checked="true"] {
|
|
-moz-image-region: rect(48px 16px 64px 0px);
|
|
}
|
|
|
|
#align-center-button[disabled="true"] {
|
|
-moz-image-region: rect(48px 64px 64px 48px) !important;
|
|
}
|
|
|
|
#align-right-button {
|
|
-moz-image-region: rect(162px 16px 178px 0px);
|
|
}
|
|
|
|
#align-right-button:hover {
|
|
-moz-image-region: rect(162px 32px 178px 16px);
|
|
}
|
|
|
|
#align-right-button:hover:active {
|
|
-moz-image-region: rect(162px 48px 178px 32px);
|
|
}
|
|
|
|
#align-right-button[checked="true"] {
|
|
-moz-image-region: rect(162px 16px 178px 0px);
|
|
}
|
|
|
|
#align-right-button[disabled="true"] {
|
|
-moz-image-region: rect(162px 64px 178px 48px) !important;
|
|
}
|
|
|
|
#align-justify-button {
|
|
-moz-image-region: rect(130px 16px 146px 0px);
|
|
}
|
|
|
|
#align-justify-button:hover {
|
|
-moz-image-region: rect(130px 32px 146px 16px);
|
|
}
|
|
|
|
#align-justify-button:hover:active {
|
|
-moz-image-region: rect(130px 48px 146px 32px);
|
|
}
|
|
|
|
#align-justify-button[checked="true"] {
|
|
-moz-image-region: rect(130px 16px 146px 0px);
|
|
}
|
|
|
|
#align-justify-button[disabled="true"] {
|
|
-moz-image-region: rect(130px 64px 146px 48px) !important;
|
|
}
|
|
|
|
#AlignPopupButton {
|
|
-moz-image-region: rect(0px 16px 16px 0px);
|
|
}
|
|
|
|
#AlignPopupButton:hover {
|
|
-moz-image-region: rect(0px 32px 16px 16px);
|
|
}
|
|
|
|
#AlignPopupButton[open="true"] {
|
|
-moz-image-region: rect(0px 48px 16px 32px) !important;
|
|
}
|
|
|
|
#AlignPopupButton[disabled="true"] {
|
|
-moz-image-region: rect(0px 64px 16px 48px) !important;
|
|
}
|
|
|
|
#InsertPopupButton {
|
|
-moz-image-region: rect(244px 16px 260px 0px);
|
|
}
|
|
|
|
#InsertPopupButton:hover {
|
|
-moz-image-region: rect(244px 32px 260px 16px);
|
|
}
|
|
|
|
#InsertPopupButton[open="true"] {
|
|
-moz-image-region: rect(244px 48px 260px 32px) !important;
|
|
}
|
|
|
|
#InsertPopupButton[disabled="true"] {
|
|
-moz-image-region: rect(244px 64px 260px 48px) !important;
|
|
}
|
|
|
|
#smileButtonMenu {
|
|
-moz-image-region: rect(227px 17px 244px 0px);
|
|
}
|
|
|
|
#smileButtonMenu:hover {
|
|
-moz-image-region: rect(227px 34px 244px 17px);
|
|
}
|
|
|
|
#smileButtonMenu[open="true"] {
|
|
-moz-image-region: rect(227px 51px 244px 34px) !important;
|
|
}
|
|
|
|
#smileButtonMenu[disabled="true"] {
|
|
-moz-image-region: rect(227px 68px 244px 51px) !important;
|
|
}
|
|
|
|
/* ::::: menuitem icons ::::: */
|
|
|
|
/* ..... align menu ..... */
|
|
|
|
#AlignPopup > menuitem {
|
|
list-style-image: url("chrome://editor/skin/icons/btn2.gif");
|
|
}
|
|
|
|
#AlignLeftItem {
|
|
-moz-image-region: rect(146px 16px 162px 0px);
|
|
}
|
|
|
|
#AlignLeftItem:hover {
|
|
-moz-image-region: rect(146px 32px 162px 16px);
|
|
}
|
|
|
|
#AlignCenterItem {
|
|
-moz-image-region: rect(48px 16px 64px 0px);
|
|
}
|
|
|
|
#AlignCenterItem:hover {
|
|
-moz-image-region: rect(48px 32px 64px 16px);
|
|
}
|
|
|
|
#AlignRightItem {
|
|
-moz-image-region: rect(162px 16px 178px 0px);
|
|
}
|
|
|
|
#AlignRightItem:hover {
|
|
-moz-image-region: rect(162px 32px 178px 16px);
|
|
}
|
|
|
|
#AlignJustifyItem {
|
|
-moz-image-region: rect(130px 16px 146px 0px);
|
|
}
|
|
|
|
#AlignJustifyItem:hover {
|
|
-moz-image-region: rect(130px 32px 146px 16px);
|
|
}
|
|
|
|
/* ..... insert menu ..... */
|
|
|
|
#InsertPopup > menuitem {
|
|
list-style-image: url("chrome://editor/skin/icons/btn1.gif");
|
|
}
|
|
|
|
#InsertLinkItem {
|
|
-moz-image-region: rect(16px 16px 32px 0);
|
|
}
|
|
|
|
#InsertLinkItem:hover {
|
|
-moz-image-region: rect(16px 32px 32px 16px);
|
|
}
|
|
|
|
#InsertAnchorItem {
|
|
-moz-image-region: rect(143px 64px 159px 48px);
|
|
}
|
|
|
|
#InsertAnchorItem:hover {
|
|
-moz-image-region: rect(159px 16px 175px 0);
|
|
}
|
|
|
|
#InsertImageItem {
|
|
-moz-image-region: rect(159px 64px 175px 48px);
|
|
}
|
|
|
|
#InsertImageItem:hover {
|
|
-moz-image-region: rect(175px 16px 191px 0);
|
|
}
|
|
|
|
#InsertHRuleItem {
|
|
-moz-image-region: rect(32px 16px 48px 0);
|
|
}
|
|
|
|
#InsertHRuleItem:hover {
|
|
-moz-image-region: rect(32px 32px 48px 16px);
|
|
}
|
|
|
|
#InsertTableItem {
|
|
-moz-image-region: rect(122px 62px 138px 46px);
|
|
}
|
|
|
|
#InsertTableItem:hover {
|
|
-moz-image-region: rect(143px 16px 159px 0);
|
|
}
|
|
|
|
/* ..... smiley menu ..... */
|
|
|
|
.insert-smile > .menu-iconic-left {
|
|
list-style-image: url("chrome://editor/content/images/smile_n.gif");
|
|
}
|
|
|
|
.insert-tongue > .menu-iconic-left {
|
|
list-style-image: url("chrome://editor/content/images/tongue_n.gif");
|
|
}
|
|
|
|
.insert-frown > .menu-iconic-left {
|
|
list-style-image: url("chrome://editor/content/images/frown_n.gif");
|
|
}
|
|
|
|
.insert-wink > .menu-iconic-left {
|
|
list-style-image: url("chrome://editor/content/images/wink_n.gif");
|
|
}
|
|
|
|
.insert-laughing > .menu-iconic-left {
|
|
list-style-image: url("chrome://editor/content/images/laughing_n.gif");
|
|
}
|
|
|
|
.insert-embarrassed > .menu-iconic-left {
|
|
list-style-image: url("chrome://editor/content/images/embarrassed_n.gif");
|
|
}
|
|
|
|
.insert-undecided > .menu-iconic-left {
|
|
list-style-image: url("chrome://editor/content/images/undecided_n.gif");
|
|
}
|
|
|
|
.insert-surprise > .menu-iconic-left {
|
|
list-style-image: url("chrome://editor/content/images/surprise_n.gif");
|
|
}
|
|
|
|
.insert-kiss > .menu-iconic-left {
|
|
list-style-image: url("chrome://editor/content/images/kiss_n.gif");
|
|
}
|
|
|
|
.insert-yell > .menu-iconic-left {
|
|
list-style-image: url("chrome://editor/content/images/yell_n.gif");
|
|
}
|
|
|
|
.insert-cool > .menu-iconic-left {
|
|
list-style-image: url("chrome://editor/content/images/cool_n.gif");
|
|
}
|
|
|
|
.insert-undecided > .menu-iconic-left {
|
|
list-style-image: url("chrome://editor/content/images/undecided_n.gif");
|
|
}
|
|
|
|
.insert-money > .menu-iconic-left {
|
|
list-style-image: url("chrome://editor/content/images/money_n.gif");
|
|
}
|
|
|
|
.insert-foot > .menu-iconic-left {
|
|
list-style-image: url("chrome://editor/content/images/foot_n.gif");
|
|
}
|
|
|
|
.insert-innocent > .menu-iconic-left {
|
|
list-style-image: url("chrome://editor/content/images/innocent_n.gif");
|
|
}
|
|
|
|
.insert-cry > .menu-iconic-left {
|
|
list-style-image: url("chrome://editor/content/images/cry_n.gif");
|
|
}
|
|
|
|
.insert-sealed > .menu-iconic-left {
|
|
list-style-image: url("chrome://editor/content/images/sealed_n.gif");
|
|
}
|
|
|
|
|
|
|
|
/* ::::: fg/bg color picker ::::: */
|
|
|
|
.ColorPickerLabel {
|
|
border: 1px inset ThreeDFace;
|
|
margin: 0px;
|
|
padding: 2px;
|
|
}
|
|
|
|
.color-button {
|
|
border: 1px inset ThreeDFace;
|
|
padding: 0px;
|
|
width: 14px;
|
|
height: 12px;
|
|
margin: 2px;
|
|
}
|
|
|
|
.color-button:hover {
|
|
border: 1px solid ThreeDDarkShadow;
|
|
}
|
|
|
|
#TextColorButton {
|
|
margin: 2px 9px 9px 2px;
|
|
}
|
|
|
|
#BackgroundColorButton {
|
|
margin: 9px 2px 2px 9px;
|
|
}
|
|
|
|
#HighlightColorButton {
|
|
-moz-image-region: rect(260px 16px 272px 0px);
|
|
background-color: transparent;
|
|
}
|
|
|
|
#HighlightColorButton:hover {
|
|
-moz-image-region: rect(260px 32px 272px 16px);
|
|
}
|
|
|
|
#HighlightColorButton:hover:active {
|
|
-moz-image-region: rect(260px 48px 272px 32px);
|
|
}
|
|
|
|
#HighlightColorButton[disabled="true"],
|
|
#HighlightColorButton[disabled="true"]:hover,
|
|
#HighlightColorButton[disabled="true"]:hover:active {
|
|
-moz-image-region: rect(260px 64px 272px 48px);
|
|
}
|
|
|