source: public/vendors/dataTable/Buttons-1.6.1/css/buttons.dataTables.css@ 233e950

develop
Last change on this file since 233e950 was 7304c7f, checked in by beratkjufliju <kufliju@…>, 3 years ago

added user authentication, create & forgot password methods and blades
  • Property mode set to 100644
File size: 11.5 KB
RevLine 
[7304c7f]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}
30div.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}
44div.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}
51div.dt-button-info > div {
52 padding: 1em;
53}
54
55div.dt-button-collection-title {
56 text-align: center;
57 padding: 0.3em 0 0.5em;
58 font-size: 0.9em;
59}
60
61div.dt-button-collection-title:empty {
62 display: none;
63}
64
65button.dt-button,
66div.dt-button,
67a.dt-button {
68 position: relative;
69 display: inline-block;
70 box-sizing: border-box;
71 margin-right: 0.333em;
72 margin-bottom: 0.333em;
73 padding: 0.5em 1em;
74 border: 1px solid #999;
75 border-radius: 2px;
76 cursor: pointer;
77 font-size: 0.88em;
78 line-height: 1.6em;
79 color: black;
80 white-space: nowrap;
81 overflow: hidden;
82 background-color: #e9e9e9;
83 /* Fallback */
84 background-image: -webkit-linear-gradient(top, white 0%, #e9e9e9 100%);
85 /* Chrome 10+, Saf5.1+, iOS 5+ */
86 background-image: -moz-linear-gradient(top, white 0%, #e9e9e9 100%);
87 /* FF3.6 */
88 background-image: -ms-linear-gradient(top, white 0%, #e9e9e9 100%);
89 /* IE10 */
90 background-image: -o-linear-gradient(top, white 0%, #e9e9e9 100%);
91 /* Opera 11.10+ */
92 background-image: linear-gradient(to bottom, white 0%, #e9e9e9 100%);
93 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9');
94 -webkit-user-select: none;
95 -moz-user-select: none;
96 -ms-user-select: none;
97 user-select: none;
98 text-decoration: none;
99 outline: none;
100 text-overflow: ellipsis;
101}
102button.dt-button.disabled,
103div.dt-button.disabled,
104a.dt-button.disabled {
105 color: #999;
106 border: 1px solid #d0d0d0;
107 cursor: default;
108 background-color: #f9f9f9;
109 /* Fallback */
110 background-image: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
111 /* Chrome 10+, Saf5.1+, iOS 5+ */
112 background-image: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
113 /* FF3.6 */
114 background-image: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
115 /* IE10 */
116 background-image: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
117 /* Opera 11.10+ */
118 background-image: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
119 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9');
120}
121button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled),
122div.dt-button:active:not(.disabled),
123div.dt-button.active:not(.disabled),
124a.dt-button:active:not(.disabled),
125a.dt-button.active:not(.disabled) {
126 background-color: #e2e2e2;
127 /* Fallback */
128 background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
129 /* Chrome 10+, Saf5.1+, iOS 5+ */
130 background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
131 /* FF3.6 */
132 background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
133 /* IE10 */
134 background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
135 /* Opera 11.10+ */
136 background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);
137 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#e2e2e2');
138 box-shadow: inset 1px 1px 3px #999999;
139}
140button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled),
141div.dt-button:active:not(.disabled):hover:not(.disabled),
142div.dt-button.active:not(.disabled):hover:not(.disabled),
143a.dt-button:active:not(.disabled):hover:not(.disabled),
144a.dt-button.active:not(.disabled):hover:not(.disabled) {
145 box-shadow: inset 1px 1px 3px #999999;
146 background-color: #cccccc;
147 /* Fallback */
148 background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
149 /* Chrome 10+, Saf5.1+, iOS 5+ */
150 background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
151 /* FF3.6 */
152 background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
153 /* IE10 */
154 background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
155 /* Opera 11.10+ */
156 background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
157 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#cccccc');
158}
159button.dt-button:hover,
160div.dt-button:hover,
161a.dt-button:hover {
162 text-decoration: none;
163}
164button.dt-button:hover:not(.disabled),
165div.dt-button:hover:not(.disabled),
166a.dt-button:hover:not(.disabled) {
167 border: 1px solid #666;
168 background-color: #e0e0e0;
169 /* Fallback */
170 background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
171 /* Chrome 10+, Saf5.1+, iOS 5+ */
172 background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
173 /* FF3.6 */
174 background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
175 /* IE10 */
176 background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
177 /* Opera 11.10+ */
178 background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%);
179 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e0e0e0');
180}
181button.dt-button:focus:not(.disabled),
182div.dt-button:focus:not(.disabled),
183a.dt-button:focus:not(.disabled) {
184 border: 1px solid #426c9e;
185 text-shadow: 0 1px 0 #c4def1;
186 outline: none;
187 background-color: #79ace9;
188 /* Fallback */
189 background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);
190 /* Chrome 10+, Saf5.1+, iOS 5+ */
191 background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);
192 /* FF3.6 */
193 background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);
194 /* IE10 */
195 background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%);
196 /* Opera 11.10+ */
197 background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);
198 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#bddef4', EndColorStr='#79ace9');
199}
200
201.dt-button embed {
202 outline: none;
203}
204
205div.dt-buttons {
206 position: relative;
207 float: left;
208}
209div.dt-buttons.buttons-right {
210 float: right;
211}
212
213div.dt-button-collection {
214 position: absolute;
215 top: 0;
216 left: 0;
217 width: 150px;
218 margin-top: 3px;
219 padding: 8px 8px 4px 8px;
220 border: 1px solid #ccc;
221 border: 1px solid rgba(0, 0, 0, 0.4);
222 background-color: white;
223 overflow: hidden;
224 z-index: 2002;
225 border-radius: 5px;
226 box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
227 box-sizing: border-box;
228}
229div.dt-button-collection button.dt-button,
230div.dt-button-collection div.dt-button,
231div.dt-button-collection a.dt-button {
232 position: relative;
233 left: 0;
234 right: 0;
235 width: 100%;
236 display: block;
237 float: none;
238 margin-bottom: 4px;
239 margin-right: 0;
240}
241div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled),
242div.dt-button-collection div.dt-button:active:not(.disabled),
243div.dt-button-collection div.dt-button.active:not(.disabled),
244div.dt-button-collection a.dt-button:active:not(.disabled),
245div.dt-button-collection a.dt-button.active:not(.disabled) {
246 background-color: #dadada;
247 /* Fallback */
248 background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
249 /* Chrome 10+, Saf5.1+, iOS 5+ */
250 background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
251 /* FF3.6 */
252 background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
253 /* IE10 */
254 background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
255 /* Opera 11.10+ */
256 background-image: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
257 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f0f0f0', EndColorStr='#dadada');
258 box-shadow: inset 1px 1px 3px #666;
259}
260div.dt-button-collection.fixed {
261 position: fixed;
262 top: 50%;
263 left: 50%;
264 margin-left: -75px;
265 border-radius: 0;
266}
267div.dt-button-collection.fixed.two-column {
268 margin-left: -200px;
269}
270div.dt-button-collection.fixed.three-column {
271 margin-left: -225px;
272}
273div.dt-button-collection.fixed.four-column {
274 margin-left: -300px;
275}
276div.dt-button-collection > :last-child {
277 display: block !important;
278 -webkit-column-gap: 8px;
279 -moz-column-gap: 8px;
280 -ms-column-gap: 8px;
281 -o-column-gap: 8px;
282 column-gap: 8px;
283}
284div.dt-button-collection > :last-child > * {
285 -webkit-column-break-inside: avoid;
286 break-inside: avoid;
287}
288div.dt-button-collection.two-column {
289 width: 400px;
290}
291div.dt-button-collection.two-column > :last-child {
292 padding-bottom: 1px;
293 -webkit-column-count: 2;
294 -moz-column-count: 2;
295 -ms-column-count: 2;
296 -o-column-count: 2;
297 column-count: 2;
298}
299div.dt-button-collection.three-column {
300 width: 450px;
301}
302div.dt-button-collection.three-column > :last-child {
303 padding-bottom: 1px;
304 -webkit-column-count: 3;
305 -moz-column-count: 3;
306 -ms-column-count: 3;
307 -o-column-count: 3;
308 column-count: 3;
309}
310div.dt-button-collection.four-column {
311 width: 600px;
312}
313div.dt-button-collection.four-column > :last-child {
314 padding-bottom: 1px;
315 -webkit-column-count: 4;
316 -moz-column-count: 4;
317 -ms-column-count: 4;
318 -o-column-count: 4;
319 column-count: 4;
320}
321div.dt-button-collection .dt-button {
322 border-radius: 0;
323}
324
325div.dt-button-background {
326 position: fixed;
327 top: 0;
328 left: 0;
329 width: 100%;
330 height: 100%;
331 background: rgba(0, 0, 0, 0.7);
332 /* Fallback */
333 background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
334 /* IE10 Consumer Preview */
335 background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
336 /* Firefox */
337 background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
338 /* Opera */
339 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)));
340 /* Webkit (Safari/Chrome 10) */
341 background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
342 /* Webkit (Chrome 11+) */
343 background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
344 /* W3C Markup, IE10 Release Preview */
345 z-index: 2001;
346}
347
348@media screen and (max-width: 640px) {
349 div.dt-buttons {
350 float: none !important;
351 text-align: center;
352 }
353}
354button.dt-button.processing,
355div.dt-button.processing,
356a.dt-button.processing {
357 color: rgba(0, 0, 0, 0.2);
358}
359button.dt-button.processing:after,
360div.dt-button.processing:after,
361a.dt-button.processing:after {
362 position: absolute;
363 top: 50%;
364 left: 50%;
365 width: 16px;
366 height: 16px;
367 margin: -8px 0 0 -8px;
368 box-sizing: border-box;
369 display: block;
370 content: ' ';
371 border: 2px solid #282828;
372 border-radius: 50%;
373 border-left-color: transparent;
374 border-right-color: transparent;
375 animation: dtb-spinner 1500ms infinite linear;
376 -o-animation: dtb-spinner 1500ms infinite linear;
377 -ms-animation: dtb-spinner 1500ms infinite linear;
378 -webkit-animation: dtb-spinner 1500ms infinite linear;
379 -moz-animation: dtb-spinner 1500ms infinite linear;
380}
Note: See TracBrowser for help on using the repository browser.