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: /* Horizontal enabled */ michael@0: .autorepeatbutton-up[orient="horizontal"], michael@0: .scrollbutton-up[orient="horizontal"] { michael@0: list-style-image: url("chrome://global/skin/arrow/arrow-lft-sharp.gif"); michael@0: -moz-image-region: auto; /* cut off inheritance */ michael@0: } michael@0: michael@0: .autorepeatbutton-down[orient="horizontal"], michael@0: .scrollbutton-down[orient="horizontal"] { michael@0: list-style-image: url("chrome://global/skin/arrow/arrow-rit-sharp.gif"); michael@0: -moz-image-region: auto; /* cut off inheritance */ michael@0: } michael@0: michael@0: /* Horizontal disabled */ michael@0: .autorepeatbutton-up[orient="horizontal"][disabled="true"], michael@0: .scrollbutton-up[orient="horizontal"][disabled="true"] { michael@0: list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif"); michael@0: -moz-image-region: auto; /* cut off inheritance */ michael@0: } michael@0: michael@0: .autorepeatbutton-down[orient="horizontal"][disabled="true"], michael@0: .scrollbutton-down[orient="horizontal"][disabled="true"] { michael@0: list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif"); michael@0: -moz-image-region: auto; /* cut off inheritance */ michael@0: } michael@0: michael@0: /* Vertical enabled */ michael@0: .autorepeatbutton-up:not([orient="horizontal"]) { michael@0: padding-bottom: 5px; michael@0: } michael@0: michael@0: .autorepeatbutton-down:not([orient="horizontal"]) { michael@0: padding-top: 5px; michael@0: } michael@0: michael@0: .autorepeatbutton-up:not([orient="horizontal"]) > .autorepeatbutton-icon { michael@0: transform: rotate(-90deg); michael@0: } michael@0: michael@0: .autorepeatbutton-down:not([orient="horizontal"]) > .autorepeatbutton-icon { michael@0: transform: rotate(90deg); michael@0: } michael@0: michael@0: .scrollbutton-up { michael@0: list-style-image: url("chrome://global/skin/arrow/arrow-up-sharp.gif"); michael@0: -moz-image-region: auto; /* cut off inheritance */ michael@0: } michael@0: michael@0: .scrollbutton-down { michael@0: list-style-image: url("chrome://global/skin/arrow/arrow-dn-sharp.gif"); michael@0: -moz-image-region: auto; /* cut off inheritance */ michael@0: } michael@0: michael@0: /* Vertical disabled */ michael@0: .autorepeatbutton-up[disabled="true"]:not([orient="horizontal"]), michael@0: .autorepeatbutton-down[disabled="true"]:not([orient="horizontal"]) { michael@0: -moz-image-region: rect(0, 27px, 10px, 18px); michael@0: } michael@0: michael@0: .scrollbutton-up[disabled="true"] { michael@0: list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif"); michael@0: -moz-image-region: auto; /* cut off inheritance */ michael@0: } michael@0: michael@0: .scrollbutton-down[disabled="true"] { michael@0: list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); michael@0: -moz-image-region: auto; /* cut off inheritance */ michael@0: } michael@0: michael@0: .scrollbutton-up > .toolbarbutton-text, michael@0: .scrollbutton-down > .toolbarbutton-text { michael@0: display: none; michael@0: } michael@0: michael@0: autorepeatbutton { michael@0: list-style-image: url("chrome://global/skin/menu/menu-arrow.png"); michael@0: -moz-image-region: rect(0, 9px, 10px, 0); michael@0: -moz-box-align: center; michael@0: -moz-box-pack: center; michael@0: padding: 1px; michael@0: } michael@0: michael@0: @media (min-resolution: 2dppx) { michael@0: autorepeatbutton > .autorepeatbutton-icon { michael@0: list-style-image: url("chrome://global/skin/menu/menu-arrow@2x.png"); michael@0: -moz-image-region: rect(0, 18px, 20px, 0); michael@0: width: 9px; michael@0: height: 10px; michael@0: } michael@0: }