#46423 -> New Modern Skin. Adds composer toolbar icons, and other polish. r=andreww

git-svn-id: svn://10.0.0.236/trunk@78443 18797224-902f-48f8-a5cc-f745e15eee43
This commit is contained in:
nbhatla%netscape.com 2000-09-07 23:54:13 +00:00
parent ffa36934ad
commit 61337d6c93
22 changed files with 349 additions and 6 deletions

View File

@ -341,6 +341,7 @@
menubutton.button-toolbar-4
{
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-single-right");
margin : 0px 6px;
}
.button-toolbar-4 > .menubutton-internal-box > .menubutton-single-icon

View File

@ -41,6 +41,12 @@
padding : 1px 3px 1px 3px;
}
.button-toolbar > .menubutton-internal-box > .menubutton-single-icon,
.button-toolbar > .button-internal-box > .button-icon
{
margin-right : 2px;
}
.button-toolbar[open="true"] > .menubutton-internal-box,
.button-toolbar:hover:active > .menubutton-internal-box
{

View File

@ -137,16 +137,74 @@ button.edit-mode > .button-internal-box > .button.icon:hover:active
/* Image URLs for all Editor toolbar buttons */
#newButton, #openButton, #saveButton, #previewButton, #printButton, #linkButton, #imageButton, #namedAnchorButton,
#hlineButton, #tableButton {
min-width : 42px;
}
#newButton {
list-style-image:url("chrome://editor/skin/images/newfile.gif");
}
#newButton[disabled="true"],
#newButton[disabled="true"]:hover,
#newButton[disabled="true"]:hover:active
{
list-style-image : url("chrome://editor/skin/images/newfile-disabled.gif");
}
#newButton:hover
{
list-style-image : url("chrome://editor/skin/images/newfile-hover.gif");
}
#newButton:hover:active
{
list-style-image : url("chrome://editor/skin/images/newfile-clicked.gif");
}
#openButton {
list-style-image:url("chrome://editor/skin/images/openfile.gif");
}
#openButton[disabled="true"],
#openButton[disabled="true"]:hover,
#openButton[disabled="true"]:hover:active
{
list-style-image : url("chrome://editor/skin/images/openfile-disabled.gif");
}
#openButton:hover
{
list-style-image : url("chrome://editor/skin/images/openfile-hover.gif");
}
#openButton:hover:active
{
list-style-image : url("chrome://editor/skin/images/openfile-clicked.gif");
}
#saveButton {
list-style-image:url("chrome://editor/skin/images/savefile.gif");
}
#saveButton[disabled="true"],
#saveButton[disabled="true"]:hover,
#saveButton[disabled="true"]:hover:active
{
list-style-image : url("chrome://editor/skin/images/savefile-disabled.gif");
}
#saveButton:hover
{
list-style-image : url("chrome://editor/skin/images/savefile-hover.gif");
}
#saveButton:hover:active
{
list-style-image : url("chrome://editor/skin/images/savefile-clicked.gif");
}
#saveButton[dirty="true"] {
list-style-image:url(chrome://editor/skin/images/savemod.gif);
}
@ -154,16 +212,66 @@ button.edit-mode > .button-internal-box > .button.icon:hover:active
#publishButton {
list-style-image:url("chrome://editor/skin/images/publish.gif");
}
#previewButton {
list-style-image:url("chrome://editor/skin/images/preview.gif");
}
#previewButton[disabled="true"],
#previewButton[disabled="true"]:hover,
#previewButton[disabled="true"]:hover:active
{
list-style-image : url("chrome://editor/skin/images/preview-disabled.gif");
}
#previewButton:hover
{
list-style-image : url("chrome://editor/skin/images/preview-hover.gif");
}
#previewButton:hover:active
{
list-style-image : url("chrome://editor/skin/images/preview-clicked.gif");
}
#printButton
{
-moz-binding : url("chrome://communicator/skin/menubuttonBindings.xml#menubutton-dual-standard");
list-style-image : url("chrome://editor/skin/images/print.gif");
margin-top : 0px;
margin-left : 0px !important;
list-style-image : url("chrome://global/skin/print.gif");
margin : 3px 3px 1px 3px;
text-align : center;
}
#printButton > .menubutton-dual-stack > .menubutton-dual-button
{
margin : 0px;
padding : 0px;
}
#printButton[disabled="true"],
#printButton[disabled="true"]:hover,
#printButton[disabled="true"]:hover:active,
#printButton[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button,
#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://global/skin/print-disabled.gif");
}
#printButton > .menubutton-dual-stack > .menubutton-dual-button:hover
{
list-style-image : url("chrome://global/skin/print-hover.gif");
}
#printButton > .menubutton-dual-stack > .menubutton-dual-button:hover:active
{
list-style-image : url("chrome://global/skin/print-clicked.gif");
}
#printButton > .menubutton-dual-stack > .menubutton-dual-dropmarker-box
{
margin-left : 19px;
margin-top : 21px;
}
#findButton {
@ -172,18 +280,108 @@ button.edit-mode > .button-internal-box > .button.icon:hover:active
#linkButton {
list-style-image:url("chrome://editor/skin/images/link.gif");
}
#linkButton[disabled="true"],
#linkButton[disabled="true"]:hover,
#linkButton[disabled="true"]:hover:active
{
list-style-image : url("chrome://editor/skin/images/link-disabled.gif");
}
#linkButton:hover
{
list-style-image : url("chrome://editor/skin/images/link-hover.gif");
}
#linkButton:hover:active
{
list-style-image : url("chrome://editor/skin/images/link-clicked.gif");
}
#imageButton {
list-style-image:url("chrome://editor/skin/images/image.gif");
}
#imageButton[disabled="true"],
#imageButton[disabled="true"]:hover,
#imageButton[disabled="true"]:hover:active
{
list-style-image : url("chrome://editor/skin/images/image-disabled.gif");
}
#imageButton:hover
{
list-style-image : url("chrome://editor/skin/images/image-hover.gif");
}
#imageButton:hover:active
{
list-style-image : url("chrome://editor/skin/images/image-clicked.gif");
}
#namedAnchorButton {
list-style-image:url("chrome://editor/skin/images/anchor.gif");
}
#namedAnchorButton[disabled="true"],
#namedAnchorButton[disabled="true"]:hover,
#namedAnchorButton[disabled="true"]:hover:active
{
list-style-image : url("chrome://editor/skin/images/anchor-disabled.gif");
}
#namedAnchorButton:hover
{
list-style-image : url("chrome://editor/skin/images/anchor-hover.gif");
}
#namedAnchorButton:hover:active
{
list-style-image : url("chrome://editor/skin/images/anchor-clicked.gif");
}
#hlineButton {
list-style-image:url("chrome://editor/skin/images/hline.gif");
}
#hlineButton[disabled="true"],
#hlineButton[disabled="true"]:hover,
#hlineButton[disabled="true"]:hover:active
{
list-style-image : url("chrome://editor/skin/images/hline-disabled.gif");
}
#hlineButton:hover
{
list-style-image : url("chrome://editor/skin/images/hline-hover.gif");
}
#hlineButton:hover:active
{
list-style-image : url("chrome://editor/skin/images/hline-clicked.gif");
}
#tableButton {
list-style-image:url("chrome://editor/skin/images/table.gif");
}
#tableButton[disabled="true"],
#tableButton[disabled="true"]:hover,
#tableButton[disabled="true"]:hover:active
{
list-style-image : url("chrome://editor/skin/images/table-disabled.gif");
}
#tableButton:hover
{
list-style-image : url("chrome://editor/skin/images/table-hover.gif");
}
#tableButton:hover:active
{
list-style-image : url("chrome://editor/skin/images/table-clicked.gif");
}
#linkButton-dark {
list-style-image:url("chrome://editor/skin/images/link.gif");
}
@ -199,10 +397,28 @@ button.edit-mode > .button-internal-box > .button.icon:hover:active
#tableButton-dark {
list-style-image:url("chrome://editor/skin/images/table.gif");
}
#spellingButton {
list-style-image:url("chrome://editor/skin/images/spell.gif");
}
#spellingButton[disabled="true"],
#spellingButton[disabled="true"]:hover,
#spellingButton[disabled="true"]:hover:active
{
list-style-image : url("chrome://editor/skin/images/spell-disabled.gif");
}
#spellingButton:hover
{
list-style-image : url("chrome://editor/skin/images/spell-hover.gif");
}
#spellingButton:hover:active
{
list-style-image : url("chrome://editor/skin/images/spell-clicked.gif");
}
/* formatting buttons */
#DecreaseFontSizeButton {

