dataTables.buttons.bootstrap4.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. @keyframes dtb-spinner {
  2. 100% {
  3. -webkit-transform: rotate(360deg);
  4. transform: rotate(360deg); } }
  5. @-webkit-keyframes dtb-spinner {
  6. 100% {
  7. -webkit-transform: rotate(360deg);
  8. transform: rotate(360deg); } }
  9. div.dt-button-info {
  10. position: fixed;
  11. top: 50%;
  12. left: 50%;
  13. z-index: 21;
  14. width: 400px;
  15. margin-top: -100px;
  16. margin-left: -200px;
  17. text-align: center;
  18. background-color: white;
  19. border: 2px solid #111;
  20. border-radius: 3px;
  21. box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); }
  22. div.dt-button-info h2 {
  23. padding: .5em;
  24. margin: 0;
  25. font-weight: normal;
  26. background-color: #f3f3f3;
  27. border-bottom: 1px solid #ddd; }
  28. div.dt-button-info > div {
  29. padding: 1em; }
  30. ul.dt-button-collection.dropdown-menu {
  31. z-index: 2002;
  32. display: block;
  33. -webkit-column-gap: 8px;
  34. -ms-column-gap: 8px;
  35. -o-column-gap: 8px;
  36. column-gap: 8px; }
  37. ul.dt-button-collection.dropdown-menu.fixed {
  38. position: fixed;
  39. top: 50%;
  40. left: 50%;
  41. margin-left: -75px;
  42. border-radius: 0; }
  43. ul.dt-button-collection.dropdown-menu.fixed.two-column {
  44. margin-left: -150px; }
  45. ul.dt-button-collection.dropdown-menu.fixed.three-column {
  46. margin-left: -225px; }
  47. ul.dt-button-collection.dropdown-menu.fixed.four-column {
  48. margin-left: -300px; }
  49. ul.dt-button-collection.dropdown-menu > * {
  50. -webkit-column-break-inside: avoid;
  51. break-inside: avoid; }
  52. ul.dt-button-collection.dropdown-menu.two-column {
  53. width: 300px;
  54. padding-bottom: 1px;
  55. -webkit-column-count: 2;
  56. -ms-column-count: 2;
  57. -o-column-count: 2;
  58. column-count: 2; }
  59. ul.dt-button-collection.dropdown-menu.three-column {
  60. width: 450px;
  61. padding-bottom: 1px;
  62. -webkit-column-count: 3;
  63. -ms-column-count: 3;
  64. -o-column-count: 3;
  65. column-count: 3; }
  66. ul.dt-button-collection.dropdown-menu.four-column {
  67. width: 600px;
  68. padding-bottom: 1px;
  69. -webkit-column-count: 4;
  70. -ms-column-count: 4;
  71. -o-column-count: 4;
  72. column-count: 4; }
  73. ul.dt-button-collection {
  74. -webkit-column-gap: 8px;
  75. -ms-column-gap: 8px;
  76. -o-column-gap: 8px;
  77. column-gap: 8px; }
  78. ul.dt-button-collection.fixed {
  79. position: fixed;
  80. top: 50%;
  81. left: 50%;
  82. margin-left: -75px;
  83. border-radius: 0; }
  84. ul.dt-button-collection.fixed.two-column {
  85. margin-left: -150px; }
  86. ul.dt-button-collection.fixed.three-column {
  87. margin-left: -225px; }
  88. ul.dt-button-collection.fixed.four-column {
  89. margin-left: -300px; }
  90. ul.dt-button-collection > * {
  91. -webkit-column-break-inside: avoid;
  92. break-inside: avoid; }
  93. ul.dt-button-collection.two-column {
  94. width: 300px;
  95. padding-bottom: 1px;
  96. -webkit-column-count: 2;
  97. -ms-column-count: 2;
  98. -o-column-count: 2;
  99. column-count: 2; }
  100. ul.dt-button-collection.three-column {
  101. width: 450px;
  102. padding-bottom: 1px;
  103. -webkit-column-count: 3;
  104. -ms-column-count: 3;
  105. -o-column-count: 3;
  106. column-count: 3; }
  107. ul.dt-button-collection.four-column {
  108. width: 600px;
  109. padding-bottom: 1px;
  110. -webkit-column-count: 4;
  111. -ms-column-count: 4;
  112. -o-column-count: 4;
  113. column-count: 4; }
  114. ul.dt-button-collection.fixed {
  115. max-width: none; }
  116. ul.dt-button-collection.fixed:before, ul.dt-button-collection.fixed:after {
  117. display: none; }
  118. div.dt-button-background {
  119. position: fixed;
  120. top: 0;
  121. left: 0;
  122. z-index: 999;
  123. width: 100%;
  124. height: 100%; }
  125. @media screen and (max-width: 767px) {
  126. div.dt-buttons {
  127. float: none;
  128. width: 100%;
  129. margin-bottom: .5em;
  130. text-align: center; }
  131. div.dt-buttons a.btn {
  132. float: none; } }
  133. div.dt-buttons button.btn.processing, div.dt-buttons div.btn.processing, div.dt-buttons a.btn.processing {
  134. color: rgba(0, 0, 0, 0.2); }
  135. div.dt-buttons button.btn.processing:after, div.dt-buttons div.btn.processing:after, div.dt-buttons a.btn.processing:after {
  136. position: absolute;
  137. top: 50%;
  138. left: 50%;
  139. box-sizing: border-box;
  140. display: block;
  141. width: 16px;
  142. height: 16px;
  143. margin: -8px 0 0 -8px;
  144. content: " ";
  145. border: 2px solid #282828;
  146. border-right-color: transparent;
  147. border-left-color: transparent;
  148. border-radius: 50%;
  149. -webkit-animation: dtb-spinner 1500ms infinite linear;
  150. animation: dtb-spinner 1500ms infinite linear; }