scrollbox.css (3293B)
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 /* 8 * Scroll arrows 9 */ 10 11 /* Horizontal enabled */ 12 .autorepeatbutton-up[orient="horizontal"], 13 .autorepeatbutton-down:-moz-locale-dir(rtl)[orient="horizontal"], 14 .scrollbutton-up[orient="horizontal"], 15 .scrollbutton-down:-moz-locale-dir(rtl)[orient="horizontal"] { 16 list-style-image: url("chrome://global/skin/arrow/arrow-h.svg#lft"); 17 -moz-image-region: auto; /* cut off inheritance */ 18 } 19 20 .autorepeatbutton-down[orient="horizontal"], 21 .autorepeatbutton-up:-moz-locale-dir(rtl)[orient="horizontal"], 22 .scrollbutton-down[orient="horizontal"], 23 .scrollbutton-up:-moz-locale-dir(rtl)[orient="horizontal"] { 24 list-style-image: url("chrome://global/skin/arrow/arrow-h.svg#rit"); 25 -moz-image-region: auto; /* cut off inheritance */ 26 } 27 28 /* Horizontal disabled */ 29 .autorepeatbutton-up[orient="horizontal"][disabled="true"], 30 .autorepeatbutton-down:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"], 31 .scrollbutton-up[orient="horizontal"][disabled="true"], 32 .scrollbutton-down:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"] { 33 list-style-image: url("chrome://global/skin/arrow/arrow-h.svg#lft-dis"); 34 -moz-image-region: auto; /* cut off inheritance */ 35 } 36 37 .autorepeatbutton-down[orient="horizontal"][disabled="true"], 38 .autorepeatbutton-up:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"], 39 .scrollbutton-down[orient="horizontal"][disabled="true"], 40 .scrollbutton-up:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"] { 41 list-style-image: url("chrome://global/skin/arrow/arrow-h.svg]rit-dis"); 42 -moz-image-region: auto; /* cut off inheritance */ 43 } 44 45 /* Vertical enabled */ 46 .autorepeatbutton-up, 47 .scrollbutton-up { 48 list-style-image: url("chrome://global/skin/arrow/arrow-v.svg#up"); 49 -moz-image-region: auto; /* cut off inheritance */ 50 } 51 52 .autorepeatbutton-down, 53 .scrollbutton-down { 54 list-style-image: url("chrome://global/skin/arrow/arrow-v.svg#dn"); 55 -moz-image-region: auto; /* cut off inheritance */ 56 } 57 58 /* Vertical disabled */ 59 .autorepeatbutton-up[disabled="true"], 60 .scrollbutton-up[disabled="true"] { 61 list-style-image: url("chrome://global/skin/arrow/arrow-v.svg#up-dis"); 62 -moz-image-region: auto; /* cut off inheritance */ 63 } 64 65 .autorepeatbutton-down[disabled="true"], 66 .scrollbutton-down[disabled="true"] { 67 list-style-image: url("chrome://global/skin/arrow/arrow-v.svg#dn-dis"); 68 -moz-image-region: auto; /* cut off inheritance */ 69 } 70 71 .scrollbutton-up > .toolbarbutton-text, 72 .scrollbutton-down > .toolbarbutton-text { 73 display: none; 74 } 75 76 autorepeatbutton, 77 .scrollbutton-up, 78 .scrollbutton-down { 79 -moz-box-align: center; 80 -moz-box-pack: center; 81 margin-top: 1px; 82 margin-bottom: 2px; 83 margin-inline-start: 1px; 84 margin-inline-end: 2px; 85 } 86 87 autorepeatbutton { 88 border: 1px solid transparent; 89 padding: 1px; 90 } 91 92 autorepeatbutton:not([disabled="true"]):hover, 93 autorepeatbutton:not([disabled="true"]):hover:active { 94 margin: 1px; 95 border: 1px inset rgb(75,75,75); 96 padding-top: 2px; 97 padding-bottom: 1px; 98 padding-inline-start: 2px; 99 padding-inline-end: 1px; 100 }