Thu, 22 Jan 2015 13:21:57 +0100
Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6
michael@0 | 1 | /* This Source Code Form is subject to the terms of the Mozilla Public |
michael@0 | 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this |
michael@0 | 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ |
michael@0 | 4 | |
michael@0 | 5 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
michael@0 | 6 | |
michael@0 | 7 | /* Horizontal enabled */ |
michael@0 | 8 | .autorepeatbutton-up[orient="horizontal"], |
michael@0 | 9 | .scrollbutton-up[orient="horizontal"] { |
michael@0 | 10 | list-style-image: url("chrome://global/skin/arrow/arrow-lft-sharp.gif"); |
michael@0 | 11 | -moz-image-region: auto; /* cut off inheritance */ |
michael@0 | 12 | } |
michael@0 | 13 | |
michael@0 | 14 | .autorepeatbutton-down[orient="horizontal"], |
michael@0 | 15 | .scrollbutton-down[orient="horizontal"] { |
michael@0 | 16 | list-style-image: url("chrome://global/skin/arrow/arrow-rit-sharp.gif"); |
michael@0 | 17 | -moz-image-region: auto; /* cut off inheritance */ |
michael@0 | 18 | } |
michael@0 | 19 | |
michael@0 | 20 | /* Horizontal disabled */ |
michael@0 | 21 | .autorepeatbutton-up[orient="horizontal"][disabled="true"], |
michael@0 | 22 | .scrollbutton-up[orient="horizontal"][disabled="true"] { |
michael@0 | 23 | list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif"); |
michael@0 | 24 | -moz-image-region: auto; /* cut off inheritance */ |
michael@0 | 25 | } |
michael@0 | 26 | |
michael@0 | 27 | .autorepeatbutton-down[orient="horizontal"][disabled="true"], |
michael@0 | 28 | .scrollbutton-down[orient="horizontal"][disabled="true"] { |
michael@0 | 29 | list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif"); |
michael@0 | 30 | -moz-image-region: auto; /* cut off inheritance */ |
michael@0 | 31 | } |
michael@0 | 32 | |
michael@0 | 33 | /* Vertical enabled */ |
michael@0 | 34 | .autorepeatbutton-up:not([orient="horizontal"]) { |
michael@0 | 35 | padding-bottom: 5px; |
michael@0 | 36 | } |
michael@0 | 37 | |
michael@0 | 38 | .autorepeatbutton-down:not([orient="horizontal"]) { |
michael@0 | 39 | padding-top: 5px; |
michael@0 | 40 | } |
michael@0 | 41 | |
michael@0 | 42 | .autorepeatbutton-up:not([orient="horizontal"]) > .autorepeatbutton-icon { |
michael@0 | 43 | transform: rotate(-90deg); |
michael@0 | 44 | } |
michael@0 | 45 | |
michael@0 | 46 | .autorepeatbutton-down:not([orient="horizontal"]) > .autorepeatbutton-icon { |
michael@0 | 47 | transform: rotate(90deg); |
michael@0 | 48 | } |
michael@0 | 49 | |
michael@0 | 50 | .scrollbutton-up { |
michael@0 | 51 | list-style-image: url("chrome://global/skin/arrow/arrow-up-sharp.gif"); |
michael@0 | 52 | -moz-image-region: auto; /* cut off inheritance */ |
michael@0 | 53 | } |
michael@0 | 54 | |
michael@0 | 55 | .scrollbutton-down { |
michael@0 | 56 | list-style-image: url("chrome://global/skin/arrow/arrow-dn-sharp.gif"); |
michael@0 | 57 | -moz-image-region: auto; /* cut off inheritance */ |
michael@0 | 58 | } |
michael@0 | 59 | |
michael@0 | 60 | /* Vertical disabled */ |
michael@0 | 61 | .autorepeatbutton-up[disabled="true"]:not([orient="horizontal"]), |
michael@0 | 62 | .autorepeatbutton-down[disabled="true"]:not([orient="horizontal"]) { |
michael@0 | 63 | -moz-image-region: rect(0, 27px, 10px, 18px); |
michael@0 | 64 | } |
michael@0 | 65 | |
michael@0 | 66 | .scrollbutton-up[disabled="true"] { |
michael@0 | 67 | list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif"); |
michael@0 | 68 | -moz-image-region: auto; /* cut off inheritance */ |
michael@0 | 69 | } |
michael@0 | 70 | |
michael@0 | 71 | .scrollbutton-down[disabled="true"] { |
michael@0 | 72 | list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); |
michael@0 | 73 | -moz-image-region: auto; /* cut off inheritance */ |
michael@0 | 74 | } |
michael@0 | 75 | |
michael@0 | 76 | .scrollbutton-up > .toolbarbutton-text, |
michael@0 | 77 | .scrollbutton-down > .toolbarbutton-text { |
michael@0 | 78 | display: none; |
michael@0 | 79 | } |
michael@0 | 80 | |
michael@0 | 81 | autorepeatbutton { |
michael@0 | 82 | list-style-image: url("chrome://global/skin/menu/menu-arrow.png"); |
michael@0 | 83 | -moz-image-region: rect(0, 9px, 10px, 0); |
michael@0 | 84 | -moz-box-align: center; |
michael@0 | 85 | -moz-box-pack: center; |
michael@0 | 86 | padding: 1px; |
michael@0 | 87 | } |
michael@0 | 88 | |
michael@0 | 89 | @media (min-resolution: 2dppx) { |
michael@0 | 90 | autorepeatbutton > .autorepeatbutton-icon { |
michael@0 | 91 | list-style-image: url("chrome://global/skin/menu/menu-arrow@2x.png"); |
michael@0 | 92 | -moz-image-region: rect(0, 18px, 20px, 0); |
michael@0 | 93 | width: 9px; |
michael@0 | 94 | height: 10px; |
michael@0 | 95 | } |
michael@0 | 96 | } |