source: public/vendors/dataTable/Buttons-1.6.1/css/buttons.bootstrap4.css@ 4952f8e

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