mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-05 08:35:26 +00:00
155 lines
4.4 KiB
CSS
155 lines
4.4 KiB
CSS
|
|
/** 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;
|
|
|
|
}
|
|
|
|
.button-toolbar-3[open="true"] > .menubutton-icon-internal-box,
|
|
.button-toolbar-3:hover:active > .menubutton-icon-internal-box
|
|
{
|
|
border : 1px inset #99CCCC;
|
|
}
|
|
|
|
menupopup.button-toolbar-3
|
|
{
|
|
border : 1px solid #000000;
|
|
background : #B2CAC9;
|
|
}
|
|
|
|
menuitem.button-toolbar-3
|
|
{
|
|
font-weight : normal;
|
|
}
|
|
|
|
.button-toolbar-3[menuactive="true"]
|
|
{
|
|
background-color : #669999;
|
|
color : #FFFFFF;
|
|
font-weight : normal;
|
|
}
|
|
|
|
/** 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;
|
|
}
|
|
|
|
/**
|
|
* Navigation bar style 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;
|
|
}
|
|
|
|
/*
|
|
|
|
<xul:box class="button-internal-box" orient="vertical" autostretch="never" flex="1">
|
|
<xul:image class="button-icon" inherits="src"/>
|
|
<xul:box orient="vertical" class="button-text-container" autostretch="never" flex="1">
|
|
<xul:text class="button-text" inherits="value,accesskey,crop"/>
|
|
</xul:box>
|
|
</xul:box>
|
|
|