Keine Beschreibung

buttons.bootstrap.css 3.9KB

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