toolkit/themes/osx/global/scrollbox.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/toolkit/themes/osx/global/scrollbox.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,96 @@
     1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
     1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
     1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
     1.7 +
     1.8 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
     1.9 + 
    1.10 +/* Horizontal enabled */
    1.11 +.autorepeatbutton-up[orient="horizontal"],
    1.12 +.scrollbutton-up[orient="horizontal"] {
    1.13 +  list-style-image: url("chrome://global/skin/arrow/arrow-lft-sharp.gif");
    1.14 +  -moz-image-region: auto; /* cut off inheritance */
    1.15 +}
    1.16 + 
    1.17 +.autorepeatbutton-down[orient="horizontal"],
    1.18 +.scrollbutton-down[orient="horizontal"] {
    1.19 +  list-style-image: url("chrome://global/skin/arrow/arrow-rit-sharp.gif");
    1.20 +  -moz-image-region: auto; /* cut off inheritance */
    1.21 +}
    1.22 +
    1.23 +/* Horizontal disabled */
    1.24 +.autorepeatbutton-up[orient="horizontal"][disabled="true"],
    1.25 +.scrollbutton-up[orient="horizontal"][disabled="true"] {
    1.26 +  list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif");
    1.27 +  -moz-image-region: auto; /* cut off inheritance */
    1.28 +}
    1.29 + 
    1.30 +.autorepeatbutton-down[orient="horizontal"][disabled="true"],
    1.31 +.scrollbutton-down[orient="horizontal"][disabled="true"] {
    1.32 +  list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif");
    1.33 +  -moz-image-region: auto; /* cut off inheritance */
    1.34 +}
    1.35 +
    1.36 +/* Vertical enabled */
    1.37 +.autorepeatbutton-up:not([orient="horizontal"]) {
    1.38 +  padding-bottom: 5px;
    1.39 +}
    1.40 +
    1.41 +.autorepeatbutton-down:not([orient="horizontal"]) {
    1.42 +  padding-top: 5px;
    1.43 +}
    1.44 +
    1.45 +.autorepeatbutton-up:not([orient="horizontal"]) > .autorepeatbutton-icon {
    1.46 +  transform: rotate(-90deg);
    1.47 +}
    1.48 +
    1.49 +.autorepeatbutton-down:not([orient="horizontal"]) > .autorepeatbutton-icon {
    1.50 +  transform: rotate(90deg);
    1.51 +}
    1.52 +
    1.53 +.scrollbutton-up {
    1.54 +  list-style-image: url("chrome://global/skin/arrow/arrow-up-sharp.gif");
    1.55 +  -moz-image-region: auto; /* cut off inheritance */
    1.56 +}
    1.57 +
    1.58 +.scrollbutton-down {
    1.59 +  list-style-image: url("chrome://global/skin/arrow/arrow-dn-sharp.gif");
    1.60 +  -moz-image-region: auto; /* cut off inheritance */
    1.61 +}
    1.62 +
    1.63 +/* Vertical disabled */
    1.64 +.autorepeatbutton-up[disabled="true"]:not([orient="horizontal"]),
    1.65 +.autorepeatbutton-down[disabled="true"]:not([orient="horizontal"]) {
    1.66 +  -moz-image-region: rect(0, 27px, 10px, 18px);
    1.67 +}
    1.68 +
    1.69 +.scrollbutton-up[disabled="true"] {
    1.70 +  list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif");
    1.71 +  -moz-image-region: auto; /* cut off inheritance */
    1.72 +}
    1.73 +
    1.74 +.scrollbutton-down[disabled="true"] {
    1.75 +  list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
    1.76 +  -moz-image-region: auto; /* cut off inheritance */
    1.77 +}
    1.78 +
    1.79 +.scrollbutton-up > .toolbarbutton-text,
    1.80 +.scrollbutton-down > .toolbarbutton-text {
    1.81 +  display: none;
    1.82 +}
    1.83 +
    1.84 +autorepeatbutton {
    1.85 +  list-style-image: url("chrome://global/skin/menu/menu-arrow.png");
    1.86 +  -moz-image-region: rect(0, 9px, 10px, 0);
    1.87 +  -moz-box-align: center;
    1.88 +  -moz-box-pack: center;
    1.89 +  padding: 1px;
    1.90 +}
    1.91 +
    1.92 +@media (min-resolution: 2dppx) {
    1.93 +  autorepeatbutton > .autorepeatbutton-icon {
    1.94 +    list-style-image: url("chrome://global/skin/menu/menu-arrow@2x.png");
    1.95 +    -moz-image-region: rect(0, 18px, 20px, 0);
    1.96 +    width: 9px;
    1.97 +    height: 10px;
    1.98 +  }
    1.99 +}

mercurial