EarlyBlue/global/scrollbox.css

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