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 }