resources/css/theme-access/form.css

   1 /*!
   2  * Ext JS Library 3.2.0
   3  * Copyright(c) 2006-2010 Ext JS, Inc.
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 .x-form-field {
   8     font:normal 15px tahoma, arial, helvetica, sans-serif;
   9 }
  10
  11 .x-form-text, textarea.x-form-field{
  12     color: #ffffff;
  13     background-color:#33373d;
  14     background-image:url(../images/access/form/text-bg.gif);
  15     border-color:#737b8c;
  16     border-width:2px;
  17 }
  18
  19 .ext-webkit .x-form-text, .ext-webkit textarea.x-form-field{
  20     border-width:2px;
  21 }
  22
  23 .x-form-text, .ext-ie .x-form-file {
  24     height:26px;
  25 }
  26
  27 .ext-strict .x-form-text {
  28     height:20px;
  29 }
  30
  31 .x-form-select-one {
  32     background-color:#fff;
  33     border-color:#b5b8c8;
  34 }
  35
  36 .x-form-check-group-label {
  37     border-bottom: 1px solid #99bbe8;
  38     color: #fff;
  39 }
  40
  41 .x-editor .x-form-check-wrap {
  42     background-color:#fff;
  43 }
  44
  45 .x-form-field-wrap .x-form-trigger{
  46     background-image:url(../images/access/form/trigger.gif);
  47     border-bottom-color:#737b8c;
  48     border-bottom-width:2px;
  49     height:24px;
  50     width:20px;
  51 }
  52
  53 .x-form-field-wrap .x-form-trigger.x-form-trigger-over{
  54     border-bottom-color:#d97e27;
  55 }
  56
  57 .x-form-field-wrap .x-form-trigger.x-form-trigger-click{
  58     border-bottom-color:#c86e19;
  59 }
  60
  61 .x-small-editor .x-form-field-wrap .x-form-trigger {
  62     height:24px;
  63 }
  64
  65 .x-form-field-wrap .x-form-trigger-over {
  66     background-position:-20px 0;
  67 }
  68
  69 .x-form-field-wrap .x-form-trigger-click {
  70     background-position:-40px 0;
  71 }
  72
  73 .x-trigger-wrap-focus .x-form-trigger {
  74     background-position:-60px 0;
  75 }
  76
  77 .x-trigger-wrap-focus .x-form-trigger-over {
  78     background-position:-80px 0;
  79 }
  80
  81 .x-trigger-wrap-focus .x-form-trigger-click {
  82     background-position:-100px 0;
  83 }
  84
  85 .x-form-field-wrap .x-form-date-trigger{
  86     background-image: url(../images/access/form/date-trigger.gif);
  87 }
  88
  89 .x-form-field-wrap .x-form-clear-trigger{
  90     background-image: url(../images/access/form/clear-trigger.gif);
  91 }
  92
  93 .x-form-field-wrap .x-form-search-trigger{
  94     background-image: url(../images/access/form/search-trigger.gif);
  95 }
  96
  97 .x-trigger-wrap-focus .x-form-trigger{
  98     border-bottom-color:#737b8c;
  99 }
 100
 101 .x-item-disabled .x-form-trigger-over{
 102     border-bottom-color:#b5b8c8;
 103 }
 104
 105 .x-item-disabled .x-form-trigger-click{
 106     border-bottom-color:#b5b8c8;
 107 }
 108
 109 .x-form-focus, textarea.x-form-focus{
 110         border-color:#ff9c33;
 111 }
 112
 113 .x-form-invalid, textarea.x-form-invalid,
 114 .ext-webkit .x-form-invalid, .ext-webkit textarea.x-form-invalid{
 115     background-color:#15171a;
 116         background-image:url(../images/access/grid/invalid_line.gif);
 117         border-color:#c30;
 118 }
 119
 120 /*
 121 .ext-safari .x-form-invalid{
 122         background-color:#fee;
 123         border-color:#ff7870;
 124 }
 125 */
 126
 127 .x-form-inner-invalid, textarea.x-form-inner-invalid{
 128     background-color:#fff;
 129         background-image:url(../images/access/grid/invalid_line.gif);
 130 }
 131
 132 .x-form-grow-sizer {
 133         font:normal 15px tahoma, arial, helvetica, sans-serif;
 134 }
 135
 136 .x-form-item {
 137     font:normal 15px tahoma, arial, helvetica, sans-serif;
 138 }
 139
 140 .x-form-invalid-msg {
 141     color:#c0272b;
 142     font:normal 14px tahoma, arial, helvetica, sans-serif;
 143     background-image:url(../images/default/shared/warning.gif);
 144 }
 145
 146 .x-form-empty-field {
 147     color:#dadadd;
 148 }
 149
 150 .x-small-editor .x-form-text {
 151     height: 26px;
 152 }
 153
 154 .x-small-editor .x-form-field {
 155     font:normal 14px arial, tahoma, helvetica, sans-serif;
 156 }
 157
 158 .ext-safari .x-small-editor .x-form-field {
 159     font:normal 15px arial, tahoma, helvetica, sans-serif;
 160 }
 161
 162 .x-form-invalid-icon {
 163     background-image:url(../images/access/form/exclamation.gif);
 164     height:25px;
 165     width:19px;
 166     background-position:center right;
 167 }
 168
 169 .x-fieldset {
 170     border-color:#737B8C;
 171 }
 172
 173 .x-fieldset legend {
 174     font:bold 14px tahoma, arial, helvetica, sans-serif;
 175     color:#fff;
 176 }