View File

@ -71,3 +71,33 @@ table-white.gif
table.gif
underline.gif
underline_disabled.gif
anchor-clicked.gif
anchor-disabled.gif
anchor-hover.gif
hline-disabled.gif
hline-hover.gif
hline-clicked.gif
spell-clicked.gif
spell-disabled.gif
spell-hover.gif
image-disabled.gif
image-hover.gif
image-clicked.gif
link-clicked.gif
link-disabled.gif
link-hover.gif
newfile-disabled.gif
newfile-hover.gif
newfile-clicked.gif
openfile-clicked.gif
openfile-disabled.gif
openfile-hover.gif
preview-clicked.gif
preview-disabled.gif
preview-hover.gif
savefile-disabled.gif
savefile-hover.gif
table-clicked.gif
table-disabled.gif
table-hover.gif
savefile-clicked.gif

View File

@ -103,6 +103,36 @@ EXPORT_RESOURCE_SAMPLES = \
editmode-tags.gif \
editmode-html.gif \
editmode-preview.gif \
anchor-clicked.gif \
anchor-disabled.gif \
anchor-hover.gif \
hline-disabled.gif \
hline-hover.gif \
hline-clicked.gif \
spell-clicked.gif \
spell-disabled.gif \
spell-hover.gif \
image-disabled.gif \
image-hover.gif \
image-clicked.gif \
link-clicked.gif \
link-disabled.gif \
link-hover.gif \
newfile-disabled.gif \
newfile-hover.gif \
newfile-clicked.gif \
openfile-clicked.gif \
openfile-disabled.gif \
openfile-hover.gif \
preview-clicked.gif \
preview-disabled.gif \
preview-hover.gif \
savefile-disabled.gif \
savefile-hover.gif \
table-clicked.gif \
table-disabled.gif \
table-hover.gif \
savefile-clicked.gif \
$(NULL)
include $(topsrcdir)/config/rules.mk

