buttons.bootstrap.css (3425B)
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 55 ul.dt-button-collection.dropdown-menu { 56 display: block; 57 z-index: 2002; 58 -webkit-column-gap: 8px; 59 -moz-column-gap: 8px; 60 -ms-column-gap: 8px; 61 -o-column-gap: 8px; 62 column-gap: 8px; 63 } 64 ul.dt-button-collection.dropdown-menu.fixed { 65 position: fixed; 66 top: 50%; 67 left: 50%; 68 margin-left: -75px; 69 border-radius: 0; 70 } 71 ul.dt-button-collection.dropdown-menu.fixed.two-column { 72 margin-left: -150px; 73 } 74 ul.dt-button-collection.dropdown-menu.fixed.three-column { 75 margin-left: -225px; 76 } 77 ul.dt-button-collection.dropdown-menu.fixed.four-column { 78 margin-left: -300px; 79 } 80 ul.dt-button-collection.dropdown-menu > * { 81 -webkit-column-break-inside: avoid; 82 break-inside: avoid; 83 } 84 ul.dt-button-collection.dropdown-menu.two-column { 85 width: 300px; 86 padding-bottom: 1px; 87 -webkit-column-count: 2; 88 -moz-column-count: 2; 89 -ms-column-count: 2; 90 -o-column-count: 2; 91 column-count: 2; 92 } 93 ul.dt-button-collection.dropdown-menu.three-column { 94 width: 450px; 95 padding-bottom: 1px; 96 -webkit-column-count: 3; 97 -moz-column-count: 3; 98 -ms-column-count: 3; 99 -o-column-count: 3; 100 column-count: 3; 101 } 102 ul.dt-button-collection.dropdown-menu.four-column { 103 width: 600px; 104 padding-bottom: 1px; 105 -webkit-column-count: 4; 106 -moz-column-count: 4; 107 -ms-column-count: 4; 108 -o-column-count: 4; 109 column-count: 4; 110 } 111 112 div.dt-button-background { 113 position: fixed; 114 top: 0; 115 left: 0; 116 width: 100%; 117 height: 100%; 118 z-index: 2001; 119 } 120 121 @media screen and (max-width: 767px) { 122 div.dt-buttons { 123 float: none; 124 width: 100%; 125 text-align: center; 126 margin-bottom: 0.5em; 127 } 128 div.dt-buttons a.btn { 129 float: none; 130 } 131 } 132 div.dt-buttons button.btn.processing, 133 div.dt-buttons div.btn.processing, 134 div.dt-buttons a.btn.processing { 135 color: rgba(0, 0, 0, 0.2); 136 } 137 div.dt-buttons button.btn.processing:after, 138 div.dt-buttons div.btn.processing:after, 139 div.dt-buttons a.btn.processing:after { 140 position: absolute; 141 top: 50%; 142 left: 50%; 143 width: 16px; 144 height: 16px; 145 margin: -8px 0 0 -8px; 146 box-sizing: border-box; 147 display: block; 148 content: ' '; 149 border: 2px solid #282828; 150 border-radius: 50%; 151 border-left-color: transparent; 152 border-right-color: transparent; 153 animation: dtb-spinner 1500ms infinite linear; 154 -o-animation: dtb-spinner 1500ms infinite linear; 155 -ms-animation: dtb-spinner 1500ms infinite linear; 156 -webkit-animation: dtb-spinner 1500ms infinite linear; 157 -moz-animation: dtb-spinner 1500ms infinite linear; 158 }