Revert "[TASK] Migrate to ExtJS 4: Migrate Backend Base Components"
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / extjs / themes / stylesheets / ext4 / default / util / _tool.scss
1 @mixin extjs-tool {
2     .#{$prefix}tool {
3         height: $tool-size;
4
5         img {
6             overflow: hidden;
7
8             width: $tool-size;
9             height: $tool-size;
10
11             cursor: pointer;
12
13             background-color: transparent;
14             background-repeat: no-repeat;
15             @include theme-background-image($theme-name, 'tools/tool-sprites.gif');
16
17             margin: 0;
18         }
19     }
20
21     .#{$prefix}panel-header-horizontal,
22     .#{$prefix}window-header-horizontal {
23         .#{$prefix}tool {
24                 margin-left: 2px;
25         }
26     }
27
28     .#{$prefix}panel-header-vertical,
29     .#{$prefix}window-header-vertical {
30         .#{$prefix}tool {
31                 margin-bottom: 2px;
32         }
33     }
34
35 .#{$prefix}tool-placeholder {
36         visibility: hidden;
37     }
38
39     .#{$prefix}tool-toggle {
40         background-position: 0 -60px;
41     }
42
43     .#{$prefix}tool-over {
44         .#{$prefix}tool-toggle {
45             background-position: -15px -60px;
46         }
47     }
48
49     .#{$prefix}panel-collapsed,
50     .#{$prefix}fieldset-collapsed {
51         .#{$prefix}tool-toggle {
52             background-position: 0 -75px;
53         }
54
55         .#{$prefix}tool-over {
56             .#{$prefix}tool-toggle {
57                 background-position: -15px -75px;
58             }
59         }
60     }
61
62     .#{$prefix}tool-close {
63         background-position: 0 0;
64     }
65     
66     .#{$prefix}tool-minimize {
67         background-position: 0 -15px;
68     }
69     
70     .#{$prefix}tool-maximize {
71         background-position: 0 -30px;
72     }
73     
74     .#{$prefix}tool-restore {
75         background-position: 0 -45px;
76     }
77     
78     .#{$prefix}tool-gear {
79         background-position: 0 -90px;
80     }
81     
82     .#{$prefix}tool-prev {
83         background-position: 0 -105px;
84     }
85     
86     .#{$prefix}tool-next {
87         background-position: 0 -120px;
88     }
89     
90     .#{$prefix}tool-pin {
91         background-position: 0 -135px;
92     }
93
94     .#{$prefix}tool-unpin {
95         background-position: 0 -150px;
96     }
97
98     .#{$prefix}tool-right {
99         background-position: 0 -165px;
100     }
101
102     .#{$prefix}tool-left {
103         background-position: 0 -180px;
104     }
105     
106     .#{$prefix}tool-help {
107         background-position: 0 -300px;
108     }
109
110     .#{$prefix}tool-save {
111         background-position: 0 -285px;
112     }
113
114     .#{$prefix}tool-search {
115         background-position: 0 -270px;
116     }
117
118     .#{$prefix}tool-minus {
119         background-position: 0 -255px;
120     }
121
122     .#{$prefix}tool-plus {
123         background-position: 0 -240px;
124     }
125
126     .#{$prefix}tool-refresh {
127         background-position: 0 -225px;
128     }
129
130     .#{$prefix}tool-up {
131         background-position: 0 -210px;
132     }
133
134     .#{$prefix}tool-down {
135         background-position: 0 -195px;
136     }
137     
138     .#{$prefix}tool-move {
139         background-position: 0 -375px;
140     }
141
142     .#{$prefix}tool-resize {
143         background-position: 0 -360px;
144     }
145     
146     .#{$prefix}tool-collapse {
147         background-position: 0 -345px;
148     }
149
150     .#{$prefix}tool-expand {
151         background-position: 0 -330px;
152     }
153
154     .#{$prefix}tool-print {
155         background-position: 0 -315px;
156     }
157
158     .#{$prefix}tool-expand-bottom,
159     .#{$prefix}tool-collapse-bottom {
160         background-position: 0 -195px;
161     }
162
163     .#{$prefix}tool-expand-top,
164     .#{$prefix}tool-collapse-top {
165         background-position: 0 -210px;
166     }
167
168     .#{$prefix}tool-expand-left,
169     .#{$prefix}tool-collapse-left {
170         background-position: 0 -180px;
171     }
172
173     .#{$prefix}tool-expand-right,
174     .#{$prefix}tool-collapse-right {
175         background-position: 0 -165px;
176     }
177
178     .#{$prefix}tool-over {
179         .#{$prefix}tool-close {
180             background-position: -15px 0;
181         }
182
183         .#{$prefix}tool-minimize {
184             background-position: -15px -15px;
185         }
186     
187         .#{$prefix}tool-maximize {
188             background-position: -15px -30px;
189         }
190
191         .#{$prefix}tool-restore {
192             background-position: -15px -45px;
193         }
194     
195         .#{$prefix}tool-gear {
196             background-position: -15px -90px;
197         }
198     
199         .#{$prefix}tool-prev {
200             background-position: -15px -105px;
201         }
202     
203         .#{$prefix}tool-next {
204             background-position: -15px -120px;
205         }
206     
207         .#{$prefix}tool-pin {
208             background-position: -15px -135px;
209         }
210     
211         .#{$prefix}tool-unpin {
212             background-position: -15px -150px;
213         }
214     
215         .#{$prefix}tool-right {
216             background-position: -15px -165px;
217         }
218     
219         .#{$prefix}tool-left {
220             background-position: -15px -180px;
221         }
222
223         .#{$prefix}tool-down {
224             background-position: -15px -195px;
225         }
226     
227         .#{$prefix}tool-up {
228             background-position: -15px -210px;
229         }
230     
231         .#{$prefix}tool-refresh {
232             background-position: -15px -225px;
233         }
234     
235         .#{$prefix}tool-plus {
236             background-position: -15px -240px;
237         }
238
239         .#{$prefix}tool-minus {
240             background-position: -15px -255px;
241         }
242
243         .#{$prefix}tool-search {
244             background-position: -15px -270px;
245         }
246
247         .#{$prefix}tool-save {
248             background-position: -15px -285px;
249         }
250
251         .#{$prefix}tool-help {
252             background-position: -15px -300px;
253         }
254
255         .#{$prefix}tool-print {
256             background-position: -15px -315px;
257         }
258
259         .#{$prefix}tool-expand {
260             background-position: -15px -330px;
261         }
262
263         .#{$prefix}tool-collapse {
264             background-position: -15px -345px;
265         }
266     
267         .#{$prefix}tool-resize {
268             background-position: -15px -360px;
269         }
270     
271         .#{$prefix}tool-move {
272             background-position: -15px -375px;
273         }
274         
275         .#{$prefix}tool-expand-bottom,
276         .#{$prefix}tool-collapse-bottom {
277             background-position: -15px -195px;
278         }
279     
280         .#{$prefix}tool-expand-top,
281         .#{$prefix}tool-collapse-top {
282             background-position: -15px -210px;
283         }
284     
285         .#{$prefix}tool-expand-left,
286         .#{$prefix}tool-collapse-left {
287             background-position: -15px -180px;
288         }
289     
290         .#{$prefix}tool-expand-right,
291         .#{$prefix}tool-collapse-right {
292             background-position: -15px -165px;
293         }
294     }
295 }