spinbuttons.css 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  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. spinbuttons {
  6. -moz-appearance: spinner;
  7. cursor: default;
  8. }
  9. .spinbuttons-button {
  10. min-width: 13px;
  11. min-height: 11px;
  12. margin: 0 !important;
  13. border: 2px solid;
  14. -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
  15. -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  16. -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  17. -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
  18. background-color: ThreeDFace;
  19. }
  20. .spinbuttons-button > .button-box {
  21. border: 0;
  22. }
  23. .spinbuttons-button:hover:active
  24. {
  25. border: 2px solid;
  26. -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow;
  27. -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  28. -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  29. -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
  30. }
  31. .spinbuttons-button[disabled="true"] {
  32. border: 2px solid;
  33. -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow !important;
  34. -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow !important;
  35. -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow !important;
  36. -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow !important;
  37. }
  38. .spinbuttons-up {
  39. -moz-appearance: spinner-upbutton;
  40. background-image: url("chrome://global/skin/arrow/arrow-up.gif");
  41. background-position: center center;
  42. background-repeat: no-repeat;
  43. }
  44. .spinbuttons-up[disabled="true"] {
  45. background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif");
  46. }
  47. .spinbuttons-down {
  48. -moz-appearance: spinner-downbutton;
  49. background-image: url("chrome://global/skin/arrow/arrow-dn.gif");
  50. background-position: center center;
  51. background-repeat: no-repeat;
  52. }
  53. .spinbuttons-down[disabled="true"] {
  54. background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
  55. }