add mark button icons & get button changes

[themes.git] / EarlyBlue / global / skin / tree.css

\r
/******** Tree widget **********/\r
\r
/** basic tree ****************************************************\r
 *  basic tree widget for use in main windows where no decoration\r
 *  is required.\r
 **/\r
tree {\r
  background-color: white;\r
  border: none;\r
  border-spacing: 0px;\r
}\r
\r
/** class="inset" *************************************************\r
 *  this is the tree class used by dialogs to create treeviews with \r
 *  inset borders, and default dialog spacing.\r
 **/\r
tree.inset {\r
  border-top: 1px solid #666699;\r
  border-bottom: 1px solid white;\r
  border-left: 1px solid #666699;\r
  border-right: 1px solid white;\r
  margin: 1px 5px 2px 5px;\r
}\r
\r
treeitem[selected="true"] > treerow { \r
	color: white;\r
	background-color: #336699;\r
}\r
\r
treecell { \r
  white-space: nowrap;\r
  vertical-align: middle;\r
  padding: 1px 0px 1px 2px;\r
} \r
\r
.treecell-header { \r
  background-color: #CCD0DD; \r
  color: black;\r
  border-right: 1px solid white;\r
  vertical-align: middle;\r
  padding: 0px 0px 0px 5px;\r
} \r
\r
.treecell-inset-header {\r
  background-color: #CCD0DD; \r
  border-top: 1px solid white;\r
  border-bottom: 1px solid #666699;\r
  border-left: 1px solid white;\r
  border-right: 1px solid #666699;\r
}\r
\r
tree.inset > treehead > treerow > treecell.sortable:active {\r
  border-top: 1px solid #666699;\r
  border-bottom: 1px solid white;\r
  border-left: 1px solid #666699;\r
  border-right: 1px solid white;\r
}\r
\r
/** class="propertylist" ******************************************\r
 *  class for cells in grid-formatted property lists.\r
 **/\r
treecell.propertylist {\r
  padding-left: 5px;\r
  border-right: 1px solid #CCD0DD;\r
  border-bottom: 1px solid #CCD0DD;\r
}\r
\r
.tree-cell-primary-icon {\r
  list-style-image: inherit;\r
  padding-right: 2px;\r
}\r
\r
.tree-cell-icon {\r
  list-style-image: inherit;\r
  padding-right: 2px;\r
}\r
\r
.treecell-indent > .tree-cell-primary-icon {\r
  padding-left: 14px;\r
 }\r
\r
treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon {\r
  padding-left: 0px;\r
}\r
\r
.tree-cell-twisty {\r
 list-style-image: url("chrome://global/skin/closedtwisty.gif");\r
 user-focus:ignore;\r
 padding-right: 2px;\r
}\r
\r
treeitem[selected="true"] > treerow > treecell > .tree-cell-twisty {\r
  list-style-image: url("chrome://global/skin/closedtwisty-selected.gif");\r
}\r
\r
.tree-cell-twisty:hover {\r
 text-decoration: none;\r
}\r
\r
.tree-cell-twisty:active {\r
 text-decoration: none;\r
}\r
\r
.tree-cell-twisty[disabled="true"] {\r
 list-style-image: none;\r
}\r
\r
treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {\r
 list-style-image: url("chrome://global/skin/opentwisty.gif");\r
}\r
\r
treeitem[selected="true"][container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {\r
  list-style-image: url("chrome://global/skin/opentwisty-selected.gif");\r
}\r
\r
\r
/* tree header with sort direction indicators */\r
.sortDirectionIndicator[sortDirection="ascending"]  > .tree-header-sortdirection {\r
  list-style-image: url("chrome://global/skin/sortAscending.gif");\r
  margin-right: 3px;\r
}\r
\r
.sortDirectionIndicator[sortDirection="descending"] > .tree-header-sortdirection {\r
  list-style-image: url("chrome://global/skin/sortDescending.gif");\r
  margin-right: 3px;\r
}\r
\r
treecol[sortDirection="true"],\r
treecol[sortActive="true"]\r
  {\r
    background-color       : #DFDFDF;\r
  }\r
\r
.treecell-popup-icon\r
  {\r
    list-style-image       : url("chrome://global/skin/columnselect.gif");\r
  }\r