big changes to get this baby running again. It's not perfect, but it's up\! yay\!
[themes.git] / LCARStrek / global / skin / tree.css
index 38a57bb847e0f212e73fcd93224bc58bea5e7c49..e38bcc4c97557d2195bb9742e043c9c91feb500c 100755 (executable)
@@ -18,13 +18,16 @@ tree {
 tree.inset {
   -moz-border-radius: 5px;
   border: 1px solid #9C9CFF;
-  margin: 1px 5px 2px 5px;
+  margin: 1px 3px 2px 3px;
 }
 
-treeitem[selected="true"] > treerow { 
-/*     color: #000000; */
-       background-color: #008484;
-}
+treeitem[selected="true"] > treerow,
+treeitem[dd-dropon="true"] > treerow
+  {
+       background-color    : #008484;
+/*       color               : #000000; */
+  }
+
 
 treecell { 
   white-space: nowrap;
@@ -32,31 +35,44 @@ treecell {
   padding: 1px 0px 1px 2px;
 } 
 
-.treecell-header { 
-  background-color: #9C9CFF; 
-  color: black;
-  vertical-align: middle;
-  padding: 0px 0px 0px 5px;
-  border-right: 1px solid black;
-} 
-
 .treecell-header-image 
   {
-  background-color: #9C9CFF; 
-  color: black;
-  vertical-align: middle;
-  border-right: 1px solid black;
+    list-style-image      : inherit;
   }
 
+.treecell-header,
+.treecell-header-image,
 .treecell-inset-header {
   background-color: #9C9CFF; 
-  border-right: 1px solid black;
+  color: black;
+  vertical-align: middle;
+  padding: 0px;
+  border: 1px solid #000000;
+} 
+
+.treecell-header-box,
+.treecell-header-image-box {
+  padding: 1px;
+}
+
+.treecell-header:hover:active > .treecell-header-box,
+.treecell-inset-header:hover:active > .treecell-header-box,
+.treecell-header-image:hover:active > .treecell-header-image-box {
+  padding: 2px 0px 0px 2px;
 }
 
-tree.inset > treehead > treerow > treecell.sortable:active {
-  border-right: 1px solid black;
+.treecell-header:hover:active,
+.treecell-inset-header:hover:active,
+.treecell-header-image:hover:active {
+  border: 1px solid #FFCF00;
 }
 
+.treecell-image 
+  {
+    padding               : 0px;
+  }
+  
+
 /** class="propertylist" ******************************************
  *  class for cells in grid-formatted property lists.
  **/
@@ -116,14 +132,17 @@ treeitem[selected="true"][container="true"][open="true"] > treerow > treecell >
 
 
 /* tree header with sort direction indicators */
-.sortDirectionIndicator[sortDirection="ascending"]  > .tree-header-sortdirection {
+.tree-header-sortdirection {
+  list-style-image      : none;
+}
+
+.sortDirectionIndicator[sortDirection="ascending"] > .treecell-header-box > .tree-header-sortdirection {
   list-style-image: url("chrome://global/skin/sortAscending.gif");
   margin-right: 3px;
 }
 
-.sortDirectionIndicator[sortDirection="descending"] > .tree-header-sortdirection {
+.sortDirectionIndicator[sortDirection="descending"] > .treecell-header-box > .tree-header-sortdirection {
   list-style-image: url("chrome://global/skin/sortDescending.gif");
-  margin-right: 3px;
 }
 
 treecol[sortDirection="true"],
@@ -137,3 +156,34 @@ treecol[sortActive="true"]
     list-style-image       : url("chrome://global/skin/columnselect.gif");
   }
 
+.inline-edit-cell-box
+  {
+    margin-left           : 2px;
+  }
+
+/* Inline Editable Treecells */
+.textbox-inline-edit 
+  {
+    border                : 1px solid #FFCF00 !important;
+    margin                : 0px !important;
+  }
+
+.textbox-inline-edit > .textbox-internal-box > .textbox-input 
+  {
+    border                : 0px !important;
+    padding               : 1px !important;
+    margin                : 0px !important;
+  }
+
+.textbox-inline-edit > .textbox-internal-box 
+  {
+    border                : 0px !important;
+    padding               : 0px !important;
+    margin                : 0px !important;
+  }
+
+treerow[mode="inline-edit"] 
+  {
+    background            : transparent;
+  }
+