css/combo.css

diff --git a/css/combo.css b/css/combo.css
new file mode 100644 (file)
index 0000000..22bdbe2
--- /dev/null
+++ b/css/combo.css
@@ -0,0 +1,104 @@
+/**
+ * based on : http://home.exetel.com.au/cweatures/combosample/combotest.html
+ */
+
+
+
+
+/*
+.dojoComboBoxInputInvalid {
+ color: red;
+}
+*/
+/* the drop down area */
+.x-combo-list {
+        /** see for for the font stuff... */
+     
+     background-color: white;
+     border: 1px solid #afafaf;
+      
+     cursor: default;
+}
+.x-combo-list-inner {
+    overflow: auto;
+   
+}
+ 
+.x-combo-list-item {
+     padding-left: 2px;
+     padding-top: 0px;
+     margin: 0px;
+     padding-bottom: 2px;
+     white-space: nowrap;
+}
+ 
+.x-combo-selected {
+     background-color: #ABC9C2;
+     color: black;
+     border: 1px solid #5e8a7f;
+}
+
+/* The div holding the arrow background image */
+
+/** --- dummy for date... */
+  
+
+.x-form-date-trigger,
+.x-form-arrow-trigger 
+{
+   /*   border: 1px solid black; */
+     width:17px;  
+     height:19px;  
+     background:url(../images/default/combo/arrow.gif); /* arrow image, 15x15px */
+     background-repeat:no-repeat;
+     background-position:center; /* centers image in div, creating 1px white border effect */
+}
+.roo-ie .x-form-field-wrap .x-form-trigger,
+.roo-ie .x-toolbar .x-form-arrow-trigger 
+{
+    margin: 0px;
+}
+.roo-ie .x-form-arrow-trigger,
+.roo-ie .x-form-date-trigger
+{
+    height:18px;  
+}
+/* chrome does not appear to need this..
+.roo-safari .x-form-arrow-trigger,
+.roo-safari .x-form-date-trigger
+{
+    position: absolute; 
+    left: 0px; 
+    top: 6px;
+    height: 18px;
+}
+
+*/
+
+/* ------------------ 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;
+    cursor:pointer;
+    height:21px;
+    position:absolute;
+    top:2;
+    width:17px;
+    margin-left: 20px;
+} 
+
+.x-form .x-form-combo-edit
+{
+    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 9px arial,tahoma,verdana,helvetica;
+}
\ No newline at end of file