scrollbarbutton:hover:active,
scrollbarbutton[active="true"] {
- padding: 2px 0px 0px 2px;
+ padding-top: 2px;
+ padding-bottom: 0px;
+ -moz-padding-start: 2px;
+ -moz-padding-end: 0px;
}
/* XXX - scrollbar.xml always grabs the OS settings and we don't want that */
scrollbarbutton[type="increment"] {
background-image: url("chrome://global/skin/scrollbar/button-right.gif");
- margin: 0px 0px 0px 3px;
+ margin: 0px;
+ -moz-margin-start: 3px;
}
scrollbarbutton[type="increment"]:hover {
scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
background-image: url("chrome://global/skin/scrollbar/button-down.gif");
- margin: 3px 0px 0px 0px;
+ margin: 3px 0px 0px;
}
scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover {
scrollbarbutton[type="decrement"] {
background-image: url("chrome://global/skin/scrollbar/button-left.gif");
- margin: 0px 3px 0px 0px;
+ margin: 0px;
+ -moz-margin-end: 3px;
}
scrollbarbutton[type="decrement"]:hover {
scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
background-image: url("chrome://global/skin/scrollbar/button-up.gif");
- margin: 0px 0px 3px 0px;
+ margin: 0px 0px 3px;
}
scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {
/* ::::: scrollbar button ::::: */
html|div scrollbarbutton {
- background: -moz-Dialog no-repeat 0px 1px;
+ background: -moz-Dialog no-repeat 50% 50%;
min-width: 16px;
min-height: 16px;
}
-moz-border-right-colors: ThreeDShadow -moz-Dialog;
-moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
-moz-border-left-colors: ThreeDShadow -moz-Dialog;
- background-position: 1px 2px;
+ background-position: 60% 60%;
}
/* ..... increment .... */