some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git] / skin / tree.css
1
2 /******** Tree widget **********/
3
4 /** basic tree ****************************************************
5  *  basic tree widget for use in main windows where no decoration
6  *  is required.
7  **/
8 tree {
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  **/
18 tree.inset {
19   -moz-border-radius: 5px;
20   border: 1px solid #9C9CFF;
21   margin: 1px 3px 2px 3px;
22 }
23
24 treeitem[selected="true"] > treerow,
25 treeitem[dd-dropon="true"] > treerow
26   {
27         background-color    : #008484;
28 /*        color               : #000000; */
29   }
30
31
32 treecell { 
33   white-space: nowrap;
34   vertical-align: middle;
35   padding: 1px 0px 1px 2px;
36
37
38 .treecell-header-image 
39   {
40     list-style-image      : inherit;
41   }
42
43 .treecell-header,
44 .treecell-header-image,
45 .treecell-inset-header {
46   background-color: #9C9CFF; 
47   color: black;
48   vertical-align: middle;
49   padding: 0px;
50   border: 1px solid #000000;
51
52
53 .treecell-header-box,
54 .treecell-header-image-box {
55   padding: 1px;
56 }
57
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;
62 }
63
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
76 /** class="propertylist" ******************************************
77  *  class for cells in grid-formatted property lists.
78  **/
79 treecell.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
99 treeitem[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
109 treeitem[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
125 treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
126  list-style-image: url("chrome://global/skin/opentwisty.gif");
127 }
128
129 treeitem[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 */
135 .tree-header-sortdirection {
136   list-style-image      : none;
137 }
138
139 .sortDirectionIndicator[sortDirection="ascending"] > .treecell-header-box > .tree-header-sortdirection {
140   list-style-image: url("chrome://global/skin/sortAscending.gif");
141   margin-right: 3px;
142 }
143
144 .sortDirectionIndicator[sortDirection="descending"] > .treecell-header-box > .tree-header-sortdirection {
145   list-style-image: url("chrome://global/skin/sortDescending.gif");
146 }
147
148 treecol[sortDirection="true"],
149 treecol[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
159 .inline-edit-cell-box
160   {
161     margin-left           : 2px;
162   }
163
164 /* Inline Editable Treecells */
165 .textbox-inline-edit 
166   {
167     border                : 1px solid #FFCF00 !important;
168     margin                : 0px !important;
169   }
170
171 .textbox-inline-edit > .textbox-internal-box > .textbox-input 
172   {
173     border                : 0px !important;
174     padding               : 1px !important;
175     margin                : 0px !important;
176   }
177
178 .textbox-inline-edit > .textbox-internal-box 
179   {
180     border                : 0px !important;
181     padding               : 0px !important;
182     margin                : 0px !important;
183   }
184
185 treerow[mode="inline-edit"] 
186   {
187     background            : transparent;
188   }
189