LCARStrek/skin/LCARStrek/global/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   {
  10     background-color      : #000000;
  11     border                : none;
  12     border-spacing        : 0px;
  13   }
  14
  15 .tree-container-treerows[dragover="true"][dragdroptree="true"]
  16   {
  17   }
  18
  19 .tree-container-treerows
  20   {
  21   }
  22
  23 .tree-container-treerows[dragdroptree="true"]
  24   {
  25   }
  26
  27 tree.inset
  28   {
  29     -moz-border-radius    : 5px;
  30     border                : 1px solid #9C9CFF;
  31     margin                : 1px 3px 2px 3px;
  32   }
  33
  34 treeitem[selected="true"] > treerow
  35   {
  36     background-color      : #008484;
  37   }
  38
  39 treeitem
  40   {
  41     list-style-image      : none;
  42   }
  43
  44 treerow
  45   {
  46     border                : 1px solid transparent;
  47   }
  48
  49 treehead > treeitem > treerow,
  50 treehead > treerow
  51   {
  52     border                : none;
  53   }
  54
  55 treecell
  56   {
  57     padding               : 0px 0px 1px 2px;
  58     white-space           : nowrap;
  59   }
  60
  61 tree:focus > treechildren treeitem[selected="true"] > treerow,
  62 treeitem[dd-dropon="true"] > treerow
  63   {
  64     background-color      : #008484;
  65   }
  66
  67 tree:focus > treechildren treeitem[selected="true"][current="true"] > treerow
  68   {
  69     border                : 1px dotted #008484;
  70   }
  71
  72 .treecell-header-image
  73   {
  74     list-style-image      : inherit;
  75   }
  76
  77 .treecell-header,
  78 .treecell-inset-header,
  79 .treecell-header-image
  80   {
  81     border                : 1px solid #000000;
  82     padding               : 0px;
  83     background-color      : #9C9CFF;
  84     color                 : #000000;
  85   }
  86
  87 .treecell-header-box,
  88 .treecell-header-image-box
  89   {
  90   }
  91
  92 .treecell-header-box
  93   {
  94     padding               : 0px 4px 0px 4px;
  95   }
  96
  97 .treecell-header-image-box
  98   {
  99     padding               : 0px 1px 0px 1px;
 100   }
 101
 102 .treecell-header:hover:active,
 103 .treecell-header-image:hover:active,
 104 .treecell-inset-header:hover:active
 105   {
 106     border                : 1px solid #FFCF00;
 107   }
 108
 109 .treecell-header:hover:active > .treecell-header-box,
 110 .treecell-inset-header:hover:active > .treecell-header-box,
 111 .treecell-header-image:hover:active > .treecell-header-image-box
 112   {
 113     border-top            : 1px solid transparent;
 114     border-right          : none;
 115     border-bottom         : none;
 116     border-left           : 1px solid transparent;
 117   }
 118
 119 .treecell-header:hover:active > .treecell-header-box,
 120 .treecell-inset-header:hover:active > .treecell-header-box
 121   {
 122     padding               : 1px 4px 0px 5px;
 123   }
 124
 125 .treecell-header-image:hover:active > .treecell-header-image-box
 126   {
 127     padding               : 1px 1px 0px 2px;
 128   }
 129
 130 .treecell-image
 131   {
 132     padding               : 0px;
 133   }
 134
 135 /* slimline sidebar treeheaders */
 136 .treecell-header.treecell-header-sidebarpanel,
 137 .treecell-inset-header.treecell-header-sidebarpanel
 138   {
 139     padding               : 0px 1px 1px 3px;
 140   }
 141
 142 .treecell-header-sidebarpanel > .treecell-header-box
 143   {
 144   }
 145
 146 /** class="propertylist" ******************************************
 147  *  class for cells in grid-formatted property lists.
 148  **/
 149
 150 treecell.propertylist
 151   {
 152     border-right          : 1px solid #9C9CFF;
 153     border-bottom         : 1px solid #9C9CFF;
 154     padding-left          : 5px;
 155   }
 156
 157 .tree-cell-primary-icon,
 158 .tree-cell-primary-icon-inline-edit-folder
 159   {
 160     list-style-image      : inherit;
 161     padding-right         : 2px;
 162   }
 163
 164 .tree-cell-icon
 165   {
 166     list-style-image      : inherit;
 167     padding-right         : 2px;
 168   }
 169
 170 .tree-cell-twisty
 171   {
 172     list-style-image      : url("chrome://global/skin/twisty-closed.gif");
 173     -moz-user-focus       : ignore;
 174     padding-right         : 2px;
 175   }
 176
 177 .treecell-indent > .tree-cell-primary-icon
 178   {
 179     padding-left          : 14px;
 180   }
 181
 182 treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon
 183   {
 184     padding-left          : 0px;
 185   }
 186
 187 .tree-cell-twisty[disabled="true"]
 188   {
 189     list-style-image      : none;
 190   }
 191
 192 treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty
 193   {
 194     list-style-image      : url("chrome://global/skin/twisty-open.gif");
 195   }
 196
 197 treeitem[empty="true"] > treerow > treecell > .tree-cell-twisty {
 198     visibility            : hidden;
 199 }
 200
 201 /* tree header with sort direction indicators */
 202
 203 .tree-header-sortdirection
 204   {
 205     list-style-image      : none;
 206   }
 207
 208 .sortDirectionIndicator[sortDirection="ascending"]  > .treecell-header-box > .tree-header-sortdirection
 209   {
 210     list-style-image      : url("chrome://global/skin/sortAscending.gif");
 211   }
 212
 213 .sortDirectionIndicator[sortDirection="descending"] > .treecell-header-box > .tree-header-sortdirection
 214   {
 215     list-style-image      : url("chrome://global/skin/sortDescending.gif");
 216   }
 217
 218 treecol[sortDirection="true"],
 219 treecol[sortActive="true"]
 220   {
 221     background-color       : #008484;
 222   }
 223
 224 /* column selection popup menu icon */
 225
 226 .treecell-popup-icon
 227   {
 228     list-style-image      : url("chrome://global/skin/columnselect.gif");
 229   }
 230
 231 /* Inline Editable Treecells */
 232
 233 treerow[mode="inline-edit"]
 234   {
 235     border-top            : none !important;
 236     border-bottom         : none !important;
 237     background-color      : transparent !important;
 238   }
 239
 240 .inline-edit-cell-box
 241   {
 242     margin-left           : 2px;
 243   }
 244
 245 .inline-edit-cell-box[mode="edit"]
 246   {
 247     margin-left           : 0px;
 248   }
 249
 250
 251
 252