toolkit/themes/winstripe/global/scale.css

   1 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
   2
   3 /* ::::: scale ::::: */
   4
   5 .scale-slider {
   6   -moz-appearance: scale-horizontal;
   7   background: url("chrome://global/skin/scale/scale-tray-horiz.gif") 0% 50% repeat-x;
   8   margin: 2px 4px;
   9   width: 100px;
  10 }
  11
  12 .scale-slider[orient="vertical"]
  13 {
  14   -moz-appearance: scale-vertical;
  15   background: url("chrome://global/skin/scale/scale-tray-vert.gif") 50% 0% repeat-y;
  16   margin: 4px 2px;
  17   width: auto;
  18   height: 100px;
  19 }
  20
  21 /* ::::: scale thumb ::::: */
  22
  23 .scale-thumb {
  24   -moz-appearance: scalethumb-horizontal;
  25   border: 2px solid;
  26   -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
  27   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  28   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  29   -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
  30   background-color: -moz-Dialog;
  31   min-width: 30px;
  32   min-height: 15px;
  33 }
  34
  35 .scale-thumb[orient="vertical"] {
  36   -moz-appearance: scalethumb-vertical;
  37   min-width: 15px;
  38   min-height: 30px;
  39 }
  40
  41 .scale-thumb[disabled="true"] {
  42   -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow !important;
  43   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow !important;
  44   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow !important;
  45   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow !important;
  46 }