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