Common.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. /****
  2. dijit.form.TextBox
  3. dijit.form.ValidationTextBox
  4. dijit.form.SerializableTextBox
  5. dijit.form.RangeBoundTextBox
  6. dijit.form.NumberTextBox
  7. dijit.form.CurrencyTextBox
  8. dijit.form.NumberSpinner
  9. dijit.form.ComboBox (partial)
  10. ****/
  11. .tundra .dijitInputContainer INPUT,
  12. .tundra .dijitTextBox {
  13. margin: 0 0.1em;
  14. }
  15. .tundra .dijitTextArea {
  16. padding: 3px;
  17. }
  18. .tundra .dijitTextBox {
  19. /* For all except dijit.form.NumberSpinner: the actual input element.
  20. For TextBox, ComboBox, Spinner: the div that contains the input.
  21. Otherwise the actual input element.
  22. */
  23. background:#fff url("../images/validationInputBg.png") repeat-x top left;
  24. #background:#fff url('../images/validationInputBg.gif') repeat-x top left;
  25. border:1px solid #b3b3b3;
  26. }
  27. /* ComboBox specific rules*/
  28. .tundra .dijitComboBox .dijitButtonNode {
  29. padding: 0 0.2em;
  30. }
  31. .tundra .dijitTextBox .dijitButtonNode {
  32. /* line between the input area and the drop down button, and also between
  33. * the up and down buttons of a spinner
  34. */
  35. border-color: #9b9b9b;
  36. }
  37. .tundra .dijitTextBoxFocused {
  38. /* input field when focused (ie: typing affects it) */
  39. border-color:#406b9b;
  40. }
  41. .tundra .dijitTextBoxFocused .dijitButtonNode {
  42. border-color:#366dba;
  43. }
  44. .tundra .dijitError {
  45. background-color:#f9f7ba;
  46. background-image:none;
  47. }
  48. .tundra .dijitErrorFocused {
  49. background-color:#f9f999;
  50. background-image:none;
  51. }
  52. /* Validation errors */
  53. .tundra .dijitValidationIcon {
  54. /* prevent height change when widget goes from valid to invalid state */
  55. width: 16px;
  56. background: transparent url('../images/warning.png') no-repeat center center;
  57. }
  58. /* The highlight is shown in the ComboBox menu. */
  59. .tundra .dijitComboBoxHighlightMatch {
  60. background-color:#a5beda;
  61. }
  62. .tundra .dijitFocusedLabel {
  63. /* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */
  64. outline: 1px dotted #666666;
  65. }