1 /* |
|
2 * Tables and datatables |
|
3 */ |
|
4 |
|
5 @import "colors.less"; |
|
6 |
|
7 .table-full { |
|
8 width: 100%; |
|
9 } |
|
10 |
|
11 .table-wrap { |
|
12 overflow: auto; |
|
13 } |
|
14 |
|
15 .table.has-tickbox { |
|
16 thead tr th:first-child { |
|
17 width: 18px; |
|
18 } |
|
19 &.ams-form tbody tr td:first-child .checkbox, |
|
20 &.ams-form tbody tr td:first-child .radio, |
|
21 &.ams-form thead tr th:first-child .checkbox, |
|
22 &.ams-form thead tr th:first-child .radio { |
|
23 padding: 0!important; |
|
24 } |
|
25 } |
|
26 |
|
27 .table-dnd { |
|
28 tbody { |
|
29 tr { |
|
30 &.dragging-row { |
|
31 td { |
|
32 background-color: @activeTabBg !important; |
|
33 } |
|
34 } |
|
35 |
|
36 &:not(.no-drag-handle) td:first-child { |
|
37 padding-left: 20px!important; |
|
38 } |
|
39 } |
|
40 td.sorter, |
|
41 td.sorter a { |
|
42 cursor: move!important; |
|
43 } |
|
44 td.drag-handle { |
|
45 background: transparent url('../img/vert-drag-handle.png') scroll no-repeat left 50%; |
|
46 } |
|
47 } |
|
48 } |
|
49 table:not(.table-dnd) { |
|
50 td.sorter { |
|
51 width: 35px!important; |
|
52 |
|
53 a { |
|
54 display: none; |
|
55 } |
|
56 } |
|
57 } |
|
58 .table-tight { |
|
59 td, |
|
60 th { |
|
61 padding: 4px 8px!important; |
|
62 line-height: 1.3!important; |
|
63 |
|
64 input[type="text"] { |
|
65 height: 20px; |
|
66 padding: 3px 8px; |
|
67 } |
|
68 } |
|
69 } |
|
70 .table-small { |
|
71 td, |
|
72 th { |
|
73 padding: 2px 8px!important; |
|
74 line-height: 1.2!important; |
|
75 |
|
76 input[type="text"] { |
|
77 height: 18px; |
|
78 padding: 2px 8px; |
|
79 } |
|
80 } |
|
81 } |
|
82 .table-mini { |
|
83 td, |
|
84 th { |
|
85 padding: 1px 8px!important; |
|
86 line-height: 1.1!important; |
|
87 |
|
88 input[type="text"] { |
|
89 height: 16px; |
|
90 padding: 1px 8px; |
|
91 } |
|
92 } |
|
93 } |
|
94 |
|
95 .table-bordered { |
|
96 >thead >tr >td, |
|
97 >thead >tr >th { |
|
98 border-width: 1px; |
|
99 } |
|
100 .no-padding { |
|
101 & >.table-bordered { |
|
102 border: 0!important; |
|
103 |
|
104 tbody tr td:first-child, |
|
105 thead tr td:first-child, |
|
106 thead tr th:first-child { |
|
107 border-left-width: 0!important; |
|
108 } |
|
109 tbody tr td:last-child, |
|
110 thead tr th:last-child { |
|
111 border-right-width: 0!important; |
|
112 } |
|
113 tbody tr:last-child { |
|
114 td { |
|
115 border-bottom-width: 0 !important; |
|
116 } |
|
117 &:nth-child(1), |
|
118 &:nth-child(2) { |
|
119 td { |
|
120 border-bottom: 1px solid #ddd!important; |
|
121 } |
|
122 } |
|
123 } |
|
124 } |
|
125 } |
|
126 .no-padding .note-editable & { |
|
127 border: 1px solid @tableBorderColor!important; |
|
128 } |
|
129 } |
|
130 |
|
131 tr.current { |
|
132 td { |
|
133 background-color: @tableCurrentColor!important; |
|
134 } |
|
135 } |
|
136 |
|
137 tr.bordered-bottom { |
|
138 th, |
|
139 td { |
|
140 border-bottom: 1px solid @tableBorderColor; |
|
141 } |
|
142 } |
|
143 |
|
144 .table-hover { |
|
145 >tbody >tr:hover >td, |
|
146 >tbody >tr:hover >th { |
|
147 background-color: @tableHoverColor; |
|
148 } |
|
149 } |
|
150 |
|
151 th { |
|
152 >.btn-group:first-child { |
|
153 margin-left: 20px; |
|
154 vertical-align: bottom; |
|
155 } |
|
156 } |
|
157 |
|
158 th.checker, |
|
159 td.checker { |
|
160 width: 30px; |
|
161 } |
|
162 |
|
163 th.actions-menu { |
|
164 width: 70px; |
|
165 } |
|
166 |
|
167 th.action, |
|
168 td.action { |
|
169 width: 16px; |
|
170 } |
|
171 |
|
172 .dt-row { |
|
173 padding: 4px 10px; |
|
174 } |
|
175 |
|
176 .dt-top-row { |
|
177 height: 0; |
|
178 line-height: 0; |
|
179 position: relative; |
|
180 } |
|
181 |
|
182 .dt-bottom-row { |
|
183 background: #fafafa; |
|
184 font-size: 11px; |
|
185 overflow: hidden; |
|
186 padding: 5px 10px; |
|
187 border-top: 1px solid #ccc; |
|
188 -webkit-box-shadow: inset 0 1px #fff; |
|
189 -ms-box-shadow: inset 0 1px #fff; |
|
190 box-shadow: inset 0 1px #fff; |
|
191 |
|
192 .ams-form & .row { |
|
193 margin: 0!important; |
|
194 } |
|
195 } |
|
196 |
|
197 .modal-dialog .ams-form .dt-bottom-row { |
|
198 padding: 5px 10px!important; |
|
199 |
|
200 .row { |
|
201 margin: 0; |
|
202 } |
|
203 } |
|
204 |
|
205 .dataTables_length { |
|
206 position: absolute; |
|
207 right: 13px; |
|
208 top: -35px; |
|
209 |
|
210 select { |
|
211 width: 60px; |
|
212 padding: 3px; |
|
213 font-size: 13px; |
|
214 border: 1px solid #bbb; |
|
215 } |
|
216 } |
|
217 |
|
218 .dataTables_filter { |
|
219 position: absolute; |
|
220 left: 10px; |
|
221 top: -35px; |
|
222 |
|
223 input { |
|
224 padding: 3px 8px 1px; |
|
225 font-size: 13px; |
|
226 } |
|
227 .form-control { |
|
228 height: 28px; |
|
229 } |
|
230 .input-group { |
|
231 width: 180px!important; |
|
232 } |
|
233 input select { |
|
234 border: 1px solid #bbb; |
|
235 } |
|
236 } |
|
237 |
|
238 .dataTables_paginate { |
|
239 margin: 4px 0 0; |
|
240 |
|
241 .pagination { |
|
242 margin: 0; |
|
243 } |
|
244 .btn-group { |
|
245 a { |
|
246 color: #2E5F87; |
|
247 } |
|
248 } |
|
249 } |
|
250 |
|
251 .dt-wrapper { |
|
252 // overflow: hidden; |
|
253 } |
|
254 |
|
255 .dataTables_wrapper { |
|
256 position: relative; |
|
257 |
|
258 table.table { |
|
259 clear: both; |
|
260 max-width: inherit; |
|
261 margin-bottom: 0; |
|
262 |
|
263 thead { |
|
264 th { |
|
265 white-space: nowrap; |
|
266 text-overflow: ellipsis; |
|
267 -ms-text-overflow: ellipsis; |
|
268 } |
|
269 |
|
270 .sorting, |
|
271 .sorting_asc, |
|
272 .sorting_asc_disabled, |
|
273 .sorting_desc, |
|
274 .sorting_desc_disabled { |
|
275 cursor: pointer; |
|
276 padding-right: 18px!important; |
|
277 } |
|
278 |
|
279 .sorting { |
|
280 background: url(../img/datatable/sort_both.png) no-repeat center right; |
|
281 } |
|
282 |
|
283 .sorting_asc { |
|
284 background: @tableSortColor url(../img/datatable/sort_asc.png) no-repeat center right; |
|
285 } |
|
286 |
|
287 .sorting_desc { |
|
288 background: @tableSortColor url(../img/datatable/sort_desc.png) no-repeat center right; |
|
289 } |
|
290 |
|
291 .sorting_asc_disabled { |
|
292 background: url(../img/datatable/sort_asc_disabled.png) no-repeat center right; |
|
293 } |
|
294 |
|
295 .sorting_desc_disabled { |
|
296 background: url(../img/datatable/sort_desc_disabled.png) no-repeat center right; |
|
297 } |
|
298 } |
|
299 |
|
300 tbody tr.active { |
|
301 th, |
|
302 td { |
|
303 background-color: #08C; |
|
304 color: #fff; |
|
305 } |
|
306 |
|
307 &:hover td, |
|
308 &:hover th { |
|
309 background-color: #0075b0!important; |
|
310 } |
|
311 } |
|
312 } |
|
313 |
|
314 table.dataTable th:active { |
|
315 outline: 0; |
|
316 } |
|
317 |
|
318 .table-striped tbody tr.active:nth-child(odd) td, |
|
319 .table-striped tbody tr.active:nth-child(odd) th { |
|
320 background-color: #017ebc; |
|
321 } |
|
322 |
|
323 select { |
|
324 min-height: inherit; |
|
325 } |
|
326 |
|
327 table+.row { |
|
328 margin-bottom: 0; |
|
329 margin-top: 10px; |
|
330 } |
|
331 |
|
332 .dt_actions { |
|
333 float: left; |
|
334 margin-right: 20px; |
|
335 } |
|
336 |
|
337 .bottom, |
|
338 .top { |
|
339 background-color: #f5f5f5; |
|
340 border: 1px solid #CCC; |
|
341 padding: 15px; |
|
342 } |
|
343 |
|
344 div.DTTT .btn:hover { |
|
345 text-decoration: none!important; |
|
346 } |
|
347 |
|
348 ul.DTTT_dropdown.dropdown-menu { |
|
349 a { |
|
350 color: #333!important; |
|
351 } |
|
352 |
|
353 li:hover a { |
|
354 background-color: #08c; |
|
355 color: #fff!important; |
|
356 } |
|
357 } |
|
358 |
|
359 div.DTTT_print_info { |
|
360 &.modal { |
|
361 height: 150px; |
|
362 margin-top: -75px; |
|
363 text-align: center; |
|
364 } |
|
365 |
|
366 h6 { |
|
367 font-weight: 400; |
|
368 font-size: 28px; |
|
369 line-height: 28px; |
|
370 margin: 1em; |
|
371 } |
|
372 |
|
373 p { |
|
374 font-size: 14px; |
|
375 line-height: 20px; |
|
376 } |
|
377 } |
|
378 |
|
379 div.DTFC_LeftFootWrapper table, |
|
380 div.DTFC_LeftHeadWrapper table, |
|
381 table.DTFC_Cloned tr.even { |
|
382 background-color: #fff; |
|
383 } |
|
384 |
|
385 div.DTFC_LeftHeadWrapper table { |
|
386 margin-bottom: 0!important; |
|
387 border-top-right-radius: 0!important; |
|
388 border-bottom-left-radius: 0!important; |
|
389 border-bottom-right-radius: 0!important; |
|
390 } |
|
391 } |
|
392 |
|
393 .no-padding { |
|
394 .dataTables_wrapper table, |
|
395 >table { |
|
396 border: 0!important; |
|
397 margin-bottom: 0!important; |
|
398 |
|
399 &.border-top { |
|
400 border-top: 1px solid #ddd!important; |
|
401 } |
|
402 tr td:first-child, |
|
403 tr th:first-child { |
|
404 border-left: 0!important; |
|
405 } |
|
406 tr td:last-child, |
|
407 tr th:last-child { |
|
408 border-right: 0!important; |
|
409 } |
|
410 tr:last-child td { |
|
411 border-bottom: 0; |
|
412 } |
|
413 } |
|
414 } |
|
415 |
|
416 .dataTables_scrollBody { |
|
417 -webkit-overflow-scrolling: touch; |
|
418 } |
|
419 |
|
420 .dataTables_info { |
|
421 .top & { |
|
422 float: none; |
|
423 } |
|
424 |
|
425 div.dt-bottom-row & { |
|
426 float: left; |
|
427 padding-top: 10px; |
|
428 font-size: 12px; |
|
429 } |
|
430 } |
|
431 |
|
432 .dataTables_full { |
|
433 width: 100%!important; |
|
434 } |
|
435 |
|
436 .dataTables_empty { |
|
437 text-align: center!important; |
|
438 font-size: 15px; |
|
439 background: #fff!important; |
|
440 padding: 20px 0!important; |
|
441 cursor: default; |
|
442 } |
|
443 |
|
444 .dataTables_scroll { |
|
445 clear: both; |
|
446 } |
|
447 |
|
448 .dataTables_scrollHeadInner table.table-bordered { |
|
449 border-radius: 4px 4px 0 0; |
|
450 |
|
451 &, |
|
452 & thead { |
|
453 border-bottom: 0; |
|
454 } |
|
455 } |
|
456 |
|
457 .dataTables_scrollBody table { |
|
458 border-top: 0; |
|
459 } |
|
460 |
|
461 .dataTables_processing { |
|
462 position: absolute; |
|
463 top: 50%; |
|
464 margin-top: -24px; |
|
465 z-index: 100; |
|
466 left: 50%; |
|
467 width: 250px; |
|
468 margin-left: -125px; |
|
469 border: 1px solid #ddd; |
|
470 text-align: center; |
|
471 color: #000; |
|
472 background: #fff; |
|
473 font-size: 15px!important; |
|
474 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2); |
|
475 -ms-box-shadow: 0 0 4px rgba(0, 0, 0, .2); |
|
476 box-shadow: 0 0 4px rgba(0, 0, 0, .2); |
|
477 padding: 10px 0; |
|
478 } |
|
479 |
|
480 .dataTables_wrapper { |
|
481 .center { |
|
482 text-align: center; |
|
483 } |
|
484 |
|
485 .details, |
|
486 .details:hover { |
|
487 background: #ddd!important; |
|
488 } |
|
489 |
|
490 .details table td { |
|
491 background: #fff!important; |
|
492 } |
|
493 } |
|
494 |
|
495 .dataTables_scrollHeadInner table.table, |
|
496 .dataTables_wrapper .details table.table { |
|
497 margin: 0!important; |
|
498 } |
|
499 |
|
500 .dataTables_scrollHead table { |
|
501 margin-bottom: 0!important; |
|
502 border-bottom-left-radius: 0; |
|
503 border-bottom-right-radius: 0; |
|
504 |
|
505 thead tr:last-child th:first-child { |
|
506 border-bottom-left-radius: 0!important; |
|
507 border-bottom-right-radius: 0!important; |
|
508 } |
|
509 } |
|
510 |
|
511 .DTFC_LeftHeadWrapper table thead tr:last-child td:first-child, |
|
512 .DTFC_LeftHeadWrapper table thead tr:last-child th:first-child { |
|
513 border-bottom-left-radius: 0!important; |
|
514 border-bottom-right-radius: 0!important; |
|
515 } |
|
516 |
|
517 .DTFC_LeftBodyWrapper table, |
|
518 .dataTables_scrollBody table { |
|
519 border-top: 0; |
|
520 margin-bottom: 0!important; |
|
521 } |
|
522 .DTFC_LeftBodyWrapper tbody tr:first-child td, |
|
523 .DTFC_LeftBodyWrapper tbody tr:first-child th, |
|
524 div.DTFC_LeftFootWrapper table, |
|
525 div.dataTables_scrollBody tbody tr:first-child th, |
|
526 div.dataTables_scrollFoot table { |
|
527 border-top: 0; |
|
528 } |
|
529 |
|
530 |
|
531 /* |
|
532 * Datatables ColVis plug-in |
|
533 */ |
|
534 |
|
535 .ColVis { |
|
536 position: absolute; |
|
537 right: 83px; |
|
538 top: -35px; |
|
539 } |
|
540 |
|
541 .ColVis_collection { |
|
542 position: relative; |
|
543 width: 180px; |
|
544 background-color: #fff; |
|
545 border: 1px solid rgba(0, 0, 0, .2); |
|
546 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2); |
|
547 box-shadow: 0 2px 4px rgba(0, 0, 0, .2); |
|
548 z-index: 1102; |
|
549 padding-top: 3px; |
|
550 padding-left: 10px; |
|
551 list-style-type: none; |
|
552 list-style-position: outside; |
|
553 |
|
554 .ColVis_Button { |
|
555 position: relative; |
|
556 margin-right: 3px; |
|
557 height: 30px; |
|
558 background-color: #fff; |
|
559 border: 1px solid #d0d0d0; |
|
560 cursor: hand; |
|
561 padding: 3px 5px; |
|
562 } |
|
563 |
|
564 button.ColVis_Button { |
|
565 padding: 4px 12px; |
|
566 height: 26px; |
|
567 background-color: #fff; |
|
568 border: 0; |
|
569 width: 100%; |
|
570 float: none; |
|
571 font-size: 12px; |
|
572 |
|
573 &+button.ColVis_Button { |
|
574 border-top: 1px solid #e1e1e1; |
|
575 } |
|
576 |
|
577 button.ColVis_Button input { |
|
578 margin: 0; |
|
579 } |
|
580 } |
|
581 } |
|
582 |
|
583 button.ColVis_Button { |
|
584 padding: 4px 5px; |
|
585 text-align: left; |
|
586 |
|
587 &::-moz-focus-inner { |
|
588 border: 0!important; |
|
589 padding: 0; |
|
590 } |
|
591 } |
|
592 |
|
593 .ColVis_collectionBackground { |
|
594 position: fixed; |
|
595 top: 0; |
|
596 left: 0; |
|
597 width: 100%; |
|
598 height: 100%; |
|
599 background-color: #000; |
|
600 z-index: 1100; |
|
601 } |
|
602 |
|
603 div.ColVis_catcher { |
|
604 position: absolute; |
|
605 z-index: 1101; |
|
606 } |
|
607 |
|
608 span.ColVis_radio { |
|
609 display: inline-block; |
|
610 width: 20px; |
|
611 vertical-align: -2px; |
|
612 } |
|
613 |
|
614 .ColVis_text_hover, |
|
615 div.ColVis_collection button.ColVis_Button:hover { |
|
616 background: #F2F2F2; |
|
617 color: #222; |
|
618 } |
|
619 |
|
620 |
|
621 /* |
|
622 * Datatables columns reorder plug-in |
|
623 */ |
|
624 |
|
625 table.DTCR_clonedTable { |
|
626 background-color: #fff; |
|
627 z-index: 202; |
|
628 } |
|
629 |
|
630 div.DTCR_pointer { |
|
631 width: 1px; |
|
632 background-color: #0259C4; |
|
633 z-index: 201; |
|
634 } |
|
635 |
|
636 ul.DTTT_dropdown.dropdown-menu li { |
|
637 position: relative; |
|
638 |
|
639 &:hover a { |
|
640 background-color: #f2f2f2; |
|
641 color: #333!important; |
|
642 } |
|
643 } |
|
644 |
|
645 .table_tools_group { |
|
646 position: absolute; |
|
647 right: 83px; |
|
648 top: -37px; |
|
649 } |
|
650 |
|
651 .DTTT.btn-group { |
|
652 position: absolute; |
|
653 top: -38px; |
|
654 right: 83px; |
|
655 } |
|
656 |
|
657 .DTTT_dropdown { |
|
658 z-index: 2002; |
|
659 } |
|
660 |
|
661 .DTFC_LeftHeadWrapper { |
|
662 border-bottom: 1px solid #ddd; |
|
663 } |
|
664 |
|
665 div.DTTT_container { |
|
666 position: relative; |
|
667 float: right; |
|
668 margin-bottom: 1em; |
|
669 } |
|
670 |
|
671 a.DTTT_button, |
|
672 button.DTTT_button, |
|
673 div.DTTT_button { |
|
674 position: relative; |
|
675 float: left; |
|
676 margin-right: 3px; |
|
677 padding: 5px 8px; |
|
678 border: 1px solid #999; |
|
679 cursor: pointer; |
|
680 *cursor: hand; |
|
681 font-size: .88em; |
|
682 color: #000!important; |
|
683 -o-border-radius: 2px; |
|
684 border-radius: 2px; |
|
685 -webkit-box-shadow: 1px 1px 3px #ccc; |
|
686 -ms-box-shadow: 1px 1px 3px #ccc; |
|
687 -o-box-shadow: 1px 1px 3px #ccc; |
|
688 box-shadow: 1px 1px 3px #ccc; |
|
689 background: #fff; |
|
690 background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); |
|
691 background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f3f3f3), to(#f9f9f9)); |
|
692 background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); |
|
693 background: linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); |
|
694 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0); |
|
695 |
|
696 &:hover { |
|
697 border: 1px solid #666; |
|
698 text-decoration: none!important; |
|
699 -webkit-box-shadow: 1px 1px 3px #999; |
|
700 -ms-box-shadow: 1px 1px 3px #999; |
|
701 -o-box-shadow: 1px 1px 3px #999; |
|
702 box-shadow: 1px 1px 3px #999; |
|
703 background: #f3f3f3; |
|
704 background: -webkit-linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%); |
|
705 background: -webkit-gradient(linear, top left, bottom left, from(#f3f3f3), color-stop(89%, #e2e2e2), to(#f4f4f4)); |
|
706 background: -webkit-linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%); |
|
707 background: linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%); |
|
708 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0); |
|
709 } |
|
710 } |
|
711 |
|
712 button.DTTT_button { |
|
713 height: 30px; |
|
714 padding: 3px 8px; |
|
715 } |
|
716 |
|
717 .DTTT_button embed { |
|
718 outline: 0; |
|
719 } |
|
720 |
|
721 a.DTTT_disabled, |
|
722 button.DTTT_disabled, |
|
723 div.DTTT_disabled { |
|
724 color: #999; |
|
725 border: 1px solid #d0d0d0; |
|
726 background: #fff; |
|
727 background: -webkit-linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%); |
|
728 background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f9f9f9), to(#fafafa)); |
|
729 background: -webkit-linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%); |
|
730 background: linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%); |
|
731 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0); |
|
732 } |
|
733 |
|
734 table.DTTT_selectable tbody tr { |
|
735 cursor: pointer; |
|
736 *cursor: hand; |
|
737 } |
|
738 table.dataTable tr.DTTT_selected { |
|
739 &.odd { |
|
740 td.sorting_1, |
|
741 td.sorting_2, |
|
742 td.sorting_3 { |
|
743 background-color: #9FAFD1; |
|
744 } |
|
745 } |
|
746 |
|
747 &.even { |
|
748 td.sorting_1, |
|
749 td.sorting_2, |
|
750 td.sorting_3 { |
|
751 background-color: #B0BED9; |
|
752 } |
|
753 } |
|
754 } |
|
755 |
|
756 div.DTTT_collection { |
|
757 width: 150px; |
|
758 padding: 8px 8px 4px; |
|
759 border: 1px solid #ccc; |
|
760 border: 1px solid rgba(0, 0, 0, .4); |
|
761 background-color: #f3f3f3; |
|
762 background-color: rgba(255, 255, 255, .3); |
|
763 overflow: hidden; |
|
764 z-index: 2002; |
|
765 -o-border-radius: 5px; |
|
766 border-radius: 5px; |
|
767 -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3); |
|
768 -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3); |
|
769 -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3); |
|
770 box-shadow: 3px 3px 5px rgba(0, 0, 0, .3); |
|
771 |
|
772 a.DTTT_button, |
|
773 button.DTTT_button, |
|
774 div.DTTT_button { |
|
775 position: relative; |
|
776 left: 0; |
|
777 right: 0; |
|
778 display: block; |
|
779 float: none; |
|
780 margin-bottom: 4px; |
|
781 -webkit-box-shadow: 1px 1px 3px #999; |
|
782 -ms-box-shadow: 1px 1px 3px #999; |
|
783 -o-box-shadow: 1px 1px 3px #999; |
|
784 box-shadow: 1px 1px 3px #999; |
|
785 } |
|
786 } |
|
787 |
|
788 div.DTTT_collection_background { |
|
789 z-index: 2001; |
|
790 } |
|
791 |
|
792 .DTTT_print_info { |
|
793 position: fixed; |
|
794 top: 50%; |
|
795 left: 50%; |
|
796 width: 400px; |
|
797 height: 150px; |
|
798 margin-left: -200px; |
|
799 margin-top: -75px; |
|
800 text-align: center; |
|
801 color: #333; |
|
802 padding: 10px 30px; |
|
803 background: #fff; |
|
804 background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); |
|
805 background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f3f3f3), to(#f9f9f9)); |
|
806 background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); |
|
807 background: linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); |
|
808 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0); |
|
809 opacity: .95; |
|
810 border: 1px solid #000; |
|
811 border: 1px solid rgba(0, 0, 0, .5); |
|
812 -o-border-radius: 6px; |
|
813 border-radius: 6px; |
|
814 -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .5); |
|
815 -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, .5); |
|
816 -o-box-shadow: 0 3px 7px rgba(0, 0, 0, .5); |
|
817 box-shadow: 0 3px 7px rgba(0, 0, 0, .5); |
|
818 |
|
819 h6 { |
|
820 font-weight: 400; |
|
821 font-size: 28px; |
|
822 line-height: 28px; |
|
823 margin: 1em; |
|
824 } |
|
825 |
|
826 p { |
|
827 font-size: 14px; |
|
828 line-height: 20px; |
|
829 } |
|
830 } |
|