philo/contrib/gilbert/static/gilbert/murano/sass/murano/components/_form.scss

   1 $html-editor-border-color: #000;
   2 $html-editor-background-color: #FFF;
   3 @import 'form/htmleditor';
   4 @include extjs-form-htmleditor;
   5
   6 .x-form-item{
   7         margin-bottom:6px;
   8 }
   9
  10 .x-form-item-body, .x-form-item-label-left{
  11         float:left;
  12         position:relative;
  13 }
  14
  15 .x-form-text{
  16         background:#444;
  17         @include box-shadow(0 5px 8px 0 bla(.35) inset, 0 1px 0 0 wha(.35), 0 0 0 1px wha(.05) inset);
  18         border:1px solid #000;
  19         color:#FFF;
  20         color:#FFF;
  21         padding:0 3px;
  22 }
  23
  24 .x-form-text:focus, .x-form-trigger-wrap-focus .x-form-text{
  25         outline:none;
  26         background:#666;
  27 }
  28
  29 input.x-form-text{
  30         height:21px;
  31 }
  32 .x-form-invalid-field{
  33         background:#700;
  34 }
  35 .x-form-invalid-icon{
  36         text-indent:-9999px;
  37 }
  38 .x-form-invalid-icon ul{
  39         display:none;
  40 }
  41
  42 .x-form-checkbox, .x-form-radio{
  43         @include reset-box-model;
  44         @include reset-focus;
  45         height:16px;
  46         width:16px;
  47
  48 }
  49
  50 .x-form-checkbox{
  51         background: theme-image($theme-name, 'form/unchecked.png');
  52 }
  53 .x-form-cb-checked .x-form-checkbox{
  54         background: theme-image($theme-name, 'form/checked.png');
  55 }
  56
  57 .x-form-radio{
  58         background: theme-image($theme-name, 'form/unradioed.png');
  59 }
  60 .x-form-cb-checked .x-form-radio{
  61         background: theme-image($theme-name, 'form/radioed.png');
  62 }
  63
  64 .x-form-cb-label-after{
  65         margin-left:3px;
  66 }
  67
  68 .x-form-invalid-icon{
  69         width:20px;
  70         height:19px;
  71         float:left;
  72         background: theme-image($theme-name, 'form/exclamation.png') right center no-repeat;
  73 }
  74
  75
  76 .x-form-field, .x-form-display-field{
  77         float:left;
  78         margin:0;
  79 }
  80
  81
  82 .x-fieldset{
  83         border:1px solid #666;
  84         padding:10px;
  85         margin-bottom:10px;
  86 }
  87 .x-fieldset-header{
  88         white-space:nowrap;
  89         padding:0 5px;
  90 }
  91 .x-fieldset-header-text{
  92         float:left;
  93 }
  94 .x-fieldset-header .x-tool, .x-fieldset-header .x-form-item{
  95         float:left;
  96         margin-right:3px;
  97 }
  98 .x-fieldset-collapsed{
  99         border-width: 1px 1px 0 1px !important;
 100         padding-bottom:0px !important;
 101         border-left-color:transparent;
 102         border-right-color:transparent;
 103 }
 104
 105 .x-boundlist{
 106         background:#000;
 107         border:1px solid #333;
 108 }
 109
 110 .x-boundlist-floating{
 111         @include box-shadow(0 1px 3px 0 bla(.35));
 112 }
 113 .x-boundlist-item{
 114         padding:1px 4px;
 115         border:1px solid transparent;
 116         margin:1px;
 117         @include border-radius(5px);
 118         &-over{
 119                 border:1px solid lighten($accent-color, 10%);
 120                 @include background-image(linear-gradient(lighten($accent-color, 10%),$accent-color));
 121                 @include box-shadow(0 -1px 0 0 bla(.15) inset);
 122         }
 123 }
 124 .x-boundlist-selected{
 125         border:1px solid $accent-color;
 126         @include background-image(linear-gradient($accent-color,darken($accent-color, 10%)));
 127         @include box-shadow(0 -1px 0 0 bla(.15) inset);
 128 }