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