source: public/vendors/dataTable/Buttons-1.6.1/css/buttons.jqueryui.css@ 8c71900

develop
Last change on this file since 8c71900 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: 5.6 KB
Line 
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
65div.dt-buttons {
66 position: relative;
67 float: left;
68}
69div.dt-buttons .dt-button {
70 margin-right: 0;
71}
72div.dt-buttons .dt-button span.ui-icon {
73 display: inline-block;
74 vertical-align: middle;
75 margin-top: -2px;
76}
77div.dt-buttons .dt-button:active {
78 outline: none;
79}
80div.dt-buttons .dt-button:hover > span {
81 background-color: rgba(0, 0, 0, 0.05);
82}
83
84div.dt-button-collection {
85 position: absolute;
86 top: 0;
87 left: 0;
88 width: 150px;
89 margin-top: 3px;
90 padding: 8px 8px 4px 8px;
91 border: 1px solid #ccc;
92 border: 1px solid rgba(0, 0, 0, 0.4);
93 background-color: #f3f3f3;
94 background-color: rgba(255, 255, 255, 0.3);
95 overflow: hidden;
96 z-index: 2002;
97 border-radius: 5px;
98 box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
99 z-index: 2002;
100 -webkit-column-gap: 0;
101 -moz-column-gap: 0;
102 -ms-column-gap: 0;
103 -o-column-gap: 0;
104 column-gap: 0;
105}
106div.dt-button-collection .dt-button {
107 position: relative;
108 left: 0;
109 right: 0;
110 width: 100%;
111 box-sizing: border-box;
112 display: block;
113 float: none;
114 margin-right: 0;
115 margin-bottom: 4px;
116}
117div.dt-button-collection .dt-button:hover > span {
118 background-color: rgba(0, 0, 0, 0.05);
119}
120div.dt-button-collection.fixed {
121 position: fixed;
122 top: 50%;
123 left: 50%;
124 margin-left: -75px;
125 border-radius: 0;
126}
127div.dt-button-collection.fixed.two-column {
128 margin-left: -200px;
129}
130div.dt-button-collection.fixed.three-column {
131 margin-left: -225px;
132}
133div.dt-button-collection.fixed.four-column {
134 margin-left: -300px;
135}
136div.dt-button-collection > :last-child {
137 display: block !important;
138 -webkit-column-gap: 8px;
139 -moz-column-gap: 8px;
140 -ms-column-gap: 8px;
141 -o-column-gap: 8px;
142 column-gap: 8px;
143}
144div.dt-button-collection > :last-child > * {
145 -webkit-column-break-inside: avoid;
146 break-inside: avoid;
147}
148div.dt-button-collection.two-column {
149 width: 400px;
150}
151div.dt-button-collection.two-column > :last-child {
152 padding-bottom: 1px;
153 -webkit-column-count: 2;
154 -moz-column-count: 2;
155 -ms-column-count: 2;
156 -o-column-count: 2;
157 column-count: 2;
158}
159div.dt-button-collection.three-column {
160 width: 450px;
161}
162div.dt-button-collection.three-column > :last-child {
163 padding-bottom: 1px;
164 -webkit-column-count: 3;
165 -moz-column-count: 3;
166 -ms-column-count: 3;
167 -o-column-count: 3;
168 column-count: 3;
169}
170div.dt-button-collection.four-column {
171 width: 600px;
172}
173div.dt-button-collection.four-column > :last-child {
174 padding-bottom: 1px;
175 -webkit-column-count: 4;
176 -moz-column-count: 4;
177 -ms-column-count: 4;
178 -o-column-count: 4;
179 column-count: 4;
180}
181div.dt-button-collection .dt-button {
182 border-radius: 0;
183}
184
185div.dt-button-background {
186 position: fixed;
187 top: 0;
188 left: 0;
189 width: 100%;
190 height: 100%;
191 background: rgba(0, 0, 0, 0.7);
192 /* Fallback */
193 background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
194 /* IE10 Consumer Preview */
195 background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
196 /* Firefox */
197 background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
198 /* Opera */
199 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)));
200 /* Webkit (Safari/Chrome 10) */
201 background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
202 /* Webkit (Chrome 11+) */
203 background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
204 /* W3C Markup, IE10 Release Preview */
205 z-index: 2001;
206}
207
208@media screen and (max-width: 640px) {
209 div.dt-buttons {
210 float: none !important;
211 text-align: center;
212 }
213}
214button.dt-button.processing,
215div.dt-button.processing,
216a.dt-button.processing {
217 color: rgba(0, 0, 0, 0.2);
218}
219button.dt-button.processing:after,
220div.dt-button.processing:after,
221a.dt-button.processing:after {
222 position: absolute;
223 top: 50%;
224 left: 50%;
225 width: 16px;
226 height: 16px;
227 margin: -8px 0 0 -8px;
228 box-sizing: border-box;
229 display: block;
230 content: ' ';
231 border: 2px solid #282828;
232 border-radius: 50%;
233 border-left-color: transparent;
234 border-right-color: transparent;
235 animation: dtb-spinner 1500ms infinite linear;
236 -o-animation: dtb-spinner 1500ms infinite linear;
237 -ms-animation: dtb-spinner 1500ms infinite linear;
238 -webkit-animation: dtb-spinner 1500ms infinite linear;
239 -moz-animation: dtb-spinner 1500ms infinite linear;
240}
Note: See TracBrowser for help on using the repository browser.