pjs/themes/modern/global/menubutton.css

118 строки
3.3 KiB
CSS

/* outermost frame */
menubutton
{
border : 1px solid #000000;
margin : 3px 5px 3px 5px;
-moz-border-radius : 3px 2px 2px 3px;
}
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:active > .menubutton-internal-box,
menubutton[open="true"] > .menubutton-internal-box
{
/*border : 1px inset #CCCCCC;*/
padding : 2px 1px 0px 3px;
}
.menubutton-single-icon
{
margin-right : 3px;
}
/** "Dual Functionality" menubutton
* Has a popup spawning button and a command invoking button, e.g. back/forward
* class="menubutton-dual"
**/
/* inner button */
menubutton.menubutton-dual > .menubutton-dual-button,
menubutton.menubutton-dual:hover > .menubutton-dual-button,
menubutton.menubutton-dual:active > .menubutton-dual-button
{
border : none;
margin : 0px;
-moz-border-radius : 0px;
}
menubutton.menubutton-dual[open="true"] > .menubutton-dual-button > .button-internal-box
{
border : 1px inset #CCCCCC;
padding : 3px 1px 1px 3px;
}
/* inner dropmarker */
menubutton.menubutton-dual > .menubutton-dropmarker
{
border : 1px outset #CCCCCC;
list-style-image : url("chrome://global/skin/scroll-down.gif");
padding : 0px 2px 0px 2px;
}
menubutton.menubutton-dual[disabled="true"] > .menubutton-dropmarker
{
list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
}
menubutton.menubutton-dual[open="true"] > .menubutton-dropmarker
{
border : 1px inset #CCCCCC;
padding : 1px 1px -1px 3px;
}
menubutton.menubutton-dual > menupopup
{
min-width : 0px;
border-top : 0px;
border-right : 1px solid #000000;
border-left : 1px solid #000000;
border-bottom : 1px solid #000000;
}
menubutton > menupopup > .menupopup-internal-box
{
border-top : 0px;
border-right : 1px inset #CCCCCC;
border-left : 1px inset #CCCCCC;
border-bottom : 1px inset #CCCCCC;
}
menubutton > menupopup > menuitem
{
padding : 0px 0px 0px 3px;
}
/** 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;
}