/* outer frame */
button {
- margin: 1px 5px 2px 5px;
+ margin: 2px 3px;
min-width: 6.3em;
border: 1px outset #CCD0DD;
background-color: #CCD0DD;
border: 1px solid transparent;
padding: 0px 3px 1px 2px;
}
-
+
.button-text {
margin: 0px !important;
text-align: center;
/* .......... default state .......... */
-button[default="true"] {
+button[default="true"] > .button-box {
font-weight: bold;
list-style-image: url("chrome://global/skin/icons/return.gif");
-moz-box-direction: reverse;
+ padding-right: 6px;
}
-button[default="true"][disabled="true"] {
+button[default="true"][disabled="true"] > .button-box {
font-weight: bold;
list-style-image: url("chrome://global/skin/icons/return-disabled.gif");
}
button:hover:active > .button-box,
button[open="true"] > .button-box,
button[checked="true"] > .button-box {
- padding: 1px 2px 0px 3px;
+ padding: 1px 2px 0px 3px;
}
/* .......... disabled state .......... */
-button[disabled="true"] {
+button[disabled="true"],
+button[disabled="true"]:hover:active {
border: 1px outset #CCD0DD;
color: #999999;
}
.button-menu-dropmarker,
.button-menubutton-dropmarker {
margin: 1px;
- list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
+ background-image: url("chrome://global/skin/arrow/arrow-down.gif");
+ min-width: 11px;
+ min-height: 11px;
}
.button-menu-dropmarker[disabled="true"],
.button-menubutton-dropmarker[disabled="true"] {
- list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
+ background-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
}
.button-menubutton-dropmarker[open="true"] {