git.roojs.org Git - roojs1/blob - css/combo.css

   1 /**
   2  * based on : http://home.exetel.com.au/cweatures/combosample/combotest.html
   3  */
   4
   5
   6
   7
   8 /*
   9 .dojoComboBoxInputInvalid {
  10  color: red;
  11 }
  12 */
  13 /* the drop down area */
  14 .x-combo-list {
  15         /** see for for the font stuff... */
  16
  17      background-color: white;
  18      border: 1px solid #afafaf;
  19
  20      cursor: default;
  21 }
  22 .x-combo-list-inner {
  23     overflow: auto;
  24
  25 }
  26
  27 .x-combo-list-item {
  28      padding-left: 2px;
  29      padding-top: 0px;
  30      margin: 0px;
  31      padding-bottom: 2px;
  32      white-space: nowrap;
  33 }
  34
  35 .x-combo-selected {
  36      background-color: #ABC9C2;
  37      color: black;
  38      border: 1px solid #5e8a7f;
  39 }
  40
  41 /* The div holding the arrow background image */
  42
  43 /** --- dummy for date... */
  44
  45
  46 .x-form-date-trigger,
  47 .x-form-arrow-trigger
  48 {
  49    /*   border: 1px solid black; */
  50      width:17px;
  51      height:19px;
  52      background:url(../images/default/combo/arrow.gif); /* arrow image, 15x15px */
  53      background-repeat:no-repeat;
  54      background-position:center; /* centers image in div, creating 1px white border effect */
  55 }
  56 .roo-ie .x-form-field-wrap .x-form-trigger,
  57 .roo-ie .x-toolbar .x-form-arrow-trigger
  58 {
  59     margin: 0px;
  60 }
  61 .roo-ie .x-form-arrow-trigger,
  62 .roo-ie .x-form-date-trigger
  63 {
  64     height:18px;
  65 }
  66 /* chrome does not appear to need this..
  67 .roo-safari .x-form-arrow-trigger,
  68 .roo-safari .x-form-date-trigger
  69 {
  70     position: absolute;
  71     left: 0px;
  72     top: 6px;
  73     height: 18px;
  74 }
  75
  76 */
  77
  78 /* ------------------ Roo.form.Combobox ---------------------*/
  79
  80
  81
  82 .x-form .x-form-combo-add,
  83 .x-form .x-form-combo-edit
  84 {
  85     background:transparent url(../images/default/dd/drop-add.gif) no-repeat scroll 0 0;
  86     border-style:none none solid;
  87     cursor:pointer;
  88     height:21px;
  89     position:absolute;
  90     top:2;
  91     width:17px;
  92     margin-left: 20px;
  93 }
  94
  95 .x-form .x-form-combo-edit
  96 {
  97     background:transparent url(../images/default/tree/leaf.gif) no-repeat scroll 0 0;
  98 }
  99 /** combo items **/
 100 .x-combo-list-inner .x-btn
 101 {
 102     text-align: left;
 103     font: 12px arial,tahoma,verdana,helvetica;
 104 }
 105
 106
 107 /** ------ Roo.formComboBoxArray ---- */
 108 .x-cbarray-item {
 109     display: inline-block;
 110     background: #e0ecff none no-repeat scroll 0 0;
 111     float: left;
 112     height: 18px;
 113     -moz-border-radius: 2px;
 114     margin: 2px;
 115     float: left
 116
 117     font-family:arial,tahoma,helvetica,sans-serif;
 118     font-size:11px;
 119     font-size-adjust:none;
 120     font-style:normal;
 121     font-variant:normal;
 122     font-weight:normal;
 123
 124 }
 125 .x-cbarray-item div
 126 {
 127     display: inline-block;
 128     float: left;
 129     margin: 2px;
 130     margin-left: 5px;
 131 }
 132 .x-cbarray-item img
 133 {
 134    margin-left: 5px;
 135    background:transparent url(../images/default/dd/drop-sub.gif) no-repeat scroll 0 0;
 136    cursor: pointer;
 137 }
 138 .x-cbarray-cb
 139 {
 140     float:left;
 141 }
 142
 143 .x-cbarray-grp
 144 {
 145     padding: 2px;
 146     border: 1px solid #e0ecff;
 147     display: inline-block;
 148 }
 149 .x-cbarray-grp input.x-form-text,
 150 .x-cbarray-grp img.x-form-trigger
 151 {
 152     float: left;
 153 }
 154 /* needed for nested combo */
 155 .x-combo-list-item.x-combo-list-item-has-children:after {
 156     content: '>';
 157     float: right;
 158     margin-right: 2px;
 159 }