fixing classic skin so that it doesnt hang on startup, improving back and forward buttons. b41272
This commit is contained in:
Родитель
328f652db5
Коммит
5c5b3d08f6
|
@ -4,3 +4,4 @@ tb-menubutton-dm.gif
|
|||
tb-menubutton-dm-disabled.gif
|
||||
offline.gif
|
||||
online.gif
|
||||
menubuttonBindings.xml
|
||||
|
|
|
@ -32,6 +32,7 @@ EXPORT_RESOURCE = \
|
|||
$(srcdir)/navbar-endbox.gif \
|
||||
$(srcdir)/tb-menubutton-dm.gif \
|
||||
$(srcdir)/tb-menubutton-dm-disabled.gif \
|
||||
$(srcdir)/menubuttonBindings.xml \
|
||||
$(srcdir)/offline.gif \
|
||||
$(srcdir)/online.gif \
|
||||
$(NULL)
|
||||
|
|
|
@ -6,4 +6,6 @@ communicator.css
|
|||
formatting.css
|
||||
menubutton.css
|
||||
toolbar.css
|
||||
|
||||
dialogOverlay.css
|
||||
tasksOverlay.css
|
||||
securityOverlay.css
|
||||
|
|
|
@ -31,6 +31,7 @@ install::
|
|||
$(MAKE_INSTALL) navbar-endbox.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
|
||||
$(MAKE_INSTALL) tb-menubutton-dm.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
|
||||
$(MAKE_INSTALL) tb-menubutton-dm-disabled.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
|
||||
$(MAKE_INSTALL) menubuttonBindings.xml $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
|
||||
$(MAKE_INSTALL) offline.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
|
||||
$(MAKE_INSTALL) online.gif $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
|
||||
|
||||
|
|
|
@ -5,15 +5,13 @@
|
|||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
|
||||
<binding id="menubutton-dual-foo">
|
||||
<binding id="menubutton-toolbar">
|
||||
<content excludes="observes,template,menupopup">
|
||||
<xul:stack>
|
||||
<xul:button class="menubutton-dual-button button-toolbar-1 top" allowevents="true"
|
||||
inherits="buttontooltiptext:tooltiptext,buttonaction:oncommand,src,value,crop,accesskey,disabled"/>
|
||||
<xul:box class="menubutton-dual-dropmarker-box" autostretch="never" valign="bottom" flex="1">
|
||||
<xul:image class="menubutton-dual-dropmarker" inherits="disabled"/>
|
||||
</xul:box>
|
||||
</xul:stack>
|
||||
<xul:button class="menubutton-dual-button button-toolbar-1 top" allowevents="true"
|
||||
inherits="buttontooltiptext:tooltiptext,buttonaction:oncommand,src,value,crop,accesskey,disabled"/>
|
||||
<xul:box class="menubutton-dual-dropmarker-box" autostretch="never" valign="middle" flex="1">
|
||||
<xul:image class="menubutton-dual-dropmarker" inherits="disabled"/>
|
||||
</xul:box>
|
||||
</content>
|
||||
</binding>
|
||||
|
||||
|
|
|
@ -36,6 +36,9 @@ EXPORT_RESOURCE = \
|
|||
$(srcdir)/formatting.css \
|
||||
$(srcdir)/menubutton.css \
|
||||
$(srcdir)/toolbar.css \
|
||||
$(srcdir)/dialogOverlay.css \
|
||||
$(srcdir)/tasksOverlay.css \
|
||||
$(srcdir)/securityOverlay.css \
|
||||
$(NULL)
|
||||
|
||||
include $(topsrcdir)/config/rules.mk
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
border : 1px solid threedface;
|
||||
list-style-image : url("chrome://global/skin/animthrob_single.gif");
|
||||
margin : 0px;
|
||||
min-width : 0px;
|
||||
cursor : pointer;
|
||||
}
|
||||
|
||||
|
|
|
@ -72,18 +72,19 @@
|
|||
{
|
||||
behavior : url("chrome://global/content/xulBindings.xml#buttontop");
|
||||
min-width : 0px;
|
||||
margin : 2px 2px 0px 4px;
|
||||
margin : 1px;
|
||||
border : 1px solid transparent;
|
||||
}
|
||||
|
||||
.button-toolbar-1:hover
|
||||
{
|
||||
border : 1px solid threeddarkshadow;
|
||||
color : #0000FF;
|
||||
}
|
||||
|
||||
.button-toolbar-1 > .button-internal-box
|
||||
{
|
||||
padding : 2px;
|
||||
padding : 2px 8px 2px 7px;
|
||||
vertical-align : middle;
|
||||
text-align : center;
|
||||
border : 1px solid transparent;
|
||||
|
@ -94,17 +95,10 @@
|
|||
.button-toolbar-1[disabled="true"]:hover:active
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
color : graytext;
|
||||
}
|
||||
|
||||
/* internal frame */
|
||||
.button-toolbar-1[disabled="true"] > .button-internal-box,
|
||||
.button-toolbar-1[disabled="true"]:hover > .button-internal-box,
|
||||
.button-toolbar-1[disabled="true"]:hover:active > .button-internal-box
|
||||
{
|
||||
padding : 2px;
|
||||
border : 1px solid transparent;
|
||||
}
|
||||
|
||||
.button-toolbar-1:hover > .button-internal-box
|
||||
{
|
||||
border-left : 1px solid threedhighlight;
|
||||
|
@ -115,11 +109,11 @@
|
|||
|
||||
.button-toolbar-1:hover:active > .button-internal-box
|
||||
{
|
||||
padding : 3px 1px 1px 3px;
|
||||
border-left : 1px solid threedshadow;
|
||||
border-top : 1px solid threedshadow;
|
||||
border-right : 1px solid threedhighlight;
|
||||
border-bottom : 1px solid threedhighlight;
|
||||
padding : 3px 7px 1px 8px;
|
||||
border-left : 1px solid threedshadow !important;
|
||||
border-top : 1px solid threedshadow !important;
|
||||
border-right : 1px solid threedhighlight !important;
|
||||
border-bottom : 1px solid threedhighlight !important;
|
||||
}
|
||||
|
||||
.button-toolbar-1 > .button-internal-box > .button-text-container
|
||||
|
@ -127,6 +121,15 @@
|
|||
text-align : center;
|
||||
}
|
||||
|
||||
.button-toolbar-1[disabled="true"] > .button-internal-box,
|
||||
.button-toolbar-1[disabled="true"]:hover > .button-internal-box,
|
||||
.button-toolbar-1[disabled="true"]:hover:active > .button-internal-box
|
||||
{
|
||||
padding : 2px 8px 2px 7px !important;
|
||||
border : 1px solid transparent !important;
|
||||
}
|
||||
|
||||
|
||||
/** Styles for the standard 'large' toolbar button, these buttons are used for
|
||||
* toolbar buttons that are the most commonly used elements on a toolbar, e.g.
|
||||
* 'GetMsg' in Mailnews or 'Send' in Mail/Compose.
|
||||
|
|
|
@ -17,3 +17,15 @@
|
|||
|
||||
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
|
||||
@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
|
||||
|
||||
#offline-status[offline="true"]
|
||||
{
|
||||
list-style-image: url("chrome://communicator/skin/offline.gif");
|
||||
}
|
||||
|
||||
#offline-status
|
||||
{
|
||||
list-style-image: url("chrome://communicator/skin/online.gif");
|
||||
}
|
||||
|
||||
|
|
@ -33,6 +33,9 @@ install::
|
|||
$(MAKE_INSTALL) formatting.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
|
||||
$(MAKE_INSTALL) menubutton.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
|
||||
$(MAKE_INSTALL) toolbar.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
|
||||
$(MAKE_INSTALL) dialogOverlay.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
|
||||
$(MAKE_INSTALL) tasksOverlay.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
|
||||
$(MAKE_INSTALL) securityOverlay.css $(DIST)\bin\chrome\skins\$(THEME)\communicator\skin
|
||||
|
||||
clobber::
|
||||
rm -f $(DIST)\chrome\$(THEME)\communicator\skin\*.*
|
||||
|
|
|
@ -52,37 +52,3 @@
|
|||
border-bottom : 1px solid #CCCCCC;
|
||||
}
|
||||
|
||||
/**
|
||||
* Navigation bar style menubuttons
|
||||
**/
|
||||
.toolbar.menubutton-dual,
|
||||
.toolbar.menubutton-dual
|
||||
{
|
||||
border : none ! important;
|
||||
}
|
||||
|
||||
.button-toolbar-1.menubutton-dual-button
|
||||
{
|
||||
list-style-image : inherit;
|
||||
}
|
||||
|
||||
.menubutton-dual-dropmarker
|
||||
{
|
||||
background : transparent;
|
||||
list-style-image : url("chrome://communicator/skin/tb-menubutton-dm.gif");
|
||||
}
|
||||
|
||||
.menubutton-dual-dropmarker[disabled="true"]
|
||||
{
|
||||
background : transparent;
|
||||
list-style-image : url("chrome://communicator/skin/tb-menubutton-dm-disabled.gif");
|
||||
}
|
||||
|
||||
.menubutton-dual-dropmarker-box
|
||||
{
|
||||
margin-left : 32px;
|
||||
margin-bottom : 1px;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -102,3 +102,4 @@ toolbargrippy-texture.gif
|
|||
loading.gif
|
||||
smallheader-bg.gif
|
||||
splitter-drag-bg.gif
|
||||
menubuttonBindings.xml
|
||||
|
|
|
@ -130,6 +130,7 @@ EXPORT_RESOURCE_SAMPLES = \
|
|||
loading.gif \
|
||||
smallheader-bg.gif \
|
||||
splitter-drag-bg.gif \
|
||||
menubuttonBindings.xml \
|
||||
$(NULL)
|
||||
|
||||
DIRS = unix
|
||||
|
|
|
@ -6,7 +6,6 @@ checkbox.css
|
|||
classicBindings.xml
|
||||
commonDialog.css
|
||||
console.css
|
||||
dialogOverlay.css
|
||||
filepicker.css
|
||||
formatting.css
|
||||
global.css
|
||||
|
@ -18,7 +17,6 @@ radio.css
|
|||
scrollbars.css
|
||||
splitter.css
|
||||
tabcontrol.css
|
||||
tasksOverlay.css
|
||||
textfield.css
|
||||
toolbar.css
|
||||
tree.css
|
||||
|
|
|
@ -1,118 +1,104 @@
|
|||
.menubutton-dual,
|
||||
.menubutton-dual[disabled="true"]:hover,
|
||||
.menubutton-dual[disabled="true"]:hover:active,
|
||||
.menubutton-dual[buttondown="true"][disabled="true"],
|
||||
.menubutton-dual[buttonover="true"][disabled="true"]
|
||||
{
|
||||
behavior : url("chrome://global/skin/menubuttonBindings.xml#menubutton-toolbar-top");
|
||||
border : 1px solid #DDDDDD;
|
||||
}
|
||||
|
||||
/* outermost frame */
|
||||
menubutton
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
margin : 3px 5px 3px 5px;
|
||||
-moz-border-radius : 3px 2px 2px 3px;
|
||||
}
|
||||
|
||||
menubutton[disabled="true"]
|
||||
{
|
||||
border : 1px solid #999999;
|
||||
color : #999999;
|
||||
}
|
||||
.menubutton-dual:hover,
|
||||
.menubutton-dual[open="true"],
|
||||
.menubutton-dual[buttonover="true"],
|
||||
.menubutton-dual[buttondown="true"]
|
||||
{
|
||||
border : 1px solid threeddarkshadow;
|
||||
}
|
||||
|
||||
.classic-dropmarker-box,
|
||||
.menubutton-dual:hover > .classic-dropmarker-box[disabled="true"],
|
||||
.menubutton-dual:hover:active > .classic-dropmarker-box[disabled="true"],
|
||||
.menubutton-dual[disabled="true"][buttonover="true"] > .classic-dropmarker-box
|
||||
{
|
||||
border : 1px solid #DDDDDD;
|
||||
}
|
||||
|
||||
menubutton > .menubutton-internal-box
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
padding : 1px 2px 1px 2px;
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
menubutton:active > .menubutton-internal-box,
|
||||
menubutton[open="true"] > .menubutton-internal-box
|
||||
{
|
||||
/*border : 1px inset #CCCCCC;*/
|
||||
padding : 2px 1px 0px 3px;
|
||||
}
|
||||
|
||||
.menubutton-single-icon
|
||||
{
|
||||
margin-right : 3px;
|
||||
}
|
||||
|
||||
/** "Dual Functionality" menubutton
|
||||
* Has a popup spawning button and a command invoking button, e.g. back/forward
|
||||
* class="menubutton-dual"
|
||||
**/
|
||||
.menubutton-dual:hover > .classic-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid #FFFFFF;
|
||||
border-top : 1px solid #FFFFFF;
|
||||
border-right : 1px solid #9D9D9D;
|
||||
border-bottom : 1px solid #9D9D9D;
|
||||
}
|
||||
|
||||
/* inner button */
|
||||
menubutton.menubutton-dual > .menubutton-dual-button,
|
||||
menubutton.menubutton-dual:hover > .menubutton-dual-button,
|
||||
menubutton.menubutton-dual:active > .menubutton-dual-button
|
||||
{
|
||||
border : none;
|
||||
margin : 0px;
|
||||
-moz-border-radius : 0px;
|
||||
}
|
||||
.menubutton-dual[open="true"] > .classic-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid #9D9D9D;
|
||||
border-top : 1px solid #9D9D9D;
|
||||
border-right : 1px solid #FFFFFF;
|
||||
border-bottom : 1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
menubutton.menubutton-dual[open="true"] > .menubutton-dual-button > .button-internal-box
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
padding : 3px 1px 1px 3px;
|
||||
}
|
||||
|
||||
/* inner dropmarker */
|
||||
menubutton.menubutton-dual > .menubutton-dropmarker
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
padding : 0px 2px 0px 2px;
|
||||
}
|
||||
|
||||
menubutton.menubutton-dual[disabled="true"] > .menubutton-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
}
|
||||
|
||||
menubutton.menubutton-dual[open="true"] > .menubutton-dropmarker
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
padding : 1px 1px -1px 3px;
|
||||
}
|
||||
|
||||
menubutton.menubutton-dual > menupopup
|
||||
{
|
||||
min-width : 0px;
|
||||
border-top : 0px;
|
||||
border-right : 1px solid #000000;
|
||||
border-left : 1px solid #000000;
|
||||
border-bottom : 1px solid #000000;
|
||||
}
|
||||
|
||||
menubutton > menupopup > .menupopup-internal-box
|
||||
{
|
||||
border-top : 0px;
|
||||
border-right : 1px inset #CCCCCC;
|
||||
border-left : 1px inset #CCCCCC;
|
||||
border-bottom : 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
menubutton > menupopup > menuitem
|
||||
{
|
||||
padding : 0px 0px 0px 3px;
|
||||
}
|
||||
|
||||
/** Icon only menubutton.menubutton-duals
|
||||
* class="menubutton.menubutton-dual-icon"
|
||||
**/
|
||||
.menubutton.menubutton-dual-icon
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
background-color : #CCCCCC;
|
||||
}
|
||||
|
||||
.menubutton.menubutton-dual-icon > .menubutton.menubutton-dual-icon-internal-box
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
padding : 1px;
|
||||
}
|
||||
|
||||
.menubutton.menubutton-dual-icon:hover:active > .menubutton.menubutton-dual-icon-internal-box,
|
||||
.menubutton.menubutton-dual-icon[open="true"] > .menubutton.menubutton-dual-icon-internal-box
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
padding : 2px 0px 0px 2px;
|
||||
}
|
||||
|
||||
.classic-simplebutton,
|
||||
.classic-simplebutton[disabled="true"]:hover,
|
||||
.classic-simplebutton[disabled="true"]:hover:active,
|
||||
.menubutton[disabled="true"]:hover > .classic-simplebutton,
|
||||
.menubutton[disabled="true"]:hover:active > .classic-simplebutton,
|
||||
.menubutton-dual[buttonover="true"][disabled="true"] > .classic-simplebutton,
|
||||
.menubutton-dual[buttondown="true"][disabled="true"] > .classic-simplebutton
|
||||
{
|
||||
behavior : url("chrome://global/skin/menubuttonBindings.xml#buttontop");
|
||||
margin : 0px;
|
||||
border : 1px solid #DDDDDD;
|
||||
min-width : 0px;
|
||||
padding : 2px 8px 2px 7px;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
.classic-simplebutton:hover,
|
||||
.menubutton-dual:hover > .classic-simplebutton,
|
||||
.menubutton-dual[open="true"] > .classic-simplebutton
|
||||
{
|
||||
border-left : 1px solid #FFFFFF;
|
||||
border-top : 1px solid #FFFFFF;
|
||||
border-right : 1px solid #9D9D9D;
|
||||
border-bottom : 1px solid #9D9D9D;
|
||||
}
|
||||
|
||||
.menubutton-dual[buttonover="true"] > .classic-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid #FFFFFF;
|
||||
border-top : 1px solid #FFFFFF;
|
||||
border-right : 1px solid #9D9D9D;
|
||||
border-bottom : 1px solid #9D9D9D;
|
||||
}
|
||||
|
||||
.classic-simplebutton:hover:active
|
||||
{
|
||||
border-left : 1px solid #9D9D9D;
|
||||
border-top : 1px solid #9D9D9D;
|
||||
border-right : 1px solid #FFFFFF;
|
||||
border-bottom : 1px solid #FFFFFF;
|
||||
padding : 3px 7px 1px 8px;
|
||||
}
|
||||
|
||||
.menubutton-dual[buttondown="true"] > .classic-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid #9D9D9D;
|
||||
border-top : 1px solid #9D9D9D;
|
||||
border-right : 1px solid #FFFFFF;
|
||||
border-bottom : 1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.classic-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
}
|
||||
|
||||
.classic-dropmarker[disabled="true"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
}
|
||||
|
||||
|
|
@ -130,3 +130,4 @@ install::
|
|||
$(MAKE_INSTALL) loading.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) smallheader-bg.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) splitter-drag-bg.gif $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) menubuttonBindings.xml $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
|
|
|
@ -0,0 +1,39 @@
|
|||
<?xml version="1.0"?>
|
||||
|
||||
<bindings id="menuButtonToolbarBindings"
|
||||
xmlns="http://www.mozilla.org/xbl"
|
||||
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
|
||||
<binding id="menubutton-toolbar-top">
|
||||
<content excludes="observes,template,menupopup">
|
||||
<xul:button class="classic-simplebutton" allowevents="true" flex="1"
|
||||
inherits="value,src,accesskey,crop,disabled,buttonaction:oncommand"
|
||||
onmousedown="this.parentNode.setAttribute('buttondown','true');"
|
||||
onmouseup="this.parentNode.removeAttribute('buttondown');"
|
||||
onmouseover="this.parentNode.setAttribute('buttonover','true');"
|
||||
onmouseout="this.parentNode.removeAttribute('buttonover');"/>
|
||||
<xul:box class="classic-dropmarker-box" autostretch="never" valign="middle" inherits="disabled">
|
||||
<xul:image class="classic-dropmarker" inherits="disabled"/>
|
||||
</xul:box>
|
||||
</content>
|
||||
</binding>
|
||||
|
||||
<binding id="buttonleft" extends="chrome://global/content/xulBindings.xml#basetext">
|
||||
<content excludes="observes,template" autostretch="never">
|
||||
<xul:image class="classic-simplebutton-icon" inherits="src"/>
|
||||
<xul:box orient="vertical" class="classic-simplebutton-textbox" autostretch="never" flex="1">
|
||||
<xul:text class="classic-simplebutton-text" inherits="value,accesskey,crop"/>
|
||||
</xul:box>
|
||||
</content>
|
||||
</binding>
|
||||
|
||||
<binding id="buttontop" extends="chrome://global/content/xulBindings.xml#basetext">
|
||||
<content excludes="observes,template" orient="vertical" autostretch="never" halign="middle">
|
||||
<xul:image class="classic-simplebutton-icon" inherits="src"/>
|
||||
<xul:box orient="vertical" class="classic-simplebutton-textbox" autostretch="never" flex="1">
|
||||
<xul:text class="classic-simplebutton-text" inherits="value,accesskey,crop"/>
|
||||
</xul:box>
|
||||
</content>
|
||||
</binding>
|
||||
|
||||
</bindings>
|
|
@ -36,7 +36,6 @@ EXPORT_RESOURCE_SAMPLES = \
|
|||
checkbox.css \
|
||||
commonDialog.css \
|
||||
console.css \
|
||||
dialogOverlay.css \
|
||||
filepicker.css \
|
||||
formatting.css \
|
||||
global.css \
|
||||
|
@ -47,7 +46,6 @@ EXPORT_RESOURCE_SAMPLES = \
|
|||
scrollbars.css \
|
||||
splitter.css \
|
||||
tabcontrol.css \
|
||||
tasksOverlay.css \
|
||||
textfield.css \
|
||||
toolbar.css \
|
||||
tree.css \
|
||||
|
|
|
@ -1,122 +1,104 @@
|
|||
.menubutton-dual,
|
||||
.menubutton-dual[disabled="true"]:hover,
|
||||
.menubutton-dual[disabled="true"]:hover:active,
|
||||
.menubutton-dual[buttondown="true"][disabled="true"],
|
||||
.menubutton-dual[buttonover="true"][disabled="true"]
|
||||
{
|
||||
behavior : url("chrome://global/skin/menubuttonBindings.xml#menubutton-toolbar-top");
|
||||
border : 1px solid threedface;
|
||||
}
|
||||
|
||||
/* outermost frame */
|
||||
menubutton
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
margin : 3px 5px 3px 5px;
|
||||
-moz-border-radius : 3px 2px 2px 3px;
|
||||
}
|
||||
|
||||
menubutton[disabled="true"]
|
||||
{
|
||||
border : 1px solid #999999;
|
||||
color : #999999;
|
||||
}
|
||||
.menubutton-dual:hover,
|
||||
.menubutton-dual[open="true"],
|
||||
.menubutton-dual[buttonover="true"],
|
||||
.menubutton-dual[buttondown="true"]
|
||||
{
|
||||
border : 1px solid threeddarkshadow;
|
||||
}
|
||||
|
||||
.classic-dropmarker-box,
|
||||
.menubutton-dual:hover > .classic-dropmarker-box[disabled="true"],
|
||||
.menubutton-dual:hover:active > .classic-dropmarker-box[disabled="true"],
|
||||
.menubutton-dual[disabled="true"][buttonover="true"] > .classic-dropmarker-box
|
||||
{
|
||||
border : 1px solid threedface;
|
||||
}
|
||||
|
||||
menubutton > .menubutton-internal-box
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
padding : 1px 2px 1px 2px;
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
menubutton:active > .menubutton-internal-box,
|
||||
menubutton[open="true"] > .menubutton-internal-box
|
||||
{
|
||||
/*border : 1px inset #CCCCCC;*/
|
||||
padding : 2px 1px 0px 3px;
|
||||
}
|
||||
|
||||
.menubutton-single-icon
|
||||
{
|
||||
margin-right : 3px;
|
||||
}
|
||||
|
||||
.menubutton-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
}
|
||||
|
||||
menubutton[disabled="true"] > .menubutton-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
}
|
||||
|
||||
/** "Dual Functionality" menubutton
|
||||
* Has a popup spawning button and a command invoking button, e.g. back/forward
|
||||
* class="menubutton-dual"
|
||||
**/
|
||||
.menubutton-dual:hover > .classic-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid threedhighlight;
|
||||
border-top : 1px solid threedhighlight;
|
||||
border-right : 1px solid threedshadow;
|
||||
border-bottom : 1px solid threedshadow;
|
||||
}
|
||||
|
||||
/* inner button */
|
||||
menubutton.menubutton-dual > .menubutton-dual-button,
|
||||
menubutton.menubutton-dual:hover > .menubutton-dual-button,
|
||||
menubutton.menubutton-dual:active > .menubutton-dual-button
|
||||
{
|
||||
border : none;
|
||||
margin : 0px;
|
||||
-moz-border-radius : 0px;
|
||||
}
|
||||
.menubutton-dual[open="true"] > .classic-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid threedshadow;
|
||||
border-top : 1px solid threedshadow;
|
||||
border-right : 1px solid threedhighlight;
|
||||
border-bottom : 1px solid threedhighlight;
|
||||
}
|
||||
|
||||
menubutton.menubutton-dual[open="true"] > .menubutton-dual-button > .button-internal-box
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
padding : 3px 1px 1px 3px;
|
||||
}
|
||||
|
||||
/* inner dropmarker */
|
||||
menubutton.menubutton-dual > .menubutton-dropmarker
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
padding : 0px 2px 0px 2px;
|
||||
}
|
||||
|
||||
menubutton.menubutton-dual[open="true"] > .menubutton-dropmarker
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
padding : 1px 1px -1px 3px;
|
||||
}
|
||||
|
||||
menubutton.menubutton-dual > menupopup
|
||||
{
|
||||
min-width : 0px;
|
||||
border-top : 0px;
|
||||
border-right : 1px solid #000000;
|
||||
border-left : 1px solid #000000;
|
||||
border-bottom : 1px solid #000000;
|
||||
}
|
||||
|
||||
menubutton > menupopup > .menupopup-internal-box
|
||||
{
|
||||
border-top : 0px;
|
||||
border-right : 1px inset #CCCCCC;
|
||||
border-left : 1px inset #CCCCCC;
|
||||
border-bottom : 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
menubutton > menupopup > menuitem
|
||||
{
|
||||
padding : 0px 0px 0px 3px;
|
||||
}
|
||||
|
||||
/** Icon only menubutton.menubutton-duals
|
||||
* class="menubutton.menubutton-dual-icon"
|
||||
**/
|
||||
.menubutton.menubutton-dual-icon
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
background-color : #CCCCCC;
|
||||
}
|
||||
|
||||
.menubutton.menubutton-dual-icon > .menubutton.menubutton-dual-icon-internal-box
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
padding : 1px;
|
||||
}
|
||||
|
||||
.menubutton.menubutton-dual-icon:hover:active > .menubutton.menubutton-dual-icon-internal-box,
|
||||
.menubutton.menubutton-dual-icon[open="true"] > .menubutton.menubutton-dual-icon-internal-box
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
padding : 2px 0px 0px 2px;
|
||||
}
|
||||
|
||||
.classic-simplebutton,
|
||||
.classic-simplebutton[disabled="true"]:hover,
|
||||
.classic-simplebutton[disabled="true"]:hover:active,
|
||||
.menubutton[disabled="true"]:hover > .classic-simplebutton,
|
||||
.menubutton[disabled="true"]:hover:active > .classic-simplebutton,
|
||||
.menubutton-dual[buttonover="true"][disabled="true"] > .classic-simplebutton,
|
||||
.menubutton-dual[buttondown="true"][disabled="true"] > .classic-simplebutton
|
||||
{
|
||||
behavior : url("chrome://global/skin/menubuttonBindings.xml#buttontop");
|
||||
margin : 0px;
|
||||
border : 1px solid threedface;
|
||||
min-width : 0px;
|
||||
padding : 2px 8px 2px 7px;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
.classic-simplebutton:hover,
|
||||
.menubutton-dual:hover > .classic-simplebutton,
|
||||
.menubutton-dual[open="true"] > .classic-simplebutton
|
||||
{
|
||||
border-left : 1px solid threedhighlight;
|
||||
border-top : 1px solid threedhighlight;
|
||||
border-right : 1px solid threedshadow;
|
||||
border-bottom : 1px solid threedshadow;
|
||||
}
|
||||
|
||||
.menubutton-dual[buttonover="true"] > .classic-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid threedhighlight;
|
||||
border-top : 1px solid threedhighlight;
|
||||
border-right : 1px solid threedshadow;
|
||||
border-bottom : 1px solid threedshadow;
|
||||
}
|
||||
|
||||
.classic-simplebutton:hover:active
|
||||
{
|
||||
border-left : 1px solid threedshadow;
|
||||
border-top : 1px solid threedshadow;
|
||||
border-right : 1px solid threedhighlight;
|
||||
border-bottom : 1px solid threedhighlight;
|
||||
padding : 3px 7px 1px 8px;
|
||||
}
|
||||
|
||||
.menubutton-dual[buttondown="true"] > .classic-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid threedshadow;
|
||||
border-top : 1px solid threedshadow;
|
||||
border-right : 1px solid threedhighlight;
|
||||
border-bottom : 1px solid threedhighlight;
|
||||
}
|
||||
|
||||
.classic-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
}
|
||||
|
||||
.classic-dropmarker[disabled="true"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
}
|
||||
|
||||
|
|
@ -34,7 +34,6 @@ install::
|
|||
$(MAKE_INSTALL) checkbox.css $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) commonDialog.css $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) console.css $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) dialogOverlay.css $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) filepicker.css $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) formatting.css $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) global.css $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
|
@ -45,7 +44,6 @@ install::
|
|||
$(MAKE_INSTALL) scrollbars.css $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) splitter.css $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) tabcontrol.css $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) tasksOverlay.css $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) textfield.css $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) toolbar.css $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
$(MAKE_INSTALL) tree.css $(DIST)\bin\chrome\skins\$(THEME)\global\skin
|
||||
|
|
|
@ -1,122 +1,104 @@
|
|||
.menubutton-dual,
|
||||
.menubutton-dual[disabled="true"]:hover,
|
||||
.menubutton-dual[disabled="true"]:hover:active,
|
||||
.menubutton-dual[buttondown="true"][disabled="true"],
|
||||
.menubutton-dual[buttonover="true"][disabled="true"]
|
||||
{
|
||||
behavior : url("chrome://global/skin/menubuttonBindings.xml#menubutton-toolbar-top");
|
||||
border : 1px solid threedface;
|
||||
}
|
||||
|
||||
/* outermost frame */
|
||||
menubutton
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
margin : 3px 5px 3px 5px;
|
||||
-moz-border-radius : 3px 2px 2px 3px;
|
||||
}
|
||||
|
||||
menubutton[disabled="true"]
|
||||
{
|
||||
border : 1px solid #999999;
|
||||
color : #999999;
|
||||
}
|
||||
.menubutton-dual:hover,
|
||||
.menubutton-dual[open="true"],
|
||||
.menubutton-dual[buttonover="true"],
|
||||
.menubutton-dual[buttondown="true"]
|
||||
{
|
||||
border : 1px solid threeddarkshadow;
|
||||
}
|
||||
|
||||
.classic-dropmarker-box,
|
||||
.menubutton-dual:hover > .classic-dropmarker-box[disabled="true"],
|
||||
.menubutton-dual:hover:active > .classic-dropmarker-box[disabled="true"],
|
||||
.menubutton-dual[disabled="true"][buttonover="true"] > .classic-dropmarker-box
|
||||
{
|
||||
border : 1px solid threedface;
|
||||
}
|
||||
|
||||
menubutton > .menubutton-internal-box
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
padding : 1px 2px 1px 2px;
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
menubutton:active > .menubutton-internal-box,
|
||||
menubutton[open="true"] > .menubutton-internal-box
|
||||
{
|
||||
/*border : 1px inset #CCCCCC;*/
|
||||
padding : 2px 1px 0px 3px;
|
||||
}
|
||||
|
||||
.menubutton-single-icon
|
||||
{
|
||||
margin-right : 3px;
|
||||
}
|
||||
|
||||
.menubutton-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
}
|
||||
|
||||
menubutton[disabled="true"] > .menubutton-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
}
|
||||
|
||||
/** "Dual Functionality" menubutton
|
||||
* Has a popup spawning button and a command invoking button, e.g. back/forward
|
||||
* class="menubutton-dual"
|
||||
**/
|
||||
.menubutton-dual:hover > .classic-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid threedhighlight;
|
||||
border-top : 1px solid threedhighlight;
|
||||
border-right : 1px solid threedshadow;
|
||||
border-bottom : 1px solid threedshadow;
|
||||
}
|
||||
|
||||
/* inner button */
|
||||
menubutton.menubutton-dual > .menubutton-dual-button,
|
||||
menubutton.menubutton-dual:hover > .menubutton-dual-button,
|
||||
menubutton.menubutton-dual:active > .menubutton-dual-button
|
||||
{
|
||||
border : none;
|
||||
margin : 0px;
|
||||
-moz-border-radius : 0px;
|
||||
}
|
||||
.menubutton-dual[open="true"] > .classic-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid threedshadow;
|
||||
border-top : 1px solid threedshadow;
|
||||
border-right : 1px solid threedhighlight;
|
||||
border-bottom : 1px solid threedhighlight;
|
||||
}
|
||||
|
||||
menubutton.menubutton-dual[open="true"] > .menubutton-dual-button > .button-internal-box
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
padding : 3px 1px 1px 3px;
|
||||
}
|
||||
|
||||
/* inner dropmarker */
|
||||
menubutton.menubutton-dual > .menubutton-dropmarker
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
padding : 0px 2px 0px 2px;
|
||||
}
|
||||
|
||||
menubutton.menubutton-dual[open="true"] > .menubutton-dropmarker
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
padding : 1px 1px -1px 3px;
|
||||
}
|
||||
|
||||
menubutton.menubutton-dual > menupopup
|
||||
{
|
||||
min-width : 0px;
|
||||
border-top : 0px;
|
||||
border-right : 1px solid #000000;
|
||||
border-left : 1px solid #000000;
|
||||
border-bottom : 1px solid #000000;
|
||||
}
|
||||
|
||||
menubutton > menupopup > .menupopup-internal-box
|
||||
{
|
||||
border-top : 0px;
|
||||
border-right : 1px inset #CCCCCC;
|
||||
border-left : 1px inset #CCCCCC;
|
||||
border-bottom : 1px inset #CCCCCC;
|
||||
}
|
||||
|
||||
menubutton > menupopup > menuitem
|
||||
{
|
||||
padding : 0px 0px 0px 3px;
|
||||
}
|
||||
|
||||
/** Icon only menubutton.menubutton-duals
|
||||
* class="menubutton.menubutton-dual-icon"
|
||||
**/
|
||||
.menubutton.menubutton-dual-icon
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
background-color : #CCCCCC;
|
||||
}
|
||||
|
||||
.menubutton.menubutton-dual-icon > .menubutton.menubutton-dual-icon-internal-box
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
padding : 1px;
|
||||
}
|
||||
|
||||
.menubutton.menubutton-dual-icon:hover:active > .menubutton.menubutton-dual-icon-internal-box,
|
||||
.menubutton.menubutton-dual-icon[open="true"] > .menubutton.menubutton-dual-icon-internal-box
|
||||
{
|
||||
border : 1px inset #CCCCCC;
|
||||
padding : 2px 0px 0px 2px;
|
||||
}
|
||||
|
||||
.classic-simplebutton,
|
||||
.classic-simplebutton[disabled="true"]:hover,
|
||||
.classic-simplebutton[disabled="true"]:hover:active,
|
||||
.menubutton[disabled="true"]:hover > .classic-simplebutton,
|
||||
.menubutton[disabled="true"]:hover:active > .classic-simplebutton,
|
||||
.menubutton-dual[buttonover="true"][disabled="true"] > .classic-simplebutton,
|
||||
.menubutton-dual[buttondown="true"][disabled="true"] > .classic-simplebutton
|
||||
{
|
||||
behavior : url("chrome://global/skin/menubuttonBindings.xml#buttontop");
|
||||
margin : 0px;
|
||||
border : 1px solid threedface;
|
||||
min-width : 0px;
|
||||
padding : 2px 8px 2px 7px;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
.classic-simplebutton:hover,
|
||||
.menubutton-dual:hover > .classic-simplebutton,
|
||||
.menubutton-dual[open="true"] > .classic-simplebutton
|
||||
{
|
||||
border-left : 1px solid threedhighlight;
|
||||
border-top : 1px solid threedhighlight;
|
||||
border-right : 1px solid threedshadow;
|
||||
border-bottom : 1px solid threedshadow;
|
||||
}
|
||||
|
||||
.menubutton-dual[buttonover="true"] > .classic-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid threedhighlight;
|
||||
border-top : 1px solid threedhighlight;
|
||||
border-right : 1px solid threedshadow;
|
||||
border-bottom : 1px solid threedshadow;
|
||||
}
|
||||
|
||||
.classic-simplebutton:hover:active
|
||||
{
|
||||
border-left : 1px solid threedshadow;
|
||||
border-top : 1px solid threedshadow;
|
||||
border-right : 1px solid threedhighlight;
|
||||
border-bottom : 1px solid threedhighlight;
|
||||
padding : 3px 7px 1px 8px;
|
||||
}
|
||||
|
||||
.menubutton-dual[buttondown="true"] > .classic-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid threedshadow;
|
||||
border-top : 1px solid threedshadow;
|
||||
border-right : 1px solid threedhighlight;
|
||||
border-bottom : 1px solid threedhighlight;
|
||||
}
|
||||
|
||||
.classic-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
}
|
||||
|
||||
.classic-dropmarker[disabled="true"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
}
|
||||
|
||||
|
|
@ -11,6 +11,8 @@
|
|||
<!-- classic Information -->
|
||||
<RDF:Description about="urn:mozilla:skin:classic/1.0"
|
||||
chrome:displayName="Classic"
|
||||
chrome:email="ben@netscape.com"
|
||||
chrome:website="http://people.netscape.com/ben/"
|
||||
chrome:author="mozilla.org"
|
||||
chrome:name="classic/1.0">
|
||||
<chrome:packages>
|
||||
|
|
|
@ -1,5 +1,4 @@
|
|||
#!dest navigator:skin
|
||||
NavSecurityOverlay.css
|
||||
navigator.css
|
||||
pageInfo.css
|
||||
|
||||
|
|
|
@ -32,7 +32,6 @@ SAMPLES_DIR = $(DIST)/bin/chrome/skins/$(THEME)/navigator/skin
|
|||
|
||||
EXPORT_RESOURCE_SAMPLES = \
|
||||
navigator.css \
|
||||
NavSecurityOverlay.css \
|
||||
pageInfo.css \
|
||||
$(NULL)
|
||||
|
||||
|
|
|
@ -30,6 +30,5 @@ clobber::
|
|||
|
||||
install::
|
||||
$(MAKE_INSTALL) navigator.css $(DIST)\bin\chrome\skins\$(THEME)\navigator\skin
|
||||
$(MAKE_INSTALL) NavSecurityOverlay.css $(DIST)\bin\chrome\skins\$(THEME)\navigator\skin
|
||||
$(MAKE_INSTALL) pageInfo.css $(DIST)\bin\chrome\skins\$(THEME)\navigator\skin
|
||||
|
||||
|
|
|
@ -58,18 +58,18 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
|
|||
}
|
||||
|
||||
#back-button[disabled="true"],
|
||||
#back-button[disabled="true"]:hover,
|
||||
#back-button[disabled="true"]:hover:active
|
||||
#back-button[disabled="true"][buttonover="true"],
|
||||
#back-button[disabled="true"][buttondown="true"]
|
||||
{
|
||||
list-style-image : url("chrome://navigator/skin/back-disabled.gif");
|
||||
}
|
||||
|
||||
#back-button:hover
|
||||
#back-button[buttonover="true"]
|
||||
{
|
||||
list-style-image : url("chrome://navigator/skin/back-hover.gif");
|
||||
}
|
||||
|
||||
#back-button:hover:active
|
||||
#back-button[buttondown="true"]
|
||||
{
|
||||
list-style-image : url("chrome://navigator/skin/back-hover-active.gif");
|
||||
}
|
||||
|
@ -81,18 +81,18 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
|
|||
}
|
||||
|
||||
#forward-button[disabled="true"],
|
||||
#forward-button[disabled="true"]:hover,
|
||||
#forward-button[disabled="true"]:hover:active
|
||||
#forward-button[disabled="true"][buttonover="true"],
|
||||
#forward-button[disabled="true"][buttondown="true"]
|
||||
{
|
||||
list-style-image : url("chrome://navigator/skin/forward-disabled.gif");
|
||||
}
|
||||
|
||||
#forward-button:hover
|
||||
#forward-button[buttonover="true"]
|
||||
{
|
||||
list-style-image : url("chrome://navigator/skin/forward-hover.gif");
|
||||
}
|
||||
|
||||
#forward-button:hover:active
|
||||
#forward-button[buttondown="true"]
|
||||
{
|
||||
list-style-image : url("chrome://navigator/skin/forward-hover-active.gif");
|
||||
}
|
||||
|
|
Загрузка…
Ссылка в новой задаче