gecko-dev/themes/modern/global/menubutton.css

82 строки
2.2 KiB
CSS

/*********************************
* 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;
}
/*********************************
* "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-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;
}