зеркало из https://github.com/mozilla/pjs.git
68480 - cleanup msgcompose toolbar menubuttons, r=cmanske/ducarroz, sr=hyatt
This commit is contained in:
hewitt%netscape.com
Родитель
0987de5ab8
Коммит
9c8c933d65
|
|
@ -217,7 +217,7 @@
|
|||
<command id="cmd_backgroundColor" state=""/>
|
||||
|
||||
<command id="cmd_fontSize" state="" oncommand="goDoCommand('cmd_fontSize')"/>
|
||||
<command id="cmd_align" state="" oncommand="goDoCommand('cmd_align')"/>
|
||||
<command id="cmd_align" state=""/>
|
||||
|
||||
<command id="cmd_advancedProperties" oncommand="goDoCommand('cmd_advancedProperties')"/>
|
||||
|
||||
|
|
@ -599,39 +599,35 @@
|
|||
</menu>
|
||||
|
||||
<!-- this is only used in mailnews -->
|
||||
<menupopup id="AlignmentPopup">
|
||||
<menuitem oncommand="doStatefulCommand('cmd_align', 'left')">
|
||||
<button class="plain" id="text-align-left" align="left" value="&alignLeft.label;"/>
|
||||
</menuitem>
|
||||
<menuitem oncommand="doStatefulCommand('cmd_align', 'center')">
|
||||
<button class="plain" id="text-align-center" align="left" value="&alignCenter.label;"/>
|
||||
</menuitem>
|
||||
<menuitem oncommand="doStatefulCommand('cmd_align', 'right')">
|
||||
<button class="plain" id="text-align-right" align="left" value="&alignRight.label;"/>
|
||||
</menuitem>
|
||||
<menuitem oncommand="doStatefulCommand('cmd_align', 'justify')">
|
||||
<button class="plain" id="text-align-justify" align="left" value="&alignJustify.label;"/>
|
||||
</menuitem>
|
||||
</menupopup>
|
||||
<menubutton id="AlignPopupButton" class="button-toolbar" observes="cmd_align"
|
||||
tooltip="aTooltip" tooltiptext="&AlignPopupButton.tooltip;">
|
||||
<menupopup id="AlignPopup">
|
||||
<menuitem id="AlignLeftItem" class="menuitem-iconic" value="&alignLeft.label;"
|
||||
oncommand="doStatefulCommand('cmd_align', 'left')"/>
|
||||
<menuitem id="AlignCenterItem" class="menuitem-iconic" value="&alignCenter.label;"
|
||||
oncommand="doStatefulCommand('cmd_align', 'center')"/>
|
||||
<menuitem id="AlignRightItem" class="menuitem-iconic" value="&alignRight.label;"
|
||||
oncommand="doStatefulCommand('cmd_align', 'right')"/>
|
||||
<menuitem id="AlignJustifyItem" class="menuitem-iconic" value="&alignJustify.label;"
|
||||
oncommand="doStatefulCommand('cmd_align', 'justify')"/>
|
||||
</menupopup>
|
||||
</menubutton>
|
||||
|
||||
<!-- InsertPopup is used by messengercompose.xul -->
|
||||
<menupopup id="InsertPopup">
|
||||
<menuitem oncommand="goDoCommand('cmd_link')">
|
||||
<button class="plain" id="linkButton-dark" darkcolor="true" align="left" value="&linkToolbarCmd.label;"/>
|
||||
</menuitem>
|
||||
<menuitem oncommand="goDoCommand('cmd_anchor')">
|
||||
<button class="plain" id="namedAnchorButton-dark" align="left" value="&anchorToolbarCmd.label;"/>
|
||||
</menuitem>
|
||||
<menuitem oncommand="goDoCommand('cmd_image')">
|
||||
<button class="plain" id="imageButton-dark" align="left" value="&imageToolbarCmd.label;"/>
|
||||
</menuitem>
|
||||
<menuitem oncommand="goDoCommand('cmd_hline')">
|
||||
<button class="plain" id="hlineButton-dark" align="left" value="&hruleToolbarCmd.label;"/>
|
||||
</menuitem>
|
||||
<menuitem oncommand="goDoCommand('cmd_table')">
|
||||
<button class="plain" id="tableButton-dark" align="left" value="&tableToolbarCmd.label;"/>
|
||||
</menuitem>
|
||||
</menupopup>
|
||||
<!-- InsertPopupButton is used by messengercompose.xul -->
|
||||
<menubutton id="InsertPopupButton" class="button-toolbar" observes="cmd_insert">
|
||||
<menupopup id="InsertPopup">
|
||||
<menuitem id="InsertLinkItem" class="menuitem-iconic" observes="cmd_link"
|
||||
oncommand="goDoCommand('cmd_link')" value="&linkToolbarCmd.label;"/>
|
||||
<menuitem id="InsertAnchorItem" class="menuitem-iconic" observes="cmd_anchor"
|
||||
oncommand="goDoCommand('cmd_anchor')" value="&anchorToolbarCmd.label;"/>
|
||||
<menuitem id="InsertImageItem" class="menuitem-iconic" observes="cmd_image"
|
||||
oncommand="goDoCommand('cmd_image')" value="&imageToolbarCmd.label;"/>
|
||||
<menuitem id="InsertHRuleItem" class="menuitem-iconic" observes="cmd_hline"
|
||||
oncommand="goDoCommand('cmd_hline')" value="&hruleToolbarCmd.label;"/>
|
||||
<menuitem id="InsertTableItem" class="menuitem-iconic" observes="cmd_table"
|
||||
oncommand="goDoCommand('cmd_table')" value="&tableToolbarCmd.label;"/>
|
||||
</menupopup>
|
||||
</menubutton>
|
||||
|
||||
<!-- Editor toolbar items -->
|
||||
<!-- note that we override the submenu item label "Blank Window" with "New" used for the menu -->
|
||||
|
|
@ -770,9 +766,6 @@
|
|||
<button class="button-toolbar format" id="indentButton" observes="cmd_indent"
|
||||
tooltip="aTooltip" tooltiptext="&indentToolbarCmd.tooltip;"/>
|
||||
|
||||
<button class="button-toolbar format popup" id="AlignPopupButton"
|
||||
tooltip="aTooltip" tooltiptext="&AlignPopupButton.tooltip;"/>
|
||||
|
||||
<!-- alignment buttons -->
|
||||
<button class="button-toolbar" id="align-left-button" oncommand="doStatefulCommand('cmd_align', 'left')"
|
||||
tooltip="aTooltip" tooltiptext="&alignLeft.tooltip;" >
|
||||
|
|
@ -801,10 +794,6 @@
|
|||
<tab id="PreviewModeButton" class="tab-bottom edit-mode _plain" type="text" selected="0" value="&PreviewMode.label;" oncommand="SetEditMode(0);"
|
||||
tooltip="aTooltip" tooltiptext="&PreviewMode.tooltip;"/>
|
||||
|
||||
<!-- InsertPopupButton is used by messengercompose.xul -->
|
||||
<button class="button-toolbar format popup" id="InsertPopupButton"/>
|
||||
|
||||
|
||||
<!-- Paste as quotation is used by mail compose,
|
||||
but in composer it has to go in the debug menu
|
||||
-->
|
||||
|
|
|
|||
|
|
@ -461,6 +461,7 @@ function CommandUpdate_MsgCompose()
|
|||
goUpdateCommand("cmd_listProperties");
|
||||
goUpdateCommand("cmd_indent");
|
||||
goUpdateCommand("cmd_outdent");
|
||||
goUpdateCommand("cmd_align");
|
||||
goUpdateCommand("cmd_objectProperties");
|
||||
goUpdateCommand("cmd_InsertTable");
|
||||
goUpdateCommand("cmd_InsertRowAbove");
|
||||
|
|
|
|||
|
|
@ -504,15 +504,9 @@
|
|||
<button id="indentButton"/>
|
||||
<toolbarseparator class="toolbarseparator-standard"/>
|
||||
|
||||
<menu>
|
||||
<button id="AlignPopupButton"/>
|
||||
<menupopup id="AlignmentPopup"/>
|
||||
</menu>
|
||||
<menubutton id="AlignPopupButton"/>
|
||||
|
||||
<menu>
|
||||
<button id="InsertPopupButton"/>
|
||||
<menupopup id="InsertPopup"/>
|
||||
</menu>
|
||||
<menubutton id="InsertPopupButton"/>
|
||||
|
||||
<menu id="smileButtonMenu"/>
|
||||
|
||||
|
|
|
|||
|
|
@ -18,33 +18,25 @@
|
|||
min-width : 0px;
|
||||
border : 1px solid transparent;
|
||||
background-color : transparent;
|
||||
min-width : 0px;
|
||||
max-width : 14em;
|
||||
}
|
||||
|
||||
.button-toolbar
|
||||
{
|
||||
margin : 1px;
|
||||
border : 0px;
|
||||
}
|
||||
|
||||
.button-toolbar-4
|
||||
{
|
||||
margin : 0px 0px 1px 0px;
|
||||
}
|
||||
|
||||
.button-toolbar-1:hover, .button-toolbar-1:hover:active,
|
||||
.button-toolbar-2:hover, .button-toolbar-2:hover:active,
|
||||
.button-toolbar-4:hover, .button-toolbar-4:hover:active
|
||||
|
||||
.button-toolbar > .button-internal-box
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
color : #0000FF;
|
||||
border : 1px solid transparent;
|
||||
padding : 1px 3px;
|
||||
}
|
||||
|
||||
.button-toolbar:hover, .button-toolbar:hover:active
|
||||
{
|
||||
color : #0000FF;
|
||||
}
|
||||
|
||||
|
||||
.button-toolbar-1 > .button-internal-box,
|
||||
.button-toolbar-2 > .button-internal-box
|
||||
|
|
@ -55,32 +47,19 @@
|
|||
border : 1px solid transparent;
|
||||
}
|
||||
|
||||
.button-toolbar > .button-internal-box > .button-text-container
|
||||
.button-toolbar-4 > .button-internal-box
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
padding : 0px 1px;
|
||||
vertical-align : middle;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
.button-toolbar[value] > .button-internal-box > .button-text-container
|
||||
{
|
||||
padding-left : 4px;
|
||||
}
|
||||
|
||||
.button-toolbar > .button-internal-box
|
||||
{
|
||||
padding : 1px 4px 1px 3px;
|
||||
vertical-align : middle;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
.button-toolbar-4 > .button-internal-box
|
||||
{
|
||||
padding : 0px 1px;
|
||||
vertical-align : middle;
|
||||
text-align : center;
|
||||
border : 0px;
|
||||
}
|
||||
|
||||
.button-toolbar:hover:active > .button-internal-box
|
||||
{
|
||||
padding : 1px 4px 1px 3px;
|
||||
color : #FF0000;
|
||||
}
|
||||
|
||||
.button-toolbar-1[disabled="true"],
|
||||
.button-toolbar-1[disabled="true"]:hover,
|
||||
.button-toolbar-1[disabled="true"]:hover:active,
|
||||
|
|
@ -100,8 +79,19 @@
|
|||
}
|
||||
|
||||
/* internal frame */
|
||||
.button-toolbar:hover,
|
||||
.button-toolbar-1:hover,
|
||||
.button-toolbar-2:hover,
|
||||
.button-toolbar-4:hover
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
color : #0000FF;
|
||||
}
|
||||
|
||||
.button-toolbar:hover > .button-internal-box,
|
||||
.button-toolbar-1:hover > .button-internal-box,
|
||||
.button-toolbar-2:hover > .button-internal-box
|
||||
.button-toolbar-2:hover > .button-internal-box,
|
||||
.button-toolbar-4:hover > .button-internal-box
|
||||
{
|
||||
border-left : 1px solid #FFFFFF;
|
||||
border-top : 1px solid #FFFFFF;
|
||||
|
|
@ -109,29 +99,48 @@
|
|||
border-bottom : 1px solid #9D9D9D;
|
||||
}
|
||||
|
||||
.button-toolbar-1:hover > .button-internal-box,
|
||||
.button-toolbar-2:hover > .button-internal-box
|
||||
.button-toolbar-4:hover:active > .button-internal-box
|
||||
{
|
||||
color : #000000;
|
||||
padding : 0px 0px 0px 2px;
|
||||
}
|
||||
|
||||
.button-toolbar:hover:active,
|
||||
.button-toolbar-1:hover:active,
|
||||
.button-toolbar-2:hover:active,
|
||||
.button-toolbar-4:hover:active
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
color : #FFFFFF;
|
||||
background-color : #666666;
|
||||
}
|
||||
|
||||
.button-toolbar:hover:active > .button-internal-box
|
||||
{
|
||||
padding : 2px 2px 0px 4px;
|
||||
}
|
||||
|
||||
.button-toolbar-1:hover:active > .button-internal-box,
|
||||
.button-toolbar-2:hover:active > .button-internal-box
|
||||
{
|
||||
padding : 3px 5px 1px 6px;
|
||||
border-left : 1px solid #444444 !important;
|
||||
border-top : 1px solid #444444 !important;
|
||||
border-right : 1px solid #AAAAAA !important;
|
||||
border-bottom : 1px solid #AAAAAA !important;
|
||||
color : #FFFFFF;
|
||||
background-color : #666666;
|
||||
}
|
||||
|
||||
|
||||
.button-toolbar-4:hover:active > .button-internal-box
|
||||
{
|
||||
padding : 0px 0px 0px 2px;
|
||||
}
|
||||
|
||||
.button-toolbar:hover:active > .button-internal-box,
|
||||
.button-toolbar-1:hover:active > .button-internal-box,
|
||||
.button-toolbar-2:hover:active > .button-internal-box,
|
||||
.button-toolbar-4:hover:active > .button-internal-box
|
||||
{
|
||||
border-left : 1px solid #444444;
|
||||
border-top : 1px solid #444444;
|
||||
border-right : 1px solid #AAAAAA;
|
||||
border-bottom : 1px solid #AAAAAA;
|
||||
}
|
||||
|
||||
.button-toolbar-1 > .button-internal-box > .button-text-container,
|
||||
.button-toolbar > .button-internal-box > .button-text-container,
|
||||
.button-toolbar-2 > .button-internal-box > .button-text-container,
|
||||
|
|
@ -145,20 +154,26 @@
|
|||
padding : 0px;
|
||||
}
|
||||
|
||||
.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,
|
||||
.button-toolbar[disabled="true"] > .button-internal-box,
|
||||
.button-toolbar[disabled="true"]:hover > .button-internal-box,
|
||||
.button-toolbar[disabled="true"]:hover:active > .button-internal-box,
|
||||
.button-toolbar-4[disabled="true"] > .button-internal-box,
|
||||
.button-toolbar-4[disabled="true"]:hover > .button-internal-box,
|
||||
.button-toolbar-4[disabled="true"]:hover:active > .button-internal-box
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
padding : 1px 3px !important;
|
||||
}
|
||||
|
||||
.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,
|
||||
.button-toolbar-2[disabled="true"] > .button-internal-box,
|
||||
.button-toolbar-2[disabled="true"]:hover > .button-internal-box,
|
||||
.button-toolbar-2[disabled="true"]:hover:active > .button-internal-box
|
||||
{
|
||||
padding : 2px 6px 2px 5px;
|
||||
border : 1px solid transparent !important;
|
||||
color : #777777;
|
||||
background-color : transparent;
|
||||
padding : 2px 6px 2px 5px;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -173,23 +188,13 @@
|
|||
font-weight : bold;
|
||||
-moz-user-focus: : ignore;
|
||||
background-color : transparent;
|
||||
/* -moz-binding : url(chrome://global/content/xulBindings.xml#buttonleft);
|
||||
background-color : #99CCCC
|
||||
border-left : 1px solid #DDDDDD !important;
|
||||
border-top : 1px solid #DDDDDD !important;
|
||||
border-right : 1px solid black !important;
|
||||
border-bottom : 1px solid black !important;
|
||||
background-image : none;
|
||||
min-width : 8em;
|
||||
-moz-border-radius : 3px 2px 2px 3px;
|
||||
*/ }
|
||||
}
|
||||
|
||||
.button-toolbar-3 > .button-internal-box
|
||||
{
|
||||
border : 1px outset #99CCCC;
|
||||
padding : 1px;
|
||||
/* text-align : center;
|
||||
*/ }
|
||||
}
|
||||
|
||||
.button-toolbar-3:hover:active > .button-internal-box
|
||||
{
|
||||
|
|
@ -245,7 +250,3 @@
|
|||
color : #FF0000;
|
||||
}
|
||||
|
||||
menubutton.button-toolbar-4
|
||||
{
|
||||
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-single-right");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,19 +2,14 @@
|
|||
|
||||
/** new menubutton bindings **/
|
||||
|
||||
.menubutton-dual.toolbar.top
|
||||
.menubutton-dual.top
|
||||
{
|
||||
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex");
|
||||
border : 1px solid transparent;
|
||||
-moz-user-focus : ignore !important;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar.top:hover:active{
|
||||
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex")!important;
|
||||
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar.left
|
||||
.menubutton-dual.left
|
||||
{
|
||||
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex-left");
|
||||
border : 1px solid transparent;
|
||||
|
|
@ -51,35 +46,42 @@
|
|||
list-style-image : url("chrome://global/skin/dropmarker-down-on.gif");
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar > .menubutton-dual-dropmarker-box
|
||||
/** disabled **/
|
||||
.menubutton-dual[disabled="true"],
|
||||
.menubutton-dual[disabled="true"]:hover,
|
||||
.menubutton-dual[disabled="true"]:hover:active,
|
||||
.menubutton-dual[disabled="true"][buttonover="true"],
|
||||
.menubutton-dual[disabled="true"][buttondown="true"]
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
background-color : transparent;
|
||||
color : #777777;
|
||||
}
|
||||
|
||||
.menubutton-dual[disabled="true"]:hover > .menubutton-dual-ex-button,
|
||||
.menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-ex-button,
|
||||
.menubutton-dual[disabled="true"]:hover:active > .menubutton-dual-ex-button,
|
||||
.menubutton-dual[disabled="true"][buttondown="true"] > .menubutton-dual-ex-button
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
padding : 2px 7px 2px 6px;
|
||||
}
|
||||
|
||||
.menubutton-dual > .menubutton-dual-dropmarker-box,
|
||||
.menubutton-dual[disabled="true"] > .menubutton-dual-dropmarker-box,
|
||||
.menubutton-dual[disabled="true"]:hover > .menubutton-dual-dropmarker-box,
|
||||
.menubutton-dual[disabled="true"]:hover:active > .menubutton-dual-dropmarker-box,
|
||||
.menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-dropmarker-box,
|
||||
.menubutton-dual[disabled="true"][buttondown="true"] > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
padding : 1px 2px 1px 2px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.menubutton-dual.toolbar.left > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid threedhighlight;
|
||||
border-top : 1px solid threedhighlight;
|
||||
border-right : 1px solid threedshadow;
|
||||
border-bottom : 1px solid threedshadow;
|
||||
padding : 1px 2px 1px 2px;
|
||||
}
|
||||
|
||||
/** disabled **/
|
||||
.menubutton-dual-ex-button[disabled="true"]
|
||||
{
|
||||
color : graytext;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar[disabled="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
|
||||
|
||||
.menubutton-dual[disabled="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/dropmarker-down-disabled.gif");
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* ACTION: mouseover the button */
|
||||
|
|
@ -87,275 +89,173 @@
|
|||
/* 1). button gets outset border */
|
||||
.menubutton-dual-ex-button:hover
|
||||
{
|
||||
/*
|
||||
border-left : 1px solid threedhighlight;
|
||||
border-top : 1px solid threedhighlight;
|
||||
border-right : 1px solid threedshadow;
|
||||
border-bottom : 1px solid threedshadow;
|
||||
*/
|
||||
border : 1px outset #FFFFFF;
|
||||
|
||||
color : blue;
|
||||
color : #0000FF;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar[disabled="true"] > .menubutton-dual-ex-button:hover
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
color : graytext;
|
||||
}
|
||||
|
||||
/**
|
||||
* XXX - this is a hack. :hover does not work to spec and so we're using a binding
|
||||
* with JS that lives in xpfe/global/resources/content/menulistBindings.xml
|
||||
* to set attributes on various parts of the button when mouse down/over
|
||||
* events fire. When :hover works correctly, this can be removed (see
|
||||
* revision 1.21 of this file for details.
|
||||
*/
|
||||
|
||||
/* 2) menubutton gets black border */
|
||||
.menubutton-dual.toolbar[buttonover="true"]
|
||||
.menubutton-dual[buttonover="true"]
|
||||
{
|
||||
/* border : 1px solid threeddarkshadow; */
|
||||
border : 1px solid #000000;
|
||||
text-decoration : none;
|
||||
border : 1px solid #000000;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar[buttonover="true"][disabled="true"]
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar[disabled="true"]:hover > .menubutton-dual-ex-button,
|
||||
.menubutton-dual.toolbar[disabled="true"][buttonover="true"] > .menubutton-dual-ex-button
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
}
|
||||
|
||||
/* 3) dropmarker gets outset border */
|
||||
.menubutton-dual.toolbar[buttonover="true"] > .menubutton-dual-dropmarker-box
|
||||
.menubutton-dual[buttonover="true"] > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
/*
|
||||
border-left : 1px solid threedhighlight;
|
||||
border-top : 1px solid threedhighlight;
|
||||
border-right : 1px solid threedshadow;
|
||||
border-bottom : 1px solid threedshadow;
|
||||
*/
|
||||
border : 1px outset #FFFFFF;
|
||||
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar[buttonover="true"][disabled="true"] > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
}
|
||||
|
||||
/* ACTION: mousedown on the button */
|
||||
|
||||
.menubutton-dual[buttondown="true"]
|
||||
{
|
||||
background-color : #666666;
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
/* 1). button gets inset border */
|
||||
.menubutton-dual-ex-button:hover:active,
|
||||
.menubutton-dual[buttondown="true"] > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid #444444;
|
||||
border-top : 1px solid #444444;
|
||||
border-right : 1px solid #AAAAAA;
|
||||
border-bottom : 1px solid #AAAAAA;
|
||||
}
|
||||
|
||||
.menubutton-dual-ex-button:hover:active
|
||||
{
|
||||
/*
|
||||
border-left : 1px solid threedshadow !important;
|
||||
border-top : 1px solid threedshadow !important;
|
||||
border-right : 1px solid threedhighlight !important;
|
||||
border-bottom : 1px solid threedhighlight !important;
|
||||
*/
|
||||
border : 1px inset #FFFFFF!important;
|
||||
padding : 3px 6px 1px 7px !important;
|
||||
color : #000080 !important;
|
||||
padding : 3px 6px 1px 7px;
|
||||
}
|
||||
|
||||
.menubutton-dual-ex-button[disabled="true"]:hover:active
|
||||
.menubutton-dual[buttondown="true"] > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
border : 1px solid transparent !important;
|
||||
padding : 2px 7px 2px 6px !important;
|
||||
}
|
||||
|
||||
/* 2). dropmarker gets inset border */
|
||||
.menubutton-dual.toolbar[buttondown="true"] > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
/*
|
||||
border-left : 1px solid threedshadow !important;
|
||||
border-top : 1px solid threedshadow !important;
|
||||
border-right : 1px solid threedhighlight !important;
|
||||
border-bottom : 1px solid threedhighlight !important;
|
||||
*/
|
||||
border : 1px inset #FFFFFF!important;
|
||||
padding : 2px 2px 0px 2px !important;
|
||||
padding : 2px 2px 0px 2px;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar[buttondown="true"][disabled="true"] > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
border : 1px solid transparent !important;
|
||||
padding : 0px 2px 0px 2px !important;
|
||||
}
|
||||
|
||||
/* ACTION: mouse over the menu */
|
||||
|
||||
/* 1). menubutton gets black border */
|
||||
.menubutton-dual.toolbar:hover
|
||||
.menubutton-dual:hover
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar[disabled="true"]:hover
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
color : #0000FF;
|
||||
}
|
||||
|
||||
/* 2). button gets outset border */
|
||||
.menubutton-dual.toolbar:hover > .menubutton-dual-ex-button
|
||||
/* 3). dropmarker gets outset border */
|
||||
.menubutton-dual:hover > .menubutton-dual-ex-button,
|
||||
.menubutton-dual:hover > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
/*
|
||||
border-left : 1px solid threedhighlight;
|
||||
border-top : 1px solid threedhighlight;
|
||||
border-right : 1px solid threedshadow;
|
||||
border-bottom : 1px solid threedshadow;
|
||||
*/
|
||||
border : 1px outset #FFFFFF;
|
||||
color : blue;
|
||||
border-left : 1px solid #FFFFFF;
|
||||
border-top : 1px solid #FFFFFF;
|
||||
border-right : 1px solid #9D9D9D;
|
||||
border-bottom : 1px solid #9D9D9D;
|
||||
}
|
||||
|
||||
/* 3). dropmarker gets outset border */
|
||||
.menubutton-dual.toolbar:hover > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
/*
|
||||
border-left : 1px solid threedhighlight;
|
||||
border-top : 1px solid threedhighlight;
|
||||
border-right : 1px solid threedshadow;
|
||||
border-bottom : 1px solid threedshadow;
|
||||
*/
|
||||
border : 1px outset #FFFFFF;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar[disabled="true"]:hover > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
}
|
||||
|
||||
/* ACTION: open the menu */
|
||||
|
||||
/* 1). menubutton gets black border */
|
||||
.menubutton-dual.toolbar[open="true"]
|
||||
.menubutton-dual[open="true"]
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
}
|
||||
|
||||
/* 2). button gets outset border */
|
||||
.menubutton-dual.toolbar[open="true"] > .menubutton-dual-ex-button
|
||||
.menubutton-dual[open="true"] > .menubutton-dual-ex-button
|
||||
{
|
||||
/*
|
||||
border-left : 1px solid threedhighlight;
|
||||
border-top : 1px solid threedhighlight;
|
||||
border-right : 1px solid threedshadow;
|
||||
border-bottom : 1px solid threedshadow;
|
||||
*/
|
||||
border : 1px outset #FFFFFF;
|
||||
color : blue;
|
||||
border-left : 1px solid #FFFFFF;
|
||||
border-top : 1px solid #FFFFFF;
|
||||
border-right : 1px solid #9D9D9D;
|
||||
border-bottom : 1px solid #9D9D9D;
|
||||
}
|
||||
|
||||
/* 3). dropmarker gets inset border */
|
||||
.menubutton-dual.toolbar[open="true"] > .menubutton-dual-dropmarker-box
|
||||
.menubutton-dual[open="true"] > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
/*
|
||||
border-left : 1px solid threedshadow;
|
||||
border-top : 1px solid threedshadow;
|
||||
border-right : 1px solid threedhighlight;
|
||||
border-bottom : 1px solid threedhighlight;
|
||||
*/
|
||||
border : 1px inset #FFFFFF;
|
||||
padding : 2px 2px 0px 2px;
|
||||
border-left : 1px solid #9D9D9D;
|
||||
border-top : 1px solid #9D9D9D;
|
||||
border-right : 1px solid #FFFFFF;
|
||||
border-bottom : 1px solid #FFFFFF;
|
||||
padding : 2px 2px 0px 2px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.menubutton-dual.toolbar[disabled="true"]:hover:active >.menubutton-dual-ex-button.top
|
||||
{
|
||||
-moz-binding : url("chrome://global/skin/buttonBindings.xml#simplebutton")!important;
|
||||
|
||||
}
|
||||
|
||||
/** menubuttons on generic grey toolbars
|
||||
* class="button-toolbar"
|
||||
**/
|
||||
.button-toolbar > .menubutton-internal-box
|
||||
{
|
||||
border : none;
|
||||
padding : 1px 3px 1px 3px;
|
||||
}
|
||||
|
||||
/* toolbar menubuttons */
|
||||
menubutton.button-toolbar-4
|
||||
{
|
||||
-moz-binding : url("chrome://communicator/skin/menubuttonBindings.xml#menubutton-toolbar-single");
|
||||
border : 1px solid transparent;
|
||||
}
|
||||
|
||||
menubutton.button-toolbar
|
||||
{
|
||||
-moz-binding : url("chrome://communicator/skin/menubuttonBindings.xml#menubutton-toolbar-single");
|
||||
}
|
||||
|
||||
menubutton.button-toolbar[open="true"],
|
||||
menubutton.button-toolbar:hover
|
||||
{
|
||||
color : #FF0000;
|
||||
}
|
||||
/* toolbar menubuttons */
|
||||
|
||||
|
||||
menubutton.button-toolbar > .menubutton-toolbar-single-internal-box > .menubutton-toolbar-single-icon
|
||||
{
|
||||
margin-right : 5px;
|
||||
}
|
||||
menubutton.button-toolbar-4,
|
||||
menubutton.button-toolbar
|
||||
{
|
||||
-moz-binding : url("chrome://communicator/skin/menubuttonBindings.xml#menubutton-toolbar-single");
|
||||
}
|
||||
|
||||
menubutton.button-toolbar-4:hover
|
||||
{
|
||||
/* border : 1px solid threeddarkshadow;*/
|
||||
border : 1px solid #000000;
|
||||
}
|
||||
.menubutton-toolbar-single-internal-box,
|
||||
.button-toolbar[disabled="true"]:hover
|
||||
> .menubutton-toolbar-single-internal-box,
|
||||
.button-toolbar-4[disabled="true"]:hover
|
||||
> .menubutton-toolbar-single-internal-box,
|
||||
.button-toolbar[disabled="true"]:hover:active
|
||||
> .menubutton-toolbar-single-internal-box,
|
||||
.button-toolbar-4[disabled="true"]:hover:active
|
||||
> .menubutton-toolbar-single-internal-box
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
padding : 1px 3px 1px 3px;
|
||||
}
|
||||
|
||||
.menubutton-toolbar-single-internal-box
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
padding : 0px 4px 0px 4px;
|
||||
}
|
||||
menubutton.button-toolbar > .menubutton-toolbar-single-internal-box > .menubutton-toolbar-single-icon
|
||||
{
|
||||
margin-right : 5px;
|
||||
}
|
||||
|
||||
menubutton.button-toolbar > .menubutton-toolbar-single-internal-box
|
||||
{
|
||||
border : none;
|
||||
padding : 0px 4px 0px 4px;
|
||||
}
|
||||
.menubutton-toolbar-single-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/dropmarker-down-on.gif");
|
||||
margin-left : 5px;
|
||||
}
|
||||
|
||||
menubutton.button-toolbar-4:hover > .menubutton-toolbar-single-internal-box
|
||||
{
|
||||
/*
|
||||
border-left : 1px solid threedhighlight;
|
||||
border-top : 1px solid threedhighlight;
|
||||
border-right : 1px solid threedshadow;
|
||||
border-bottom : 1px solid threedshadow;
|
||||
*/
|
||||
border : 1px outset #FFFFFF;
|
||||
}
|
||||
|
||||
menubutton.button-toolbar-4:hover:active > .menubutton-toolbar-single-internal-box,
|
||||
menubutton.button-toolbar-4[open="true"] > .menubutton-toolbar-single-internal-box
|
||||
{
|
||||
/*
|
||||
border-left : 1px solid threedshadow;
|
||||
border-top : 1px solid threedshadow;
|
||||
border-right : 1px solid threedhighlight;
|
||||
border-bottom : 1px solid threedhighlight;
|
||||
*/
|
||||
border : 1px outset #FFFFFF;
|
||||
padding : 0px 4px 0px 4px;
|
||||
}
|
||||
|
||||
.menubutton-toolbar-single-dropmarker
|
||||
{
|
||||
padding-left : 4px;
|
||||
list-style-image : url("chrome://global/skin/dropmarker-up-on.gif");
|
||||
}
|
||||
.button-toolbar-4 > .menubutton-toolbar-single-internal-box > .menubutton-toolbar-single-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/dropmarker-up-on.gif");
|
||||
}
|
||||
|
||||
.button-toolbar:hover > .menubutton-toolbar-single-internal-box,
|
||||
.button-toolbar-4:hover > .menubutton-toolbar-single-internal-box
|
||||
{
|
||||
border-left : 1px solid #FFFFFF;
|
||||
border-top : 1px solid #FFFFFF;
|
||||
border-right : 1px solid #9D9D9D;
|
||||
border-bottom : 1px solid #9D9D9D;
|
||||
}
|
||||
|
||||
menubutton.button-toolbar-4:hover:active,
|
||||
menubutton.button-toolbar-4[open="true"],
|
||||
menubutton.button-toolbar:hover:active,
|
||||
menubutton.button-toolbar[open="true"]
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
background-color : #666666;
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.button-toolbar-4:hover:active > .menubutton-toolbar-single-internal-box,
|
||||
.button-toolbar-4[open="true"] > .menubutton-toolbar-single-internal-box,
|
||||
.button-toolbar:hover:active > .menubutton-toolbar-single-internal-box,
|
||||
.button-toolbar[open="true"] > .menubutton-toolbar-single-internal-box
|
||||
{
|
||||
border-left : 1px solid #444444;
|
||||
border-top : 1px solid #444444;
|
||||
border-right : 1px solid #AAAAAA;
|
||||
border-bottom : 1px solid #AAAAAA;
|
||||
padding : 2px 2px 0px 4px;
|
||||
}
|
||||
|
||||
/* menubutton button-toolbar-2 */
|
||||
|
||||
menubutton.button-toolbar-2.top {
|
||||
|
|
@ -367,3 +267,12 @@ menubutton.button-toolbar-2.bottom {
|
|||
}
|
||||
|
||||
|
||||
/** Low profile rollover menubuttons
|
||||
**/
|
||||
|
||||
.menubutton-dual.button-toolbar-3,
|
||||
.menubutton-dual.button-toolbar-3:hover,
|
||||
.menubutton-dual.button-toolbar-3:hover:active
|
||||
{
|
||||
border: none;
|
||||
}
|
||||
|
|
@ -9,7 +9,6 @@
|
|||
min-width : 47px;
|
||||
margin : 0px;
|
||||
border : 1px solid transparent;
|
||||
color : WindowText;
|
||||
background-color : transparent;
|
||||
-moz-user-focus : ignore;
|
||||
}
|
||||
|
|
@ -165,6 +164,7 @@
|
|||
.button-toolbar[disabled="true"]:hover > .button-internal-box,
|
||||
.button-toolbar[disabled="true"]:hover:active > .button-internal-box
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
padding : 1px 3px 1px 3px !important;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
|
||||
.menubutton-dual.toolbar.top
|
||||
.menubutton-dual.top
|
||||
{
|
||||
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex");
|
||||
border : 1px solid transparent;
|
||||
-moz-user-focus : ignore !important;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar.left
|
||||
.menubutton-dual.left
|
||||
{
|
||||
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex-left");
|
||||
border : 1px solid transparent;
|
||||
|
|
@ -42,13 +42,13 @@
|
|||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar > .menubutton-dual-dropmarker-box
|
||||
.menubutton-dual > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
padding : 1px 0px 1px 0px;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar.left > .menubutton-dual-dropmarker-box
|
||||
.menubutton-dual.left > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid ThreeDHighlight;
|
||||
border-top : 1px solid ThreeDHighlight;
|
||||
|
|
@ -63,7 +63,7 @@
|
|||
color : GrayText;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar[disabled="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
|
||||
.menubutton-dual[disabled="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
}
|
||||
|
|
@ -82,7 +82,7 @@
|
|||
color : blue;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar[disabled="true"] > .menubutton-dual-ex-button:hover
|
||||
.menubutton-dual[disabled="true"] > .menubutton-dual-ex-button:hover
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
color : GrayText;
|
||||
|
|
@ -97,24 +97,24 @@
|
|||
*/
|
||||
|
||||
/* 2) menubutton gets black border */
|
||||
.menubutton-dual.toolbar[buttonover="true"]
|
||||
.menubutton-dual[buttonover="true"]
|
||||
{
|
||||
border : 1px solid ThreeDDarkShadow;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar[buttonover="true"][disabled="true"]
|
||||
.menubutton-dual[buttonover="true"][disabled="true"]
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar[disabled="true"]:hover > .menubutton-dual-ex-button,
|
||||
.menubutton-dual.toolbar[disabled="true"][buttonover="true"] > .menubutton-dual-ex-button
|
||||
.menubutton-dual[disabled="true"]:hover > .menubutton-dual-ex-button,
|
||||
.menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-ex-button
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
}
|
||||
|
||||
/* 3) dropmarker gets outset border */
|
||||
.menubutton-dual.toolbar[buttonover="true"] > .menubutton-dual-dropmarker-box
|
||||
.menubutton-dual[buttonover="true"] > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid ThreeDHighlight;
|
||||
border-top : 1px solid ThreeDHighlight;
|
||||
|
|
@ -122,7 +122,7 @@
|
|||
border-bottom : 1px solid ThreeDShadow;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar[buttonover="true"][disabled="true"] > .menubutton-dual-dropmarker-box
|
||||
.menubutton-dual[buttonover="true"][disabled="true"] > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
}
|
||||
|
|
@ -147,7 +147,7 @@
|
|||
}
|
||||
|
||||
/* 2). dropmarker gets inset border */
|
||||
.menubutton-dual.toolbar[buttondown="true"] > .menubutton-dual-dropmarker-box
|
||||
.menubutton-dual[buttondown="true"] > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid ThreeDShadow !important;
|
||||
border-top : 1px solid ThreeDShadow !important;
|
||||
|
|
@ -156,7 +156,7 @@
|
|||
padding : 2px 0px 0px 0px !important;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar[buttondown="true"][disabled="true"] > .menubutton-dual-dropmarker-box
|
||||
.menubutton-dual[buttondown="true"][disabled="true"] > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
border : 1px solid transparent !important;
|
||||
padding : 0px !important;
|
||||
|
|
@ -165,18 +165,18 @@
|
|||
/* ACTION: mouse over the menu */
|
||||
|
||||
/* 1). menubutton gets black border */
|
||||
.menubutton-dual.toolbar:hover
|
||||
.menubutton-dual:hover
|
||||
{
|
||||
border : 1px solid ThreeDDarkShadow;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar[disabled="true"]:hover
|
||||
.menubutton-dual[disabled="true"]:hover
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
}
|
||||
|
||||
/* 2). button gets outset border */
|
||||
.menubutton-dual.toolbar:hover > .menubutton-dual-ex-button
|
||||
.menubutton-dual:hover > .menubutton-dual-ex-button
|
||||
{
|
||||
border-left : 1px solid ThreeDHighlight;
|
||||
border-top : 1px solid ThreeDHighlight;
|
||||
|
|
@ -186,7 +186,7 @@
|
|||
}
|
||||
|
||||
/* 3). dropmarker gets outset border */
|
||||
.menubutton-dual.toolbar:hover > .menubutton-dual-dropmarker-box
|
||||
.menubutton-dual:hover > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid ThreeDHighlight;
|
||||
border-top : 1px solid ThreeDHighlight;
|
||||
|
|
@ -194,7 +194,7 @@
|
|||
border-bottom : 1px solid ThreeDShadow;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar[disabled="true"]:hover > .menubutton-dual-dropmarker-box
|
||||
.menubutton-dual[disabled="true"]:hover > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
}
|
||||
|
|
@ -202,13 +202,13 @@
|
|||
/* ACTION: open the menu */
|
||||
|
||||
/* 1). menubutton gets black border */
|
||||
.menubutton-dual.toolbar[open="true"]
|
||||
.menubutton-dual[open="true"]
|
||||
{
|
||||
border : 1px solid ThreeDDarkShadow;
|
||||
}
|
||||
|
||||
/* 2). button gets outset border */
|
||||
.menubutton-dual.toolbar[open="true"] > .menubutton-dual-ex-button
|
||||
.menubutton-dual[open="true"] > .menubutton-dual-ex-button
|
||||
{
|
||||
border-left : 1px solid ThreeDHighlight;
|
||||
border-top : 1px solid ThreeDHighlight;
|
||||
|
|
@ -218,7 +218,7 @@
|
|||
}
|
||||
|
||||
/* 3). dropmarker gets inset border */
|
||||
.menubutton-dual.toolbar[open="true"] > .menubutton-dual-dropmarker-box
|
||||
.menubutton-dual[open="true"] > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid ThreeDShadow;
|
||||
border-top : 1px solid ThreeDShadow;
|
||||
|
|
@ -236,71 +236,75 @@
|
|||
padding : 1px 3px 1px 3px;
|
||||
}
|
||||
|
||||
/* toolbar menubuttons */
|
||||
menubutton.button-toolbar-4
|
||||
{
|
||||
-moz-binding : url("chrome://communicator/skin/menubuttonBindings.xml#menubutton-toolbar-single");
|
||||
border : 1px solid transparent;
|
||||
}
|
||||
|
||||
menubutton.button-toolbar
|
||||
{
|
||||
-moz-binding : url("chrome://communicator/skin/menubuttonBindings.xml#menubutton-toolbar-single");
|
||||
}
|
||||
|
||||
menubutton.button-toolbar[open="true"],
|
||||
menubutton.button-toolbar:hover
|
||||
{
|
||||
color : #FF0000;
|
||||
}
|
||||
|
||||
|
||||
menubutton.button-toolbar > .menubutton-toolbar-single-internal-box > .menubutton-toolbar-single-icon
|
||||
{
|
||||
margin-right : 5px;
|
||||
}
|
||||
menubutton.button-toolbar-4,
|
||||
menubutton.button-toolbar
|
||||
{
|
||||
-moz-binding : url("chrome://communicator/skin/menubuttonBindings.xml#menubutton-toolbar-single");
|
||||
}
|
||||
|
||||
menubutton.button-toolbar-4:hover
|
||||
{
|
||||
border : 1px solid ThreeDDarkShadow;
|
||||
}
|
||||
.menubutton-toolbar-single-internal-box,
|
||||
.button-toolbar[disabled="true"]:hover
|
||||
> .menubutton-toolbar-single-internal-box,
|
||||
.button-toolbar-4[disabled="true"]:hover
|
||||
> .menubutton-toolbar-single-internal-box,
|
||||
.button-toolbar[disabled="true"]:hover:active
|
||||
> .menubutton-toolbar-single-internal-box,
|
||||
.button-toolbar-4[disabled="true"]:hover:active
|
||||
> .menubutton-toolbar-single-internal-box
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
padding : 1px 3px 1px 3px;
|
||||
}
|
||||
|
||||
.menubutton-toolbar-single-internal-box
|
||||
{
|
||||
border : 1px solid transparent;
|
||||
padding : 0px 4px 0px 4px;
|
||||
}
|
||||
menubutton.button-toolbar > .menubutton-toolbar-single-internal-box > .menubutton-toolbar-single-icon
|
||||
{
|
||||
margin-right : 5px;
|
||||
}
|
||||
|
||||
menubutton.button-toolbar > .menubutton-toolbar-single-internal-box
|
||||
{
|
||||
border : none;
|
||||
padding : 0px 4px 0px 4px;
|
||||
}
|
||||
|
||||
menubutton.button-toolbar-4:hover > .menubutton-toolbar-single-internal-box
|
||||
{
|
||||
border-left : 1px solid ThreeDHighlight;
|
||||
border-top : 1px solid ThreeDHighlight;
|
||||
border-right : 1px solid ThreeDShadow;
|
||||
border-bottom : 1px solid ThreeDShadow;
|
||||
}
|
||||
|
||||
menubutton.button-toolbar-4:hover:active > .menubutton-toolbar-single-internal-box,
|
||||
menubutton.button-toolbar-4[open="true"] > .menubutton-toolbar-single-internal-box
|
||||
{
|
||||
border-left : 1px solid ThreeDShadow;
|
||||
border-top : 1px solid ThreeDShadow;
|
||||
border-right : 1px solid ThreeDHighlight;
|
||||
border-bottom : 1px solid ThreeDHighlight;
|
||||
padding : 0px 4px 0px 4px;
|
||||
}
|
||||
|
||||
.menubutton-toolbar-single-dropmarker
|
||||
{
|
||||
padding-left : 4px;
|
||||
list-style-image : url("chrome://global/skin/scroll-up.gif");
|
||||
}
|
||||
.menubutton-toolbar-single-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-up.gif");
|
||||
}
|
||||
|
||||
.button-toolbar > .menubutton-toolbar-single-internal-box > .menubutton-toolbar-single-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
}
|
||||
|
||||
.button-toolbar[disabled="true"] > .menubutton-toolbar-single-internal-box > .menubutton-toolbar-single-dropmarker
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
|
||||
}
|
||||
|
||||
.button-toolbar:hover > .menubutton-toolbar-single-internal-box,
|
||||
.button-toolbar-4:hover > .menubutton-toolbar-single-internal-box
|
||||
{
|
||||
border-left : 1px solid ThreeDHighlight;
|
||||
border-top : 1px solid ThreeDHighlight;
|
||||
border-right : 1px solid ThreeDShadow;
|
||||
border-bottom : 1px solid ThreeDShadow;
|
||||
}
|
||||
|
||||
menubutton.button-toolbar-4:hover:active,
|
||||
menubutton.button-toolbar-4[open="true"],
|
||||
menubutton.button-toolbar:hover:active,
|
||||
menubutton.button-toolbar[open="true"]
|
||||
{
|
||||
border : 1px solid ThreeDDarkShadow;
|
||||
}
|
||||
|
||||
.button-toolbar-4:hover:active > .menubutton-toolbar-single-internal-box,
|
||||
.button-toolbar-4[open="true"] > .menubutton-toolbar-single-internal-box,
|
||||
.button-toolbar:hover:active > .menubutton-toolbar-single-internal-box,
|
||||
.button-toolbar[open="true"] > .menubutton-toolbar-single-internal-box
|
||||
{
|
||||
border-left : 1px solid ThreeDShadow;
|
||||
border-top : 1px solid ThreeDShadow;
|
||||
border-right : 1px solid ThreeDHighlight;
|
||||
border-bottom : 1px solid ThreeDHighlight;
|
||||
padding : 2px 2px 0px 4px;
|
||||
}
|
||||
|
||||
/* menubutton button-toolbar-2 */
|
||||
|
||||
/**
|
||||
|
|
@ -359,3 +363,29 @@ menubutton.button-toolbar-2.bottom {
|
|||
-moz-binding : url("chrome://global/content/xulBindings.xml#buttontop") !important;
|
||||
}
|
||||
|
||||
/** Low profile rollover menubuttons
|
||||
**/
|
||||
|
||||
.menubutton-dual.button-toolbar-3
|
||||
{
|
||||
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex");
|
||||
}
|
||||
|
||||
.menubutton-dual.button-toolbar-3 > .menubutton-dual-ex-button,
|
||||
.menubutton-dual.button-toolbar-3 > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid ThreeDHighlight;
|
||||
border-top : 1px solid ThreeDHighlight;
|
||||
border-right : 1px solid ThreeDShadow;
|
||||
border-bottom : 1px solid ThreeDShadow;
|
||||
}
|
||||
|
||||
.menubutton-dual.button-toolbar-3[buttondown="true"] > .menubutton-dual-dropmarker-box,
|
||||
.menubutton-dual.button-toolbar-3[open="true"] > .menubutton-dual-dropmarker-box
|
||||
{
|
||||
border-left : 1px solid ThreeDShadow !important;
|
||||
border-top : 1px solid ThreeDShadow !important;
|
||||
border-right : 1px solid ThreeDHighlight !important;
|
||||
border-bottom : 1px solid ThreeDHighlight !important;
|
||||
}
|
||||
|
||||
|
|
|
|||
Двоичные данные
themes/classic/editor/images/insert-disabled.gif
Двоичные данные
themes/classic/editor/images/insert-disabled.gif
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 870 B После Ширина: | Высота: | Размер: 0 B |
Двоичные данные
themes/classic/editor/images/insert-hover-active.gif
Двоичные данные
themes/classic/editor/images/insert-hover-active.gif
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 874 B После Ширина: | Высота: | Размер: 0 B |
Двоичные данные
themes/classic/editor/images/insert-hover.gif
Двоичные данные
themes/classic/editor/images/insert-hover.gif
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 874 B После Ширина: | Высота: | Размер: 0 B |
Двоичные данные
themes/classic/editor/images/insert.gif
Двоичные данные
themes/classic/editor/images/insert.gif
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 879 B После Ширина: | Высота: | Размер: 0 B |
|
|
@ -624,11 +624,41 @@ button.edit-mode[selected="1"]:hover:active
|
|||
}
|
||||
|
||||
#AlignPopupButton {
|
||||
list-style-image:url("chrome://editor/skin/images/align.gif");
|
||||
list-style-image : url("chrome://editor/skin/images/align.gif");
|
||||
}
|
||||
|
||||
#AlignPopupButton:hover {
|
||||
list-style-image : url("chrome://editor/skin/images/align-hover.gif");
|
||||
}
|
||||
|
||||
#AlignPopupButton:hover:active,
|
||||
#AlignPopupButton[open="true"] {
|
||||
list-style-image : url("chrome://editor/skin/images/align-hover-active.gif");
|
||||
}
|
||||
|
||||
#AlignPopupButton[disabled="true"],
|
||||
#AlignPopupButton[disabled="true"]:hover,
|
||||
#AlignPopupButton[disabled="true"]:hover:active {
|
||||
list-style-image : url("chrome://editor/skin/images/align-disabled.gif");
|
||||
}
|
||||
|
||||
#InsertPopupButton {
|
||||
list-style-image:url("chrome://editor/skin/images/object-popup.gif");
|
||||
list-style-image : url("chrome://editor/skin/images/insert.gif");
|
||||
}
|
||||
|
||||
#InsertPopupButton:hover {
|
||||
list-style-image : url("chrome://editor/skin/images/insert-hov.gif");
|
||||
}
|
||||
|
||||
#InsertPopupButton:hover:active,
|
||||
#InsertPopupButton[open="true"] {
|
||||
list-style-image : url("chrome://editor/skin/images/insert-act.gif");
|
||||
}
|
||||
|
||||
#InsertPopupButton[disabled="true"],
|
||||
#InsertPopupButton[disabled="true"]:hover,
|
||||
#InsertPopupButton[disabled="true"]:hover:active {
|
||||
list-style-image : url("chrome://editor/skin/images/insert-dis.gif");
|
||||
}
|
||||
|
||||
#text-align-left,
|
||||
|
|
|
|||
|
|
@ -624,11 +624,41 @@ button.edit-mode[selected="1"]:hover:active
|
|||
}
|
||||
|
||||
#AlignPopupButton {
|
||||
list-style-image:url("chrome://editor/skin/images/align.gif");
|
||||
list-style-image : url("chrome://editor/skin/images/align.gif");
|
||||
}
|
||||
|
||||
#AlignPopupButton:hover {
|
||||
list-style-image : url("chrome://editor/skin/images/align-hover.gif");
|
||||
}
|
||||
|
||||
#AlignPopupButton:hover:active,
|
||||
#AlignPopupButton[open="true"] {
|
||||
list-style-image : url("chrome://editor/skin/images/align-hover-active.gif");
|
||||
}
|
||||
|
||||
#AlignPopupButton[disabled="true"],
|
||||
#AlignPopupButton[disabled="true"]:hover,
|
||||
#AlignPopupButton[disabled="true"]:hover:active {
|
||||
list-style-image : url("chrome://editor/skin/images/align-disabled.gif");
|
||||
}
|
||||
|
||||
#InsertPopupButton {
|
||||
list-style-image:url("chrome://editor/skin/images/object-popup.gif");
|
||||
list-style-image : url("chrome://editor/skin/images/insert.gif");
|
||||
}
|
||||
|
||||
#InsertPopupButton:hover {
|
||||
list-style-image : url("chrome://editor/skin/images/insert-hover.gif");
|
||||
}
|
||||
|
||||
#InsertPopupButton:hover:active,
|
||||
#InsertPopupButton[open="true"] {
|
||||
list-style-image : url("chrome://editor/skin/images/insert-hover-active.gif");
|
||||
}
|
||||
|
||||
#InsertPopupButton[disabled="true"],
|
||||
#InsertPopupButton[disabled="true"]:hover,
|
||||
#InsertPopupButton[disabled="true"]:hover:active {
|
||||
list-style-image : url("chrome://editor/skin/images/insert-disabled.gif");
|
||||
}
|
||||
|
||||
#text-align-left,
|
||||
|
|
|
|||
|
|
@ -109,7 +109,7 @@ button, .exit-dialog {
|
|||
min-width : 60px;
|
||||
min-height : 20px;
|
||||
color : #000000;
|
||||
background-color : transparent !important; /* Greatly increases responsiveness and 'feel' */
|
||||
background-color : transparent; /* Greatly increases responsiveness and 'feel' */
|
||||
}
|
||||
|
||||
button {
|
||||
|
|
@ -634,4 +634,3 @@ button[default="true"][disabled="true"]:hover:active > .button-image-right,
|
|||
padding : none;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
/*
|
||||
.menubutton-dual,
|
||||
.menubutton-dual[disabled="true"]:hover,
|
||||
.menubutton-dual[disabled="true"]:hover:active,
|
||||
|
|
@ -137,3 +138,4 @@
|
|||
{
|
||||
list-style-image : inherit;
|
||||
}
|
||||
*/
|
||||
|
|
@ -20,11 +20,29 @@
|
|||
#ubhist
|
||||
{
|
||||
margin : 0px;
|
||||
background-color : #DDDDDD;
|
||||
list-style-image : url("chrome://global/skin/scroll-down.gif");
|
||||
width : 14px;
|
||||
height : 14px;
|
||||
}
|
||||
|
||||
#ubhist-popup > menuitem
|
||||
{
|
||||
max-width : 550px !important;
|
||||
}
|
||||
|
||||
#ubhist > .menubutton-icon-internal-box
|
||||
{
|
||||
border-left : 1px solid #FFFFFF;
|
||||
border-top : 1px solid #FFFFFF;
|
||||
border-right : 1px solid #9D9D9D;
|
||||
border-bottom : 1px solid #9D9D9D;
|
||||
}
|
||||
|
||||
#ubhist:hover:active > .menubutton-icon-internal-box,
|
||||
#ubhist[open="true"] > .menubutton-icon-internal-box
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
}
|
||||
|
||||
#urlbar-container
|
||||
{
|
||||
padding : 3px 2px 2px 3px;
|
||||
|
|
@ -69,21 +87,19 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
|
|||
|
||||
#back-button[disabled="true"],
|
||||
#back-button[disabled="true"]:hover,
|
||||
#back-button[disabled="true"]:hover:active,
|
||||
#back-button[disabled="true"] > .classic-simplebutton-box > .classic-simplebutton:hover,
|
||||
#back-button[disabled="true"] > .classic-simplebutton-box > .classic-simplebutton: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 > .classic-simplebutton-box > .classic-simplebutton:hover
|
||||
#back-button[buttonover="true"]
|
||||
{
|
||||
list-style-image : url("chrome://navigator/skin/back-hover.gif");
|
||||
}
|
||||
|
||||
#back-button:hover:active,
|
||||
#back-button > .classic-simplebutton-box > .classic-simplebutton:hover:active
|
||||
#back-button[buttondown="true"]
|
||||
{
|
||||
list-style-image : url("chrome://navigator/skin/back-hover-active.gif");
|
||||
}
|
||||
|
|
@ -97,21 +113,19 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
|
|||
|
||||
#forward-button[disabled="true"],
|
||||
#forward-button[disabled="true"]:hover,
|
||||
#forward-button[disabled="true"]:hover:active,
|
||||
#forward-button[disabled="true"] > .classic-simplebutton-box > .classic-simplebutton:hover,
|
||||
#forward-button[disabled="true"] > .classic-simplebutton-box > .classic-simplebutton: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 > .classic-simplebutton-box > .classic-simplebutton:hover
|
||||
#forward-button[buttonover="true"]
|
||||
{
|
||||
list-style-image : url("chrome://navigator/skin/forward-hover.gif");
|
||||
}
|
||||
|
||||
#forward-button:hover:active,
|
||||
#forward-button > .classic-simplebutton-box > .classic-simplebutton:hover:active
|
||||
#forward-button[buttondown="true"]
|
||||
{
|
||||
list-style-image : url("chrome://navigator/skin/forward-hover-active.gif");
|
||||
}
|
||||
|
|
@ -226,12 +240,15 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
|
|||
}
|
||||
|
||||
#print-button[disabled="true"],
|
||||
#print-button[disabled="true"]:hover,
|
||||
#print-button[disabled="true"]:hover:active,
|
||||
#print-button[disabled="true"][buttonover="true"],
|
||||
#print-button[disabled="true"][buttondown="true"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/print-disabled.gif");
|
||||
}
|
||||
|
||||
#print-button:hover,
|
||||
#print-button[buttonover="true"]
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/print-hover.gif");
|
||||
|
|
|
|||
|
|
@ -1,353 +1,219 @@
|
|||
/*
|
||||
* 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-1999 Netscape Communications Corporation. All
|
||||
* Rights Reserved.
|
||||
*
|
||||
* Contributor(s):
|
||||
*
|
||||
*/
|
||||
|
||||
/** Standard toolbar buttons
|
||||
* class="button-toolbar"
|
||||
**/
|
||||
.button-toolbar
|
||||
{
|
||||
-moz-binding : url("chrome://global/content/xulBindings.xml#buttonleft");
|
||||
margin : 0px 0px 0px 0px;
|
||||
border : 0px solid transparent;
|
||||
-moz-border-radius : 0px;
|
||||
padding : 0px;
|
||||
max-width : 10em;
|
||||
min-width : 0px;
|
||||
height : 1px;
|
||||
font : message-box;
|
||||
color : #FFFFFF;
|
||||
-moz-user-focus : ignore !important;
|
||||
}
|
||||
|
||||
.button-toolbar:hover
|
||||
{
|
||||
border : 0px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.button-toolbar:hover:active,
|
||||
.button-toolbar[home-dragover="true"]
|
||||
{
|
||||
border : 0px solid #336699;
|
||||
color : #D0E7E7;
|
||||
}
|
||||
|
||||
.button-toolbar > .button-internal-box,
|
||||
.button-toolbar:hover > .button-internal-box,
|
||||
.button-toolbar[disabled="true"] > .button-internal-box,
|
||||
.button-toolbar[disabled="true"]:hover > .button-internal-box,
|
||||
.button-toolbar[disabled="true"]:hover:active > .button-internal-box
|
||||
{
|
||||
padding : 1px 3px 1px 3px;
|
||||
border : none;
|
||||
}
|
||||
|
||||
.button-toolbar > .button-internal-box > .button-text-container,
|
||||
.button-toolbar > .button-internal-box > .button-text-container > .button-text
|
||||
{
|
||||
padding : 0px;
|
||||
margin : 0px;
|
||||
}
|
||||
/* ==== button.css ==========================================================
|
||||
== Styles for special buttons in the Communicator suite.
|
||||
========================================================================== */
|
||||
|
||||
button.bookmarkitem.button-toolbar:hover
|
||||
{
|
||||
text-decoration : underline;
|
||||
cursor : pointer;
|
||||
}
|
||||
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
.button-toolbar:hover:active > .button-internal-box
|
||||
{
|
||||
padding : 2px 2px 0px 4px;
|
||||
border : none;
|
||||
}
|
||||
|
||||
.button-toolbar:hover:active[home-dragover="true"] > .button-internal-box
|
||||
{
|
||||
padding : 1px 3px 1px 3px;
|
||||
border : none;
|
||||
}
|
||||
|
||||
.button-toolbar[toggled="true"]
|
||||
{
|
||||
/* border : 0px solid #036;
|
||||
background-color : #DFFFFF;
|
||||
-moz-border-radius : 4px;
|
||||
*/ }
|
||||
/* ::::: standard toolbar buttons ::::: */
|
||||
|
||||
.button-toolbar[disabled="true"],
|
||||
.button-toolbar[disabled="true"]:hover,
|
||||
.button-toolbar[disabled="true"]:hover:active
|
||||
{
|
||||
border : 0px solid transparent;
|
||||
color : #D0E7E7;
|
||||
}
|
||||
.button-toolbar {
|
||||
-moz-binding: url("chrome://global/content/xulBindings.xml#buttonleft");
|
||||
-moz-user-focus: ignore !important;
|
||||
margin: 1px;
|
||||
border: none;
|
||||
height: 0px;
|
||||
min-width: 0px;
|
||||
max-width: 10em;
|
||||
color: #FFFFFF;
|
||||
font: message-box;
|
||||
}
|
||||
|
||||
/** The largest type of toolbar buttons. In the Seamonkey implementation,
|
||||
* these are only used in the navigation toolbar in the navigator package.
|
||||
**/
|
||||
|
||||
/* outer frame */
|
||||
.button-toolbar-1
|
||||
{
|
||||
-moz-binding : url("chrome://global/content/xulBindings.xml#buttontop");
|
||||
color : #D0E7E7;
|
||||
margin : 3px 2px 9px 2px;
|
||||
font-size : smaller;
|
||||
border : 0px;
|
||||
padding : 0px;
|
||||
-moz-border-radius : 0px;
|
||||
min-width : 0px;
|
||||
text-align : center;
|
||||
-moz-user-focus : ignore !important;
|
||||
}
|
||||
|
||||
.button-toolbar-1:hover
|
||||
{
|
||||
border : 0px;
|
||||
padding : 0px;
|
||||
}
|
||||
.button-toolbar > .button-internal-box,
|
||||
.button-toolbar[disabled="true"]:hover:active > .button-internal-box,
|
||||
.button-toolbar[toggled="true"]:hover:active > .button-internal-box {
|
||||
padding: 1px 2px 1px 2px;
|
||||
}
|
||||
|
||||
.button-toolbar-1:hover:active
|
||||
{
|
||||
border : 0px;
|
||||
padding : 0px;
|
||||
color : #D0E7E7;
|
||||
}
|
||||
.button-toolbar[value] > .button-internal-box > .button-icon {
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.button-toolbar-1[disabled="true"],
|
||||
.button-toolbar-1[disabled="true"]:hover,
|
||||
.button-toolbar-1[disabled="true"]:hover:active
|
||||
{
|
||||
margin : 3px 2px 9px 2px;
|
||||
border : none;
|
||||
color : #D0E7E7;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
/* 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
|
||||
{
|
||||
border : 0px;
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
.button-toolbar-1 > .button-internal-box,
|
||||
.button-toolbar-1:hover > .button-internal-box,
|
||||
.button-toolbar-1:hover:active > .button-internal-box
|
||||
{
|
||||
border : 0px;
|
||||
vertical-align : middle;
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
.button-toolbar-1 > .button-internal-box > .button-text-container
|
||||
{
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
/** 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.
|
||||
**/
|
||||
.button-toolbar-2
|
||||
{
|
||||
-moz-binding : url(chrome://global/skin/globalBindings.xml#button-doubletext);
|
||||
color : #D0E7E7;
|
||||
margin : 3px 3px 1px 3px;
|
||||
font-size : smaller;
|
||||
border : 0px;
|
||||
padding : 0px;
|
||||
min-width : 0px;
|
||||
text-align : center;
|
||||
-moz-user-focus : ignore !important;
|
||||
}
|
||||
|
||||
.button-toolbar-2:hover
|
||||
{
|
||||
border : 0px;
|
||||
padding : 0px;
|
||||
}
|
||||
.button-toolbar:hover {
|
||||
background-color: #6684A5;
|
||||
}
|
||||
|
||||
.button-toolbar-2:hover:active
|
||||
{
|
||||
border : 0px;
|
||||
padding : 0px;
|
||||
color : #D0E7E7;
|
||||
}
|
||||
.button-toolbar:hover:active,
|
||||
.button-toolbar[home-dragover="true"] {
|
||||
background-color: #455A70;
|
||||
color: #9DB8C1;
|
||||
}
|
||||
|
||||
.button-toolbar-2[disabled="true"],
|
||||
.button-toolbar-2[disabled="true"]:hover,
|
||||
.button-toolbar-2[disabled="true"]:hover:active
|
||||
{
|
||||
border : 0px;
|
||||
padding : 0px;
|
||||
color : #D0E7E7;
|
||||
}
|
||||
|
||||
/* internal frame */
|
||||
.button-toolbar-2[disabled="true"] > .button-internal-box,
|
||||
.button-toolbar-2[disabled="true"]:hover > .button-internal-box,
|
||||
.button-toolbar-2[disabled="true"]:hover:active > .button-internal-box
|
||||
{
|
||||
border : 0px;
|
||||
padding : 0px;
|
||||
vertical-align : middle;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
.button-toolbar-2 > .button-internal-box,
|
||||
.button-toolbar-2:hover > .button-internal-box,
|
||||
.button-toolbar-2:hover:active > .button-internal-box
|
||||
{
|
||||
border : 0px;
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
/* text wrapper frame */
|
||||
.button-toolbar-2 > .button-internal-box > .button-text-container
|
||||
{
|
||||
text-align : center;
|
||||
margin : 0px;
|
||||
border : 0px;
|
||||
margin-top : -1px;
|
||||
}
|
||||
.button-toolbar:hover:active > .button-internal-box {
|
||||
padding: 2px 1px 0px 3px;
|
||||
}
|
||||
|
||||
.button-text-shadow
|
||||
{
|
||||
margin : 1px 0px 0px 3px;
|
||||
color : #394B6E;
|
||||
}
|
||||
.button-toolbar:hover:active[home-dragover="true"]
|
||||
> .button-internal-box
|
||||
{
|
||||
padding: 1px 2px 1px 2px;
|
||||
}
|
||||
|
||||
.button-text-shadow[disabled="true"]
|
||||
{
|
||||
display : none;
|
||||
}
|
||||
.button-toolbar[disabled="true"],
|
||||
.button-toolbar[disabled="true"]:hover,
|
||||
.button-toolbar[disabled="true"]:hover:active {
|
||||
background-color: transparent;
|
||||
color: #D0E7E7;
|
||||
}
|
||||
|
||||
.button-toolbar-2[disabled="true"] > .button-internal-box > .button-text-container > stack > .button-text
|
||||
{
|
||||
color: #425D84;
|
||||
}
|
||||
.button-toolbar[toggled="true"],
|
||||
.button-toolbar[toggled="true"]:hover,
|
||||
.button-toolbar[toggled="true"]:hover:active {
|
||||
background-color: #455A70;
|
||||
color: #9DB8C1;
|
||||
}
|
||||
|
||||
/* ::::: standard toolbar buttons on a tabpanel ::::: */
|
||||
|
||||
/** "Green" buttons, e.g. "Search"
|
||||
* class="button-toolbar-3"
|
||||
**/
|
||||
button.button-toolbar-3
|
||||
{
|
||||
-moz-binding : url("chrome://global/skin/globalBindings.xml#nine-slice-button");
|
||||
background-color : transparent;
|
||||
border : 0px;
|
||||
margin : 3px 7px 2px 0px;
|
||||
height : 22px;
|
||||
-moz-user-focus : ignore !important;
|
||||
}
|
||||
.button-toolbar.tabpanel,
|
||||
.button-toolbar.tabpanel:hover,
|
||||
.button-toolbar.tabpanel:hover:active {
|
||||
padding: 2px;
|
||||
background-color: transparent;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.button-toolbar-3 > stack > box > .button-text-mid
|
||||
{
|
||||
font-weight: bold;
|
||||
}
|
||||
.button-toolbar.tabpanel,
|
||||
.button-toolbar.tabpanel[disabled="true"],
|
||||
.button-toolbar.tabpanel[disabled="true"]:hover,
|
||||
.button-toolbar.tabpanel[disabled="true"]:hover:active {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
button.button-toolbar-3[disabled="true"], .button-toolbar-3[disabled="true"]:hover, .button-toolbar-3[disabled="true"]:hover:active
|
||||
{
|
||||
border : 0px;
|
||||
}
|
||||
.button-toolbar.tabpanel:hover {
|
||||
border: 1px outset #C2D0D0;
|
||||
}
|
||||
|
||||
/** Expanding Region Button **/
|
||||
.button-toolbar.tabpanel:hover:active {
|
||||
border-style: inset;
|
||||
}
|
||||
|
||||
/* outer frame */
|
||||
button.expander
|
||||
{
|
||||
border : none;
|
||||
padding : 0;
|
||||
margin : 1px 5px 3px 1px;
|
||||
background-color : inherit;
|
||||
list-style-image : url("chrome://global/skin/closedtwisty.gif");
|
||||
}
|
||||
|
||||
button[open="true"].expander
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/opentwisty.gif");
|
||||
}
|
||||
|
||||
/* internal frame */
|
||||
button.expander > .button-internal-box
|
||||
{
|
||||
border : none;
|
||||
background-color : inherit;
|
||||
padding : 0;
|
||||
margin : 0;
|
||||
}
|
||||
/* ::::: the largest type of toolbar buttons ::::: */
|
||||
|
||||
/* text frame */
|
||||
button.expander > .button-internal-box > .button-text-container > .button-text
|
||||
{
|
||||
color : #0000FF;
|
||||
text-decoration : underline;
|
||||
}
|
||||
|
||||
button.expander:hover > .button-internal-box > .button-text-container > .button-text
|
||||
{
|
||||
color : #FF0000;
|
||||
}
|
||||
.button-toolbar-1 {
|
||||
-moz-binding: url("chrome://global/content/xulBindings.xml#buttontop");
|
||||
-moz-user-focus: ignore;
|
||||
margin: 3px 2px 0px 2px;
|
||||
border: none;
|
||||
min-width: 0px;
|
||||
font-size: smaller;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/**
|
||||
* button styles for taskbar, sidebar headers, etc.
|
||||
**/
|
||||
.button-toolbar-4
|
||||
{
|
||||
-moz-binding : url("chrome://global/content/xulBindings.xml#buttonleft");
|
||||
color : #D0E7E7;
|
||||
background : inherit;
|
||||
font : inherit;
|
||||
padding : 1px;
|
||||
margin : 0px;
|
||||
min-width : 0px;
|
||||
height : 1px;
|
||||
border : 0px;
|
||||
-moz-user-focus : ignore !important;
|
||||
}
|
||||
.button-toolbar-1,
|
||||
.button-toolbar-1:hover:active,
|
||||
.button-toolbar-1[disabled="true"],
|
||||
.button-toolbar-1[disabled="true"]:hover,
|
||||
.button-toolbar-1[disabled="true"]:hover:active {
|
||||
color: #D0E7E7;
|
||||
}
|
||||
|
||||
.button-toolbar-4:hover
|
||||
{
|
||||
text-decoration : none;
|
||||
}
|
||||
/* :::::
|
||||
:: 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.
|
||||
::::: */
|
||||
|
||||
.button-toolbar-4:hover:active
|
||||
{
|
||||
text-decoration : none;
|
||||
color : #CCFFFF;
|
||||
}
|
||||
|
||||
menubutton.button-toolbar-4
|
||||
{
|
||||
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-single-right") !important;
|
||||
margin : 0px 6px;
|
||||
min-width : 0px;
|
||||
}
|
||||
.button-toolbar-2 {
|
||||
-moz-binding: url("chrome://global/skin/globalBindings.xml#button-doubletext");
|
||||
-moz-user-focus: ignore;
|
||||
margin: 3px 3px 1px 3px;
|
||||
border: none;
|
||||
min-width: 52px;
|
||||
font-size: smaller;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.button-toolbar-4 > .menubutton-internal-box > .menubutton-single-icon
|
||||
{
|
||||
list-style-image : url(chrome://global/skin/mb-single-arrow.gif);
|
||||
}
|
||||
.button-toolbar-2,
|
||||
.button-toolbar-2:hover:active,
|
||||
.button-toolbar-2[disabled="true"],
|
||||
.button-toolbar-2[disabled="true"]:hover,
|
||||
.button-toolbar-2[disabled="true"]:hover:active {
|
||||
color: #D0E7E7;
|
||||
}
|
||||
|
||||
.button-toolbar-4 > .button-internal-box,
|
||||
.button-toolbar-4 > .menubutton-internal-box
|
||||
{
|
||||
border : 0px !important;
|
||||
padding : 0px !important;
|
||||
}
|
||||
|
||||
/* text wrapping frame (hack because <text> does not support alignment) */
|
||||
.button-text-container {
|
||||
text-align : center;
|
||||
vertical-align : middle;
|
||||
}
|
||||
.button-text-shadow {
|
||||
margin: 1px 0px 0px 1px;
|
||||
color: #394B6E;
|
||||
}
|
||||
|
||||
.button-text[disabled="true"] {
|
||||
color: #425D84;
|
||||
}
|
||||
|
||||
.button-text-shadow[disabled="true"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* :::::
|
||||
:: Buttons that look like normal buttons but are meant to sit in a toolbar
|
||||
::::: */
|
||||
|
||||
.button-toolbar-3 {
|
||||
-moz-binding: url("chrome://global/skin/globalBindings.xml#nine-slice-button");
|
||||
-moz-user-focus: ignore;
|
||||
margin: 2px;
|
||||
border: none;
|
||||
height: 22px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* ::::: button styles for taskbar, sidebar headers, etc. ::::: */
|
||||
|
||||
.button-toolbar-4 {
|
||||
-moz-binding: url("chrome://global/content/xulBindings.xml#buttonleft");
|
||||
-moz-user-focus: ignore;
|
||||
margin: 0px;
|
||||
border: none;
|
||||
padding: 1px;
|
||||
height: 1px;
|
||||
min-width: 0px;
|
||||
background: inherit;
|
||||
color: #D0E7E7;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
.button-toolbar-4:hover:active {
|
||||
color: #CCFFFF;
|
||||
}
|
||||
|
||||
.button-toolbar-4 > .button-internal-box {
|
||||
border: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
/* ::::: shared text wrapping frame ::::: */
|
||||
|
||||
.button-text-container {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* ::::: ok/cancel buttons in dialogs ::::: */
|
||||
|
||||
.exit-dialog {
|
||||
font: menu;
|
||||
}
|
||||
|
||||
/* text frame */
|
||||
.button-text {
|
||||
padding : 0px 2px 0px 2px;
|
||||
}
|
||||
|
||||
button[orient="vertical"] > .button-internal-box > .button-text-container > .button-text {
|
||||
padding : 2px 2px 0px 2px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,156 +1,194 @@
|
|||
/*
|
||||
* 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-1999 Netscape Communications Corporation. All
|
||||
* Rights Reserved.
|
||||
*
|
||||
* Contributor(s):
|
||||
*
|
||||
*/
|
||||
|
||||
/** Styles applying to items in a button-toolbar-3 style menu
|
||||
* menuitem class="button-toolbar-3"
|
||||
**/
|
||||
.button-toolbar-3 > .menubutton-icon-internal-box
|
||||
{
|
||||
border : 1px outset #99CCCC;
|
||||
|
||||
}
|
||||
/* ==== menubuttons.css =================================================
|
||||
== Styles used for menubutton widgets in the Communicator suite.
|
||||
====================================================================== */
|
||||
|
||||
.button-toolbar-3[open="true"] > .menubutton-icon-internal-box,
|
||||
.button-toolbar-3:hover:active > .menubutton-icon-internal-box
|
||||
{
|
||||
border : 1px inset #99CCCC;
|
||||
}
|
||||
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* ::::: button-toolbar menubuttons ::::: */
|
||||
|
||||
menubutton.button-toolbar {
|
||||
-moz-binding: url("chrome://communicator/skin/menubuttonBindings.xml#menubutton-toolbar-single");
|
||||
}
|
||||
|
||||
.menubutton-internal-box,
|
||||
.button-toolbar[disabled="true"]:hover > .menubutton-internal-box,
|
||||
.button-toolbar-4[disabled="true"]:hover > .menubutton-internal-box,
|
||||
.button-toolbar[disabled="true"]:hover:active > .menubutton-internal-box,
|
||||
.button-toolbar-4[disabled="true"]:hover:active > .menubutton-internal-box
|
||||
{
|
||||
border: none;
|
||||
padding: 1px 3px 1px 3px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.button-toolbar > .menubutton-internal-box > .menubutton-single-icon {
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.button-toolbar > .menubutton-internal-box > .menubutton-single-text {
|
||||
max-width: 8em;
|
||||
}
|
||||
|
||||
.button-toolbar:hover {
|
||||
background-color: #6684A5;
|
||||
}
|
||||
|
||||
menupopup.button-toolbar-3
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
background : #B2CAC9;
|
||||
}
|
||||
.button-toolbar:hover:active,
|
||||
.button-toolbar[open="true"] {
|
||||
background-color: #455A70;
|
||||
color: #9DB8C1;
|
||||
}
|
||||
|
||||
menuitem.button-toolbar-3
|
||||
{
|
||||
font-weight : normal;
|
||||
}
|
||||
|
||||
.button-toolbar-3[menuactive="true"]
|
||||
{
|
||||
background-color : #669999;
|
||||
color : #FFFFFF;
|
||||
font-weight : normal;
|
||||
}
|
||||
.button-toolbar > .menubutton-internal-box > .menubutton-dropmarker {
|
||||
margin: 2px;
|
||||
list-style-image: url("chrome://communicator/skin/toolbar/mbtn-tb-arrow.gif");
|
||||
}
|
||||
|
||||
.button-toolbar:hover > .menubutton-internal-box > .menubutton-dropmarker {
|
||||
list-style-image: url("chrome://communicator/skin/toolbar/mbtn-tb-arrow-hov.gif");
|
||||
}
|
||||
|
||||
/** menubuttons on generic grey toolbars
|
||||
* class="button-toolbar"
|
||||
**/
|
||||
menubutton.button-toolbar
|
||||
{
|
||||
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-single-left");
|
||||
}
|
||||
|
||||
.button-toolbar > .menubutton-internal-box
|
||||
{
|
||||
border : none;
|
||||
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
|
||||
{
|
||||
border : none;
|
||||
padding : 1px 3px 1px 3px;
|
||||
}
|
||||
|
||||
.button-toolbar[open="true"]
|
||||
{
|
||||
border : 0px solid #336699;
|
||||
border-bottom : 0px solid #CCCCCC;
|
||||
}
|
||||
.button-toolbar:hover:active > .menubutton-internal-box
|
||||
> .menubutton-dropmarker,
|
||||
.button-toolbar[open="true"] > .menubutton-internal-box
|
||||
> .menubutton-dropmarker
|
||||
{
|
||||
list-style-image: url("chrome://communicator/skin/toolbar/mbtn-tb-arrow-act.gif");
|
||||
}
|
||||
|
||||
/**
|
||||
* Navigation bar style menubuttons
|
||||
**/
|
||||
.button-toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dropmarker,
|
||||
.button-toolbar[disabled="true"]:hover > .menubutton-internal-box
|
||||
> .menubutton-dropmarker,
|
||||
.button-toolbar[disabled="true"]:hover:active > .menubutton-internal-box
|
||||
> .menubutton-dropmarker
|
||||
{
|
||||
list-style-image: url("chrome://communicator/skin/toolbar/mbtn-tb-arrow-dis.gif");
|
||||
}
|
||||
|
||||
/* ::::: single toolbar menubuttons ::::: */
|
||||
|
||||
.menubutton-dual.toolbar
|
||||
{
|
||||
-moz-binding : url("chrome://communicator/skin/menubuttonBindings.xml#menubutton-dual-foo");
|
||||
border : 0px;
|
||||
margin : 3px 2px 9px 2px;
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar[disabled="true"],
|
||||
.menubutton-dual.toolbar[disabled="true"]:hover,
|
||||
.menubutton-dual.toolbar[disabled="true"]:hover:active
|
||||
{
|
||||
margin : 3px 2px 9px 2px;
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
.button-toolbar-1.menubutton-dual-button,
|
||||
.button-toolbar-1.menubutton-dual-button[disabled="true"],
|
||||
.button-toolbar-1.menubutton-dual-button[disabled="true"]:hover,
|
||||
.button-toolbar-1.menubutton-dual-button[disabled="true"]:hover:active
|
||||
{
|
||||
list-style-image : inherit;
|
||||
margin : 0px;
|
||||
}
|
||||
|
||||
.button-toolbar-2.menubutton-dual-button
|
||||
{
|
||||
list-style-image : inherit;
|
||||
margin : 4px 7px 1px 1px;
|
||||
}
|
||||
|
||||
.button-toolbar-2.menubutton-dual-button > .button-internal-box > .button-text-container
|
||||
{
|
||||
padding-top : 0px;
|
||||
}
|
||||
|
||||
.menubutton-dual-dropmarker
|
||||
{
|
||||
background : transparent;
|
||||
list-style-image : url("chrome://communicator/skin/tb-menubutton-dm.gif");
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar:hover > .menubutton-dual-stack > .menubutton-dual-dropmarker-box > .menubutton-dual-dropmarker
|
||||
{
|
||||
background : transparent;
|
||||
list-style-image : url("chrome://communicator/skin/tb-menubutton-dm-hover.gif");
|
||||
}
|
||||
|
||||
.menubutton-dual.toolbar:hover:active > .menubutton-dual-stack > .menubutton-dual-dropmarker-box > .menubutton-dual-dropmarker
|
||||
{
|
||||
background : transparent;
|
||||
list-style-image : url("chrome://communicator/skin/tb-menubutton-dm-clicked.gif");
|
||||
}
|
||||
|
||||
.menubutton-dual-dropmarker[disabled="true"],
|
||||
.menubutton-dual.toolbar:hover[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-dropmarker-box > .menubutton-dual-dropmarker,
|
||||
.menubutton-dual.toolbar:hover:active[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-dropmarker-box > .menubutton-dual-dropmarker
|
||||
{
|
||||
background : transparent;
|
||||
list-style-image : none;
|
||||
}
|
||||
|
||||
.menubutton-dual-dropmarker-box
|
||||
{
|
||||
margin-left : 23px;
|
||||
margin-top : 26px;
|
||||
}
|
||||
|
||||
.button-toolbar-2 + .menubutton-dual-dropmarker-box
|
||||
{
|
||||
margin-left : 28px;
|
||||
margin-bottom : 1em;
|
||||
}
|
||||
|
||||
menubutton.button-toolbar-2.top {
|
||||
-moz-binding : url(chrome://global/skin/globalBindings.xml#button-doubletext);
|
||||
-moz-binding: url("chrome://global/skin/globalBindings.xml#button-doubletext");
|
||||
}
|
||||
|
||||
menubutton.button-toolbar-2.bottom {
|
||||
-moz-binding : url(chrome://global/skin/globalBindings.xml#button-doubletext);
|
||||
-moz-binding: url("chrome://global/skin/globalBindings.xml#button-doubletext");
|
||||
}
|
||||
|
||||
/* ::::: dual toolbar menubuttons ::::: */
|
||||
|
||||
.menubutton-dual {
|
||||
-moz-binding: url("chrome://communicator/skin/menubuttonBindings.xml#menubutton-dual-foo");
|
||||
margin: 3px 2px 0px 2px;
|
||||
border: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.button-toolbar-1.menubutton-dual-button,
|
||||
.button-toolbar-2.menubutton-dual-button {
|
||||
margin: 0px;
|
||||
list-style-image: inherit;
|
||||
}
|
||||
|
||||
/* ..... dropmarker box ..... */
|
||||
|
||||
.menubutton-dual-dropmarker-box {
|
||||
margin: 26px 0px 0px 23px;
|
||||
}
|
||||
|
||||
.button-toolbar-2 + .menubutton-dual-dropmarker-box {
|
||||
margin: 10px 0px 0px 31px;
|
||||
}
|
||||
|
||||
/* ..... dropmarker ..... */
|
||||
|
||||
.menubutton-dual-dropmarker {
|
||||
list-style-image: url("chrome://communicator/skin/toolbar/mbtn1-arrow.gif");
|
||||
}
|
||||
|
||||
.menubutton-dual:hover > .menubutton-dual-stack
|
||||
> .menubutton-dual-dropmarker-box > .menubutton-dual-dropmarker
|
||||
{
|
||||
list-style-image: url("chrome://communicator/skin/toolbar/mbtn1-arrow-hov.gif");
|
||||
}
|
||||
|
||||
.menubutton-dual:hover:active > .menubutton-dual-stack
|
||||
> .menubutton-dual-dropmarker-box > .menubutton-dual-dropmarker
|
||||
{
|
||||
list-style-image: url("chrome://communicator/skin/toolbar/mbtn1-arrow-act.gif");
|
||||
}
|
||||
|
||||
.menubutton-dual-dropmarker[disabled="true"],
|
||||
.menubutton-dual:hover[disabled="true"] > .menubutton-dual-stack
|
||||
> .menubutton-dual-dropmarker-box > .menubutton-dual-dropmarker,
|
||||
.menubutton-dual:hover:active[disabled="true"]
|
||||
> .menubutton-dual-stack > .menubutton-dual-dropmarker-box > .menubutton-dual-dropmarker
|
||||
{
|
||||
list-style-image: none;
|
||||
}
|
||||
|
||||
/* ::::: button-toolbar-4 menubuttons ::::: */
|
||||
|
||||
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 {
|
||||
list-style-image: url("chrome://communicator/skin/toolbar/mbtn4-arrow-up.gif");
|
||||
}
|
||||
|
||||
.button-toolbar-4 > .menubutton-internal-box {
|
||||
border: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.button-toolbar-4 > .menubutton-internal-box > .menubutton-single-icon {
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
/* ::::: dual toolbar menubuttons ::::: */
|
||||
|
||||
.menubutton-dual.button-toolbar-3 {
|
||||
-moz-binding: url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex");
|
||||
margin: 2px;
|
||||
color: #1C1D1F;
|
||||
font-family: message-box;
|
||||
}
|
||||
|
||||
.menubutton-dual.button-toolbar-3 > .menubutton-dual-ex-button {
|
||||
-moz-user-focus: ignore;
|
||||
margin: 0px;
|
||||
border: none;
|
||||
font: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.menubutton-dual.button-toolbar-3 > .menubutton-dual-dropmarker-box {
|
||||
margin: 0px;
|
||||
padding-left: 3px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,32 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
|
||||
<bindings id="xulBindings"
|
||||
xmlns="http://www.mozilla.org/xbl"
|
||||
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">
|
||||
<content includes="menupopup">
|
||||
<xul:stack class="menubutton-dual-stack">
|
||||
<xul:button class="menubutton-dual-button button-toolbar-1 top" allowevents="true"
|
||||
inherits="tooltiptext=buttontooltiptext,oncommand=buttonaction,src,value,crop,accesskey,disabled"/>
|
||||
<xul:box class="menubutton-dual-dropmarker-box" autostretch="never" flex="1">
|
||||
<xul:image class="menubutton-dual-dropmarker" inherits="disabled"/>
|
||||
</xul:box>
|
||||
</xul:stack>
|
||||
</content>
|
||||
</binding>
|
||||
|
||||
<binding id="menubutton-dual-standard">
|
||||
<content includes="menupopup">
|
||||
<xul:stack class="menubutton-dual-stack">
|
||||
<xul:button class="menubutton-dual-button button-toolbar-2 top" allowevents="true"
|
||||
inherits="tooltiptext=buttontooltiptext,oncommand=buttonaction,src,value,crop,accesskey,disabled"/>
|
||||
<xul:box class="menubutton-dual-dropmarker-box" autostretch="never" flex="1">
|
||||
<xul:image class="menubutton-dual-dropmarker" inherits="disabled"/>
|
||||
</xul:box>
|
||||
</xul:stack>
|
||||
</content>
|
||||
</binding>
|
||||
|
||||
</bindings>
|
||||
|
|
@ -69,12 +69,10 @@
|
|||
height : 17px;
|
||||
}
|
||||
|
||||
.taskbutton
|
||||
{
|
||||
margin-right : -4px;
|
||||
margin-left : 0px;
|
||||
padding : 0px;
|
||||
}
|
||||
.taskbutton {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.taskbarspacer
|
||||
{
|
||||
|
|
|
|||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 62 B |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 76 B |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 76 B |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 76 B |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 853 B |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 855 B |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 859 B |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 833 B |
|
|
@ -246,12 +246,6 @@ button.edit-mode > .button-internal-box > .button.icon:hover:active
|
|||
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,
|
||||
|
|
@ -272,12 +266,6 @@ button.edit-mode > .button-internal-box > .button.icon: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 {
|
||||
list-style-image:url("chrome://editor/skin/images/find.gif");
|
||||
}
|
||||
|
|
@ -386,26 +374,6 @@ button.edit-mode > .button-internal-box > .button.icon: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");
|
||||
}
|
||||
#imageButton-dark {
|
||||
//list-style-image:url("chrome://editor/skin/images/image.gif");
|
||||
}
|
||||
#namedAnchorButton-dark {
|
||||
//list-style-image:url("chrome://editor/skin/images/anchor.gif");
|
||||
}
|
||||
#hlineButton-dark {
|
||||
//list-style-image:url("chrome://editor/skin/images/hline.gif");
|
||||
}
|
||||
#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
|
||||
|
|
@ -624,39 +592,37 @@ button.edit-mode > .button-internal-box > .button.icon:hover:active
|
|||
list-style-image:url("chrome://editor/skin/images/align.gif");
|
||||
}
|
||||
|
||||
#AlignPopupButton:hover {
|
||||
list-style-image:url("chrome://editor/skin/images/align_hover.gif");
|
||||
}
|
||||
|
||||
#AlignPopupButton:hover:active,
|
||||
#AlignPopupButton[open="true"] {
|
||||
list-style-image:url("chrome://editor/skin/images/align_active.gif");
|
||||
}
|
||||
|
||||
#AlignPopupButton[disabled="true"],
|
||||
#AlignPopupButton[disabled="true"]:hover,
|
||||
#AlignPopupButton[disabled="true"]:hover:active {
|
||||
list-style-image:url("chrome://editor/skin/images/align_disabled.gif");
|
||||
}
|
||||
|
||||
#InsertPopupButton {
|
||||
list-style-image:url("chrome://editor/skin/images/object-popup.gif");
|
||||
}
|
||||
|
||||
menu:hover > #AlignPopupButton,
|
||||
menu:hover:active > #AlignPopupButton[toggled="true"] {
|
||||
list-style-image:url("chrome://editor/skin/images/align_hover.gif");
|
||||
}
|
||||
|
||||
menu:hover:active > #AlignPopupButton,
|
||||
menu:hover > #AlignPopupButton[toggled="true"] {
|
||||
list-style-image:url("chrome://editor/skin/images/align_active.gif");
|
||||
}
|
||||
|
||||
#AlignPopupButton[disabled="true"],
|
||||
menu:hover > #AlignPopupButton[disabled="true"],
|
||||
menu:hover:active > #AlignPopupButton[disabled="true"] {
|
||||
list-style-image:url("chrome://editor/skin/images/align_disabled.gif");
|
||||
}
|
||||
|
||||
menu:hover > #InsertPopupButton,
|
||||
menu:hover:active > #InsertPopupButton[toggled="true"] {
|
||||
#InsertPopupButton:hover {
|
||||
list-style-image:url("chrome://editor/skin/images/object-popup_hover.gif");
|
||||
}
|
||||
|
||||
menu:hover:active > #InsertPopupButton,
|
||||
menu:hover > #InsertPopupButton[toggled="true"] {
|
||||
#InsertPopupButton:hover:active,
|
||||
#InsertPopupButton[open="true"] {
|
||||
list-style-image:url("chrome://editor/skin/images/object-popup_active.gif");
|
||||
}
|
||||
|
||||
#InsertPopupButton[disabled="true"],
|
||||
menu:hover > #InsertPopupButton[disabled="true"],
|
||||
menu:hover:active > #InsertPopupButton[disabled="true"] {
|
||||
#InsertPopupButton[disabled="true"]:hover,
|
||||
#InsertPopupButton[disabled="true"]:hover:active {
|
||||
list-style-image:url("chrome://editor/skin/images/object-popup_disabled.gif");
|
||||
}
|
||||
|
||||
|
|
|
|||
Двоичные данные
themes/modern/editor/images/align.gif
Двоичные данные
themes/modern/editor/images/align.gif
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 116 B После Ширина: | Высота: | Размер: 0 B |
Двоичные данные
themes/modern/editor/images/align_active.gif
Двоичные данные
themes/modern/editor/images/align_active.gif
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 113 B После Ширина: | Высота: | Размер: 0 B |
Двоичные данные
themes/modern/editor/images/align_disabled.gif
Двоичные данные
themes/modern/editor/images/align_disabled.gif
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 116 B После Ширина: | Высота: | Размер: 0 B |
Двоичные данные
themes/modern/editor/images/align_hover.gif
Двоичные данные
themes/modern/editor/images/align_hover.gif
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 116 B После Ширина: | Высота: | Размер: 0 B |
Двоичные данные
themes/modern/editor/images/object-popup.gif
Двоичные данные
themes/modern/editor/images/object-popup.gif
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 159 B После Ширина: | Высота: | Размер: 0 B |
Двоичные данные
themes/modern/editor/images/object-popup_active.gif
Двоичные данные
themes/modern/editor/images/object-popup_active.gif
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 125 B После Ширина: | Высота: | Размер: 0 B |
Двоичные данные
themes/modern/editor/images/object-popup_disabled.gif
Двоичные данные
themes/modern/editor/images/object-popup_disabled.gif
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 126 B После Ширина: | Высота: | Размер: 0 B |
Двоичные данные
themes/modern/editor/images/object-popup_hover.gif
Двоичные данные
themes/modern/editor/images/object-popup_hover.gif
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 159 B После Ширина: | Высота: | Размер: 0 B |
|
|
@ -1,81 +1,71 @@
|
|||
/*********************************
|
||||
* Regular menubutton
|
||||
* Shows a caption and brings up a popup menu which executes a command.
|
||||
*********************************/
|
||||
|
||||
menubutton
|
||||
{
|
||||
border : 1px solid #000000;
|
||||
margin : 3px 5px 3px 5px;
|
||||
-moz-border-radius : 3px 2px 2px 3px;
|
||||
font: menu;
|
||||
}
|
||||
|
||||
menubutton[disabled="true"]
|
||||
{
|
||||
border : 1px solid #999999;
|
||||
color : #999999;
|
||||
}
|
||||
|
||||
menubutton > .menubutton-internal-box
|
||||
{
|
||||
border : 1px outset #CCCCCC;
|
||||
padding : 1px 2px 1px 2px;
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
.menubutton-single-icon
|
||||
{
|
||||
margin-left : 3px;
|
||||
}
|
||||
/*
|
||||
* 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-1999 Netscape Communications Corporation. All
|
||||
* Rights Reserved.
|
||||
*
|
||||
* Contributor(s):
|
||||
*
|
||||
*/
|
||||
|
||||
/*********************************
|
||||
* "Dual Functionality" menubutton
|
||||
* Has a popup spawning button and a command invoking button, e.g. back/forward
|
||||
* class="menubutton-dual"
|
||||
*********************************/
|
||||
|
||||
.menubutton-dual,
|
||||
.menubutton-dual > .menubutton-internal-box,
|
||||
.menubutton-dual:hover > .menubutton-dual-button,
|
||||
.menubutton-dual:active > .menubutton-dual-button
|
||||
{
|
||||
border : none;
|
||||
margin : 0px;
|
||||
-moz-border-radius : 0px;
|
||||
}
|
||||
/* ===== menubutton.css =================================================
|
||||
== Styles used by the XUL menubutton element.
|
||||
======================================================================= */
|
||||
|
||||
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* ::::: Regular menubutton ::::::::::
|
||||
:: Shows a caption and brings up a popup menu which executes a command.
|
||||
::::: */
|
||||
|
||||
menubutton {
|
||||
margin: 3px 5px 3px 5px;
|
||||
border: 1px solid #000000;
|
||||
font: menu;
|
||||
}
|
||||
|
||||
menubutton[disabled="true"] {
|
||||
border-color: #85959E;
|
||||
color: #85959E;
|
||||
}
|
||||
|
||||
.menubutton-internal-box {
|
||||
border: 1px outset #C2D0D0;
|
||||
padding: 1px 2px 1px 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* ::::: "Dual Functionality" menubutton ::::::::::
|
||||
:: Has a popup spawning button and a command invoking button, e.g. back/forward
|
||||
:::::: */
|
||||
|
||||
.menubutton-dual,
|
||||
.menubutton-dual > .menubutton-internal-box,
|
||||
.menubutton-dual:hover > .menubutton-dual-button,
|
||||
.menubutton-dual:active > .menubutton-dual-button {
|
||||
margin: 0px;
|
||||
border: none;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.menubutton-dual-dropmarker-box {
|
||||
list-style-image: url("chrome://global/skin/simple-arrow-down.gif");
|
||||
}
|
||||
|
||||
.menubutton-dual > menupopup {
|
||||
min-width: 0px;
|
||||
}
|
||||
|
||||
.menubutton-dual-dropmarker-box
|
||||
{
|
||||
list-style-image : url("chrome://global/skin/simple-arrow-down.gif");
|
||||
}
|
||||
|
||||
.menubutton-dual > menupopup
|
||||
{
|
||||
min-width : 0px;
|
||||
}
|
||||
|
||||
/**************
|
||||
* 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;
|
||||
}
|
||||
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче