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