mozilla
/
pjs
зеркало из https://github.com/mozilla/pjs.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

68480 - cleanup msgcompose toolbar menubuttons, r=cmanske/ducarroz, sr=hyatt

This commit is contained in:
hewitt%netscape.com 2001-03-09 00:01:55 +00:00
Родитель 0987de5ab8
Коммит 9c8c933d65
38 изменённых файлов: 926 добавлений и 1098 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

69
editor/ui/composer/content/editorOverlay.xul
Просмотреть файл

@ -217,7 +217,7 @@
<command id="cmd_backgroundColor" state=""/> <command id="cmd_backgroundColor" state=""/>
<command id="cmd_fontSize" state="" oncommand="goDoCommand('cmd_fontSize')"/> <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')"/> <command id="cmd_advancedProperties" oncommand="goDoCommand('cmd_advancedProperties')"/>
@ -599,39 +599,35 @@
</menu> </menu>
<!-- this is only used in mailnews --> <!-- this is only used in mailnews -->
<menupopup id="AlignmentPopup"> <menubutton id="AlignPopupButton" class="button-toolbar" observes="cmd_align"
<menuitem oncommand="doStatefulCommand('cmd_align', 'left')"> tooltip="aTooltip" tooltiptext="&AlignPopupButton.tooltip;">
<button class="plain" id="text-align-left" align="left" value="&alignLeft.label;"/> <menupopup id="AlignPopup">
</menuitem> <menuitem id="AlignLeftItem" class="menuitem-iconic" value="&alignLeft.label;"
<menuitem oncommand="doStatefulCommand('cmd_align', 'center')"> oncommand="doStatefulCommand('cmd_align', 'left')"/>
<button class="plain" id="text-align-center" align="left" value="&alignCenter.label;"/> <menuitem id="AlignCenterItem" class="menuitem-iconic" value="&alignCenter.label;"
</menuitem> oncommand="doStatefulCommand('cmd_align', 'center')"/>
<menuitem oncommand="doStatefulCommand('cmd_align', 'right')"> <menuitem id="AlignRightItem" class="menuitem-iconic" value="&alignRight.label;"
<button class="plain" id="text-align-right" align="left" value="&alignRight.label;"/> oncommand="doStatefulCommand('cmd_align', 'right')"/>
</menuitem> <menuitem id="AlignJustifyItem" class="menuitem-iconic" value="&alignJustify.label;"
<menuitem oncommand="doStatefulCommand('cmd_align', 'justify')"> oncommand="doStatefulCommand('cmd_align', 'justify')"/>
<button class="plain" id="text-align-justify" align="left" value="&alignJustify.label;"/> </menupopup>
</menuitem> </menubutton>
</menupopup>
<!-- InsertPopup is used by messengercompose.xul --> <!-- InsertPopupButton is used by messengercompose.xul -->
<menupopup id="InsertPopup"> <menubutton id="InsertPopupButton" class="button-toolbar" observes="cmd_insert">
<menuitem oncommand="goDoCommand('cmd_link')"> <menupopup id="InsertPopup">
<button class="plain" id="linkButton-dark" darkcolor="true" align="left" value="&linkToolbarCmd.label;"/> <menuitem id="InsertLinkItem" class="menuitem-iconic" observes="cmd_link"
</menuitem> oncommand="goDoCommand('cmd_link')" value="&linkToolbarCmd.label;"/>
<menuitem oncommand="goDoCommand('cmd_anchor')"> <menuitem id="InsertAnchorItem" class="menuitem-iconic" observes="cmd_anchor"
<button class="plain" id="namedAnchorButton-dark" align="left" value="&anchorToolbarCmd.label;"/> oncommand="goDoCommand('cmd_anchor')" value="&anchorToolbarCmd.label;"/>
</menuitem> <menuitem id="InsertImageItem" class="menuitem-iconic" observes="cmd_image"
<menuitem oncommand="goDoCommand('cmd_image')"> oncommand="goDoCommand('cmd_image')" value="&imageToolbarCmd.label;"/>
<button class="plain" id="imageButton-dark" align="left" value="&imageToolbarCmd.label;"/> <menuitem id="InsertHRuleItem" class="menuitem-iconic" observes="cmd_hline"
</menuitem> oncommand="goDoCommand('cmd_hline')" value="&hruleToolbarCmd.label;"/>
<menuitem oncommand="goDoCommand('cmd_hline')"> <menuitem id="InsertTableItem" class="menuitem-iconic" observes="cmd_table"
<button class="plain" id="hlineButton-dark" align="left" value="&hruleToolbarCmd.label;"/> oncommand="goDoCommand('cmd_table')" value="&tableToolbarCmd.label;"/>
</menuitem> </menupopup>
<menuitem oncommand="goDoCommand('cmd_table')"> </menubutton>
<button class="plain" id="tableButton-dark" align="left" value="&tableToolbarCmd.label;"/>
</menuitem>
</menupopup>
<!-- Editor toolbar items --> <!-- Editor toolbar items -->
<!-- note that we override the submenu item label "Blank Window" with "New" used for the menu --> <!-- 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" <button class="button-toolbar format" id="indentButton" observes="cmd_indent"
tooltip="aTooltip" tooltiptext="&indentToolbarCmd.tooltip;"/> tooltip="aTooltip" tooltiptext="&indentToolbarCmd.tooltip;"/>
<button class="button-toolbar format popup" id="AlignPopupButton"
tooltip="aTooltip" tooltiptext="&AlignPopupButton.tooltip;"/>
<!-- alignment buttons --> <!-- alignment buttons -->
<button class="button-toolbar" id="align-left-button" oncommand="doStatefulCommand('cmd_align', 'left')" <button class="button-toolbar" id="align-left-button" oncommand="doStatefulCommand('cmd_align', 'left')"
tooltip="aTooltip" tooltiptext="&alignLeft.tooltip;" > 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);" <tab id="PreviewModeButton" class="tab-bottom edit-mode _plain" type="text" selected="0" value="&PreviewMode.label;" oncommand="SetEditMode(0);"
tooltip="aTooltip" tooltiptext="&PreviewMode.tooltip;"/> 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, <!-- Paste as quotation is used by mail compose,
but in composer it has to go in the debug menu but in composer it has to go in the debug menu
--> -->

