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-image
  39   {
  40     list-style-image      : inherit;
  41   }
  42
  43 .treecell-header,
  44 .treecell-header-image,
  45 .treecell-inset-header {
  46   background-color: #9C9CFF;
  47   color: black;
  48   vertical-align: middle;
  49   padding: 0px;
  50   border: 1px solid #000000;
  51 }
  52
  53 .treecell-header-box,
  54 .treecell-header-image-box {
  55   padding: 1px;
  56 }
  57
  58 .treecell-header:hover:active > .treecell-header-box,
  59 .treecell-inset-header:hover:active > .treecell-header-box,
  60 .treecell-header-image:hover:active > .treecell-header-image-box {
  61   padding: 2px 0px 0px 2px;
  62 }
  63
  64 .treecell-header:hover:active,
  65 .treecell-inset-header:hover:active,
  66 .treecell-header-image:hover:active {
  67   border: 1px solid #FFCF00;
  68 }
  69
  70 .treecell-image
  71   {
  72     padding               : 0px;
  73   }
  74
  75
  76 /** class="propertylist" ******************************************
  77  *  class for cells in grid-formatted property lists.
  78  **/
  79 treecell.propertylist {
  80   padding-left: 5px;
  81   border-right: 1px solid #9C9CFF;
  82   border-bottom: 1px solid #9C9CFF;
  83 }
  84
  85 .tree-cell-primary-icon {
  86   list-style-image: inherit;
  87   padding-right: 2px;
  88 }
  89
  90 .tree-cell-icon {
  91   list-style-image: inherit;
  92   padding-right: 2px;
  93 }
  94
  95 .treecell-indent > .tree-cell-primary-icon {
  96   padding-left: 14px;
  97  }
  98
  99 treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon {
 100   padding-left: 0px;
 101 }
 102
 103 .tree-cell-twisty {
 104  list-style-image: url("chrome://global/skin/closedtwisty.gif");
 105  -moz-user-focus:ignore;
 106  padding-right: 2px;
 107 }
 108
 109 treeitem[selected="true"] > treerow > treecell > .tree-cell-twisty {
 110   list-style-image: url("chrome://global/skin/closedtwisty-selected.gif");
 111 }
 112
 113 .tree-cell-twisty:hover {
 114  text-decoration: none;
 115 }
 116
 117 .tree-cell-twisty:active {
 118  text-decoration: none;
 119 }
 120
 121 .tree-cell-twisty[disabled="true"] {
 122  list-style-image: none;
 123 }
 124
 125 treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
 126  list-style-image: url("chrome://global/skin/opentwisty.gif");
 127 }
 128
 129 treeitem[selected="true"][container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
 130   list-style-image: url("chrome://global/skin/opentwisty-selected.gif");
 131 }
 132
 133
 134 /* tree header with sort direction indicators */
 135 .tree-header-sortdirection {
 136   list-style-image      : none;
 137 }
 138
 139 .sortDirectionIndicator[sortDirection="ascending"] > .treecell-header-box > .tree-header-sortdirection {
 140   list-style-image: url("chrome://global/skin/sortAscending.gif");
 141   margin-right: 3px;
 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       : #008484;
 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 .textbox-inline-edit
 166   {
 167     border                : 1px solid #FFCF00 !important;
 168     margin                : 0px !important;
 169   }
 170
 171 .textbox-inline-edit > .textbox-internal-box > .textbox-input
 172   {
 173     border                : 0px !important;
 174     padding               : 1px !important;
 175     margin                : 0px !important;
 176   }
 177
 178 .textbox-inline-edit > .textbox-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