lib/dijit/themes/tundra/form/Common.css

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