src/resources/themes/stylesheets/sencha-touch/bb103/src/field/_Field.scss

   1 /**
   2  * @member Ext.field.Field
   3  */
   4
   5 .x-field {
   6
   7 }
   8
   9 .x-form {
  10         .x-field-input {
  11                 padding: 8px 3px;
  12         }
  13 }
  14
  15 .x-label-align-top {
  16                 .x-form-label {
  17                                 line-height: 32px;
  18                 }
  19 }
  20
  21 .x-form-label {
  22                 color: #292429;
  23                 font-size: 20px;
  24                 padding: 0 3px;
  25                 line-height: 50px;
  26
  27                 span {
  28                                 font-weight: normal;
  29                 }
  30 }
  31
  32 .x-field-input {
  33     padding: 5px 3px 6px 3px;
  34 }
  35
  36 .x-field-clearable .x-field-input {
  37     padding-right: 3px;
  38 }
  39
  40 .x-field-input .x-reveal-icon {
  41         top: 13px;
  42         right: 8px;
  43         background: theme_image('bb10', "reveal_icon.png") no-repeat;
  44         width: 24px;
  45         height: 24px;
  46
  47         &.x-pressing {
  48                 background-position: top right;
  49         }
  50 }
  51
  52 .x-field.x-revealed .x-reveal-icon {
  53         background-position: top right;
  54 }
  55
  56 .x-field-clearable.x-field-revealable {
  57         .x-reveal-icon {
  58                 right: 36px;
  59         }
  60 }
  61
  62 .x-field-input .x-clear-icon {
  63                 top: 13px;
  64                 right: 8px;
  65     background: theme_image('bb10', "clear_icon.png") no-repeat;
  66     width: 24px;
  67     height: 24px;
  68
  69     &.x-pressing {
  70         background-position: top right;
  71     }
  72 }
  73
  74 .x-input-text,
  75 .x-input-url,
  76 .x-input-email,
  77 .x-input-search,
  78 .x-input-number,
  79 .x-input-password,
  80 .x-spinner-button {
  81     padding: 9px 5px;
  82     border: 1px solid #C7C7C7;
  83     background-color: #ffffff;
  84     @include border-radius(1px);
  85
  86     &::-webkit-input-placeholder {
  87           font-style:italic;
  88           font-weight: 100;
  89     }
  90 }
  91
  92 .x-item-disabled {
  93     input {
  94         color: #888;
  95     }
  96
  97     .x-form-label {
  98         color: #bbb;
  99     }
 100 }