EarlyBlue/global/skin/tree.css

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