[TASK] EM: Remove jQueryUI
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / Resources / Private / Styles / TYPO3 / _module_extensionmanager.less
1 //
2 // Extensionmanager
3 //
4
5 // Extension list
6 .typo3-extension-list {
7 .ext-icon {
8 max-height: 16px;
9 width: auto;
10 }
11 }
12 .typo3-extensionmanager-headerRowLeft {
13 float: left;
14 }
15 .typo3-extensionmanager-headerRowRight {
16 float: right;
17 }
18 .ui-toolbar {
19 margin-bottom: 5px;
20 .dataTables_filter {
21 float: left;
22 }
23 }
24
25 // Paginator
26 .dataTables_info {
27 display: none;
28 }
29 .dataTables_paginate {
30 float: left;
31 margin: 10px 0 0;
32 }
33
34 // Upload form
35 .uploadForm {
36 background-color: #ededed;
37 border-top: 1px solid #cdcdcd;
38 border-bottom: 1px solid #cdcdcd;
39 padding: 12px;
40 margin-bottom: 24px;
41 form {
42 .control-group {
43 clear: both;
44 margin-bottom: 5px;
45 }
46 label {
47 float: left;
48 height: 20px;
49 padding: 4px 0;
50 line-height: 20px;
51 width: 90px;
52 }
53 .control {
54 min-height: 20px;
55 padding: 4px 0;
56 margin-left: 110px;
57 }
58 }
59 }
60
61 // Distributions list
62 .distribution {
63 border: 1px solid darken(@gray-lighter,15%);
64 background-color: @gray-lighter;
65 margin-bottom: 20px;
66 margin-left: 20px;
67 width: 300px;
68 float: left;
69 &:hover {
70 background-color: darken(@gray-lighter,3%);
71 .distribution-hover {
72 top: 0px;
73 opacity: 1;
74 }
75 .distribution-more {
76 text-decoration: underline;
77 }
78 }
79 }
80 .distribution-holder {
81 .clearfix();
82 top: 0px;
83 bottom: 0px;
84 margin-left: -20px;
85 }
86 .distribution-image {
87 position: relative;
88 width: 300px;
89 height: 225px;
90 overflow: hidden;
91 img {
92 display: block;
93 height: 100%;
94 width: 100%;
95 }
96 }
97 .distribution-hover {
98 background-color: @gray-lighter;
99 position: absolute;
100 top: 100%;
101 left: 0px;
102 width: 300px;
103 height: 225px;
104 overflow: hidden;
105 opacity: 0;
106 .transition(all 0.2s ease-in-out);
107 }
108 .distribution-hover-inner {
109 padding: 15px;
110 }
111 .distribution-meta {
112 border-top: 1px solid darken(@gray-lighter,10%);
113 padding: 15px;
114 .distribution-title {
115 margin: 0;
116 overflow: hidden;
117 white-space: nowrap;
118 text-overflow: ellipsis;
119 font-size: 14px;
120 }
121 .distribution-install {
122 margin-top: 0.5em;
123 }
124 .distribution-official {
125 border: 1px solid @brand-primary;
126 background-color: @brand-primary;
127 border-radius: 2px;
128 display: inline-block;
129 padding: 3px 8px;
130 vertical-align: middle;
131 color: #FFFFFF;
132 }
133 }
134
135 // Distributions detail
136 .distribution-detail-flashmessage {
137 margin-bottom: 2.5em;
138 p {
139 padding-bottom: 0;
140 }
141 }
142 .distribution-detail {
143 .clearfix();
144 min-width: 750px;
145 }
146 .distribution-detail-previewpane {
147 float: left;
148 margin-right: 30px;
149 }
150 .distribution-detail-preview {
151 display: block;
152 border: 1px solid darken(@gray-lighter,15%);
153 }
154 .distribution-detail-body {
155 overflow: hidden;
156 zoom: 1;
157 }
158 .distribution-detail-header {
159 h1 {
160 margin-bottom: 0.5em;
161 }
162 p {
163 padding: 0px;
164 max-width: 500px;
165 margin-bottom: 1.25em;
166 }
167 margin-bottom: 2.5em;
168 }
169 .distribution-detail-summary {
170 margin-top: 2.5em;
171 margin-bottom: 2.5em;
172 }
173 .distribution-installed {
174 hr {
175 margin: 2.5em 0;
176 border: 0;
177 border-top: 1px solid darken(@gray-lighter,15%);
178 }
179 }
180
181 // Misc
182 .ui-widget-header {
183 background: none;
184 border: none;
185 font-weight: normal;
186 }
187 .dataTables_info {
188 font-size: 10px;
189 color: #444;
190 float: left;
191 }
192 .paging_two_button .ui-button {
193 float: left;
194 cursor: pointer;
195 }
196 .paging_full_numbers .ui-button {
197 padding: 2px 6px;
198 margin: 0;
199 cursor: pointer;
200 color: #333 !important;
201 }
202 .dataTables_paginate .ui-button {
203 margin-right: -0.1em !important;
204 }
205 .paging_full_numbers {
206 float: right;
207 }
208 .dataTables_paginate {
209 width: auto;
210 }
211 #typo3-extension-configuration-forms {
212 min-width: 400px;
213 max-width: 900px;
214 .category {
215 background-repeat: repeat-x;
216 background-color: #fff;
217 border: 1px solid #adadad;
218 padding: 15px;
219 }
220 .group {
221 margin-bottom: 30px;
222 label {
223 display: block;
224 padding-bottom: 10px;
225 }
226 input[type=text] {
227 width: 300px;
228 }
229 }
230 }
231 #typo3-extension-configuration-forms #typo3-docheader-row2 .back {
232 float: right;
233 }
234 #typo3-extension-configuration-forms input.submit {
235 margin-top: 10px;
236 }
237 #typo3-extension-configuration-forms .error,
238 #typo3-extension-configuration-forms .invalid {
239 border-radius: 0 4px 4px 0;
240 .box-shadow(0 0 6px #ddd);
241 height: 15px;
242 background-color: #ff2262;
243 border: 1px solid #e1e16d;
244 font-size: 11px;
245 color: #000;
246 padding: 3px 10px;
247 margin-left: -2px;
248 }
249 #typo3-extension-configuration-forms .info {
250 color: #666;
251 font-weight: normal;
252 }
253 .typo3-extension-list tr.installed td {
254 background-color: #c8ffaa;
255 }
256 .typo3-extension-list tr.available td {
257 background-color: #E1E1aa;
258 }
259 .typo3-extension-manager .insecure {
260 color: #ff2262;
261 }
262 .typo3-extension-manager .outdated {
263 color: #0c08ff;
264 }
265 .typo3-extension-manager form#extensionUploadForm {
266 margin-bottom: 0;
267 div.control-group:last-child {
268 margin-bottom: 0;
269 }
270 }
271 .typo3-extension-list .inactive {
272 color: rgb(170, 170, 170);
273 }
274 .headerTooltip,
275 .tooltip {
276 .box-shadow(2px 2px 11px #666);
277 display: none;
278 width: 400px;
279 background-color: #ffa;
280 border: 1px solid #cc9;
281 padding: 3px;
282 font-size: 13px;
283 z-index: 1000;
284 }
285 .headerTooltip {
286 width: 150px;
287 }
288
289 // Loader
290 #terTableWrapper {
291 position: relative;
292 .splash-receivedata {
293 display: none;
294 position: absolute;
295 top: 50px;
296 left: 50%;
297 margin: 0 0 0 -150px;
298 a {
299 display: inline-block;
300 width: 200px;
301 vertical-align: top;
302 padding: 3px 20px;
303 }
304 &.is-shown {
305 display: block;
306 }
307 }
308 .spinner {
309 display: inline-block;
310 }
311 .ui-icon {
312 width: 16px;
313 height: 16px;
314 background-image: url('../Images/ui-icons_222222_256x240.png');
315 background-position: -64px -16px;
316 }
317 }
318 .time-since-last-update {
319 font-weight: bold;
320 padding-right: 0.4em;
321 cursor: help;
322 }
323 .is-loading {
324 opacity: 0;
325 }
326
327 // If something is hidden
328 .is-hidden {
329 display: none;
330 }
331
332 .typo3-extension-list {
333 // Import extension
334 .t3-icon,
335 .t3-icon:hover {
336 border: none;
337 background-color: transparent;
338 }
339 // Hide author for now
340 .author {
341 display: none;
342 }
343 }
344
345 // Show all versions
346 .versions-all {
347 display: inline-block;
348 width: 20px;
349 text-indent: -200px;
350 overflow: hidden;
351 }
352 .currentVersionInfo {
353 padding: 0 0 20px 0;
354
355 td { padding: 4px 0; }
356 th { font-weight: normal; color: #8c8c8c; padding: 4px 20px 4px 0; }
357 }
358 span.ter-ext-state {
359 padding: 0 0 0 5px;
360 font-weight: bold;
361 text-transform: capitalize;
362 }
363 #typo3-docbody form.download {
364 margin-bottom: 0;
365 }
366 .typo3-extensionmanager-headerRowLeft {
367 display: inline-block;
368 .typo3-extensionmanager-searchTerFieldWrapper {
369 display: inline-block;
370 position: relative;
371 input {
372 height: 15px;
373 }
374 .t3-icon-input-clear {
375 position: absolute;
376 right: 3px;
377 top: 4px;
378 }
379 }
380 }
381
382
383
384
385
386
387
388
389