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