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; |
7ff5b526 |
13 | /* border: none; |
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; |
7ff5b526 |
65 | -moz-box-align: center; |
c9990331 |
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; |
c9990331 |
102 | } |
103 | |
104 | .outlinercol-box, |
105 | .outlinercol-image-box { |
124d63f3 |
106 | /* border: 1px solid #9C9CFF; */ |
c9990331 |
107 | } |
108 | |
109 | .outlinercol-box { |
110 | padding: 0px 4px 0px 4px; |
111 | } |
112 | |
113 | .outlinercol-image-box { |
114 | padding: 0px 1px 0px 1px; |
115 | } |
116 | |
117 | outlinercol:hover:active |
118 | { |
119 | border: 1px solid #FFCF00 !important; |
120 | } |
121 | |
122 | outlinercol:hover:active > .outlinercol-box, |
123 | outlinercol:hover:active > .outlinercol-image-box |
124 | { |
125 | border-top: 1px solid transparent; |
126 | border-right: none; |
127 | border-bottom: none; |
128 | border-left: 1px solid transparent; |
129 | } |
130 | |
131 | outlinercol:hover:active > .outlinercol-box, |
132 | outlinercol:hover:active > .outlinercol-image-box |
133 | { |
134 | padding: 1px 4px 0px 5px; |
135 | } |
136 | |
137 | /* outliner header with sort direction indicators */ |
138 | |
139 | .outlinercol-sortdirection { |
140 | list-style-image: none; |
141 | } |
142 | |
143 | .sortDirectionIndicator[sortDirection="ascending"] > .outlinercol-box > .outlinercol-sortdirection { |
144 | list-style-image: url("chrome://global/skin/sortAscending.gif"); |
145 | } |
146 | |
147 | .sortDirectionIndicator[sortDirection="descending"] > .outlinercol-box > .outlinercol-sortdirection { |
148 | list-style-image: url("chrome://global/skin/sortDescending.gif"); |
149 | } |
150 | |
151 | .outliner-colpicker-icon |
152 | { |
153 | list-style-image: url("chrome://global/skin/columnselect.gif"); |
154 | } |
155 | |
156 | /* twisty rules */ |
157 | |
158 | outlinerbody:-moz-outliner-twisty { |
159 | padding-right: 2px; |
124d63f3 |
160 | padding-top: 2px; |
c9990331 |
161 | width: 12px; /* The image's width is 12 pixels */ |
162 | list-style-image: url("chrome://global/skin/twisty-closed.gif"); |
163 | } |
164 | |
165 | outlinerbody:-moz-outliner-twisty(open) { |
166 | width: 12px; /* The image's width is 12 pixels */ |
167 | list-style-image: url("chrome://global/skin/twisty-open.gif"); |
168 | } |