Button.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. /* dojox.mobile.Button */
  2. .mblButton {
  3. cursor: pointer;
  4. outline: none;
  5. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  6. padding: 0px 10px;
  7. height: 29px;
  8. border: #9CACC0 1px outset;
  9. -webkit-border-radius: 3px;
  10. background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece), color-stop(0.5, #f8f8f8), color-stop(0.5, #eeeeee));
  11. color: black;
  12. font-family: Helvetica;
  13. font-size: 13px;
  14. line-height: 29px;
  15. }
  16. .mblButton.mblBlueButton {
  17. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  18. border-color: #9CACC0;
  19. background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc));
  20. color: white;
  21. }
  22. .mblButton.mblBlueButtonSelected {
  23. background-image: -webkit-gradient(linear, left top, left bottom, from(#ad7500), to(#ffaa00), color-stop(0.06, #ffb200), color-stop(0.5, #ffc700));
  24. color: white;
  25. }
  26. .mblButton.mblRedButton {
  27. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  28. border-color: #9CACC0;
  29. background-image: -webkit-gradient(linear, left top, left bottom, from(#fa9d58), to(#ee4115), color-stop(0.5, #ff4d25), color-stop(0.5, #ed4d15));
  30. color: white;
  31. }
  32. .mblButton.mblRedButtonSelected {
  33. background-image: -webkit-gradient(linear, left top, left bottom, from(#ad7500), to(#ffaa00), color-stop(0.06, #ffb200), color-stop(0.5, #ffc700));
  34. color: white;
  35. }
  36. .mblButtonSelected {
  37. background-image: -webkit-gradient(linear, left top, left bottom, from(#ad7500), to(#ffaa00), color-stop(0.06, #ffb200), color-stop(0.5, #ffc700));
  38. color: white;
  39. }
  40. .mblButtonDisabled, .mblButton:disabled {
  41. cursor: default;
  42. border-color: grey;
  43. background-image: none;
  44. color: grey;
  45. }