1
mailnews/compose/resources/content/MsgComposeCommands.js
Просмотреть файл

@ -461,6 +461,7 @@ function CommandUpdate_MsgCompose()
goUpdateCommand("cmd_listProperties"); goUpdateCommand("cmd_listProperties");
goUpdateCommand("cmd_indent"); goUpdateCommand("cmd_indent");
goUpdateCommand("cmd_outdent"); goUpdateCommand("cmd_outdent");
goUpdateCommand("cmd_align");
goUpdateCommand("cmd_objectProperties"); goUpdateCommand("cmd_objectProperties");
goUpdateCommand("cmd_InsertTable"); goUpdateCommand("cmd_InsertTable");
goUpdateCommand("cmd_InsertRowAbove"); goUpdateCommand("cmd_InsertRowAbove");

10
mailnews/compose/resources/content/messengercompose.xul
Просмотреть файл

@ -504,15 +504,9 @@
<button id="indentButton"/> <button id="indentButton"/>
<toolbarseparator class="toolbarseparator-standard"/> <toolbarseparator class="toolbarseparator-standard"/>
<menu> <menubutton id="AlignPopupButton"/>
<button id="AlignPopupButton"/>
<menupopup id="AlignmentPopup"/>
</menu>
<menu> <menubutton id="InsertPopupButton"/>
<button id="InsertPopupButton"/>
<menupopup id="InsertPopup"/>
</menu>
<menu id="smileButtonMenu"/> <menu id="smileButtonMenu"/>

137
themes/classic/communicator/mac/button.css
Просмотреть файл

@ -18,33 +18,25 @@
min-width : 0px; min-width : 0px;
border : 1px solid transparent; border : 1px solid transparent;
background-color : transparent; background-color : transparent;
min-width : 0px;
max-width : 14em; max-width : 14em;
} }
.button-toolbar .button-toolbar
{ {
margin : 1px; margin : 1px;
border : 0px;
} }
.button-toolbar-4 .button-toolbar-4
{ {
margin : 0px 0px 1px 0px; margin : 0px 0px 1px 0px;
} }
.button-toolbar-1:hover, .button-toolbar-1:hover:active, .button-toolbar > .button-internal-box
.button-toolbar-2:hover, .button-toolbar-2:hover:active,
.button-toolbar-4:hover, .button-toolbar-4:hover:active
{ {
border : 1px solid #000000; border : 1px solid transparent;
color : #0000FF; padding : 1px 3px;
} }
.button-toolbar:hover, .button-toolbar:hover:active
{
color : #0000FF;
}
.button-toolbar-1 > .button-internal-box, .button-toolbar-1 > .button-internal-box,
.button-toolbar-2 > .button-internal-box .button-toolbar-2 > .button-internal-box
@ -55,32 +47,19 @@
border : 1px solid transparent; 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; 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"],
.button-toolbar-1[disabled="true"]:hover, .button-toolbar-1[disabled="true"]:hover,
.button-toolbar-1[disabled="true"]:hover:active, .button-toolbar-1[disabled="true"]:hover:active,
@ -100,8 +79,19 @@
} }
/* internal frame */ /* 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-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-left : 1px solid #FFFFFF;
border-top : 1px solid #FFFFFF; border-top : 1px solid #FFFFFF;
@ -109,29 +99,48 @@
border-bottom : 1px solid #9D9D9D; border-bottom : 1px solid #9D9D9D;
} }
.button-toolbar-1:hover > .button-internal-box, .button-toolbar-4:hover:active > .button-internal-box
.button-toolbar-2:hover > .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-1:hover:active > .button-internal-box,
.button-toolbar-2:hover:active > .button-internal-box .button-toolbar-2:hover:active > .button-internal-box
{ {
padding : 3px 5px 1px 6px; 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 .button-toolbar-4:hover:active > .button-internal-box
{ {
padding : 0px 0px 0px 2px; 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-1 > .button-internal-box > .button-text-container,
.button-toolbar > .button-internal-box > .button-text-container, .button-toolbar > .button-internal-box > .button-text-container,
.button-toolbar-2 > .button-internal-box > .button-text-container, .button-toolbar-2 > .button-internal-box > .button-text-container,
@ -145,20 +154,26 @@
padding : 0px; 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"] > .button-internal-box,
.button-toolbar[disabled="true"]:hover > .button-internal-box, .button-toolbar[disabled="true"]:hover > .button-internal-box,
.button-toolbar[disabled="true"]:hover:active > .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"] > .button-internal-box,
.button-toolbar-2[disabled="true"]:hover > .button-internal-box, .button-toolbar-2[disabled="true"]:hover > .button-internal-box,
.button-toolbar-2[disabled="true"]:hover:active > .button-internal-box .button-toolbar-2[disabled="true"]:hover:active > .button-internal-box
{ {
padding : 2px 6px 2px 5px;
border : 1px solid transparent !important; border : 1px solid transparent !important;
color : #777777; padding : 2px 6px 2px 5px;
background-color : transparent;
} }
@ -173,23 +188,13 @@
font-weight : bold; font-weight : bold;
-moz-user-focus: : ignore; -moz-user-focus: : ignore;
background-color : transparent; 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 .button-toolbar-3 > .button-internal-box
{ {
border : 1px outset #99CCCC; border : 1px outset #99CCCC;
padding : 1px; padding : 1px;
/* text-align : center; }
*/ }
.button-toolbar-3:hover:active > .button-internal-box .button-toolbar-3:hover:active > .button-internal-box
{ {
@ -245,7 +250,3 @@
color : #FF0000; color : #FF0000;
} }
menubutton.button-toolbar-4
{
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-single-right");
}

