scale.css 1.5 KB

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