Mercurial > repos > immport-devteam > cs_overview
comparison js/Editor-1.5.6/css/editor.dataTables.css @ 2:a64ece32a01a draft default tip
"planemo upload for repository https://github.com/ImmPortDB/immport-galaxy-tools/tree/master/flowtools/cs_overview commit a46097db0b6056e1125237393eb6974cfd51eb41"
author | azomics |
---|---|
date | Tue, 28 Jul 2020 08:32:36 -0400 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
1:bca68066a957 | 2:a64ece32a01a |
---|---|
1 div.DTE { | |
2 position: relative; | |
3 } | |
4 div.DTE div.DTE_Processing_Indicator { | |
5 position: absolute; | |
6 top: 10px; | |
7 right: 13px; | |
8 height: 32px; | |
9 width: 32px; | |
10 background: url("../images/ajax-loader.gif") no-repeat top left; | |
11 display: none; | |
12 z-index: 20; | |
13 } | |
14 div.DTE div.DTE_Header { | |
15 position: absolute; | |
16 top: 0; | |
17 left: 0; | |
18 height: 50px; | |
19 width: 100%; | |
20 background-color: #f3f3f3; | |
21 border-bottom: 1px solid #ddd; | |
22 padding: 16px 10px 2px 16px; | |
23 font-size: 1.3em; | |
24 -webkit-box-sizing: border-box; | |
25 -moz-box-sizing: border-box; | |
26 box-sizing: border-box; | |
27 } | |
28 div.DTE div.DTE_Footer { | |
29 position: absolute; | |
30 bottom: 0; | |
31 left: 0; | |
32 height: 50px; | |
33 width: 100%; | |
34 background-color: #f3f3f3; | |
35 border-top: 1px solid #ddd; | |
36 padding: 10px; | |
37 -webkit-box-sizing: border-box; | |
38 -moz-box-sizing: border-box; | |
39 box-sizing: border-box; | |
40 } | |
41 div.DTE div.DTE_Form_Info { | |
42 margin-bottom: 0.5em; | |
43 display: none; | |
44 } | |
45 div.DTE div.DTE_Form_Content { | |
46 position: relative; | |
47 padding: 10px; | |
48 } | |
49 div.DTE div.DTE_Form_Error { | |
50 float: left; | |
51 padding: 5px; | |
52 display: none; | |
53 color: #b11f1f; | |
54 } | |
55 div.DTE button.btn, | |
56 div.DTE div.DTE_Form_Buttons button { | |
57 position: relative; | |
58 text-align: center; | |
59 display: block; | |
60 margin-top: 0; | |
61 padding: 5px 15px; | |
62 cursor: pointer; | |
63 float: right; | |
64 margin-left: 0.75em; | |
65 font-size: 14px; | |
66 text-shadow: 0 1px 0 white; | |
67 border: 1px solid #999; | |
68 -webkit-border-radius: 4px; | |
69 -moz-border-radius: 4px; | |
70 -ms-border-radius: 4px; | |
71 -o-border-radius: 4px; | |
72 border-radius: 4px; | |
73 -webkit-box-shadow: 1px 1px 3px #ccc; | |
74 -moz-box-shadow: 1px 1px 3px #ccc; | |
75 box-shadow: 1px 1px 3px #ccc; | |
76 background-color: #f9f9f9 100%; | |
77 /* Fallback */ | |
78 background-image: -webkit-linear-gradient(top, #ffffff 0%, #eee 65%, #f9f9f9 100%); | |
79 /* Chrome 10+, Saf5.1+, iOS 5+ */ | |
80 background-image: -moz-linear-gradient(top, #ffffff 0%, #eee 65%, #f9f9f9 100%); | |
81 /* FF3.6 */ | |
82 background-image: -ms-linear-gradient(top, #ffffff 0%, #eee 65%, #f9f9f9 100%); | |
83 /* IE10 */ | |
84 background-image: -o-linear-gradient(top, #ffffff 0%, #eee 65%, #f9f9f9 100%); | |
85 /* Opera 11.10+ */ | |
86 background-image: linear-gradient(to bottom, #ffffff 0%, #eee 65%, #f9f9f9 100%); | |
87 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9'); | |
88 } | |
89 div.DTE button.btn:hover, | |
90 div.DTE div.DTE_Form_Buttons button:hover { | |
91 border: 1px solid #666; | |
92 -webkit-box-shadow: 1px 1px 3px #999; | |
93 -moz-box-shadow: 1px 1px 3px #999; | |
94 box-shadow: 1px 1px 3px #999; | |
95 background-color: #f4f4f4 100%; | |
96 /* Fallback */ | |
97 background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #dbdbdb 65%, #f4f4f4 100%); | |
98 /* Chrome 10+, Saf5.1+, iOS 5+ */ | |
99 background-image: -moz-linear-gradient(top, #f3f3f3 0%, #dbdbdb 65%, #f4f4f4 100%); | |
100 /* FF3.6 */ | |
101 background-image: -ms-linear-gradient(top, #f3f3f3 0%, #dbdbdb 65%, #f4f4f4 100%); | |
102 /* IE10 */ | |
103 background-image: -o-linear-gradient(top, #f3f3f3 0%, #dbdbdb 65%, #f4f4f4 100%); | |
104 /* Opera 11.10+ */ | |
105 background-image: linear-gradient(to bottom, #f3f3f3 0%, #dbdbdb 65%, #f4f4f4 100%); | |
106 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#f4f4f4'); | |
107 } | |
108 div.DTE button.btn:active, | |
109 div.DTE div.DTE_Form_Buttons button:active { | |
110 -webkit-box-shadow: inset 1px 1px 3px #999; | |
111 -moz-box-shadow: inset 1px 1px 3px #999; | |
112 box-shadow: inset 1px 1px 3px #999; | |
113 } | |
114 div.DTE button.btn:focus, | |
115 div.DTE div.DTE_Form_Buttons button:focus { | |
116 border: 1px solid #426c9e; | |
117 text-shadow: 0 1px 0 #c4def1; | |
118 background-color: #a3d0ef 100%; | |
119 /* Fallback */ | |
120 background-image: -webkit-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%); | |
121 /* Chrome 10+, Saf5.1+, iOS 5+ */ | |
122 background-image: -moz-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%); | |
123 /* FF3.6 */ | |
124 background-image: -ms-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%); | |
125 /* IE10 */ | |
126 background-image: -o-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%); | |
127 /* Opera 11.10+ */ | |
128 background-image: linear-gradient(to bottom, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%); | |
129 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a3d0ef', EndColorStr='#a3d0ef'); | |
130 outline: none; | |
131 } | |
132 div.DTE button.btn:focus:after, | |
133 div.DTE div.DTE_Form_Buttons button:focus:after { | |
134 position: absolute; | |
135 top: 0; | |
136 left: 0; | |
137 right: 0; | |
138 bottom: 0; | |
139 background: white; | |
140 display: block; | |
141 content: " "; | |
142 -webkit-animation-duration: 1s; | |
143 -webkit-animation-name: buttonPulse; | |
144 -webkit-animation-fill-mode: forwards; | |
145 -webkit-animation-iteration-count: infinite; | |
146 -webkit-animation-timing-function: linear; | |
147 -webkit-animation-direction: alternate; | |
148 -moz-animation-duration: 1s; | |
149 -moz-animation-name: buttonPulse; | |
150 -moz-animation-fill-mode: forwards; | |
151 -moz-animation-iteration-count: infinite; | |
152 -moz-animation-timing-function: linear; | |
153 -moz-animation-direction: alternate; | |
154 -o-animation-duration: 1s; | |
155 -o-animation-name: buttonPulse; | |
156 -o-animation-fill-mode: forwards; | |
157 -o-animation-iteration-count: infinite; | |
158 -o-animation-timing-function: linear; | |
159 -o-animation-direction: alternate; | |
160 animation-duration: 1s; | |
161 animation-name: buttonPulse; | |
162 animation-fill-mode: forwards; | |
163 animation-iteration-count: infinite; | |
164 animation-timing-function: linear; | |
165 animation-direction: alternate; | |
166 } | |
167 div.DTE.DTE_Action_Remove div.DTE_Body_Content { | |
168 text-align: center; | |
169 padding: 20px 0; | |
170 } | |
171 | |
172 @-webkit-keyframes buttonPulse { | |
173 0% { | |
174 opacity: 0; | |
175 } | |
176 100% { | |
177 opacity: 0.2; | |
178 } | |
179 } | |
180 @-moz-keyframes buttonPulse { | |
181 0% { | |
182 opacity: 0; | |
183 } | |
184 100% { | |
185 opacity: 0.2; | |
186 } | |
187 } | |
188 @-o-keyframes buttonPulse { | |
189 0% { | |
190 opacity: 0; | |
191 } | |
192 100% { | |
193 opacity: 0.2; | |
194 } | |
195 } | |
196 @keyframes buttonPulse { | |
197 0% { | |
198 opacity: 0; | |
199 } | |
200 100% { | |
201 opacity: 0.2; | |
202 } | |
203 } | |
204 div.DTTT_container { | |
205 float: left; | |
206 } | |
207 | |
208 div.DTE_Field input, | |
209 div.DTE_Field textarea { | |
210 box-sizing: border-box; | |
211 background-color: white; | |
212 -webkit-transition: background-color ease-in-out .15s; | |
213 transition: background-color ease-in-out .15s; | |
214 } | |
215 div.DTE_Field input:focus, | |
216 div.DTE_Field textarea:focus { | |
217 background-color: #ffffee; | |
218 } | |
219 div.DTE_Field input[type="color"], | |
220 div.DTE_Field input[type="date"], | |
221 div.DTE_Field input[type="datetime"], | |
222 div.DTE_Field input[type="datetime-local"], | |
223 div.DTE_Field input[type="email"], | |
224 div.DTE_Field input[type="month"], | |
225 div.DTE_Field input[type="number"], | |
226 div.DTE_Field input[type="password"], | |
227 div.DTE_Field input[type="search"], | |
228 div.DTE_Field input[type="tel"], | |
229 div.DTE_Field input[type="text"], | |
230 div.DTE_Field input[type="time"], | |
231 div.DTE_Field input[type="url"], | |
232 div.DTE_Field input[type="week"] { | |
233 padding: 6px 4px; | |
234 width: 100%; | |
235 } | |
236 div.DTE_Field div.DTE_Field_Info, | |
237 div.DTE_Field div.DTE_Field_Message { | |
238 font-size: 11px; | |
239 line-height: 1em; | |
240 } | |
241 div.DTE_Field div.DTE_Field_Error { | |
242 font-size: 11px; | |
243 line-height: 1em; | |
244 display: none; | |
245 color: red; | |
246 margin-top: 5px; | |
247 } | |
248 div.DTE_Field div.multi-value { | |
249 display: none; | |
250 border: 1px dotted #666; | |
251 border-radius: 3px; | |
252 padding: 5px; | |
253 background-color: #fafafa; | |
254 cursor: pointer; | |
255 } | |
256 div.DTE_Field div.multi-value span { | |
257 font-size: 0.8em; | |
258 line-height: 1.25em; | |
259 display: block; | |
260 color: #666; | |
261 } | |
262 div.DTE_Field div.multi-value:hover { | |
263 background-color: #f1f1f1; | |
264 } | |
265 div.DTE_Field div.multi-restore { | |
266 display: none; | |
267 margin-top: 0.5em; | |
268 font-size: 0.8em; | |
269 line-height: 1.25em; | |
270 color: #3879d9; | |
271 } | |
272 div.DTE_Field div.multi-restore:hover { | |
273 text-decoration: underline; | |
274 cursor: pointer; | |
275 } | |
276 | |
277 div.DTE_Field_Type_textarea textarea { | |
278 padding: 3px; | |
279 width: 100%; | |
280 height: 80px; | |
281 } | |
282 | |
283 div.DTE_Field.DTE_Field_Type_date img { | |
284 vertical-align: middle; | |
285 cursor: pointer; | |
286 *cursor: hand; | |
287 } | |
288 div.DTE_Field.DTE_Field_Type_date input.jqueryui { | |
289 width: 87%; | |
290 margin-right: 6px; | |
291 } | |
292 | |
293 div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div, | |
294 div.DTE_Field_Type_radio div.DTE_Field_Input > div > div { | |
295 margin-bottom: 0.25em; | |
296 } | |
297 div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div:last-child, | |
298 div.DTE_Field_Type_radio div.DTE_Field_Input > div > div:last-child { | |
299 margin-bottom: 0; | |
300 } | |
301 div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div label, | |
302 div.DTE_Field_Type_radio div.DTE_Field_Input > div > div label { | |
303 margin-left: 0.75em; | |
304 vertical-align: middle; | |
305 } | |
306 | |
307 div.DTE_Field_Type_select div.DTE_Field_Input { | |
308 padding-top: 4px; | |
309 } | |
310 | |
311 div.DTE_Body { | |
312 padding: 50px 0; | |
313 } | |
314 div.DTE_Body div.DTE_Body_Content { | |
315 position: relative; | |
316 overflow: auto; | |
317 } | |
318 div.DTE_Body div.DTE_Body_Content div.DTE_Form_Info { | |
319 padding: 1em 1em 0 1em; | |
320 margin: 0; | |
321 } | |
322 div.DTE_Body div.DTE_Body_Content div.DTE_Field { | |
323 position: relative; | |
324 zoom: 1; | |
325 clear: both; | |
326 padding: 5px 20%; | |
327 border: 1px solid transparent; | |
328 } | |
329 div.DTE_Body div.DTE_Body_Content div.DTE_Field:after { | |
330 display: block; | |
331 content: "."; | |
332 height: 0; | |
333 line-height: 0; | |
334 clear: both; | |
335 visibility: hidden; | |
336 } | |
337 div.DTE_Body div.DTE_Body_Content div.DTE_Field:hover { | |
338 background-color: #f9f9f9; | |
339 border: 1px solid #f3f3f3; | |
340 } | |
341 div.DTE_Body div.DTE_Body_Content div.DTE_Field > label { | |
342 float: left; | |
343 width: 40%; | |
344 padding-top: 6px; | |
345 } | |
346 div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input { | |
347 float: right; | |
348 width: 60%; | |
349 } | |
350 div.DTE_Body div.DTE_Body_Content div.DTE_Field.full { | |
351 padding: 5px 0 5px 20%; | |
352 } | |
353 div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label { | |
354 width: 30%; | |
355 } | |
356 div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input { | |
357 width: 70%; | |
358 } | |
359 div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input { | |
360 float: none; | |
361 clear: both; | |
362 width: 100%; | |
363 } | |
364 | |
365 html[dir="rtl"] div.DTE_Body div.DTE_Body_Content div.DTE_Field > label { | |
366 float: right; | |
367 } | |
368 html[dir="rtl"] div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input { | |
369 float: left; | |
370 } | |
371 html[dir="rtl"] div.DTE div.DTE_Form_Buttons button { | |
372 float: left; | |
373 } | |
374 | |
375 @media only screen and (max-width: 768px) { | |
376 div.DTE_Body div.DTE_Body_Content div.DTE_Field { | |
377 padding: 5px 10%; | |
378 } | |
379 div.DTE_Body div.DTE_Body_Content div.DTE_Field.full { | |
380 padding: 5px 0 5px 10%; | |
381 } | |
382 div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label { | |
383 width: 35.5%; | |
384 } | |
385 div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input { | |
386 width: 64.5%; | |
387 } | |
388 div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input { | |
389 width: 100%; | |
390 } | |
391 } | |
392 @media only screen and (max-width: 640px) { | |
393 div.DTE_Body div.DTE_Body_Content div.DTE_Field { | |
394 padding: 5px 0; | |
395 } | |
396 div.DTE_Body div.DTE_Body_Content div.DTE_Field.full { | |
397 padding: 5px 0%; | |
398 } | |
399 div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label { | |
400 width: 40%; | |
401 } | |
402 div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input { | |
403 width: 60%; | |
404 } | |
405 div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input { | |
406 width: 100%; | |
407 } | |
408 } | |
409 @media only screen and (max-width: 580px) { | |
410 div.DTE_Body div.DTE_Body_Content div.DTE_Field { | |
411 position: relative; | |
412 zoom: 1; | |
413 clear: both; | |
414 padding: 5px 0; | |
415 } | |
416 div.DTE_Body div.DTE_Body_Content div.DTE_Field > label { | |
417 float: none; | |
418 width: auto; | |
419 padding-top: 0; | |
420 } | |
421 div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input { | |
422 float: none; | |
423 width: auto; | |
424 } | |
425 div.DTE_Body div.DTE_Body_Content div.DTE_Field.full, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block { | |
426 padding: 5px 0; | |
427 } | |
428 div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label, | |
429 div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > label, | |
430 div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input { | |
431 width: 100%; | |
432 } | |
433 } | |
434 div.DTE_Bubble { | |
435 position: absolute; | |
436 z-index: 11; | |
437 margin-top: -6px; | |
438 opacity: 0; | |
439 } | |
440 div.DTE_Bubble div.DTE_Bubble_Liner { | |
441 position: absolute; | |
442 bottom: 0; | |
443 border: 1px solid black; | |
444 width: 300px; | |
445 margin-left: -150px; | |
446 background-color: white; | |
447 box-shadow: 2px 2px 7px #555; | |
448 border-radius: 5px; | |
449 border: 2px solid #444; | |
450 padding: 1em; | |
451 -webkit-box-sizing: border-box; | |
452 -moz-box-sizing: border-box; | |
453 box-sizing: border-box; | |
454 } | |
455 div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table { | |
456 display: table; | |
457 width: 100%; | |
458 } | |
459 div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form { | |
460 display: table-cell; | |
461 } | |
462 div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content { | |
463 padding: 0; | |
464 } | |
465 div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field { | |
466 position: relative; | |
467 zoom: 1; | |
468 margin-bottom: 0.5em; | |
469 } | |
470 div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child { | |
471 margin-bottom: 0; | |
472 } | |
473 div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons { | |
474 display: table-cell; | |
475 vertical-align: bottom; | |
476 padding: 0 0 0 0.75em; | |
477 width: 1%; | |
478 } | |
479 div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header { | |
480 border-top-left-radius: 5px; | |
481 border-top-right-radius: 5px; | |
482 } | |
483 div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info, | |
484 div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table { | |
485 padding-top: 42px; | |
486 } | |
487 div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error { | |
488 float: none; | |
489 display: none; | |
490 padding: 0; | |
491 margin-bottom: 0.5em; | |
492 } | |
493 div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close { | |
494 position: absolute; | |
495 top: -11px; | |
496 right: -11px; | |
497 width: 22px; | |
498 height: 22px; | |
499 border: 2px solid white; | |
500 background-color: black; | |
501 text-align: center; | |
502 border-radius: 15px; | |
503 cursor: pointer; | |
504 z-index: 12; | |
505 box-shadow: 2px 2px 6px #111; | |
506 } | |
507 div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after { | |
508 content: '\00d7'; | |
509 color: white; | |
510 font-weight: bold; | |
511 font-size: 18px; | |
512 line-height: 22px; | |
513 font-family: 'Courier New', Courier, monospace; | |
514 padding-left: 1px; | |
515 } | |
516 div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover { | |
517 background-color: #092079; | |
518 box-shadow: 2px 2px 9px #111; | |
519 } | |
520 div.DTE_Bubble div.DTE_Bubble_Triangle { | |
521 position: absolute; | |
522 height: 10px; | |
523 width: 10px; | |
524 top: -6px; | |
525 background-color: white; | |
526 border: 2px solid #444; | |
527 border-top: none; | |
528 border-right: none; | |
529 -webkit-transform: rotate(-45deg); | |
530 -moz-transform: rotate(-45deg); | |
531 -ms-transform: rotate(-45deg); | |
532 -o-transform: rotate(-45deg); | |
533 transform: rotate(-45deg); | |
534 } | |
535 div.DTE_Bubble.DTE_Processing div.DTE_Bubble_Liner:after { | |
536 position: absolute; | |
537 content: ' '; | |
538 display: block; | |
539 top: 12px; | |
540 right: 18px; | |
541 height: 12px; | |
542 width: 17px; | |
543 background: url("../images/ajax-loader-small.gif") no-repeat top left; | |
544 } | |
545 div.DTE_Bubble.below div.DTE_Bubble_Liner { | |
546 top: 10px; | |
547 bottom: auto; | |
548 } | |
549 div.DTE_Bubble.below div.DTE_Bubble_Triangle { | |
550 top: 4px; | |
551 -webkit-transform: rotate(135deg); | |
552 -moz-transform: rotate(135deg); | |
553 -ms-transform: rotate(135deg); | |
554 -o-transform: rotate(135deg); | |
555 transform: rotate(135deg); | |
556 } | |
557 | |
558 div.DTE_Bubble_Background { | |
559 position: fixed; | |
560 top: 0; | |
561 left: 0; | |
562 width: 100%; | |
563 height: 100%; | |
564 background: rgba(0, 0, 0, 0.7); | |
565 /* Fallback */ | |
566 background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); | |
567 /* IE10 Consumer Preview */ | |
568 background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); | |
569 /* Firefox */ | |
570 background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); | |
571 /* Opera */ | |
572 background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); | |
573 /* Webkit (Safari/Chrome 10) */ | |
574 background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); | |
575 /* Webkit (Chrome 11+) */ | |
576 background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); | |
577 /* W3C Markup, IE10 Release Preview */ | |
578 z-index: 10; | |
579 } | |
580 div.DTE_Bubble_Background > div { | |
581 position: absolute; | |
582 top: 0; | |
583 right: 0; | |
584 left: 0; | |
585 bottom: 0; | |
586 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); | |
587 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; | |
588 } | |
589 div.DTE_Bubble_Background > div:not([dummy]) { | |
590 filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); | |
591 } | |
592 | |
593 div.DTE_Inline { | |
594 position: relative; | |
595 display: table; | |
596 width: 100%; | |
597 } | |
598 div.DTE_Inline div.DTE_Inline_Field, | |
599 div.DTE_Inline div.DTE_Inline_Buttons { | |
600 display: table-cell; | |
601 vertical-align: middle; | |
602 } | |
603 div.DTE_Inline div.DTE_Inline_Field div.DTE_Field, | |
604 div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field { | |
605 padding: 0; | |
606 } | |
607 div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label, | |
608 div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label { | |
609 display: none; | |
610 } | |
611 div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input, | |
612 div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input { | |
613 width: 100%; | |
614 } | |
615 div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button, | |
616 div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button { | |
617 margin: -6px 0 -6px 4px; | |
618 padding: 5px; | |
619 } | |
620 div.DTE_Inline div.DTE_Field input[type="color"], | |
621 div.DTE_Inline div.DTE_Field input[type="date"], | |
622 div.DTE_Inline div.DTE_Field input[type="datetime"], | |
623 div.DTE_Inline div.DTE_Field input[type="datetime-local"], | |
624 div.DTE_Inline div.DTE_Field input[type="email"], | |
625 div.DTE_Inline div.DTE_Field input[type="month"], | |
626 div.DTE_Inline div.DTE_Field input[type="number"], | |
627 div.DTE_Inline div.DTE_Field input[type="password"], | |
628 div.DTE_Inline div.DTE_Field input[type="search"], | |
629 div.DTE_Inline div.DTE_Field input[type="tel"], | |
630 div.DTE_Inline div.DTE_Field input[type="text"], | |
631 div.DTE_Inline div.DTE_Field input[type="time"], | |
632 div.DTE_Inline div.DTE_Field input[type="url"], | |
633 div.DTE_Inline div.DTE_Field input[type="week"] { | |
634 margin: -6px 0; | |
635 } | |
636 div.DTE_Inline.DTE_Processing:after { | |
637 position: absolute; | |
638 content: ' '; | |
639 display: block; | |
640 top: 4px; | |
641 right: 10px; | |
642 height: 12px; | |
643 width: 17px; | |
644 background: url("../images/ajax-loader-small.gif") no-repeat top left; | |
645 } | |
646 | |
647 span.dtr-data div.DTE_Inline { | |
648 display: inline-table; | |
649 } | |
650 | |
651 div.DTED_Lightbox_Wrapper { | |
652 position: fixed; | |
653 top: 0; | |
654 left: 50%; | |
655 margin-left: -390px; | |
656 width: 780px; | |
657 height: 100%; | |
658 z-index: 11; | |
659 } | |
660 div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container { | |
661 *position: absolute; | |
662 /* IE6 */ | |
663 *top: 50%; | |
664 #position: absolute; | |
665 /* IE7 */ | |
666 #top: 50%; | |
667 display: table; | |
668 height: 100%; | |
669 width: 100%; | |
670 } | |
671 div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper { | |
672 *position: relative; | |
673 /* IE6 */ | |
674 #position: relative; | |
675 /* IE7 */ | |
676 display: table-cell; | |
677 vertical-align: middle; | |
678 width: 100%; | |
679 } | |
680 div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content { | |
681 *top: -50%; | |
682 /* IE6 */ | |
683 #top: -50%; | |
684 /* IE7 */ | |
685 position: relative; | |
686 border: 7px solid rgba(220, 220, 220, 0.5); | |
687 box-shadow: 2px 2px 10px #555; | |
688 border-radius: 10px; | |
689 -webkit-box-sizing: border-box; | |
690 -moz-box-sizing: border-box; | |
691 box-sizing: border-box; | |
692 } | |
693 div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE { | |
694 background: white; | |
695 border-radius: 6px; | |
696 box-shadow: 0 0 5px #555; | |
697 border: 2px solid #444; | |
698 -webkit-box-sizing: border-box; | |
699 -moz-box-sizing: border-box; | |
700 box-sizing: border-box; | |
701 } | |
702 div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header { | |
703 top: 2px; | |
704 left: 2px; | |
705 right: 2px; | |
706 width: auto; | |
707 border-top-left-radius: 5px; | |
708 border-top-right-radius: 5px; | |
709 } | |
710 div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer { | |
711 bottom: 2px; | |
712 left: 2px; | |
713 right: 2px; | |
714 width: auto; | |
715 border-bottom-left-radius: 5px; | |
716 border-bottom-right-radius: 5px; | |
717 } | |
718 div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close { | |
719 position: absolute; | |
720 top: -11px; | |
721 right: -11px; | |
722 width: 22px; | |
723 height: 22px; | |
724 border: 2px solid white; | |
725 background-color: black; | |
726 text-align: center; | |
727 border-radius: 15px; | |
728 cursor: pointer; | |
729 z-index: 12; | |
730 box-shadow: 2px 2px 6px #111; | |
731 } | |
732 div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:after { | |
733 content: '\00d7'; | |
734 color: white; | |
735 font-weight: bold; | |
736 font-size: 18px; | |
737 line-height: 22px; | |
738 font-family: 'Courier New', Courier, monospace; | |
739 padding-left: 1px; | |
740 } | |
741 div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:hover { | |
742 background-color: #092079; | |
743 box-shadow: 2px 2px 9px #111; | |
744 } | |
745 | |
746 div.DTED_Lightbox_Background { | |
747 position: fixed; | |
748 top: 0; | |
749 left: 0; | |
750 width: 100%; | |
751 height: 100%; | |
752 background: rgba(0, 0, 0, 0.7); | |
753 /* Fallback */ | |
754 background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); | |
755 /* IE10 Consumer Preview */ | |
756 background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); | |
757 /* Firefox */ | |
758 background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); | |
759 /* Opera */ | |
760 background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); | |
761 /* Webkit (Safari/Chrome 10) */ | |
762 background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); | |
763 /* Webkit (Chrome 11+) */ | |
764 background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); | |
765 /* W3C Markup, IE10 Release Preview */ | |
766 z-index: 10; | |
767 } | |
768 div.DTED_Lightbox_Background > div { | |
769 position: absolute; | |
770 top: 0; | |
771 right: 0; | |
772 left: 0; | |
773 bottom: 0; | |
774 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); | |
775 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; | |
776 } | |
777 div.DTED_Lightbox_Background > div:not([dummy]) { | |
778 filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); | |
779 } | |
780 | |
781 body.DTED_Lightbox_Mobile div.DTED_Lightbox_Background { | |
782 height: 0; | |
783 } | |
784 body.DTED_Lightbox_Mobile div.DTED_Lightbox_Shown { | |
785 display: none; | |
786 } | |
787 body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper { | |
788 position: absolute; | |
789 top: 0px; | |
790 left: 0px; | |
791 right: 0px; | |
792 bottom: 0px; | |
793 width: auto; | |
794 height: auto; | |
795 margin-left: 0; | |
796 -webkit-overflow-scrolling: touch; | |
797 } | |
798 body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container { | |
799 display: block; | |
800 } | |
801 body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper { | |
802 display: block; | |
803 } | |
804 body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content { | |
805 border: 4px solid rgba(220, 220, 220, 0.5); | |
806 border-radius: 0; | |
807 } | |
808 body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE { | |
809 border-radius: 0; | |
810 box-shadow: 0 0 5px #555; | |
811 border: 2px solid #444; | |
812 } | |
813 body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header { | |
814 border-top-left-radius: 0; | |
815 border-top-right-radius: 0; | |
816 } | |
817 body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer { | |
818 border-bottom-left-radius: 0; | |
819 border-bottom-right-radius: 0; | |
820 } | |
821 body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close { | |
822 top: 11px; | |
823 right: 15px; | |
824 } | |
825 | |
826 @media only screen and (max-width: 780px) { | |
827 div.DTED_Lightbox_Wrapper { | |
828 position: fixed; | |
829 top: 0; | |
830 left: 0; | |
831 width: 100%; | |
832 margin-left: 0; | |
833 } | |
834 } | |
835 /* | |
836 * Namespace: DTED - DataTables Editor Display - Envelope | |
837 */ | |
838 div.DTED_Envelope_Wrapper { | |
839 position: absolute; | |
840 top: 0; | |
841 bottom: 0; | |
842 left: 50%; | |
843 height: 100%; | |
844 z-index: 11; | |
845 display: none; | |
846 overflow: hidden; | |
847 } | |
848 div.DTED_Envelope_Wrapper div.DTED_Envelope_ShadowLeft { | |
849 position: absolute; | |
850 top: 0; | |
851 left: 0; | |
852 width: 50%; | |
853 height: 9px; | |
854 background: url("../images/shadow_left.png") no-repeat top left; | |
855 z-index: 10; | |
856 } | |
857 div.DTED_Envelope_Wrapper div.DTED_Envelope_ShadowRight { | |
858 position: absolute; | |
859 top: 0; | |
860 right: 0; | |
861 width: 50%; | |
862 height: 9px; | |
863 background: url("../images/shadow_right.png") no-repeat top right; | |
864 z-index: 10; | |
865 } | |
866 div.DTED_Envelope_Wrapper div.DTED_Envelope_Container { | |
867 position: absolute; | |
868 top: 0; | |
869 left: 5%; | |
870 width: 90%; | |
871 border-left: 1px solid #777; | |
872 border-right: 1px solid #777; | |
873 border-bottom: 1px solid #777; | |
874 box-shadow: 3px 3px 10px #555; | |
875 border-bottom-left-radius: 5px; | |
876 border-bottom-right-radius: 5px; | |
877 background-color: white; | |
878 } | |
879 div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator { | |
880 right: 36px; | |
881 } | |
882 div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer { | |
883 border-bottom-left-radius: 5px; | |
884 border-bottom-right-radius: 5px; | |
885 } | |
886 div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close { | |
887 position: absolute; | |
888 top: 16px; | |
889 right: 10px; | |
890 width: 18px; | |
891 height: 18px; | |
892 cursor: pointer; | |
893 *cursor: hand; | |
894 z-index: 12; | |
895 text-align: center; | |
896 font-size: 12px; | |
897 background: #F8F8F8; | |
898 background: -webkit-gradient(linear, center bottom, center top, from(#CCC), to(white)); | |
899 background: -moz-linear-gradient(top, white, #CCC); | |
900 background: linear-gradient(to bottom, white, #CCC); | |
901 text-shadow: 0 1px 0 white; | |
902 border: 1px solid #999; | |
903 border-radius: 2px; | |
904 -moz-border-radius: 2px; | |
905 -webkit-border-radius: 2px; | |
906 box-shadow: 0px 0px 1px #999; | |
907 -moz-box-shadow: 0px 0px 1px #999; | |
908 -webkit-box-shadow: 0px 0px 1px #999; | |
909 } | |
910 | |
911 div.DTED_Envelope_Background { | |
912 position: fixed; | |
913 top: 0; | |
914 left: 0; | |
915 width: 100%; | |
916 height: 100%; | |
917 z-index: 10; | |
918 background: rgba(0, 0, 0, 0.4); | |
919 /* Fallback */ | |
920 background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); | |
921 /* IE10 Consumer Preview */ | |
922 background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); | |
923 /* Firefox */ | |
924 background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); | |
925 /* Opera */ | |
926 background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(0, 0, 0, 0.4))); | |
927 /* Webkit (Safari/Chrome 10) */ | |
928 background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); | |
929 /* Webkit (Chrome 11+) */ | |
930 background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); | |
931 /* W3C Markup, IE10 Release Preview */ | |
932 } | |
933 | |
934 table.dataTable tbody tr.highlight { | |
935 background-color: #FFFBCC !important; | |
936 } | |
937 table.dataTable tbody tr.highlight, | |
938 table.dataTable tbody tr.noHighlight, | |
939 table.dataTable tbody tr.highlight td, | |
940 table.dataTable tbody tr.noHighlight td { | |
941 -webkit-transition: background-color 500ms linear; | |
942 -moz-transition: background-color 500ms linear; | |
943 -ms-transition: background-color 500ms linear; | |
944 -o-transition: background-color 500ms linear; | |
945 transition: background-color 500ms linear; | |
946 } | |
947 table.dataTable.stripe tbody tr.odd.highlight, table.dataTable.display tbody tr.odd.highlight { | |
948 background-color: #f9f5c7; | |
949 } | |
950 table.dataTable.hover tbody tr:hover.highlight, | |
951 table.dataTable.hover tbody tr.odd:hover.highlight, | |
952 table.dataTable.hover tbody tr.even:hover.highlight, table.dataTable.display tbody tr:hover.highlight, | |
953 table.dataTable.display tbody tr.odd:hover.highlight, | |
954 table.dataTable.display tbody tr.even:hover.highlight { | |
955 background-color: #f6f2c5; | |
956 } | |
957 table.dataTable.order-column tbody tr.highlight > .sorting_1, | |
958 table.dataTable.order-column tbody tr.highlight > .sorting_2, | |
959 table.dataTable.order-column tbody tr.highlight > .sorting_3, table.dataTable.display tbody tr.highlight > .sorting_1, | |
960 table.dataTable.display tbody tr.highlight > .sorting_2, | |
961 table.dataTable.display tbody tr.highlight > .sorting_3 { | |
962 background-color: #faf6c8; | |
963 } | |
964 table.dataTable.display tbody tr.odd.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_1 { | |
965 background-color: #f1edc1; | |
966 } | |
967 table.dataTable.display tbody tr.odd.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_2 { | |
968 background-color: #f3efc2; | |
969 } | |
970 table.dataTable.display tbody tr.odd.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_3 { | |
971 background-color: #f5f1c4; | |
972 } | |
973 table.dataTable.display tbody tr.even.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_1 { | |
974 background-color: #faf6c8; | |
975 } | |
976 table.dataTable.display tbody tr.even.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_2 { | |
977 background-color: #fcf8ca; | |
978 } | |
979 table.dataTable.display tbody tr.even.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_3 { | |
980 background-color: #fefacb; | |
981 } | |
982 table.dataTable.display tbody tr:hover.highlight > .sorting_1, | |
983 table.dataTable.display tbody tr.odd:hover.highlight > .sorting_1, | |
984 table.dataTable.display tbody tr.even:hover.highlight > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_1, | |
985 table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_1, | |
986 table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_1 { | |
987 background-color: #eae6bb; | |
988 } | |
989 table.dataTable.display tbody tr:hover.highlight > .sorting_2, | |
990 table.dataTable.display tbody tr.odd:hover.highlight > .sorting_2, | |
991 table.dataTable.display tbody tr.even:hover.highlight > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_2, | |
992 table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_2, | |
993 table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_2 { | |
994 background-color: #ece8bd; | |
995 } | |
996 table.dataTable.display tbody tr:hover.highlight > .sorting_3, | |
997 table.dataTable.display tbody tr.odd:hover.highlight > .sorting_3, | |
998 table.dataTable.display tbody tr.even:hover.highlight > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_3, | |
999 table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_3, | |
1000 table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_3 { | |
1001 background-color: #efebbf; | |
1002 } | |
1003 | |
1004 div.DTE div.editor_upload { | |
1005 padding-top: 4px; | |
1006 } | |
1007 div.DTE div.editor_upload div.eu_table { | |
1008 display: table; | |
1009 width: 100%; | |
1010 } | |
1011 div.DTE div.editor_upload div.row { | |
1012 display: table-row; | |
1013 } | |
1014 div.DTE div.editor_upload div.cell { | |
1015 display: table-cell; | |
1016 position: relative; | |
1017 width: 50%; | |
1018 vertical-align: top; | |
1019 } | |
1020 div.DTE div.editor_upload div.cell + div.cell { | |
1021 padding-left: 10px; | |
1022 } | |
1023 div.DTE div.editor_upload div.row + div.row div.cell { | |
1024 padding-top: 10px; | |
1025 } | |
1026 div.DTE div.editor_upload button.btn, | |
1027 div.DTE div.editor_upload input[type=file] { | |
1028 width: 100%; | |
1029 height: 2.3em; | |
1030 font-size: 0.8em; | |
1031 text-align: center; | |
1032 line-height: 1em; | |
1033 } | |
1034 div.DTE div.editor_upload input[type=file] { | |
1035 position: absolute; | |
1036 top: 0; | |
1037 left: 0; | |
1038 width: 100%; | |
1039 opacity: 0; | |
1040 } | |
1041 div.DTE div.editor_upload div.drop { | |
1042 position: relative; | |
1043 box-sizing: border-box; | |
1044 width: 100%; | |
1045 height: 100%; | |
1046 border: 3px dashed #ccc; | |
1047 border-radius: 6px; | |
1048 min-height: 4em; | |
1049 color: #999; | |
1050 padding-top: 3px; | |
1051 text-align: center; | |
1052 } | |
1053 div.DTE div.editor_upload div.drop.over { | |
1054 border: 3px dashed #111; | |
1055 color: #111; | |
1056 } | |
1057 div.DTE div.editor_upload div.drop span { | |
1058 max-width: 75%; | |
1059 font-size: 0.85em; | |
1060 line-height: 1em; | |
1061 } | |
1062 div.DTE div.editor_upload div.rendered img { | |
1063 max-width: 8em; | |
1064 margin: 0 auto; | |
1065 } | |
1066 div.DTE div.editor_upload.noDrop div.drop { | |
1067 display: none; | |
1068 } | |
1069 div.DTE div.editor_upload.noDrop div.row.second { | |
1070 display: none; | |
1071 } | |
1072 div.DTE div.editor_upload.noDrop div.rendered { | |
1073 margin-top: 10px; | |
1074 } | |
1075 div.DTE div.editor_upload.noClear div.clearValue button { | |
1076 display: none; | |
1077 } | |
1078 div.DTE div.editor_upload.multi div.cell { | |
1079 display: block; | |
1080 width: 100%; | |
1081 } | |
1082 div.DTE div.editor_upload.multi div.cell div.drop { | |
1083 min-height: 0; | |
1084 padding-bottom: 5px; | |
1085 } | |
1086 div.DTE div.editor_upload.multi div.clearValue { | |
1087 display: none; | |
1088 } | |
1089 div.DTE div.editor_upload.multi ul { | |
1090 list-style-type: none; | |
1091 margin: 0; | |
1092 padding: 0; | |
1093 } | |
1094 div.DTE div.editor_upload.multi ul li { | |
1095 position: relative; | |
1096 margin-top: 0.5em; | |
1097 } | |
1098 div.DTE div.editor_upload.multi ul li:first-child { | |
1099 margin-top: 0; | |
1100 } | |
1101 div.DTE div.editor_upload.multi ul li img { | |
1102 vertical-align: middle; | |
1103 } | |
1104 div.DTE div.editor_upload.multi ul li button { | |
1105 position: absolute; | |
1106 width: 40px; | |
1107 right: 0; | |
1108 top: 50%; | |
1109 margin-top: -1.5em; | |
1110 } | |
1111 | |
1112 div.editor-datetime { | |
1113 position: absolute; | |
1114 background-color: white; | |
1115 z-index: 2050; | |
1116 border: 1px solid #ccc; | |
1117 box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); | |
1118 padding-bottom: 5px; | |
1119 } | |
1120 div.editor-datetime div.editor-datetime-title { | |
1121 text-align: center; | |
1122 padding: 5px 0px 3px; | |
1123 } | |
1124 div.editor-datetime table { | |
1125 border-spacing: 0; | |
1126 margin: 6px 13px; | |
1127 } | |
1128 div.editor-datetime table th { | |
1129 font-size: 0.8em; | |
1130 color: #777; | |
1131 font-weight: normal; | |
1132 width: 14.285714286%; | |
1133 padding: 0 0 4px 0; | |
1134 text-align: center; | |
1135 } | |
1136 div.editor-datetime table td { | |
1137 font-size: 0.9em; | |
1138 color: #444; | |
1139 padding: 0; | |
1140 } | |
1141 div.editor-datetime table td.day { | |
1142 text-align: right; | |
1143 background: #f5f5f5; | |
1144 } | |
1145 div.editor-datetime table td.day.disabled { | |
1146 color: #aaa; | |
1147 background: white; | |
1148 } | |
1149 div.editor-datetime table td.day.today { | |
1150 background-color: #ddd; | |
1151 } | |
1152 div.editor-datetime table td.day.today button { | |
1153 font-weight: bold; | |
1154 } | |
1155 div.editor-datetime table td.day.selected button { | |
1156 background: #4E6CA3; | |
1157 color: white; | |
1158 border-radius: 2px; | |
1159 } | |
1160 div.editor-datetime table td.day button:hover { | |
1161 background: #ff8000; | |
1162 color: white; | |
1163 border-radius: 2px; | |
1164 } | |
1165 div.editor-datetime table td.editor-datetime-week { | |
1166 font-size: 0.7em; | |
1167 } | |
1168 div.editor-datetime table button { | |
1169 width: 100%; | |
1170 box-sizing: border-box; | |
1171 border: none; | |
1172 background: transparent; | |
1173 font-size: inherit; | |
1174 color: inherit; | |
1175 text-align: inherit; | |
1176 padding: 5px 9px; | |
1177 cursor: pointer; | |
1178 margin: 0; | |
1179 } | |
1180 div.editor-datetime table.weekNumber th { | |
1181 width: 12.5%; | |
1182 } | |
1183 div.editor-datetime div.editor-datetime-label { | |
1184 position: relative; | |
1185 display: inline-block; | |
1186 height: 30px; | |
1187 padding: 5px 6px; | |
1188 border: 1px solid transparent; | |
1189 box-sizing: border-box; | |
1190 cursor: pointer; | |
1191 } | |
1192 div.editor-datetime div.editor-datetime-label:hover { | |
1193 border: 1px solid #ddd; | |
1194 border-radius: 2px; | |
1195 background-color: #f5f5f5; | |
1196 } | |
1197 div.editor-datetime div.editor-datetime-label select { | |
1198 position: absolute; | |
1199 top: 6px; | |
1200 left: 0; | |
1201 cursor: pointer; | |
1202 opacity: 0; | |
1203 -ms-filter: "alpha(opacity=0)"; | |
1204 } | |
1205 div.editor-datetime div.editor-datetime-time { | |
1206 text-align: center; | |
1207 } | |
1208 div.editor-datetime div.editor-datetime-time > span { | |
1209 vertical-align: middle; | |
1210 } | |
1211 div.editor-datetime div.editor-datetime-time div.editor-datetime-timeblock { | |
1212 display: inline-block; | |
1213 vertical-align: middle; | |
1214 } | |
1215 div.editor-datetime div.editor-datetime-iconLeft, | |
1216 div.editor-datetime div.editor-datetime-iconRight, | |
1217 div.editor-datetime div.editor-datetime-iconUp, | |
1218 div.editor-datetime div.editor-datetime-iconDown { | |
1219 width: 30px; | |
1220 height: 30px; | |
1221 background-position: center; | |
1222 background-repeat: no-repeat; | |
1223 opacity: 0.3; | |
1224 overflow: hidden; | |
1225 box-sizing: border-box; | |
1226 } | |
1227 div.editor-datetime div.editor-datetime-iconLeft:hover, | |
1228 div.editor-datetime div.editor-datetime-iconRight:hover, | |
1229 div.editor-datetime div.editor-datetime-iconUp:hover, | |
1230 div.editor-datetime div.editor-datetime-iconDown:hover { | |
1231 border: 1px solid #ccc; | |
1232 border-radius: 2px; | |
1233 background-color: #f0f0f0; | |
1234 opacity: 0.6; | |
1235 } | |
1236 div.editor-datetime div.editor-datetime-iconLeft button, | |
1237 div.editor-datetime div.editor-datetime-iconRight button, | |
1238 div.editor-datetime div.editor-datetime-iconUp button, | |
1239 div.editor-datetime div.editor-datetime-iconDown button { | |
1240 border: none; | |
1241 background: transparent; | |
1242 text-indent: 30px; | |
1243 height: 100%; | |
1244 width: 100%; | |
1245 cursor: pointer; | |
1246 } | |
1247 div.editor-datetime div.editor-datetime-iconLeft { | |
1248 position: absolute; | |
1249 top: 5px; | |
1250 left: 5px; | |
1251 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); | |
1252 } | |
1253 div.editor-datetime div.editor-datetime-iconRight { | |
1254 position: absolute; | |
1255 top: 5px; | |
1256 right: 5px; | |
1257 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); | |
1258 } | |
1259 div.editor-datetime div.editor-datetime-iconUp { | |
1260 height: 20px; | |
1261 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII="); | |
1262 } | |
1263 div.editor-datetime div.editor-datetime-iconDown { | |
1264 height: 20px; | |
1265 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC"); | |
1266 } |