source: public/vendors/dataTable/Buttons-1.6.1/css/buttons.foundation.css@ 79aa35c

Last change on this file since 79aa35c 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: 4.4 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
65ul.dt-buttons li {
66 margin: 0;
67}
68ul.dt-buttons li.active a {
69 box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6);
70}
71
72ul.dt-buttons.button-group a {
73 margin-bottom: 0;
74}
75
76div.dt-button-collection {
77 position: absolute;
78}
79div.dt-button-collection.fixed {
80 position: fixed;
81 top: 50%;
82 left: 50%;
83 margin-left: -75px;
84 border-radius: 0;
85}
86div.dt-button-collection.fixed.two-column {
87 margin-left: -200px;
88}
89div.dt-button-collection.fixed.three-column {
90 margin-left: -225px;
91}
92div.dt-button-collection.fixed.four-column {
93 margin-left: -300px;
94}
95div.dt-button-collection > :last-child {
96 display: block !important;
97 -webkit-column-gap: 8px;
98 -moz-column-gap: 8px;
99 -ms-column-gap: 8px;
100 -o-column-gap: 8px;
101 column-gap: 8px;
102}
103div.dt-button-collection > :last-child > * {
104 -webkit-column-break-inside: avoid;
105 break-inside: avoid;
106}
107div.dt-button-collection.two-column {
108 width: 400px;
109}
110div.dt-button-collection.two-column > :last-child {
111 padding-bottom: 1px;
112 -webkit-column-count: 2;
113 -moz-column-count: 2;
114 -ms-column-count: 2;
115 -o-column-count: 2;
116 column-count: 2;
117}
118div.dt-button-collection.three-column {
119 width: 450px;
120}
121div.dt-button-collection.three-column > :last-child {
122 padding-bottom: 1px;
123 -webkit-column-count: 3;
124 -moz-column-count: 3;
125 -ms-column-count: 3;
126 -o-column-count: 3;
127 column-count: 3;
128}
129div.dt-button-collection.four-column {
130 width: 600px;
131}
132div.dt-button-collection.four-column > :last-child {
133 padding-bottom: 1px;
134 -webkit-column-count: 4;
135 -moz-column-count: 4;
136 -ms-column-count: 4;
137 -o-column-count: 4;
138 column-count: 4;
139}
140div.dt-button-collection .dt-button {
141 border-radius: 0;
142}
143div.dt-button-collection.fixed {
144 max-width: none;
145}
146div.dt-button-collection.fixed:before, div.dt-button-collection.fixed:after {
147 display: none;
148}
149
150div.dt-button-background {
151 position: fixed;
152 top: 0;
153 left: 0;
154 width: 100%;
155 height: 100%;
156 z-index: 88;
157}
158
159@media screen and (max-width: 767px) {
160 ul.dt-buttons {
161 float: none;
162 width: 100%;
163 text-align: center;
164 margin-bottom: 0.5rem;
165 }
166 ul.dt-buttons li {
167 float: none;
168 }
169}
170div.button-group.stacked.dropdown-pane {
171 margin-top: 2px;
172 padding: 1px;
173 z-index: 89;
174}
175div.button-group.stacked.dropdown-pane a.button {
176 display: block;
177 margin-bottom: 1px;
178 border-right: none;
179}
180div.button-group.stacked.dropdown-pane a.button:last-child {
181 margin-bottom: 0;
182 margin-right: 1px;
183}
184
185div.dt-buttons button.button.processing,
186div.dt-buttons div.button.processing,
187div.dt-buttons a.button.processing {
188 color: rgba(0, 0, 0, 0.2);
189 color: rgba(255, 255, 255, 0.2);
190 border-top-color: white;
191 border-bottom-color: white;
192}
193div.dt-buttons button.button.processing:after,
194div.dt-buttons div.button.processing:after,
195div.dt-buttons a.button.processing:after {
196 position: absolute;
197 top: 50%;
198 left: 50%;
199 width: 16px;
200 height: 16px;
201 margin: -8px 0 0 -8px;
202 box-sizing: border-box;
203 display: block;
204 content: ' ';
205 border: 2px solid #282828;
206 border-radius: 50%;
207 border-left-color: transparent;
208 border-right-color: transparent;
209 animation: dtb-spinner 1500ms infinite linear;
210 -o-animation: dtb-spinner 1500ms infinite linear;
211 -ms-animation: dtb-spinner 1500ms infinite linear;
212 -webkit-animation: dtb-spinner 1500ms infinite linear;
213 -moz-animation: dtb-spinner 1500ms infinite linear;
214}
Note: See TracBrowser for help on using the repository browser.