387
themes/classic/communicator/mac/menubutton.css
Просмотреть файл

@ -2,19 +2,14 @@
/** new menubutton bindings **/ /** new menubutton bindings **/
.menubutton-dual.toolbar.top .menubutton-dual.top
{ {
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex"); -moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex");
border : 1px solid transparent; border : 1px solid transparent;
-moz-user-focus : ignore !important; -moz-user-focus : ignore !important;
} }
.menubutton-dual.toolbar.top:hover:active{ .menubutton-dual.left
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex")!important;
}
.menubutton-dual.toolbar.left
{ {
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex-left"); -moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex-left");
border : 1px solid transparent; border : 1px solid transparent;
@ -51,35 +46,42 @@
list-style-image : url("chrome://global/skin/dropmarker-down-on.gif"); 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; border : 1px solid transparent;
padding : 1px 2px 1px 2px; padding : 1px 2px 1px 2px;
} }
.menubutton-dual[disabled="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
.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
{ {
list-style-image : url("chrome://global/skin/dropmarker-down-disabled.gif"); list-style-image : url("chrome://global/skin/dropmarker-down-disabled.gif");
} }
/* ACTION: mouseover the button */ /* ACTION: mouseover the button */
@ -87,275 +89,173 @@
/* 1). button gets outset border */ /* 1). button gets outset border */
.menubutton-dual-ex-button:hover .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; border : 1px outset #FFFFFF;
color : #0000FF;
color : blue;
} }
.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 */ /* 2) menubutton gets black border */
.menubutton-dual.toolbar[buttonover="true"] .menubutton-dual[buttonover="true"]
{ {
/* border : 1px solid threeddarkshadow; */ border : 1px solid #000000;
border : 1px solid #000000; text-decoration : none;
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 */ /* 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; border : 1px outset #FFFFFF;
} }
.menubutton-dual.toolbar[buttonover="true"][disabled="true"] > .menubutton-dual-dropmarker-box
{
border : 1px solid transparent;
}
/* ACTION: mousedown on the button */ /* ACTION: mousedown on the button */
.menubutton-dual[buttondown="true"]
{
background-color : #666666;
color : #FFFFFF;
}
/* 1). button gets inset border */ /* 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 .menubutton-dual-ex-button:hover:active
{ {
/* padding : 3px 6px 1px 7px;
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;
} }
.menubutton-dual-ex-button[disabled="true"]:hover:active .menubutton-dual[buttondown="true"] > .menubutton-dual-dropmarker-box
{ {
border : 1px solid transparent !important; padding : 2px 2px 0px 2px;
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;
} }
.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 */ /* ACTION: mouse over the menu */
/* 1). menubutton gets black border */ /* 1). menubutton gets black border */
.menubutton-dual.toolbar:hover .menubutton-dual:hover
{ {
border : 1px solid #000000; border : 1px solid #000000;
} color : #0000FF;
.menubutton-dual.toolbar[disabled="true"]:hover
{
border : 1px solid transparent;
} }
/* 2). button gets outset border */ /* 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 #FFFFFF;
border-left : 1px solid threedhighlight; border-top : 1px solid #FFFFFF;
border-top : 1px solid threedhighlight; border-right : 1px solid #9D9D9D;
border-right : 1px solid threedshadow; border-bottom : 1px solid #9D9D9D;
border-bottom : 1px solid threedshadow;
*/
border : 1px outset #FFFFFF;
color : blue;
} }
/* 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 */ /* ACTION: open the menu */
/* 1). menubutton gets black border */ /* 1). menubutton gets black border */
.menubutton-dual.toolbar[open="true"] .menubutton-dual[open="true"]
{ {
border : 1px solid #000000; border : 1px solid #000000;
} }
/* 2). button gets outset border */ /* 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 #FFFFFF;
border-left : 1px solid threedhighlight; border-top : 1px solid #FFFFFF;
border-top : 1px solid threedhighlight; border-right : 1px solid #9D9D9D;
border-right : 1px solid threedshadow; border-bottom : 1px solid #9D9D9D;
border-bottom : 1px solid threedshadow;
*/
border : 1px outset #FFFFFF;
color : blue;
} }
/* 3). dropmarker gets inset border */ /* 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 #9D9D9D;
border-left : 1px solid threedshadow; border-top : 1px solid #9D9D9D;
border-top : 1px solid threedshadow; border-right : 1px solid #FFFFFF;
border-right : 1px solid threedhighlight; border-bottom : 1px solid #FFFFFF;
border-bottom : 1px solid threedhighlight; padding : 2px 2px 0px 2px;
*/
border : 1px inset #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 /** menubuttons on generic grey toolbars
* class="button-toolbar" * class="button-toolbar"
**/ **/
.button-toolbar > .menubutton-internal-box
{
border : none;
padding : 1px 3px 1px 3px;
}
/* toolbar menubuttons */ /* 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-4,
menubutton.button-toolbar > .menubutton-toolbar-single-internal-box > .menubutton-toolbar-single-icon menubutton.button-toolbar
{ {
margin-right : 5px; -moz-binding : url("chrome://communicator/skin/menubuttonBindings.xml#menubutton-toolbar-single");
} }
menubutton.button-toolbar-4:hover .menubutton-toolbar-single-internal-box,
{ .button-toolbar[disabled="true"]:hover
/* border : 1px solid threeddarkshadow;*/ > .menubutton-toolbar-single-internal-box,
border : 1px solid #000000; .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 menubutton.button-toolbar > .menubutton-toolbar-single-internal-box > .menubutton-toolbar-single-icon
{ {
border : 1px solid transparent; margin-right : 5px;
padding : 0px 4px 0px 4px; }
}
menubutton.button-toolbar > .menubutton-toolbar-single-internal-box .menubutton-toolbar-single-dropmarker
{ {
border : none; list-style-image : url("chrome://global/skin/dropmarker-down-on.gif");
padding : 0px 4px 0px 4px; margin-left : 5px;
} }
menubutton.button-toolbar-4:hover > .menubutton-toolbar-single-internal-box .button-toolbar-4 > .menubutton-toolbar-single-internal-box > .menubutton-toolbar-single-dropmarker
{ {
/* list-style-image : url("chrome://global/skin/dropmarker-up-on.gif");
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: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 */
menubutton.button-toolbar-2.top { 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;
}

2
themes/classic/communicator/win/button.css
Просмотреть файл

@ -9,7 +9,6 @@
min-width : 47px; min-width : 47px;
margin : 0px; margin : 0px;
border : 1px solid transparent; border : 1px solid transparent;
color : WindowText;
background-color : transparent; background-color : transparent;
-moz-user-focus : ignore; -moz-user-focus : ignore;
} }
@ -165,6 +164,7 @@
.button-toolbar[disabled="true"]:hover > .button-internal-box, .button-toolbar[disabled="true"]:hover > .button-internal-box,
.button-toolbar[disabled="true"]:hover:active > .button-internal-box .button-toolbar[disabled="true"]:hover:active > .button-internal-box
{ {
border : 1px solid transparent;
padding : 1px 3px 1px 3px !important; padding : 1px 3px 1px 3px !important;
} }

