PluginProbe
weForms – Easy Drag & Drop Contact Form Builder For WordPress / 1.0.0-beta.3
weForms – Easy Drag & Drop Contact Form Builder For WordPress v1.0.0-beta.3
1.6.7 1.6.8 1.6.9 1.6.12 1.6.13 1.6.14 1.6.15 1.6.16 1.6.17 1.6.18 1.6.19 1.6.2 1.6.20 1.6.21 1.6.22 1.6.23 1.6.24 1.6.25 1.6.26 1.6.27 1.6.28 1.6.3 1.6.4 1.6.5 1.6.6 All 74 releases
weforms / assets / css / admin.css

admin.css in weForms – Easy Drag & Drop Contact Form Builder For WordPress 1.0.0-beta.3, at assets/css/admin.css

321 lines 7.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 th.col-form-name {
2 width: 25%;
3 }
4 th.col-form-shortcode {
5 width: 25%;
6 }
7 th.col-form-entries,
8 th.col-form-views,
9 th.col-form-conversion {
10 width: 10%;
11 }
12 th.col-entry-id {
13 width: 5%;
14 }
15 th.col-entry-details {
16 width: 10%;
17 }
18 table.wpuf-contact-form td,
19 table.wpuf-contact-form th {
20 vertical-align: top;
21 }
22 .wpuf-form-builder-field-options .panel-field-opt.panel-field-name > label {
23 display: block;
24 clear: both;
25 }
26 .wpuf-form-builder-field-options .panel-field-opt.panel-field-name .name-field-placeholder,
27 .wpuf-form-builder-field-options .panel-field-opt.panel-field-name .name-field-value {
28 float: left;
29 width: 48%;
30 }
31 .wpuf-form-builder-field-options .panel-field-opt.panel-field-name .name-field-placeholder label,
32 .wpuf-form-builder-field-options .panel-field-opt.panel-field-name .name-field-value label {
33 font-size: 10px;
34 }
35 .wpuf-form-builder-field-options .panel-field-opt.panel-field-name .name-field-placeholder {
36 margin-right: 4%;
37 }
38 .wpuf-contact-form-entry-wrap {
39 margin-top: 20px;
40 width: 100%;
41 overflow: hidden;
42 }
43 .wpuf-contact-form-entry-wrap .wpuf-contact-form-entry-left {
44 float: left;
45 width: 70%;
46 }
47 .wpuf-contact-form-entry-wrap .wpuf-contact-form-entry-right {
48 float: right;
49 width: 28%;
50 }
51 .wpuf-contact-form-entry-wrap h2.hndle {
52 padding: 8px 12px;
53 margin: 0;
54 font-size: 14px;
55 }
56 .wpuf-contact-form-entry-wrap table.widefat {
57 border: none;
58 }
59 .wpuf-contact-form-entry-wrap .button .dashicons {
60 margin-top: 4px;
61 }
62 .postboxes.two-col {
63 display: flex;
64 flex-wrap: wrap;
65 width: 100%;
66 }
67 .postboxes.two-col .postbox {
68 width: 48%;
69 display: flex;
70 flex-direction: column;
71 }
72 .postboxes.two-col .postbox:nth-child(2n+1) {
73 margin-right: 3%;
74 }
75 .postboxes.two-col .postbox:nth-child(2n+2) {
76 margin-right: 0;
77 }
78 .postboxes.two-col .submit-wrapper {
79 margin-top: auto;
80 text-align: right;
81 padding-right: 10px;
82 border-top: 1px solid #eee;
83 padding-top: 10px;
84 background: #fafafa;
85 padding-bottom: 10px;
86 }
87 .export-import-wrap select.forms-list {
88 min-width: 300px;
89 }
90 .export-import-wrap .loading-spinner {
91 float: none;
92 display: block;
93 margin: 0 auto;
94 margin-top: 20px;
95 }
96 .export-import-wrap .upload-status .spinner {
97 float: none;
98 display: inline-block;
99 margin: 0;
100 background-size: 18px 18px;
101 }
102 .weforms-premium .weforms-upgrade-sticky-footer {
103 position: fixed;
104 bottom: 0;
105 background: #fff;
106 width: calc(100% - 195px);
107 z-index: 9;
108 margin-left: -25px;
109 text-align: center;
110 border: 1px solid #dfdfdf;
111 padding: 20px 0;
112 border-bottom: none;
113 }
114 .weforms-premium .four-col .col {
115 -webkit-align-self: flex-start;
116 -ms-flex-item-align: start;
117 align-self: flex-start;
118 min-width: 23%;
119 max-width: 23%;
120 }
121 a.add-notification .dashicons {
122 margin-top: 4px;
123 }
124 .notification-wrap {
125 width: 100%;
126 overflow: hidden;
127 display: block;
128 margin-top: 20px;
129 }
130 .notification-wrap .notification-table-wrap {
131 width: 100%;
132 }
133 .notification-wrap .notification-table-wrap table.wpuf-cf-notification-table {
134 width: 70%;
135 transition: width 0.3s ease-in-out;
136 }
137 .notification-wrap .notification-table-wrap table.wpuf-cf-notification-table .col-toggle {
138 width: 35px;
139 }
140 .notification-wrap .notification-table-wrap table.wpuf-cf-notification-table .col-name {
141 width: 35%;
142 }
143 .notification-wrap .notification-table-wrap table.wpuf-cf-notification-table .col-name a {
144 font-weight: bold;
145 }
146 .notification-wrap .notification-table-wrap table.wpuf-cf-notification-table .col-action {
147 width: 15%;
148 }
149 .notification-wrap .notification-edit-area {
150 background: #fff;
151 border: 1px solid #e5e5e5;
152 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
153 margin-bottom: 30px;
154 display: none;
155 }
156 .notification-wrap .notification-edit-area a {
157 text-decoration: none;
158 }
159 .notification-wrap .notification-edit-area .notification-head {
160 padding: 8px 10px;
161 background: #f9f9f9;
162 border-bottom: 1px solid #e1e1e1;
163 margin-bottom: 15px;
164 }
165 .notification-wrap .notification-edit-area .notification-head input {
166 width: 100%;
167 padding: 8px;
168 }
169 .notification-wrap .notification-edit-area .form-fields {
170 padding: 8px 10px;
171 }
172 .notification-wrap .notification-edit-area .form-fields input,
173 .notification-wrap .notification-edit-area .form-fields textarea {
174 width: 100%;
175 padding: 6px 25px 6px 6px;
176 }
177 .notification-wrap .notification-edit-area .form-fields .notification-row {
178 margin-bottom: 10px;
179 position: relative;
180 }
181 .notification-wrap .notification-edit-area .form-fields .notification-row:after {
182 clear: both;
183 content: "";
184 display: table;
185 }
186 .notification-wrap .notification-edit-area .form-fields .row-one-half {
187 float: left;
188 width: 48%;
189 position: relative;
190 }
191 .notification-wrap .notification-edit-area .form-fields .row-one-half.first {
192 margin-right: 4%;
193 }
194 .notification-wrap .notification-edit-area .form-fields label {
195 display: block;
196 padding-bottom: 5px;
197 }
198 .notification-wrap .notification-edit-area .form-fields .advanced-field-wrap {
199 display: none;
200 }
201 .notification-wrap .notification-edit-area .submit-area {
202 padding: 8px 10px;
203 background: #f9f9f9;
204 border-top: 1px solid #e1e1e1;
205 margin-top: 15px;
206 }
207 .notification-wrap .notification-edit-area .submit-area:after {
208 clear: both;
209 content: "";
210 display: table;
211 }
212 .notification-wrap .notification-edit-area .submit-area .button {
213 float: right;
214 }
215 .notification-wrap.editing .notification-table-wrap {
216 width: 40%;
217 float: left;
218 }
219 .notification-wrap.editing .notification-table-wrap table.wpuf-cf-notification-table .col-toggle,
220 .notification-wrap.editing .notification-table-wrap table.wpuf-cf-notification-table .col-subject,
221 .notification-wrap.editing .notification-table-wrap table.wpuf-cf-notification-table .col-action {
222 display: none;
223 }
224 .notification-wrap.editing .notification-edit-area {
225 float: right;
226 width: 60%;
227 display: block;
228 }
229 /* Make clicks pass-through */
230 #nprogress {
231 pointer-events: none;
232 /* Fancy blur effect */
233 /* Remove these to get rid of the spinner */
234 }
235 #nprogress .bar {
236 background: #29d;
237 position: fixed;
238 z-index: 1031;
239 top: 0;
240 left: 0;
241 width: 100%;
242 height: 2px;
243 }
244 #nprogress .peg {
245 display: block;
246 position: absolute;
247 right: 0px;
248 width: 100px;
249 height: 100%;
250 box-shadow: 0 0 10px #29d, 0 0 5px #29d;
251 opacity: 1.0;
252 -webkit-transform: rotate(3deg) translate(0px, -4px);
253 -ms-transform: rotate(3deg) translate(0px, -4px);
254 transform: rotate(3deg) translate(0px, -4px);
255 }
256 #nprogress .spinner {
257 display: block;
258 position: fixed;
259 z-index: 1031;
260 top: 15px;
261 right: 15px;
262 }
263 #nprogress .spinner-icon {
264 width: 18px;
265 height: 18px;
266 box-sizing: border-box;
267 border: solid 2px transparent;
268 border-top-color: #29d;
269 border-left-color: #29d;
270 border-radius: 50%;
271 -webkit-animation: nprogress-spinner 400ms linear infinite;
272 animation: nprogress-spinner 400ms linear infinite;
273 }
274 .nprogress-custom-parent {
275 overflow: hidden;
276 position: relative;
277 }
278 .nprogress-custom-parent #nprogress .spinner,
279 .nprogress-custom-parent #nprogress .bar {
280 position: absolute;
281 }
282 .weforms-modules {
283 margin-top: 15px;
284 overflow: hidden;
285 }
286 .weforms-modules .plugin-card {
287 border: 1px solid #e5e5e5;
288 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
289 }
290 .weforms-modules .plugin-card .plugin-name {
291 color: #0073aa;
292 }
293 .weforms-modules .plugin-card .desc,
294 .weforms-modules .plugin-card .name {
295 margin-left: 115px;
296 }
297 .weforms-modules .plugin-card .plugin-card-top {
298 min-height: 105px;
299 }
300 .weforms-modules .plugin-card .plugin-icon {
301 width: 96px;
302 height: 96px;
303 margin: 0 20px 0px 0;
304 }
305 @-webkit-keyframes nprogress-spinner {
306 0% {
307 -webkit-transform: rotate(0deg);
308 }
309 100% {
310 -webkit-transform: rotate(360deg);
311 }
312 }
313 @keyframes nprogress-spinner {
314 0% {
315 transform: rotate(0deg);
316 }
317 100% {
318 transform: rotate(360deg);
319 }
320 }
321