LCARStrek/global/skin/tree.css

   1
   2 /******** Tree widget **********/
   3
   4 /** basic tree ****************************************************
   5  *  basic tree widget for use in main windows where no decoration
   6  *  is required.
   7  **/
   8 tree {
   9   background-color: #000000;
  10   border: none;
  11   border-spacing: 0px;
  12 }
  13
  14 /** class="inset" *************************************************
  15  *  this is the tree class used by dialogs to create treeviews with
  16  *  inset borders, and default dialog spacing.
  17  **/
  18 tree.inset {
  19   -moz-border-radius: 5px;
  20   border: 1px solid #9C9CFF;
  21   margin: 1px 5px 2px 5px;
  22 }
  23
  24 /*
  25 treeitem[selected="true"] > treerow {
  26 /       color: #000000; /
  27         background-color: #008484;
  28 }
  29 */
  30
  31 tree:focus > treechildren treeitem[selected="true"] > treerow,
  32 treeitem[dd-dropon="true"] > treerow
  33   {
  34         background-color    : #008484;
  35 /*        color               : #000000; */
  36   }
  37
  38
  39 treecell {
  40   white-space: nowrap;
  41   vertical-align: middle;
  42   padding: 1px 0px 1px 2px;
  43 }
  44
  45 .treecell-header {
  46   background-color: #9C9CFF;
  47   color: black;
  48   vertical-align: middle;
  49   padding: 0px 0px 0px 5px;
  50   border-right: 1px solid black;
  51 }
  52
  53 .treecell-header-image
  54   {
  55   background-color: #9C9CFF;
  56   color: black;
  57   vertical-align: middle;
  58   border-right: 1px solid black;
  59   }
  60
  61 .treecell-inset-header {
  62   background-color: #9C9CFF;
  63   border-right: 1px solid black;
  64 }
  65
  66 tree.inset > treehead > treerow > treecell.sortable:active {
  67   border-right: 1px solid black;
  68 }
  69
  70 /** class="propertylist" ******************************************
  71  *  class for cells in grid-formatted property lists.
  72  **/
  73 treecell.propertylist {
  74   padding-left: 5px;
  75   border-right: 1px solid #9C9CFF;
  76   border-bottom: 1px solid #9C9CFF;
  77 }
  78
  79 .tree-cell-primary-icon {
  80   list-style-image: inherit;
  81   padding-right: 2px;
  82 }
  83
  84 .tree-cell-icon {
  85   list-style-image: inherit;
  86   padding-right: 2px;
  87 }
  88
  89 .treecell-indent > .tree-cell-primary-icon {
  90   padding-left: 14px;
  91  }
  92
  93 treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon {
  94   padding-left: 0px;
  95 }
  96
  97 .tree-cell-twisty {
  98  list-style-image: url("chrome://global/skin/closedtwisty.gif");
  99  -moz-user-focus:ignore;
 100  padding-right: 2px;
 101 }
 102
 103 treeitem[selected="true"] > treerow > treecell > .tree-cell-twisty {
 104   list-style-image: url("chrome://global/skin/closedtwisty-selected.gif");
 105 }
 106
 107 .tree-cell-twisty:hover {
 108  text-decoration: none;
 109 }
 110
 111 .tree-cell-twisty:active {
 112  text-decoration: none;
 113 }
 114
 115 .tree-cell-twisty[disabled="true"] {
 116  list-style-image: none;
 117 }
 118
 119 treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
 120  list-style-image: url("chrome://global/skin/opentwisty.gif");
 121 }
 122
 123 treeitem[selected="true"][container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
 124   list-style-image: url("chrome://global/skin/opentwisty-selected.gif");
 125 }
 126
 127
 128 /* tree header with sort direction indicators */
 129 .sortDirectionIndicator[sortDirection="ascending"]  > .tree-header-sortdirection {
 130   list-style-image: url("chrome://global/skin/sortAscending.gif");
 131   margin-right: 3px;
 132 }
 133
 134 .sortDirectionIndicator[sortDirection="descending"] > .tree-header-sortdirection {
 135   list-style-image: url("chrome://global/skin/sortDescending.gif");
 136   margin-right: 3px;
 137 }
 138
 139 treecol[sortDirection="true"],
 140 treecol[sortActive="true"]
 141   {
 142     background-color       : #008484;
 143   }
 144
 145 .treecell-popup-icon
 146   {
 147     list-style-image       : url("chrome://global/skin/columnselect.gif");
 148   }
 149