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

   1
   2 .claro .dijitTextBoxError .dijitValidationContainer {
   3         background-color: #d46363;
   4         background-image: url('images/error.png');
   5         background-position: top center;
   6         border: solid #d46464 0px;
   7         border-left-width: 1px;
   8         width: 9px;
   9 }
  10 .claro .dijitTextBoxError .dijitValidationIcon {
  11         width: 0px;
  12         background-color: transparent !important;
  13 }
  14 .claro .dijitTextBox .dijitInputContainer,
  15 .claro .dijitTextArea,
  16 .claro .dijitInputField .dijitPlaceHolder {
  17         padding: 2px;
  18 }
  19 .claro .dijitTextBox,
  20 .claro .dijitTextBox .dijitButtonNode {
  21
  22         border-color: #b5bcc7;
  23         -webkit-transition-property:background-color, border;
  24         -webkit-transition-duration:.35s;
  25 }
  26 .claro .dijitTextBox {
  27         background-color: #f7fcff;
  28 }
  29 .claro .dijitTextBoxHover,
  30 .claro .dijitTextBoxHover .dijitButtonNode {
  31         border-color: #769dc0;
  32         -webkit-transition-duration:.25s;
  33 }
  34 .claro .dijitTextBoxHover {
  35         background-color: #e9f4fe;
  36         background-image: url('images/textBox_back.png');
  37         background-repeat: repeat-x;
  38 }
  39 .claro .dijitTextBoxError,
  40 .claro .dijitTextBoxError .dijitButtonNode {
  41         border-color: #d46464;
  42 }
  43 .claro .dijitTextBoxError,
  44 .claro .dijitTextBoxError .dijitInputContainer {
  45         background-color: #fdf7f7;
  46 }
  47 .claro .dijitTextBoxFocused,
  48 .claro .dijitTextBoxFocused .dijitButtonNode {
  49         border-color:#769dc0;
  50         -webkit-transition-duration:.1s;
  51 }
  52 .claro .dijitTextBoxFocused {
  53         background-color: #fff;
  54         background-image: url('images/textBox_back.png');
  55         background-repeat: repeat-x;
  56 }
  57 .claro .dijitTextBoxFocused .dijitInputContainer {
  58         background: #fff;
  59 }
  60 .claro .dijitTextBoxErrorFocused,
  61 .claro .dijitTextBoxErrorFocused .dijitButtonNode {
  62         border-color: #ce4f4f;
  63 }
  64 .claro .dijitTextBoxDisabled,
  65 .claro .dijitTextBoxDisabled .dijitButtonNode {
  66         border-color: #d3d3d3;
  67 }
  68 .claro .dijitTextBoxDisabled {
  69         background-color: #efefef;
  70         background-image: none;
  71         color: #818181;
  72 }
  73 .claro .dijitComboBox .dijitArrowButtonInner {
  74         background-image: url("images/commonFormArrows.png");
  75         background-position:-35px 53%;
  76         background-repeat: no-repeat;
  77         margin: 0px;
  78         width:16px;
  79         height:100%;
  80         border: 1px solid #fff;
  81 }
  82 .claro .dijitTextBox .dijitInputField {
  83         padding-top: 1px;
  84         padding-bottom: 1px;
  85 }
  86 .claro .dijitTextBox .dijitInputInner {
  87
  88         padding: 1px 2px 1px 0;
  89 }
  90 .claro .dijitTextBox .dijitValidationContainer {
  91         padding: 0 0 2px 0;
  92 }
  93 .claro .dijitComboBox .dijitButtonNode {
  94         background-color: #ebeef4;
  95         background-image: url("images/formHighlight.png");
  96         background-repeat:repeat-x;
  97 }
  98 .claro .dijitComboBoxHover .dijitButtonNode {
  99         background-color:#abd6ff;
 100 }
 101 .claro .dijitComboBoxHover .dijitArrowButtonInner {
 102         background-position:-70px 53%;
 103 }
 104 .claro .dijitComboBoxFocused .dijitButtonNode {
 105         background-color:#7dbefa;
 106         background-position:0px -177px;
 107         padding: 1px;
 108 }
 109 .claro .dijitComboBoxFocused .dijitArrowButtonInner {
 110         background-position:-70px 53%;
 111         border: 0px none;
 112 }
 113 .claro div.dijitComboBoxDisabled .dijitArrowButtonInner {
 114
 115         background-position:0px 50%;
 116         background-color:#f1f1f1;
 117 }
 118 .dj_ff3 .claro .dijitInputField input[type="hidden"] {
 119         display: none;
 120         height: 0;
 121         width: 0;
 122 }
 123 .dj_ie6 .claro .dijitTextBox,
 124 .dj_ie6 .claro .dijitComboBox .dijitButtonNode {
 125         background-image: none;
 126 }
 127 .dj_quirks .claro .dijitComboBox .dijitArrowButtonInner {
 128         border: 0px;
 129 }
 130 .dj_quirks .claro .dijitComboBox .dijitArrowButtonContainer {
 131         padding: 1px;
 132 }