X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Fskin%2Ftree.css;h=eb96f022fe85aba938dc11f694083c02556677d8;hp=8f3d11a1bb43dbcd4bc5504d06b5159486415b58;hb=fbbedfbcb2137f2d3e016e039628d9165a55dd20;hpb=403dce6d3a6589fcf3b7d11299d2d82f1f786e5a diff --git a/EarlyBlue/global/skin/tree.css b/EarlyBlue/global/skin/tree.css index 8f3d11a1..eb96f022 100755 --- a/EarlyBlue/global/skin/tree.css +++ b/EarlyBlue/global/skin/tree.css @@ -1,138 +1,139 @@ - -/******** Tree widget **********/ - -/** basic tree **************************************************** - * basic tree widget for use in main windows where no decoration - * is required. - **/ -tree { - background-color: white; - border: none; - border-spacing: 0px; -} - -/** class="inset" ************************************************* - * this is the tree class used by dialogs to create treeviews with - * inset borders, and default dialog spacing. - **/ -tree.inset { - border-top: 1px solid #666699; - border-bottom: 1px solid white; - border-left: 1px solid #666699; - border-right: 1px solid white; - margin: 1px 5px 2px 5px; -} - -treeitem[selected="true"] > treerow { - color: white; - background-color: #336699; -} - -treecell { - white-space: nowrap; - vertical-align: middle; - padding: 1px 0px 1px 2px; -} - -.treecell-header { - background-color: #CCD0DD; - color: black; - border-right: 1px solid white; - vertical-align: middle; - padding: 0px 0px 0px 5px; -} - -.treecell-inset-header { - background-color: #CCD0DD; - border-top: 1px solid white; - border-bottom: 1px solid #666699; - border-left: 1px solid white; - border-right: 1px solid #666699; -} - -tree.inset > treehead > treerow > treecell.sortable:active { - border-top: 1px solid #666699; - border-bottom: 1px solid white; - border-left: 1px solid #666699; - border-right: 1px solid white; -} - -/** class="propertylist" ****************************************** - * class for cells in grid-formatted property lists. - **/ -treecell.propertylist { - padding-left: 5px; - border-right: 1px solid #CCD0DD; - border-bottom: 1px solid #CCD0DD; -} - -.tree-cell-primary-icon { - list-style-image: inherit; - padding-right: 2px; -} - -.tree-cell-icon { - list-style-image: inherit; - padding-right: 2px; -} - -.treecell-indent > .tree-cell-primary-icon { - padding-left: 14px; - } - -treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon { - padding-left: 0px; -} - -.tree-cell-twisty { - list-style-image: url("chrome://global/skin/closedtwisty.gif"); - user-focus:ignore; - padding-right: 2px; -} - -treeitem[selected="true"] > treerow > treecell > .tree-cell-twisty { - list-style-image: url("chrome://global/skin/closedtwisty-selected.gif"); -} - -.tree-cell-twisty:hover { - text-decoration: none; -} - -.tree-cell-twisty:active { - text-decoration: none; -} - -.tree-cell-twisty[disabled="true"] { - list-style-image: none; -} - -treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty { - list-style-image: url("chrome://global/skin/opentwisty.gif"); -} - -treeitem[selected="true"][container="true"][open="true"] > treerow > treecell > .tree-cell-twisty { - list-style-image: url("chrome://global/skin/opentwisty-selected.gif"); -} - - -/* tree header with sort direction indicators */ -.sortDirectionIndicator[sortDirection="ascending"] > .tree-header-sortdirection { - list-style-image: url("chrome://global/skin/sortAscending.gif"); - margin-right: 3px; -} - -.sortDirectionIndicator[sortDirection="descending"] > .tree-header-sortdirection { - list-style-image: url("chrome://global/skin/sortDescending.gif"); - margin-right: 3px; -} - -treecol[sortDirection="true"], -treecol[sortActive="true"] - { - background-color : #DFDFDF; - } - -.treecell-popup-icon - { - list-style-image : url("chrome://global/skin/columnselect.gif"); - } + +/******** Tree widget **********/ + +/** basic tree **************************************************** + * basic tree widget for use in main windows where no decoration + * is required. + **/ +tree { + background-color: white; + border: none; + border-spacing: 0px; +} + +/** class="inset" ************************************************* + * this is the tree class used by dialogs to create treeviews with + * inset borders, and default dialog spacing. + **/ +tree.inset { + border-top: 1px solid #666699; + border-bottom: 1px solid white; + border-left: 1px solid #666699; + border-right: 1px solid white; + margin: 1px 3px 2px 3px; +} + +treeitem[selected="true"] > treerow { + color: white; + background-color: #336699; +} + +treecell { + white-space: nowrap; + vertical-align: middle; + padding: 1px 0px 1px 2px; +} + +.treecell-header { + background-color: #CCD0DD; + color: black; + border-right: 1px solid white; + vertical-align: middle; + padding: 0px 0px 0px 5px; +} + +.treecell-inset-header { + background-color: #CCD0DD; + border-top: 1px solid white; + border-bottom: 1px solid #666699; + border-left: 1px solid white; + border-right: 1px solid #666699; +} + +tree.inset > treehead > treerow > treecell.sortable:active { + border-top: 1px solid #666699; + border-bottom: 1px solid white; + border-left: 1px solid #666699; + border-right: 1px solid white; +} + +/** class="propertylist" ****************************************** + * class for cells in grid-formatted property lists. + **/ +treecell.propertylist { + padding-left: 5px; + border-right: 1px solid #CCD0DD; + border-bottom: 1px solid #CCD0DD; +} + +.tree-cell-primary-icon { + list-style-image: inherit; + padding-right: 2px; +} + +.tree-cell-icon { + list-style-image: inherit; + padding-right: 2px; +} + +.treecell-indent > .tree-cell-primary-icon { + padding-left: 14px; + } + +treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon { + padding-left: 0px; +} + +.tree-cell-twisty { + list-style-image: url("chrome://global/skin/closedtwisty.gif"); + user-focus:ignore; + padding-right: 2px; +} + +treeitem[selected="true"] > treerow > treecell > .tree-cell-twisty { + list-style-image: url("chrome://global/skin/closedtwisty-selected.gif"); +} + +.tree-cell-twisty:hover { + text-decoration: none; +} + +.tree-cell-twisty:active { + text-decoration: none; +} + +.tree-cell-twisty[disabled="true"] { + list-style-image: none; +} + +treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty { + list-style-image: url("chrome://global/skin/opentwisty.gif"); +} + +treeitem[selected="true"][container="true"][open="true"] > treerow > treecell > .tree-cell-twisty { + list-style-image: url("chrome://global/skin/opentwisty-selected.gif"); +} + + +/* tree header with sort direction indicators */ +.sortDirectionIndicator[sortDirection="ascending"] > .tree-header-sortdirection { + list-style-image: url("chrome://global/skin/sortAscending.gif"); + margin-right: 3px; +} + +.sortDirectionIndicator[sortDirection="descending"] > .tree-header-sortdirection { + list-style-image: url("chrome://global/skin/sortDescending.gif"); + margin-right: 3px; +} + +treecol[sortDirection="true"], +treecol[sortActive="true"] + { + background-color : #DFDFDF; + } + +.treecell-popup-icon + { + list-style-image : url("chrome://global/skin/columnselect.gif"); + } +