michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
michael@0: 
michael@0: spinbuttons {
michael@0:   -moz-appearance: spinner;
michael@0:   cursor: default;
michael@0: }
michael@0: 
michael@0: .spinbuttons-button {
michael@0:   min-width: 13px;
michael@0:   min-height: 11px;
michael@0:   margin: 0 !important;
michael@0:   border: 2px solid;
michael@0:   -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
michael@0:   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
michael@0:   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
michael@0:   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
michael@0:   background-color: ThreeDFace;
michael@0: }
michael@0: 
michael@0: .spinbuttons-button > .button-box {
michael@0:   border: 0;
michael@0: }
michael@0: 
michael@0: .spinbuttons-button:hover:active
michael@0: {
michael@0:   border: 2px solid;
michael@0:   -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow;
michael@0:   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
michael@0:   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
michael@0:   -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
michael@0: }
michael@0: 
michael@0: .spinbuttons-button[disabled="true"] {
michael@0:   border: 2px solid;
michael@0:   -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow !important;
michael@0:   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow !important;
michael@0:   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow !important;
michael@0:   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow !important;
michael@0: }
michael@0: 
michael@0: .spinbuttons-up {
michael@0:   -moz-appearance: spinner-upbutton;
michael@0:   background-image: url("chrome://global/skin/arrow/arrow-up.gif");
michael@0:   background-position: center center;
michael@0:   background-repeat: no-repeat;
michael@0: }
michael@0: 
michael@0: .spinbuttons-up[disabled="true"] {
michael@0:   background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif");
michael@0: }
michael@0: 
michael@0: .spinbuttons-down {
michael@0:   -moz-appearance: spinner-downbutton;
michael@0:   background-image: url("chrome://global/skin/arrow/arrow-dn.gif");
michael@0:   background-position: center center;
michael@0:   background-repeat: no-repeat;
michael@0: }
michael@0: 
michael@0: .spinbuttons-down[disabled="true"] {
michael@0:   background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
michael@0: }