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: 1px inset #CCCCDD;
  20   margin: 1px 3px 2px 3px;
  21 }
  22
  23 treeitem[selected="true"] > treerow,
  24 treeitem[dd-dropon="true"] > treerow
  25   {
  26         color: white;
  27         background-color: #336699;
  28   }
  29
  30 treecell {
  31   white-space: nowrap;
  32   vertical-align: middle;
  33   padding: 1px 0px 1px 2px;
  34 }
  35
  36 .treecell-header-image
  37   {
  38     list-style-image      : inherit;
  39   }
  40
  41 .treecell-header,
  42 .treecell-header-image,
  43 .treecell-inset-header {
  44   background-color: #CCCCDD;
  45   color: black;
  46   border: 1px outset #CCCCDD;
  47   vertical-align: middle;
  48   padding: 0px;
  49 }
  50
  51 .treecell-header-box,
  52 .treecell-header-image-box {
  53   padding: 1px;
  54 }
  55
  56 .treecell-header:hover:active > .treecell-header-box,
  57 .treecell-inset-header:hover:active > .treecell-header-box,
  58 .treecell-header-image:hover:active > .treecell-header-image-box {
  59   padding: 2px 0px 0px 2px;
  60 }
  61
  62 .treecell-header:hover:active,
  63 .treecell-inset-header:hover:active,
  64 .treecell-header-image:hover:active {
  65   border: 1px inset #CCCCDD;
  66 }
  67
  68 .treecell-image
  69   {
  70     padding               : 0px;
  71   }
  72
  73 /** class="propertylist" ******************************************
  74  *  class for cells in grid-formatted property lists.
  75  **/
  76 treecell.propertylist {
  77   padding-left: 5px;
  78   border-right: 1px solid #CCD0DD;
  79   border-bottom: 1px solid #CCD0DD;
  80 }
  81
  82 .tree-cell-primary-icon {
  83   list-style-image: inherit;
  84   padding-right: 2px;
  85 }
  86
  87 .tree-cell-icon {
  88   list-style-image: inherit;
  89   padding-right: 2px;
  90 }
  91
  92 .treecell-indent > .tree-cell-primary-icon {
  93   padding-left: 14px;
  94  }
  95
  96 treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon {
  97   padding-left: 0px;
  98 }
  99
 100 .tree-cell-twisty {
 101  list-style-image: url("chrome://global/skin/closedtwisty.gif");
 102  user-focus:ignore;
 103  padding-right: 2px;
 104 }
 105
 106 treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon {
 107  padding-left: 0px;
 108 }
 109
 110 treeitem[selected="true"] > treerow > treecell > .tree-cell-twisty {
 111   list-style-image: url("chrome://global/skin/closedtwisty-selected.gif");
 112 }
 113
 114 .tree-cell-twisty:hover {
 115  text-decoration: none;
 116 }
 117
 118 .tree-cell-twisty:active {
 119  text-decoration: none;
 120 }
 121
 122 .tree-cell-twisty[disabled="true"] {
 123  list-style-image: none;
 124 }
 125
 126 treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
 127  list-style-image: url("chrome://global/skin/opentwisty.gif");
 128 }
 129
 130 treeitem[selected="true"][container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
 131   list-style-image: url("chrome://global/skin/opentwisty-selected.gif");
 132 }
 133
 134
 135 /* tree header with sort direction indicators */
 136 .tree-header-sortdirection {
 137   list-style-image      : none;
 138 }
 139
 140 .sortDirectionIndicator[sortDirection="ascending"] > .treecell-header-box > .tree-header-sortdirection {
 141   list-style-image: url("chrome://global/skin/sortAscending.gif");
 142 }
 143
 144 .sortDirectionIndicator[sortDirection="descending"] > .treecell-header-box > .tree-header-sortdirection {
 145   list-style-image: url("chrome://global/skin/sortDescending.gif");
 146 }
 147
 148 treecol[sortDirection="true"],
 149 treecol[sortActive="true"]
 150   {
 151     background-color       : #DFDFDF;
 152   }
 153
 154 .treecell-popup-icon
 155   {
 156     list-style-image       : url("chrome://global/skin/columnselect.gif");
 157   }
 158
 159 .inline-edit-cell-box
 160   {
 161     margin-left           : 2px;
 162   }
 163
 164 /* Inline Editable Treecells */
 165 .textfield-inline-edit
 166   {
 167     border                : 1px solid #666699 !important;
 168     margin                : 0px !important;
 169   }
 170
 171 .textfield-inline-edit > .textfield-internal-box > .textfield-input
 172   {
 173     border                : 0px !important;
 174     padding               : 1px !important;
 175     margin                : 0px !important;
 176   }
 177
 178 .textfield-inline-edit > .textfield-internal-box
 179   {
 180     border                : 0px !important;
 181     padding               : 0px !important;
 182     margin                : 0px !important;
 183   }
 184
 185 treerow[mode="inline-edit"]
 186   {
 187     background            : transparent;
 188   }
 189
 190
 191
 192