Button.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /* dojox.mobile.Button */
  2. .mblButton {
  3. cursor: pointer;
  4. outline: none;
  5. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  6. padding: 0 8px;
  7. height: 30px;
  8. border: 1px outset #b5bcc7;
  9. color: #131313;
  10. font-size: 14px;
  11. font-family: Helvetica;
  12. font-weight: normal;
  13. line-height: 30px;
  14. background-color: #5cb0ff;
  15. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3)));
  16. -webkit-border-radius: 2px;
  17. }
  18. .mblButton.mblBlueButton {
  19. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  20. color: #131313;
  21. background-color: #0000FF;
  22. }
  23. .mblButton.mblBlueButtonSelected {
  24. color: #000000;
  25. border-color: #769dc0;
  26. background-color: #000066;
  27. }
  28. .mblButton.mblRedButton {
  29. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  30. color: #131313;
  31. background-color: #FF0000;
  32. }
  33. .mblButton.mblRedButtonSelected {
  34. color: #000000;
  35. border-color: #769dc0;
  36. background-color: #660000;
  37. }
  38. .mblButtonSelected {
  39. color: #000000;
  40. border-color: #769dc0;
  41. background-color: #0064c2;
  42. }
  43. .mblButtonDisabled, .mblButton:disabled {
  44. cursor: default;
  45. color: grey;
  46. border-color: grey;
  47. background-color: #8fc9ff;
  48. }