gecko-dev/themes/modern/editor/EditorToolbars.css
2001-04-13 03:45:37 +00:00

748 lines
19 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)
*/
/* ==== EditorToolbars.css ==================================================
== Styles related to toolbars in the Editor application.
========================================================================== */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* ::::: primary toolbar buttons ::::: */
.button-toolbar-2 {
min-width: 48px;
}
#newButton {
list-style-image: url("chrome://editor/skin/btn1/newfile.gif");
}
#newButton[disabled="true"],
#newButton[disabled="true"]:hover,
#newButton[disabled="true"]:hover:active {
list-style-image: url("chrome://editor/skin/btn1/newfile-dis.gif");
}
#newButton:hover {
list-style-image: url("chrome://editor/skin/btn1/newfile-hov.gif");
}
#newButton:hover:active {
list-style-image: url("chrome://editor/skin/btn1/newfile-act.gif");
}
#openButton {
list-style-image: url("chrome://editor/skin/btn1/openfile.gif");
}
#openButton[disabled="true"],
#openButton[disabled="true"]:hover,
#openButton[disabled="true"]:hover:active {
list-style-image: url("chrome://editor/skin/btn1/openfile-dis.gif");
}
#openButton:hover {
list-style-image: url("chrome://editor/skin/btn1/openfile-hov.gif");
}
#openButton:hover:active {
list-style-image: url("chrome://editor/skin/btn1/openfile-act.gif");
}
#saveButton {
list-style-image: url("chrome://editor/skin/btn1/savefile.gif");
}
#saveButton[disabled="true"],
#saveButton[disabled="true"]:hover,
#saveButton[disabled="true"]:hover:active {
list-style-image: url("chrome://editor/skin/btn1/savefile-dis.gif");
}
#saveButton:hover {
list-style-image: url("chrome://editor/skin/btn1/savefile-hov.gif");
}
#saveButton:hover:active {
list-style-image: url("chrome://editor/skin/btn1/savefile-act.gif");
}
#publishButton {
list-style-image: url("chrome://editor/skin/btn1/publish.gif");
}
#previewButton {
list-style-image: url("chrome://editor/skin/btn1/preview.gif");
}
#previewButton[disabled="true"],
#previewButton[disabled="true"]:hover,
#previewButton[disabled="true"]:hover:active {
list-style-image: url("chrome://editor/skin/btn1/preview-dis.gif");
}
#previewButton:hover {
list-style-image: url("chrome://editor/skin/btn1/preview-hov.gif");
}
#previewButton:hover:active {
list-style-image: url("chrome://editor/skin/btn1/preview-act.gif");
}
#printButton {
-moz-binding: url("chrome://communicator/skin/widgetBindings.xml#menubutton-dual-2");
margin: 3px 3px 1px 3px;
list-style-image: url("chrome://communicator/skin/btn1/print.gif");
}
#printButton[disabled="true"],
#printButton[disabled="true"] > .menubutton-dual-stack
> .menubutton-dual-button:hover,
#printButton[disabled="true"] > .menubutton-dual-stack
> .menubutton-dual-button:hover:active
{
list-style-image: url("chrome://communicator/skin/btn1/print-dis.gif");
}
#printButton > .menubutton-dual-stack > .menubutton-dual-button:hover {
list-style-image: url("chrome://communicator/skin/btn1/print-hov.gif");
}
#printButton > .menubutton-dual-stack
> .menubutton-dual-button:hover:active
{
list-style-image: url("chrome://communicator/skin/btn1/print-act.gif");
}
#findButton {
list-style-image: url("chrome://editor/skin/btn1/find.gif");
}
#linkButton {
list-style-image: url("chrome://editor/skin/btn1/link.gif");
}
#linkButton[disabled="true"],
#linkButton[disabled="true"]:hover,
#linkButton[disabled="true"]:hover:active {
list-style-image: url("chrome://editor/skin/btn1/link-dis.gif");
}
#linkButton:hover {
list-style-image: url("chrome://editor/skin/btn1/link-hov.gif");
}
#linkButton:hover:active {
list-style-image: url("chrome://editor/skin/btn1/link-act.gif");
}
#imageButton {
list-style-image: url("chrome://editor/skin/btn1/image.gif");
}
#imageButton[disabled="true"],
#imageButton[disabled="true"]:hover,
#imageButton[disabled="true"]:hover:active {
list-style-image: url("chrome://editor/skin/btn1/image-dis.gif");
}
#imageButton:hover {
list-style-image: url("chrome://editor/skin/btn1/image-hov.gif");
}
#imageButton:hover:active {
list-style-image: url("chrome://editor/skin/btn1/image-act.gif");
}
#namedAnchorButton {
list-style-image: url("chrome://editor/skin/btn1/anchor.gif");
}
#namedAnchorButton[disabled="true"],
#namedAnchorButton[disabled="true"]:hover,
#namedAnchorButton[disabled="true"]:hover:active {
list-style-image: url("chrome://editor/skin/btn1/anchor-dis.gif");
}
#namedAnchorButton:hover {
list-style-image: url("chrome://editor/skin/btn1/anchor-hov.gif");
}
#namedAnchorButton:hover:active {
list-style-image: url("chrome://editor/skin/btn1/anchor-act.gif");
}
#hlineButton {
list-style-image: url("chrome://editor/skin/btn1/hline.gif");
}
#hlineButton[disabled="true"],
#hlineButton[disabled="true"]:hover,
#hlineButton[disabled="true"]:hover:active {
list-style-image: url("chrome://editor/skin/btn1/hline-dis.gif");
}
#hlineButton:hover {
list-style-image: url("chrome://editor/skin/btn1/hline-hov.gif");
}
#hlineButton:hover:active {
list-style-image: url("chrome://editor/skin/btn1/hline-act.gif");
}
#tableButton {
list-style-image: url("chrome://editor/skin/btn1/table.gif");
}
#tableButton[disabled="true"],
#tableButton[disabled="true"]:hover,
#tableButton[disabled="true"]:hover:active {
list-style-image: url("chrome://editor/skin/btn1/table-dis.gif");
}
#tableButton:hover {
list-style-image: url("chrome://editor/skin/btn1/table-hov.gif");
}
#tableButton:hover:active {
list-style-image: url("chrome://editor/skin/btn1/table-act.gif");
}
#spellingButton {
list-style-image: url("chrome://editor/skin/btn1/spell.gif");
}
#spellingButton[disabled="true"],
#spellingButton[disabled="true"]:hover,
#spellingButton[disabled="true"]:hover:active {
list-style-image: url("chrome://editor/skin/btn1/spell-dis.gif");
}
#spellingButton:hover {
list-style-image: url("chrome://editor/skin/btn1/spell-hov.gif");
}
#spellingButton:hover:active {
list-style-image: url("chrome://editor/skin/btn1/spell-act.gif");
}
/* ::::: formatting buttons ::::: */
#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[toggled="true"],
#boldButton[toggled="true"]:hover,
#boldButton:hover:active {
list-style-image: url("chrome://editor/skin/btn2/bold-act.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[toggled="true"],
#italicButton[toggled="true"]:hover,
#italicButton:hover:active {
list-style-image: url("chrome://editor/skin/btn2/italic-act.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[toggled="true"],
#underlineButton[toggled="true"]:hover,
#underlineButton:hover:active {
list-style-image: url("chrome://editor/skin/btn2/underline-act.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[toggled="true"],
#ulButton[toggled="true"]:hover,
#ulButton:hover:active {
list-style-image: url("chrome://editor/skin/btn2/bullets-act.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[toggled="true"],
#olButton[toggled="true"]:hover,
#olButton:hover:active {
list-style-image: url("chrome://editor/skin/btn2/numbers-act.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");
}
#text-align-left,
#align-left-button {
list-style-image: url("chrome://editor/skin/btn2/left.gif");
}
#text-align-left:hover,
#align-left-button:hover {
list-style-image: url("chrome://editor/skin/btn2/left-hov.gif");
}
#text-align-left[toggled="true"],
#text-align-left:hover:active,
#align-left-button[toggled="true"],
#align-left-button:hover:active {
list-style-image: url("chrome://editor/skin/btn2/left-act.gif");
}
#text-align-left[disabled="true"],
#text-align-left[disabled="true"]:hover:active,
#align-left-button[disabled="true"],
#align-left-button[disabled="true"]:hover:active {
list-style-image: url("chrome://editor/skin/btn2/left-dis.gif");
}
#text-align-center,
#align-center-button {
list-style-image: url("chrome://editor/skin/btn2/center.gif");
}
#text-align-center:hover,
#align-center-button:hover {
list-style-image: url("chrome://editor/skin/btn2/center-hov.gif");
}
#text-align-center[toggled="true"],
#text-align-center:hover:active,
#align-center-button[toggled="true"],
#align-center-button:hover:active {
list-style-image: url("chrome://editor/skin/btn2/center-act.gif");
}
#text-align-center[disabled="true"],
#text-align-center[disabled="true"]:hover:active,
#align-center-button[disabled="true"],
#align-center-button[disabled="true"]:hover:active {
list-style-image: url("chrome://editor/skin/btn2/center-dis.gif");
}
#text-align-right,
#align-right-button {
list-style-image: url("chrome://editor/skin/btn2/right.gif");
}
#text-align-right:hover,
#align-right-button:hover {
list-style-image: url("chrome://editor/skin/btn2/right-hov.gif");
}
#text-align-right[toggled="true"],
#text-align-right:hover:active,
#align-right-button[toggled="true"],
#align-right-button:hover:active {
list-style-image: url("chrome://editor/skin/btn2/right-act.gif");
}
#text-align-right[disabled="true"],
#text-align-right[disabled="true"]:hover:active,
#align-right-button[disabled="true"],
#align-right-button[disabled="true"]:hover:active {
list-style-image: url("chrome://editor/skin/btn2/right-dis.gif");
}
#text-align-justify,
#align-justify-button {
list-style-image: url("chrome://editor/skin/btn2/justify.gif");
}
#text-align-justify:hover,
#align-justify-button:hover {
list-style-image: url("chrome://editor/skin/btn2/justify-hov.gif");
}
#text-align-justify[toggled="true"],
#text-align-justify:hover:active,
#align-justify-button[toggled="true"],
#align-justify-button:hover:active {
list-style-image: url("chrome://editor/skin/btn2/justify-act.gif");
}
#text-align-justify[disabled="true"],
#text-align-justify[disabled="true"]:hover:active,
#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;
}
/* ::::: edit mode toolbar ::::: */
#EditModeToolbar {
margin-bottom: 0px;
border-bottom: 1px solid #B4C3D4;
padding: 0px 0px 2px 0px;
min-width: 1px;
background-color: #B4C3D4;
color: #ffffff;
overflow: hidden;
}
#EditModeToolbar > toolbargrippy {
display: none;
}
#NormalModeButton {
list-style-image: url("chrome://editor/skin/icons/editmode-normal.gif");
}
#TagModeButton {
list-style-image: url("chrome://editor/skin/icons/editmode-tags.gif");
}
#SourceModeButton {
list-style-image: url("chrome://editor/skin/icons/editmode-html.gif");
}
#PreviewModeButton {
list-style-image: url("chrome://editor/skin/icons/editmode-preview.gif");
}
/* ::::: miscellany ::::: */
.separator_small {
width: 1em;
}
.center {
text-align: center;
}