LCARStrek/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 hovered */
  25 .autorepeatbutton-up[orient="horizontal"]:hover,
  26 .autorepeatbutton-down:-moz-locale-dir(rtl)[orient="horizontal"]:hover,
  27 .scrollbutton-up[orient="horizontal"]:hover,
  28 .scrollbutton-down:-moz-locale-dir(rtl)[orient="horizontal"]:hover {
  29   list-style-image: url("chrome://global/skin/arrow/arrow-left-hover.gif");
  30 }
  31
  32 .autorepeatbutton-down[orient="horizontal"]:hover,
  33 .autorepeatbutton-up:-moz-locale-dir(rtl)[orient="horizontal"]:hover,
  34 .scrollbutton-down[orient="horizontal"]:hover,
  35 .scrollbutton-up:-moz-locale-dir(rtl)[orient="horizontal"]:hover {
  36   list-style-image: url("chrome://global/skin/arrow/arrow-right-hover.gif");
  37 }
  38
  39  /* Horizontal disabled */
  40 .autorepeatbutton-up[orient="horizontal"][disabled="true"],
  41 .autorepeatbutton-down:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"],
  42 .scrollbutton-up[orient="horizontal"][disabled="true"],
  43 .scrollbutton-down:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"] {
  44   list-style-image: url("chrome://global/skin/arrow/arrow-left-disabled.gif");
  45 }
  46
  47 .autorepeatbutton-down[orient="horizontal"][disabled="true"],
  48 .autorepeatbutton-up:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"],
  49 .scrollbutton-down[orient="horizontal"][disabled="true"],
  50 .scrollbutton-up:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"] {
  51   list-style-image: url("chrome://global/skin/arrow/arrow-right-disabled.gif");
  52 }
  53
  54 /* Vertical enabled */
  55 .autorepeatbutton-up,
  56 .scrollbutton-up {
  57   list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
  58 }
  59
  60 .autorepeatbutton-down,
  61 .scrollbutton-down {
  62   list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
  63 }
  64
  65 /* Vertical hovered */
  66 .autorepeatbutton-up:hover,
  67 .scrollbutton-up:hover {
  68   list-style-image: url("chrome://global/skin/arrow/arrow-up-hover.gif");
  69 }
  70
  71 .autorepeatbutton-down:hover,
  72 .scrollbutton-down:hover {
  73   list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
  74 }
  75
  76 /* Vertical disabled */
  77 .autorepeatbutton-up[disabled="true"],
  78 .scrollbutton-up[disabled="true"] {
  79   list-style-image: url("chrome://global/skin/arrow/arrow-up-disabled.gif");
  80 }
  81
  82 .autorepeatbutton-down[disabled="true"],
  83 .scrollbutton-down[disabled="true"] {
  84   list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
  85 }
  86
  87 .scrollbutton-up > .toolbarbutton-text,
  88 .scrollbutton-down > .toolbarbutton-text {
  89   display: none;
  90 }
  91
  92 autorepeatbutton,
  93 .scrollbutton-up,
  94 .scrollbutton-down {
  95   -moz-box-align: center;
  96   -moz-box-pack: center;
  97   margin-top: 1px;
  98   margin-bottom: 2px;
  99   -moz-margin-start: 1px;
 100   -moz-margin-end: 2px;
 101 }
 102
 103 autorepeatbutton {
 104   border: 1px solid transparent;
 105   padding: 1px;
 106 }
 107
 108 autorepeatbutton:not([disabled="true"]):hover,
 109 autorepeatbutton:not([disabled="true"]):hover:active {
 110   background-color: #FFCF00;
 111   margin: 1px;
 112   border: 1px inset #000000;
 113   padding-top: 2px;
 114   padding-bottom: 1px;
 115   -moz-padding-start: 2px;
 116   -moz-padding-end: 1px;
 117 }