mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-08 20:47:44 +00:00
82 lines
2.2 KiB
CSS
82 lines
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;
|
|
}
|
|
|