Binary file not shown.

Before

Width:  |  Height:  |  Size: 101 B

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 79 B

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 85 B

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 106 B

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -101,3 +101,33 @@ install::
$(MAKE_INSTALL) editmode-tags.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) editmode-html.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) editmode-preview.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) anchor-clicked.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) anchor-disabled.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) anchor-hover.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) hline-disabled.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) hline-hover.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) hline-clicked.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) spell-clicked.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) spell-disabled.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) spell-hover.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) image-disabled.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) image-hover.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) image-clicked.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) link-clicked.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) link-disabled.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) link-hover.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) newfile-disabled.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) newfile-hover.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) newfile-clicked.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) openfile-clicked.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) openfile-disabled.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) openfile-hover.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) preview-clicked.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) preview-disabled.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) preview-hover.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) savefile-disabled.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) savefile-hover.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) savefile-clicked.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) table-clicked.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) table-disabled.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images
$(MAKE_INSTALL) table-hover.gif $(DIST)\bin\chrome\skins\$(THEME)\editor\skin\images

Binary file not shown.

Before

Width:  |  Height:  |  Size: 112 B

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 107 B

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 166 B

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 110 B

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 109 B

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 84 B

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -201,7 +201,7 @@ menuitem[checked="true"][type="radio"][menuactive="true"]
background-color : #E0FFFF;
border : 0px;
color : #000000;
font-size : 9px;
font-size : 10px;
padding : 2px;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 904 B

