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