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