correcting message header display, better spacing of sidebar splitter
[themes.git] / EarlyBlue / global / skin / tree.css
CommitLineData
fbbedfbc 1
2/******** Tree widget **********/
3
4/** basic tree ****************************************************
5 * basic tree widget for use in main windows where no decoration
6 * is required.
7 **/
8tree {
9 background-color: white;
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 **/
18tree.inset {
5fdb3fd4 19 border: 1px inset #CCD0DD;
fbbedfbc 20 margin: 1px 3px 2px 3px;
21}
22
08908ab7 23treeitem[selected="true"] > treerow,
24treeitem[dd-dropon="true"] > treerow
25 {
fbbedfbc 26 color: white;
27 background-color: #336699;
08908ab7 28 }
fbbedfbc 29
30treecell {
31 white-space: nowrap;
32 vertical-align: middle;
33 padding: 1px 0px 1px 2px;
34}
35
c6a72ce5 36.treecell-header-image
37 {
38 list-style-image : inherit;
39 }
40
41.treecell-header,
42.treecell-header-image,
43.treecell-inset-header {
5fdb3fd4 44 background-color: #CCD0DD;
fbbedfbc 45 color: black;
5fdb3fd4 46 border: 1px outset #CCD0DD;
fbbedfbc 47 vertical-align: middle;
c6a72ce5 48 padding: 0px;
49}
fbbedfbc 50
c6a72ce5 51.treecell-header-box,
52.treecell-header-image-box {
53 padding: 1px;
54}
55
56.treecell-header:hover:active > .treecell-header-box,
57.treecell-inset-header:hover:active > .treecell-header-box,
58.treecell-header-image:hover:active > .treecell-header-image-box {
59 padding: 2px 0px 0px 2px;
fbbedfbc 60}
61
c6a72ce5 62.treecell-header:hover:active,
63.treecell-inset-header:hover:active,
64.treecell-header-image:hover:active {
5fdb3fd4 65 border: 1px inset #CCD0DD;
fbbedfbc 66}
67
c6a72ce5 68.treecell-image
69 {
70 padding : 0px;
71 }
72
fbbedfbc 73/** class="propertylist" ******************************************
74 * class for cells in grid-formatted property lists.
75 **/
76treecell.propertylist {
77 padding-left: 5px;
78 border-right: 1px solid #CCD0DD;
79 border-bottom: 1px solid #CCD0DD;
80}
81
82.tree-cell-primary-icon {
83 list-style-image: inherit;
84 padding-right: 2px;
85}
86
87.tree-cell-icon {
88 list-style-image: inherit;
89 padding-right: 2px;
90}
91
92.treecell-indent > .tree-cell-primary-icon {
93 padding-left: 14px;
94 }
95
96treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon {
97 padding-left: 0px;
98}
99
100.tree-cell-twisty {
101 list-style-image: url("chrome://global/skin/closedtwisty.gif");
102 user-focus:ignore;
103 padding-right: 2px;
104}
105
c6a72ce5 106treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon {
107 padding-left: 0px;
108}
109
fbbedfbc 110treeitem[selected="true"] > treerow > treecell > .tree-cell-twisty {
111 list-style-image: url("chrome://global/skin/closedtwisty-selected.gif");
112}
113
114.tree-cell-twisty:hover {
115 text-decoration: none;
116}
117
118.tree-cell-twisty:active {
119 text-decoration: none;
120}
121
122.tree-cell-twisty[disabled="true"] {
123 list-style-image: none;
124}
125
126treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
127 list-style-image: url("chrome://global/skin/opentwisty.gif");
128}
129
130treeitem[selected="true"][container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
131 list-style-image: url("chrome://global/skin/opentwisty-selected.gif");
132}
133
134
135/* tree header with sort direction indicators */
c6a72ce5 136.tree-header-sortdirection {
137 list-style-image : none;
138}
139
140.sortDirectionIndicator[sortDirection="ascending"] > .treecell-header-box > .tree-header-sortdirection {
fbbedfbc 141 list-style-image: url("chrome://global/skin/sortAscending.gif");
fbbedfbc 142}
143
c6a72ce5 144.sortDirectionIndicator[sortDirection="descending"] > .treecell-header-box > .tree-header-sortdirection {
fbbedfbc 145 list-style-image: url("chrome://global/skin/sortDescending.gif");
fbbedfbc 146}
147
148treecol[sortDirection="true"],
149treecol[sortActive="true"]
150 {
151 background-color : #DFDFDF;
152 }
153
154.treecell-popup-icon
155 {
156 list-style-image : url("chrome://global/skin/columnselect.gif");
157 }
158
c6a72ce5 159.inline-edit-cell-box
160 {
161 margin-left : 2px;
162 }
163
164/* Inline Editable Treecells */
29c4873a 165.textbox-inline-edit
c6a72ce5 166 {
167 border : 1px solid #666699 !important;
168 margin : 0px !important;
169 }
170
29c4873a 171.textbox-inline-edit > .textbox-internal-box > .textbox-input
c6a72ce5 172 {
173 border : 0px !important;
174 padding : 1px !important;
175 margin : 0px !important;
176 }
177
29c4873a 178.textbox-inline-edit > .textbox-internal-box
c6a72ce5 179 {
180 border : 0px !important;
181 padding : 0px !important;
182 margin : 0px !important;
183 }
184
185treerow[mode="inline-edit"]
186 {
187 background : transparent;
188 }
189
190
08908ab7 191
192
5fdb3fd4 193
29c4873a 194