After

Width:  |  Height:  |  Size: 896 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 925 B

After

Width:  |  Height:  |  Size: 917 B

View File

@ -488,6 +488,36 @@ skins/modern.jar:
editor/skin/images/editmode-html.gif (editor/images/editmode-html.gif)
editor/skin/images/editmode-preview.gif (editor/images/editmode-preview.gif)
editor/skin/images/editmode-toggle.gif (editor/images/editmode-toggle.gif)
editor/skin/images/anchor-clicked.gif (editor/images/anchor-clicked.gif)
editor/skin/images/anchor-disabled.gif (editor/images/anchor-disabled.gif)
editor/skin/images/anchor-hover.gif (editor/images/anchor-hover.gif)
editor/skin/images/hline-disabled.gif (editor/images/hline-disabled.gif)
editor/skin/images/hline-hover.gif (editor/images/hline-hover.gif)
editor/skin/images/hline-clicked.gif (editor/images/hline-clicked.gif)
editor/skin/images/spell-clicked.gif (editor/images/spell-clicked.gif)
editor/skin/images/spell-disabled.gif (editor/images/spell-disabled.gif)
editor/skin/images/spell-hover.gif (editor/images/spell-hover.gif)
editor/skin/images/image-disabled.gif (editor/images/image-disabled.gif)
editor/skin/images/image-hover.gif (editor/images/image-hover.gif)
editor/skin/images/image-clicked.gif (editor/images/image-clicked.gif)
editor/skin/images/link-clicked.gif (editor/images/link-clicked.gif)
editor/skin/images/link-disabled.gif (editor/images/link-disabled.gif)
editor/skin/images/link-hover.gif (editor/images/link-hover.gif)
editor/skin/images/newfile-disabled.gif (editor/images/newfile-disabled.gif)
editor/skin/images/newfile-hover.gif (editor/images/newfile-hover.gif)
editor/skin/images/newfile-clicked.gif (editor/images/newfile-clicked.gif)
editor/skin/images/openfile-clicked.gif (editor/images/openfile-clicked.gif)
editor/skin/images/openfile-clicked.gif (editor/images/openfile-clicked.gif)
editor/skin/images/openfile-disabled.gif (editor/images/openfile-disabled.gif)
editor/skin/images/preview-clicked.gif (editor/images/preview-clicked.gif)
editor/skin/images/preview-disabled.gif (editor/images/editmode-toggle.gif)
editor/skin/images/preview-hover.gif (editor/images/preview-disabled.gif)
editor/skin/images/savefile-disabled.gif (editor/images/savefile-disabled.gif)
editor/skin/images/savefile-hover.gif (editor/images/savefile-hover.gif)
editor/skin/images/table-clicked.gif (editor/images/table-clicked.gif)
editor/skin/images/table-disabled.gif (editor/images/table-disabled.gif)
editor/skin/images/table-hover.gif (editor/images/table-hover.gif)
editor/skin/images/savefile-clicked.gif (editor/images/savefile-clicked.gif)
messenger/skin/addressbook/abnewmsg.gif (messenger/addressbook/abnewmsg.gif)
messenger/skin/addressbook/addressbook.css (messenger/addressbook/addressbook.css)
messenger/skin/addressbook/edit.gif (messenger/addressbook/edit.gif)

View File

@ -281,7 +281,7 @@ iframe {
#button-print > .menubutton-dual-stack > .menubutton-dual-dropmarker-box
{
margin-left : 19px;
margin-top : 13px;
margin-top : 21px;
}
#button-stop {

View File

@ -376,7 +376,7 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
#statusbar-display
{
list-style-image : url("chrome://communicator/skin/document.gif");
font-size : 9px;
font-size : 10px;
color : #D0E7E7;
}