196
themes/classic/communicator/win/menubutton.css
Просмотреть файл

@ -1,12 +1,12 @@
.menubutton-dual.toolbar.top .menubutton-dual.top
{ {
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex"); -moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex");
border : 1px solid transparent; border : 1px solid transparent;
-moz-user-focus : ignore !important; -moz-user-focus : ignore !important;
} }
.menubutton-dual.toolbar.left .menubutton-dual.left
{ {
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex-left"); -moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex-left");
border : 1px solid transparent; border : 1px solid transparent;
@ -42,13 +42,13 @@
list-style-image : url("chrome://global/skin/scroll-down.gif"); 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; border : 1px solid transparent;
padding : 1px 0px 1px 0px; 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-left : 1px solid ThreeDHighlight;
border-top : 1px solid ThreeDHighlight; border-top : 1px solid ThreeDHighlight;
@ -63,7 +63,7 @@
color : GrayText; 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"); list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
} }
@ -82,7 +82,7 @@
color : blue; 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; border : 1px solid transparent;
color : GrayText; color : GrayText;
@ -97,24 +97,24 @@
*/ */
/* 2) menubutton gets black border */ /* 2) menubutton gets black border */
.menubutton-dual.toolbar[buttonover="true"] .menubutton-dual[buttonover="true"]
{ {
border : 1px solid ThreeDDarkShadow; border : 1px solid ThreeDDarkShadow;
} }
.menubutton-dual.toolbar[buttonover="true"][disabled="true"] .menubutton-dual[buttonover="true"][disabled="true"]
{ {
border : 1px solid transparent; border : 1px solid transparent;
} }
.menubutton-dual.toolbar[disabled="true"]:hover > .menubutton-dual-ex-button, .menubutton-dual[disabled="true"]:hover > .menubutton-dual-ex-button,
.menubutton-dual.toolbar[disabled="true"][buttonover="true"] > .menubutton-dual-ex-button .menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-ex-button
{ {
border : 1px solid transparent; border : 1px solid transparent;
} }
/* 3) dropmarker gets outset border */ /* 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-left : 1px solid ThreeDHighlight;
border-top : 1px solid ThreeDHighlight; border-top : 1px solid ThreeDHighlight;
@ -122,7 +122,7 @@
border-bottom : 1px solid ThreeDShadow; 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; border : 1px solid transparent;
} }
@ -147,7 +147,7 @@
} }
/* 2). dropmarker gets inset border */ /* 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-left : 1px solid ThreeDShadow !important;
border-top : 1px solid ThreeDShadow !important; border-top : 1px solid ThreeDShadow !important;
@ -156,7 +156,7 @@
padding : 2px 0px 0px 0px !important; 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; border : 1px solid transparent !important;
padding : 0px !important; padding : 0px !important;
@ -165,18 +165,18 @@
/* ACTION: mouse over the menu */ /* ACTION: mouse over the menu */
/* 1). menubutton gets black border */ /* 1). menubutton gets black border */
.menubutton-dual.toolbar:hover .menubutton-dual:hover
{ {
border : 1px solid ThreeDDarkShadow; border : 1px solid ThreeDDarkShadow;
} }
.menubutton-dual.toolbar[disabled="true"]:hover .menubutton-dual[disabled="true"]:hover
{ {
border : 1px solid transparent; border : 1px solid transparent;
} }
/* 2). button gets outset border */ /* 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-left : 1px solid ThreeDHighlight;
border-top : 1px solid ThreeDHighlight; border-top : 1px solid ThreeDHighlight;
@ -186,7 +186,7 @@
} }
/* 3). dropmarker gets outset border */ /* 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-left : 1px solid ThreeDHighlight;
border-top : 1px solid ThreeDHighlight; border-top : 1px solid ThreeDHighlight;
@ -194,7 +194,7 @@
border-bottom : 1px solid ThreeDShadow; 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; border : 1px solid transparent;
} }
@ -202,13 +202,13 @@
/* ACTION: open the menu */ /* ACTION: open the menu */
/* 1). menubutton gets black border */ /* 1). menubutton gets black border */
.menubutton-dual.toolbar[open="true"] .menubutton-dual[open="true"]
{ {
border : 1px solid ThreeDDarkShadow; border : 1px solid ThreeDDarkShadow;
} }
/* 2). button gets outset border */ /* 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-left : 1px solid ThreeDHighlight;
border-top : 1px solid ThreeDHighlight; border-top : 1px solid ThreeDHighlight;
@ -218,7 +218,7 @@
} }
/* 3). dropmarker gets inset border */ /* 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-left : 1px solid ThreeDShadow;
border-top : 1px solid ThreeDShadow; border-top : 1px solid ThreeDShadow;
@ -236,71 +236,75 @@
padding : 1px 3px 1px 3px; padding : 1px 3px 1px 3px;
} }
/* toolbar menubuttons */ menubutton.button-toolbar-4,
menubutton.button-toolbar-4 menubutton.button-toolbar
{ {
-moz-binding : url("chrome://communicator/skin/menubuttonBindings.xml#menubutton-toolbar-single"); -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:hover .menubutton-toolbar-single-internal-box,
{ .button-toolbar[disabled="true"]:hover
border : 1px solid ThreeDDarkShadow; > .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 menubutton.button-toolbar > .menubutton-toolbar-single-internal-box > .menubutton-toolbar-single-icon
{ {
border : 1px solid transparent; margin-right : 5px;
padding : 0px 4px 0px 4px; }
}
menubutton.button-toolbar > .menubutton-toolbar-single-internal-box .menubutton-toolbar-single-dropmarker
{ {
border : none; list-style-image : url("chrome://global/skin/scroll-up.gif");
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");
}
.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 */ /* menubutton button-toolbar-2 */
/** /**
@ -359,3 +363,29 @@ menubutton.button-toolbar-2.bottom {
-moz-binding : url("chrome://global/content/xulBindings.xml#buttontop") !important; -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
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом" Свайп Оверлей

До

Ширина:  |  Высота:  |  Размер: 870 B

После

Ширина:  |  Высота:  |  Размер: 0 B

Двоичные данные
themes/classic/editor/images/insert-hover-active.gif
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом" Свайп Оверлей

До

Ширина:  |  Высота:  |  Размер: 874 B

После

Ширина:  |  Высота:  |  Размер: 0 B

Двоичные данные
themes/classic/editor/images/insert-hover.gif
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом" Свайп Оверлей

До

Ширина:  |  Высота:  |  Размер: 874 B

После

Ширина:  |  Высота:  |  Размер: 0 B

Двоичные данные
themes/classic/editor/images/insert.gif
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом" Свайп Оверлей

До

Ширина:  |  Высота:  |  Размер: 879 B

После

Ширина:  |  Высота:  |  Размер: 0 B

34
themes/classic/editor/mac/EditorToolbars.css
Просмотреть файл

@ -624,11 +624,41 @@ button.edit-mode[selected="1"]:hover:active
} }
#AlignPopupButton { #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 { #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, #text-align-left,

34
themes/classic/editor/win/EditorToolbars.css
Просмотреть файл

@ -624,11 +624,41 @@ button.edit-mode[selected="1"]:hover:active
} }
#AlignPopupButton { #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 { #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, #text-align-left,

3
themes/classic/global/mac/button.css
Просмотреть файл

@ -109,7 +109,7 @@ button, .exit-dialog {
min-width : 60px; min-width : 60px;
min-height : 20px; min-height : 20px;
color : #000000; color : #000000;
background-color : transparent !important; /* Greatly increases responsiveness and 'feel' */ background-color : transparent; /* Greatly increases responsiveness and 'feel' */
} }
button { button {
@ -634,4 +634,3 @@ button[default="true"][disabled="true"]:hover:active > .button-image-right,
padding : none; padding : none;
} }

2
themes/classic/global/mac/menubutton.css
Просмотреть файл

@ -1,3 +1,4 @@
/*
.menubutton-dual, .menubutton-dual,
.menubutton-dual[disabled="true"]:hover, .menubutton-dual[disabled="true"]:hover,
.menubutton-dual[disabled="true"]:hover:active, .menubutton-dual[disabled="true"]:hover:active,
@ -137,3 +138,4 @@
{ {
list-style-image : inherit; list-style-image : inherit;
} }
*/

45
themes/classic/navigator/mac/navigator.css
Просмотреть файл

@ -20,11 +20,29 @@
#ubhist #ubhist
{ {
margin : 0px; margin : 0px;
background-color : #DDDDDD;
list-style-image : url("chrome://global/skin/scroll-down.gif"); 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 #urlbar-container
{ {
padding : 3px 2px 2px 3px; padding : 3px 2px 2px 3px;
@ -69,21 +87,19 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
#back-button[disabled="true"], #back-button[disabled="true"],
#back-button[disabled="true"]:hover, #back-button[disabled="true"]:hover,
#back-button[disabled="true"]:hover:active, #back-button[disabled="true"][buttonover="true"],
#back-button[disabled="true"] > .classic-simplebutton-box > .classic-simplebutton:hover, #back-button[disabled="true"][buttondown="true"]
#back-button[disabled="true"] > .classic-simplebutton-box > .classic-simplebutton:hover:active
{ {
list-style-image : url("chrome://navigator/skin/back-disabled.gif"); list-style-image : url("chrome://navigator/skin/back-disabled.gif");
} }
#back-button:hover, #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"); list-style-image : url("chrome://navigator/skin/back-hover.gif");
} }
#back-button:hover:active, #back-button[buttondown="true"]
#back-button > .classic-simplebutton-box > .classic-simplebutton:hover:active
{ {
list-style-image : url("chrome://navigator/skin/back-hover-active.gif"); 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"],
#forward-button[disabled="true"]:hover, #forward-button[disabled="true"]:hover,
#forward-button[disabled="true"]:hover:active, #forward-button[disabled="true"][buttonover="true"],
#forward-button[disabled="true"] > .classic-simplebutton-box > .classic-simplebutton:hover, #forward-button[disabled="true"][buttondown="true"]
#forward-button[disabled="true"] > .classic-simplebutton-box > .classic-simplebutton:hover:active
{ {
list-style-image : url("chrome://navigator/skin/forward-disabled.gif"); list-style-image : url("chrome://navigator/skin/forward-disabled.gif");
} }
#forward-button:hover, #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"); list-style-image : url("chrome://navigator/skin/forward-hover.gif");
} }
#forward-button:hover:active, #forward-button[buttondown="true"]
#forward-button > .classic-simplebutton-box > .classic-simplebutton:hover:active
{ {
list-style-image : url("chrome://navigator/skin/forward-hover-active.gif"); 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"],
#print-button[disabled="true"]:hover,
#print-button[disabled="true"]:hover:active,
#print-button[disabled="true"][buttonover="true"], #print-button[disabled="true"][buttonover="true"],
#print-button[disabled="true"][buttondown="true"] #print-button[disabled="true"][buttondown="true"]
{ {
list-style-image : url("chrome://global/skin/print-disabled.gif"); list-style-image : url("chrome://global/skin/print-disabled.gif");
} }
#print-button:hover,
#print-button[buttonover="true"] #print-button[buttonover="true"]
{ {
list-style-image : url("chrome://global/skin/print-hover.gif"); list-style-image : url("chrome://global/skin/print-hover.gif");

522
themes/modern/communicator/button.css
Просмотреть файл

@ -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 /* ==== button.css ==========================================================
* class="button-toolbar" == Styles for special buttons in the Communicator suite.
**/ ========================================================================== */
.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.bookmarkitem.button-toolbar:hover @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
{
text-decoration : underline;
cursor : pointer;
}
.button-toolbar:hover:active > .button-internal-box /* ::::: standard toolbar buttons ::::: */
{
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;
*/ }
.button-toolbar[disabled="true"], .button-toolbar {
.button-toolbar[disabled="true"]:hover, -moz-binding: url("chrome://global/content/xulBindings.xml#buttonleft");
.button-toolbar[disabled="true"]:hover:active -moz-user-focus: ignore !important;
{ margin: 1px;
border : 0px solid transparent; border: none;
color : #D0E7E7; height: 0px;
} min-width: 0px;
max-width: 10em;
color: #FFFFFF;
font: message-box;
}
/** The largest type of toolbar buttons. In the Seamonkey implementation, .button-toolbar > .button-internal-box,
* these are only used in the navigation toolbar in the navigator package. .button-toolbar[disabled="true"]:hover:active > .button-internal-box,
**/ .button-toolbar[toggled="true"]:hover:active > .button-internal-box {
padding: 1px 2px 1px 2px;
/* 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-1:hover:active .button-toolbar[value] > .button-internal-box > .button-icon {
{ margin-right: 2px;
border : 0px; }
padding : 0px;
color : #D0E7E7;
}
.button-toolbar-1[disabled="true"], .button-toolbar:hover {
.button-toolbar-1[disabled="true"]:hover, background-color: #6684A5;
.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-2:hover:active .button-toolbar:hover:active,
{ .button-toolbar[home-dragover="true"] {
border : 0px; background-color: #455A70;
padding : 0px; color: #9DB8C1;
color : #D0E7E7; }
}
.button-toolbar-2[disabled="true"], .button-toolbar:hover:active > .button-internal-box {
.button-toolbar-2[disabled="true"]:hover, padding: 2px 1px 0px 3px;
.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-text-shadow .button-toolbar:hover:active[home-dragover="true"]
{ > .button-internal-box
margin : 1px 0px 0px 3px; {
color : #394B6E; padding: 1px 2px 1px 2px;
} }
.button-text-shadow[disabled="true"] .button-toolbar[disabled="true"],
{ .button-toolbar[disabled="true"]:hover,
display : none; .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 .button-toolbar[toggled="true"],
{ .button-toolbar[toggled="true"]:hover,
color: #425D84; .button-toolbar[toggled="true"]:hover:active {
} background-color: #455A70;
color: #9DB8C1;
}
/* ::::: standard toolbar buttons on a tabpanel ::::: */
/** "Green" buttons, e.g. "Search" .button-toolbar.tabpanel,
* class="button-toolbar-3" .button-toolbar.tabpanel:hover,
**/ .button-toolbar.tabpanel:hover:active {
button.button-toolbar-3 padding: 2px;
{ background-color: transparent;
-moz-binding : url("chrome://global/skin/globalBindings.xml#nine-slice-button"); color: #000000;
background-color : transparent; }
border : 0px;
margin : 3px 7px 2px 0px;
height : 22px;
-moz-user-focus : ignore !important;
}
.button-toolbar-3 > stack > box > .button-text-mid .button-toolbar.tabpanel,
{ .button-toolbar.tabpanel[disabled="true"],
font-weight: bold; .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 .button-toolbar.tabpanel:hover {
{ border: 1px outset #C2D0D0;
border : 0px; }
}
/** Expanding Region Button **/ .button-toolbar.tabpanel:hover:active {
border-style: inset;
}
/* outer frame */ /* ::::: the largest type of toolbar buttons ::::: */
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;
}
/* text frame */ .button-toolbar-1 {
button.expander > .button-internal-box > .button-text-container > .button-text -moz-binding: url("chrome://global/content/xulBindings.xml#buttontop");
{ -moz-user-focus: ignore;
color : #0000FF; margin: 3px 2px 0px 2px;
text-decoration : underline; border: none;
} min-width: 0px;
font-size: smaller;
button.expander:hover > .button-internal-box > .button-text-container > .button-text text-align: center;
{ }
color : #FF0000;
}
/** .button-toolbar-1,
* button styles for taskbar, sidebar headers, etc. .button-toolbar-1:hover:active,
**/ .button-toolbar-1[disabled="true"],
.button-toolbar-4 .button-toolbar-1[disabled="true"]:hover,
{ .button-toolbar-1[disabled="true"]:hover:active {
-moz-binding : url("chrome://global/content/xulBindings.xml#buttonleft"); color: #D0E7E7;
color : #D0E7E7; }
background : inherit;
font : inherit;
padding : 1px;
margin : 0px;
min-width : 0px;
height : 1px;
border : 0px;
-moz-user-focus : ignore !important;
}
.button-toolbar-4:hover /* :::::
{ :: Styles for the standard 'large' toolbar button, these buttons are used for
text-decoration : none; :: 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 .button-toolbar-2 {
{ -moz-binding: url("chrome://global/skin/globalBindings.xml#button-doubletext");
text-decoration : none; -moz-user-focus: ignore;
color : #CCFFFF; margin: 3px 3px 1px 3px;
} border: none;
min-width: 52px;
menubutton.button-toolbar-4 font-size: smaller;
{ text-align: center;
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-single-right") !important; }
margin : 0px 6px;
min-width : 0px;
}
.button-toolbar-4 > .menubutton-internal-box > .menubutton-single-icon .button-toolbar-2,
{ .button-toolbar-2:hover:active,
list-style-image : url(chrome://global/skin/mb-single-arrow.gif); .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-text-shadow {
.button-toolbar-4 > .menubutton-internal-box margin: 1px 0px 0px 1px;
{ color: #394B6E;
border : 0px !important; }
padding : 0px !important;
} .button-text[disabled="true"] {
color: #425D84;
/* text wrapping frame (hack because <text> does not support alignment) */ }
.button-text-container {
text-align : center; .button-text-shadow[disabled="true"] {
vertical-align : middle; 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;
}

318
themes/modern/communicator/menubutton.css
Просмотреть файл

@ -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 /* ==== menubuttons.css =================================================
* menuitem class="button-toolbar-3" == Styles used for menubutton widgets in the Communicator suite.
**/ ====================================================================== */
.button-toolbar-3 > .menubutton-icon-internal-box
{
border : 1px outset #99CCCC;
}
.button-toolbar-3[open="true"] > .menubutton-icon-internal-box, @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
.button-toolbar-3:hover:active > .menubutton-icon-internal-box
{ /* ::::: button-toolbar menubuttons ::::: */
border : 1px inset #99CCCC;
} 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 .button-toolbar:hover:active,
{ .button-toolbar[open="true"] {
border : 1px solid #000000; background-color: #455A70;
background : #B2CAC9; color: #9DB8C1;
} }
menuitem.button-toolbar-3 .button-toolbar > .menubutton-internal-box > .menubutton-dropmarker {
{ margin: 2px;
font-weight : normal; list-style-image: url("chrome://communicator/skin/toolbar/mbtn-tb-arrow.gif");
} }
.button-toolbar-3[menuactive="true"] .button-toolbar:hover > .menubutton-internal-box > .menubutton-dropmarker {
{ list-style-image: url("chrome://communicator/skin/toolbar/mbtn-tb-arrow-hov.gif");
background-color : #669999; }
color : #FFFFFF;
font-weight : normal;
}
/** menubuttons on generic grey toolbars .button-toolbar:hover:active > .menubutton-internal-box
* class="button-toolbar" > .menubutton-dropmarker,
**/ .button-toolbar[open="true"] > .menubutton-internal-box
menubutton.button-toolbar > .menubutton-dropmarker
{ {
-moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-single-left"); list-style-image: url("chrome://communicator/skin/toolbar/mbtn-tb-arrow-act.gif");
} }
.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[disabled="true"] > .menubutton-internal-box > .menubutton-dropmarker,
* Navigation bar style menubuttons .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 { 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 { 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;
}

32
themes/modern/communicator/menubuttonBindings.xml
Просмотреть файл

@ -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>

10
themes/modern/communicator/tasksOverlay.css
Просмотреть файл

@ -69,12 +69,10 @@
height : 17px; height : 17px;
} }
.taskbutton .taskbutton {
{ margin: 0px;
margin-right : -4px; padding: 0px;
margin-left : 0px; }
padding : 0px;
}
.taskbarspacer .taskbarspacer
{ {

Двоичные данные
themes/modern/communicator/toolbar/mbtn-tb-arrow-act.gif Normal file
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 62 B

Двоичные данные
themes/modern/communicator/toolbar/mbtn-tb-arrow-dis.gif Normal file
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 76 B

Двоичные данные
themes/modern/communicator/toolbar/mbtn-tb-arrow-hov.gif Normal file
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 76 B

Двоичные данные
themes/modern/communicator/toolbar/mbtn-tb-arrow.gif Normal file
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 76 B

Двоичные данные
themes/modern/communicator/toolbar/mbtn1-arrow-act.gif Normal file
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 853 B

Двоичные данные
themes/modern/communicator/toolbar/mbtn1-arrow-hov.gif Normal file
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 855 B

Двоичные данные
themes/modern/communicator/toolbar/mbtn1-arrow.gif Normal file
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 859 B

Двоичные данные
themes/modern/communicator/toolbar/mbtn4-arrow-up.gif Normal file
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 833 B

74
themes/modern/editor/EditorToolbars.css
Просмотреть файл

@ -246,12 +246,6 @@ button.edit-mode > .button-internal-box > .button.icon:hover:active
text-align : center; text-align : center;
} }
#printButton > .menubutton-dual-stack > .menubutton-dual-button
{
margin : 0px;
padding : 0px;
}
#printButton[disabled="true"], #printButton[disabled="true"],
#printButton[disabled="true"]:hover, #printButton[disabled="true"]:hover,
#printButton[disabled="true"]:hover:active, #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"); 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 { #findButton {
list-style-image:url("chrome://editor/skin/images/find.gif"); 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"); 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"],
#spellingButton[disabled="true"]:hover, #spellingButton[disabled="true"]:hover,
#spellingButton[disabled="true"]:hover:active #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"); 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 { #InsertPopupButton {
list-style-image:url("chrome://editor/skin/images/object-popup.gif"); list-style-image:url("chrome://editor/skin/images/object-popup.gif");
} }
menu:hover > #AlignPopupButton, #InsertPopupButton:hover {
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"] {
list-style-image:url("chrome://editor/skin/images/object-popup_hover.gif"); list-style-image:url("chrome://editor/skin/images/object-popup_hover.gif");
} }
menu:hover:active > #InsertPopupButton, #InsertPopupButton:hover:active,
menu:hover > #InsertPopupButton[toggled="true"] { #InsertPopupButton[open="true"] {
list-style-image:url("chrome://editor/skin/images/object-popup_active.gif"); list-style-image:url("chrome://editor/skin/images/object-popup_active.gif");
} }
#InsertPopupButton[disabled="true"], #InsertPopupButton[disabled="true"],
menu:hover > #InsertPopupButton[disabled="true"], #InsertPopupButton[disabled="true"]:hover,
menu:hover:active > #InsertPopupButton[disabled="true"] { #InsertPopupButton[disabled="true"]:hover:active {
list-style-image:url("chrome://editor/skin/images/object-popup_disabled.gif"); list-style-image:url("chrome://editor/skin/images/object-popup_disabled.gif");
} }

Двоичные данные
themes/modern/editor/images/align.gif
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом" Свайп Оверлей

До

Ширина:  |  Высота:  |  Размер: 116 B

После

Ширина:  |  Высота:  |  Размер: 0 B

Двоичные данные
themes/modern/editor/images/align_active.gif
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом" Свайп Оверлей

До

Ширина:  |  Высота:  |  Размер: 113 B

После

Ширина:  |  Высота:  |  Размер: 0 B

Двоичные данные
themes/modern/editor/images/align_disabled.gif
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом" Свайп Оверлей

До

Ширина:  |  Высота:  |  Размер: 116 B

После

Ширина:  |  Высота:  |  Размер: 0 B

Двоичные данные
themes/modern/editor/images/align_hover.gif
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом" Свайп Оверлей

До

Ширина:  |  Высота:  |  Размер: 116 B

После

Ширина:  |  Высота:  |  Размер: 0 B

Двоичные данные
themes/modern/editor/images/object-popup.gif
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом" Свайп Оверлей

До

Ширина:  |  Высота:  |  Размер: 159 B

После

Ширина:  |  Высота:  |  Размер: 0 B

Двоичные данные
themes/modern/editor/images/object-popup_active.gif
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом" Свайп Оверлей

До

Ширина:  |  Высота:  |  Размер: 125 B

После

Ширина:  |  Высота:  |  Размер: 0 B

Двоичные данные
themes/modern/editor/images/object-popup_disabled.gif
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом" Свайп Оверлей

До

Ширина:  |  Высота:  |  Размер: 126 B

После

Ширина:  |  Высота:  |  Размер: 0 B

Двоичные данные
themes/modern/editor/images/object-popup_hover.gif
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом" Свайп Оверлей

До

Ширина:  |  Высота:  |  Размер: 159 B

После

Ширина:  |  Высота:  |  Размер: 0 B

148
themes/modern/global/menubutton.css
Просмотреть файл

@ -1,81 +1,71 @@
/********************************* /*
* Regular menubutton * The contents of this file are subject to the Netscape Public
* Shows a caption and brings up a popup menu which executes a command. * 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/
menubutton *
{ * Software distributed under the License is distributed on an "AS
border : 1px solid #000000; * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
margin : 3px 5px 3px 5px; * implied. See the License for the specific language governing
-moz-border-radius : 3px 2px 2px 3px; * rights and limitations under the License.
font: menu; *
} * The Original Code is Mozilla Communicator client code, released
* March 31, 1998.
menubutton[disabled="true"] *
{ * The Initial Developer of the Original Code is Netscape
border : 1px solid #999999; * Communications Corporation. Portions created by Netscape are
color : #999999; * Copyright (C) 1998-1999 Netscape Communications Corporation. All
} * Rights Reserved.
*
menubutton > .menubutton-internal-box * Contributor(s):
{ *
border : 1px outset #CCCCCC; */
padding : 1px 2px 1px 2px;
vertical-align : middle;
}
.menubutton-single-icon
{
margin-left : 3px;
}
/********************************* /* ===== menubutton.css =================================================
* "Dual Functionality" menubutton == Styles used by the XUL menubutton element.
* Has a popup spawning button and a command invoking button, e.g. back/forward ======================================================================= */
* class="menubutton-dual"
*********************************/ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
.menubutton-dual, /* ::::: Regular menubutton ::::::::::
.menubutton-dual > .menubutton-internal-box, :: Shows a caption and brings up a popup menu which executes a command.
.menubutton-dual:hover > .menubutton-dual-button, ::::: */
.menubutton-dual:active > .menubutton-dual-button
{ menubutton {
border : none; margin: 3px 5px 3px 5px;
margin : 0px; border: 1px solid #000000;
-moz-border-radius : 0px; 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;
}