c9990331 |
1 | |
2 | /******** Outliner widget **********/ |
3 | |
4 | /** basic outliner **************************************************** |
5 | * basic outliner widget for use in main windows where no decoration |
6 | * is required. |
7 | **/ |
8 | |
9 | outliner { |
124d63f3 |
10 | background-color: black; |
c9990331 |
11 | border: none; |
12 | border-spacing: 0px; |
124d63f3 |
13 | color: #FF9F00; |
14 | } |
15 | |
16 | outliner > splitter.tree-splitter { |
17 | margin: 0px; |
18 | border: none; |
c9990331 |
19 | } |
20 | |
21 | outlinerbody { |
124d63f3 |
22 | background-color: black; |
23 | color: #FF9F00; |
c9990331 |
24 | -moz-user-select: none; |
25 | } |
26 | |
27 | outlinerbody:-moz-outliner-row |
28 | { |
29 | height: 17px; |
30 | /* border: 1px solid transparent; */ |
31 | } |
32 | |
33 | outlinerbody:-moz-outliner-row(current) |
34 | { |
35 | /* border: 1px dotted #F5DB95; */ |
36 | } |
37 | |
38 | outlinerbody:-moz-outliner-row(selected) |
39 | { |
40 | background-color: #008484; |
124d63f3 |
41 | color: #FFCF00; |
c9990331 |
42 | } |
43 | |
44 | /* |
45 | outliner > outlinerbody:-moz-outliner-row(selected) |
46 | { |
47 | background-color: ThreeDFace; |
48 | color: ButtonText; |
49 | } |
50 | |
51 | outliner:focus > outlinerbody:-moz-outliner-row(selected) |
52 | { |
53 | background-color: Highlight; |
54 | color: HighlightText; |
55 | } |
56 | */ |
57 | |
58 | outlinerbody:-moz-outliner-cell |
59 | { |
60 | padding: 0px 0px 1px 2px; |
61 | white-space: nowrap; |
62 | vertical-align: middle; |
63 | } |
64 | |
65 | outlinerbody:-moz-outliner-cell(selected) |
66 | { |
67 | } |
68 | |
69 | outlinerbody:-moz-outliner-cell-text |
70 | { |
71 | color: inherit; |
72 | padding-left: 1px; |
73 | padding-right: 2px; |
74 | } |
75 | |
76 | outlinerbody:-moz-outliner-cell-text(selected) |
77 | { |
78 | color: #FFCF00; |
79 | } |
80 | |
81 | /* |
82 | outlinerbody:-moz-outliner-line |
83 | { |
84 | border: 1px dotted grey; |
85 | } |
86 | |
87 | outlinerbody:-moz-outliner-line(selected) |
88 | { |
89 | border: 1px dotted black; |
90 | } |
91 | */ |
92 | |
93 | outlinercol |
94 | { |
124d63f3 |
95 | border: 1px solid #FFCF00; |
96 | padding: 0px; |
97 | background-color: #9C9CFF; |
98 | color: black; |
99 | /* border: 1px solid #9C9CFF; |
c9990331 |
100 | padding: 0px; |
101 | background-color: black; |
124d63f3 |
102 | color: #FF9F00; */ |
c9990331 |
103 | } |
104 | |
105 | .outlinercol-box, |
106 | .outlinercol-image-box { |
124d63f3 |
107 | /* border: 1px solid #9C9CFF; */ |
c9990331 |
108 | } |
109 | |
110 | .outlinercol-box { |
111 | padding: 0px 4px 0px 4px; |
112 | } |
113 | |
114 | .outlinercol-image-box { |
115 | padding: 0px 1px 0px 1px; |
116 | } |
117 | |
118 | outlinercol:hover:active |
119 | { |
120 | border: 1px solid #FFCF00 !important; |
121 | } |
122 | |
123 | outlinercol:hover:active > .outlinercol-box, |
124 | outlinercol:hover:active > .outlinercol-image-box |
125 | { |
126 | border-top: 1px solid transparent; |
127 | border-right: none; |
128 | border-bottom: none; |
129 | border-left: 1px solid transparent; |
130 | } |
131 | |
132 | outlinercol:hover:active > .outlinercol-box, |
133 | outlinercol:hover:active > .outlinercol-image-box |
134 | { |
135 | padding: 1px 4px 0px 5px; |
136 | } |
137 | |
138 | /* outliner header with sort direction indicators */ |
139 | |
140 | .outlinercol-sortdirection { |
141 | list-style-image: none; |
142 | } |
143 | |
144 | .sortDirectionIndicator[sortDirection="ascending"] > .outlinercol-box > .outlinercol-sortdirection { |
145 | list-style-image: url("chrome://global/skin/sortAscending.gif"); |
146 | } |
147 | |
148 | .sortDirectionIndicator[sortDirection="descending"] > .outlinercol-box > .outlinercol-sortdirection { |
149 | list-style-image: url("chrome://global/skin/sortDescending.gif"); |
150 | } |
151 | |
152 | .outliner-colpicker-icon |
153 | { |
154 | list-style-image: url("chrome://global/skin/columnselect.gif"); |
155 | } |
156 | |
157 | /* twisty rules */ |
158 | |
159 | outlinerbody:-moz-outliner-twisty { |
160 | padding-right: 2px; |
124d63f3 |
161 | padding-top: 2px; |
c9990331 |
162 | width: 12px; /* The image's width is 12 pixels */ |
163 | list-style-image: url("chrome://global/skin/twisty-closed.gif"); |
164 | } |
165 | |
166 | outlinerbody:-moz-outliner-twisty(open) { |
167 | width: 12px; /* The image's width is 12 pixels */ |
168 | list-style-image: url("chrome://global/skin/twisty-open.gif"); |
169 | } |
170 | |
171 | |
124d63f3 |
172 | |
173 | |