source: public/vendors/dataTable/Buttons-1.6.1/css/buttons.semanticui.css@ 7304c7f

develop
Last change on this file since 7304c7f 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.0 KB
Line 
1@charset "UTF-8";
2@keyframes dtb-spinner {
3 100% {
4 transform: rotate(360deg);
5 }
6}
7@-o-keyframes dtb-spinner {
8 100% {
9 -o-transform: rotate(360deg);
10 transform: rotate(360deg);
11 }
12}
13@-ms-keyframes dtb-spinner {
14 100% {
15 -ms-transform: rotate(360deg);
16 transform: rotate(360deg);
17 }
18}
19@-webkit-keyframes dtb-spinner {
20 100% {
21 -webkit-transform: rotate(360deg);
22 transform: rotate(360deg);
23 }
24}
25@-moz-keyframes dtb-spinner {
26 100% {
27 -moz-transform: rotate(360deg);
28 transform: rotate(360deg);
29 }
30}
31div.dt-button-info {
32 position: fixed;
33 top: 50%;
34 left: 50%;
35 width: 400px;
36 margin-top: -100px;
37 margin-left: -200px;
38 background-color: white;
39 border: 2px solid #111;
40 box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
41 border-radius: 3px;
42 text-align: center;
43 z-index: 21;
44}
45div.dt-button-info h2 {
46 padding: 0.5em;
47 margin: 0;
48 font-weight: normal;
49 border-bottom: 1px solid #ddd;
50 background-color: #f3f3f3;
51}
52div.dt-button-info > div {
53 padding: 1em;
54}
55
56div.dt-button-collection-title {
57 text-align: center;
58 padding: 0.3em 0 0.5em;
59 font-size: 0.9em;
60}
61
62div.dt-button-collection-title:empty {
63 display: none;
64}
65
66div.dt-button-collection {
67 position: absolute;
68 top: 0;
69 left: 0;
70 min-width: 200px;
71 margin-top: 3px !important;
72 z-index: 2002;
73 background: white;
74}
75div.dt-button-collection.fixed {
76 position: fixed;
77 top: 50%;
78 left: 50%;
79 margin-left: -75px;
80 border-radius: 0;
81}
82div.dt-button-collection.fixed.two-column {
83 margin-left: -200px;
84}
85div.dt-button-collection.fixed.three-column {
86 margin-left: -225px;
87}
88div.dt-button-collection.fixed.four-column {
89 margin-left: -300px;
90}
91div.dt-button-collection > :last-child {
92 display: block !important;
93 -webkit-column-gap: 8px;
94 -moz-column-gap: 8px;
95 -ms-column-gap: 8px;
96 -o-column-gap: 8px;
97 column-gap: 8px;
98}
99div.dt-button-collection > :last-child > * {
100 -webkit-column-break-inside: avoid;
101 break-inside: avoid;
102}
103div.dt-button-collection.two-column {
104 width: 400px;
105}
106div.dt-button-collection.two-column > :last-child {
107 padding-bottom: 1px;
108 -webkit-column-count: 2;
109 -moz-column-count: 2;
110 -ms-column-count: 2;
111 -o-column-count: 2;
112 column-count: 2;
113}
114div.dt-button-collection.three-column {
115 width: 450px;
116}
117div.dt-button-collection.three-column > :last-child {
118 padding-bottom: 1px;
119 -webkit-column-count: 3;
120 -moz-column-count: 3;
121 -ms-column-count: 3;
122 -o-column-count: 3;
123 column-count: 3;
124}
125div.dt-button-collection.four-column {
126 width: 600px;
127}
128div.dt-button-collection.four-column > :last-child {
129 padding-bottom: 1px;
130 -webkit-column-count: 4;
131 -moz-column-count: 4;
132 -ms-column-count: 4;
133 -o-column-count: 4;
134 column-count: 4;
135}
136div.dt-button-collection .dt-button {
137 border-radius: 0;
138}
139
140button.buttons-collection.ui.button span:after {
141 display: inline-block;
142 content: "▾";
143 padding-left: 0.5em;
144}
145
146div.dt-button-background {
147 position: fixed;
148 top: 0;
149 left: 0;
150 width: 100%;
151 height: 100%;
152 z-index: 2001;
153}
154
155@media screen and (max-width: 767px) {
156 div.dt-buttons {
157 float: none;
158 width: 100%;
159 text-align: center;
160 margin-bottom: 0.5em;
161 }
162 div.dt-buttons a.btn {
163 float: none;
164 }
165}
166div.dt-buttons button.button.processing,
167div.dt-buttons div.button.processing,
168div.dt-buttons a.button.processing {
169 position: relative;
170 color: rgba(0, 0, 0, 0.2);
171}
172div.dt-buttons button.button.processing:after,
173div.dt-buttons div.button.processing:after,
174div.dt-buttons a.button.processing:after {
175 position: absolute;
176 top: 50%;
177 left: 50%;
178 width: 16px;
179 height: 16px;
180 margin: -8px 0 0 -8px;
181 box-sizing: border-box;
182 display: block;
183 content: ' ';
184 border: 2px solid #282828;
185 border-radius: 50%;
186 border-left-color: transparent;
187 border-right-color: transparent;
188 animation: dtb-spinner 1500ms infinite linear;
189 -o-animation: dtb-spinner 1500ms infinite linear;
190 -ms-animation: dtb-spinner 1500ms infinite linear;
191 -webkit-animation: dtb-spinner 1500ms infinite linear;
192 -moz-animation: dtb-spinner 1500ms infinite linear;
193}
Note: See TracBrowser for help on using the repository browser.