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