X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=css%2Fcombo.css;h=932c8bc47a2b0eb72e2c64230c85cb6c92af0dc3;hb=5f0c20d0c4e6eb4fb63ad64ac5dd3323de1b6c0c;hp=8d43f8c2d621f71c0b1d7da041e9296ae15f23c2;hpb=5054db5d254e59f9f5218a7b9729b9a02a1cfbc4;p=roojs1

diff --git a/css/combo.css b/css/combo.css
index 8d43f8c2d6..932c8bc47a 100644
--- a/css/combo.css
+++ b/css/combo.css
@@ -63,6 +63,7 @@
 {
     height:18px;  
 }
+/* chrome does not appear to need this..
 .roo-safari .x-form-arrow-trigger,
 .roo-safari .x-form-date-trigger
 {
@@ -72,13 +73,14 @@
     height: 18px;
 }
 
+*/
+
+/* ------------------ Roo.form.Combobox ---------------------*/
 
-/* Roo.form.Combobox */
 
 
 .x-form .x-form-combo-add,
 .x-form .x-form-combo-edit
-
 {
     background:transparent url(../images/default/dd/drop-add.gif) no-repeat scroll 0 0;
     border-style:none none solid;
@@ -94,3 +96,64 @@
 {
     background:transparent url(../images/default/tree/leaf.gif) no-repeat scroll 0 0;
 } 
+/** combo items **/
+.x-combo-list-inner .x-btn
+{
+    text-align: left;
+    font: 12px arial,tahoma,verdana,helvetica;
+}
+
+
+/** ------ Roo.formComboBoxArray ---- */
+.x-cbarray-item {
+    display: inline-block; 
+    background: #e0ecff none no-repeat scroll 0 0;
+    float: left;
+    height: 18px;
+    -moz-border-radius: 2px;
+    margin: 2px;
+    float: left
+    
+    font-family:arial,tahoma,helvetica,sans-serif;
+    font-size:11px;
+    font-size-adjust:none;
+    font-style:normal;
+    font-variant:normal;
+    font-weight:normal;
+    
+}
+.x-cbarray-item div
+{
+    display: inline-block;
+    float: left;
+    margin: 2px;
+    margin-left: 5px;
+}
+.x-cbarray-item img
+{
+   margin-left: 5px;
+   background:transparent url(../images/default/dd/drop-sub.gif) no-repeat scroll 0 0;
+   cursor: pointer;
+}
+.x-cbarray-cb 
+{
+    float:left;
+}
+
+.x-cbarray-grp
+{
+    padding: 2px;
+    border: 1px solid #e0ecff;
+    display: inline-block;
+}
+.x-cbarray-grp input.x-form-text,
+.x-cbarray-grp img.x-form-trigger
+{
+    float: left;
+}
+/* needed for nested combo */
+.x-combo-list-item.x-combo-list-item-has-children:after {
+    content: '>';
+    float: right;
+    margin-right: 2px;
+}