resources/css/theme-access/form.css

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