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