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:18px;
  51      height:20px;
  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 .roo-safari .x-form-arrow-trigger,
  67 .roo-safari .x-form-date-trigger
  68 {
  69     position: relative;
  70     left: 0px;
  71     top: 6px;
  72     height: 18px;
  73 }
  74
  75
  76
  77
  78
  79
  80