PluginProbe
wpDataTables – WordPress Data Table, Dynamic Tables & Table Charts Plugin / trunk
wpDataTables – WordPress Data Table, Dynamic Tables & Table Charts Plugin vtrunk
6.5.1.7 6.5.1.6 6.5.1.5 6.5.1.4 6.5.1.3 6.5.1.2 6.5.1.1 6.5.0.9 6.5.0.8 6.5.0.7 6.5.0.6 trunk 3.4.2.40 3.4.2.41 3.4.2.42 3.4.2.43 3.4.2.44 3.4.2.45 3.4.2.46 3.4.2.47 3.4.2.48 3.4.2.49 3.4.2.50 6.3.2 6.3.3.1 All 47 releases
wpdatatables / assets / css / admin / constructor.css

constructor.css in wpDataTables – WordPress Data Table, Dynamic Tables & Table Charts Plugin trunk, at assets/css/admin/constructor.css

942 lines 29.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');
2 @font-face {
3 font-family: 'wpDataTablesIcons' !important;
4 src: url(../../fonts/wpDataTablesIcons.eot);
5 src: url(../../fonts/wpDataTablesIcons.eot?#iefix) format('embedded-opentype'), url(../../fonts/wpDataTablesIcons.woff) format('woff'), url(../../fonts/wpDataTablesIcons.ttf) format('truetype'), url(../../fonts/wpDataTablesIcons.svg#wpDataTablesIcons) format('svg');
6 }
7 .wpdt-c #wdt-constructor-add-column {
8 background: linear-gradient(0deg, rgba(0, 140, 255, 0.06), rgba(0, 140, 255, 0.06)), #FFFFFF;
9 box-shadow: 0px 0.5px 2px rgba(9, 29, 112, 0.2);
10 border: 1px solid rgba(0, 140, 255, 0.14);
11 border-radius: 5px;
12 padding: 8px 16px;
13 font-family: Inter;
14 font-style: normal;
15 font-weight: 500;
16 font-size: 14px;
17 line-height: 20px;
18 color: #091E6F;
19 }
20 .wpdt-c #wdt-constructor-add-column:hover {
21 background: linear-gradient(0deg, rgba(0, 140, 255, 0.13), rgba(0, 140, 255, 0.13)), #FFFFFF;
22 border: 1px solid rgba(0, 140, 255, 0.14);
23 box-sizing: border-box;
24 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06);
25 }
26
27 .wpdt-c #wdt-constructor-add-column i {
28 margin-right: 4px;
29 }
30 .wpdt-c .wdt-constructor-column-block {
31 font-family: Inter;
32 font-style: normal;
33 }
34 .wpdt-c .wdt-constructor-column-block .form-group {
35 margin-bottom: 0;
36 }
37 .wpdt-c .wdt-constructor-column-block .card-header {
38 background: #F8F8FA !important;
39 }
40 .wpdt-c .wdt-constructor-column-block .card-header .wdt-constructor-column-name {
41 background-color: #F1F1F1;
42 padding: 4px 24px 4px 4px !important;
43 font-size: 13px;
44 line-height: 20px;
45 margin: 0 !important;
46 color: #304463 !important;
47 border: none !important;
48 }
49
50 .wpdt-c .wdt-constructor-column-block .card-header .fg-line i{
51 position: absolute;
52 right: 4px;
53 top: 10px;
54 font-size: 12px;
55 line-height: 20px;
56 text-align: center;
57 color: #008CFF;
58 }
59
60 .wpdt-c .wdt-constructor-column-block .card-header .wdt-constructor-column-name:hover {
61 background: #D7D9E2 !important;
62 border-radius: 2px;
63 }
64
65 .wpdt-c .wdt-constructor-column-block .card-header .wdt-constructor-column-name:focus {
66 background: #FFFFFF !important;
67 }
68 .wpdt-c .wdt-constructor-column-block .card {
69 display: inline-block;
70 min-height: 350px;
71 min-width: inherit;
72 width: 100%;
73 cursor: grab;
74 cursor: -moz-grab;
75 cursor: -webkit-grab;
76 box-shadow: 0px 2px 5px rgba(23, 43, 77, 0.1), 0px 0px 1px rgba(23, 43, 77, 0.32);
77 border-radius: 3px;
78 }
79
80 .wpdt-c .wdt-constructor-column-block.wdt-constructor-column-block-file .card {
81 min-height: 460px;
82 }
83
84 .wpdt-c .wdt-constructor-column-block.gu-mirror .card, tr.gu-mirror {
85 cursor: grabbing;
86 cursor: -moz-grabbing;
87 cursor: -webkit-grabbing;
88 }
89
90 .wpdt-c .wdt-constructor-column-block .card .card-header h2 {
91 min-height: 50px;
92 }
93
94 .wpdt-c .wdt-constructor-column-block .card-header .wdt-constructor-column-name {
95 padding-right: 25px;
96 border: none;
97 }
98
99 .wpdt-c .wdt-constructor-column-block .card-header i.wpdt-icon-pen {
100 position: absolute;
101 right: 5px;
102 top: 12px;
103 font-size: 16px;
104 color: #c7c7c7;
105 }
106
107 .wpdt-c .wdt-constructor-column-name {
108 background-color: #f7f7f7 !important;
109 }
110
111 .wpdt-c .wdt-constructor-column-name:focus ~ i.wpdt-icon-pen,
112 .wpdt-c .wdt-constructor-column-name:hover ~ i.wpdt-icon-pen {
113 color: #304463;
114 }
115
116 .wpdt-c .wdt-constructor-column-block .card .card-header small {
117 padding-left: 4px;
118 }
119 .wpdt-c .wdt-custom-number-input {
120 position: relative;
121 }
122 .wpdt-c .wdt-custom-number-input #wdt-constructor-number-of-columns {
123 text-align: center;
124 }
125 .wpdt-c .wdt-custom-number-input .wdt-btn-number:hover,
126 .wpdt-c .wdt-custom-number-input .wdt-btn-number:active,
127 .wpdt-c .wdt-custom-number-input .wdt-btn-number:visited,
128 .wpdt-c .wdt-custom-number-input .wdt-btn-number{
129 position: absolute;
130 height: 100%;
131 width: 40px;
132 border: 1px solid #D7D9E2;
133 color: #8796AF;
134 background: #F8F8FA;
135 }
136
137 .wpdt-c .wdt-custom-number-input .wdt-btn-number.wdt-button-minus{
138 left: 0;
139 top: 0;
140 height: 100%;
141 border: 1px solid #D7D9E2;
142 color: #8796AF;
143 background: #F8F8FA;
144 border-radius: 2px 0 0 2px;
145 }
146 .wpdt-c .wdt-custom-number-input .wdt-btn-number.wdt-button-plus{
147 right: 0;
148 top: 0;
149 height: 100%;
150 border: 1px solid #D7D9E2;
151 color: #8796AF;
152 background: #F8F8FA;
153 border-radius: 0 2px 2px 0;
154 }
155
156
157 .wpdt-c .wdt-constructor-possible-values-block .bootstrap-tagsinput {
158 max-height: 47px;
159 padding: 3px 0 3px 12px;
160 }
161 .wpdt-c .wdt-constructor-possible-values-block .bootstrap-tagsinput .tag {
162 color: #5A6C89 ;
163 background-color: #F3F3FA;
164 border-radius: 2px;
165 display: inline-block;
166 margin-bottom: 4px;
167 font-size: 12px;
168 }
169
170 .wpdt-c .wdt-constructor-possible-values-block .form-group {
171 height: inherit;
172 max-height: 50px;
173 overflow-y: auto;
174 border: 1px solid #D7D9E2;
175 box-sizing: border-box;
176 box-shadow: 0 1px 2px rgba(90, 108, 137, 0.08);
177 border-radius: 3px;
178 color: #061938;
179 }
180
181 .wpdt-c .wdt-constructor-column-block.gu-mirror .card {
182 padding: 0;
183 }
184
185 .wpdt-c .wdt-constructor-column-block.gu-mirror .card .card-body .bootstrap-select button {
186 text-transform: inherit;
187 }
188
189 .wpdt-c .wdt-constructor-column-block.gu-mirror .bootstrap-tagsinput {
190 border-left: 0;
191 border-right: 0;
192 border-top: 0;
193 border-bottom: 1px solid #ddd;
194 -webkit-appearance: none;
195 -moz-appearance: none;
196 padding: 0;
197 box-shadow: none;
198 width: 100%;
199 max-height: 150px;
200 overflow-y: auto;
201 }
202 .wpdt-c .wdt-constructor-post-types-all-table tr td {
203 border-top: 1px solid #F0F1F3;
204 }
205
206 .wpdt-c .wdt-constructor-query-data-step .card {
207 display: inline-block;
208 min-width: inherit;
209 min-height: 360px;
210 width: 100%;
211 }
212
213 .wpdt-c .wdt-constructor-query-data-step .card .card-header {
214 height: 60px;
215 background: #F8F8FA !important;
216 font-weight: 500;
217 font-size: 13px;
218 line-height: 20px;
219 color: #304463;
220 }
221
222 .wpdt-c .wdt-constructor-query-data-step .card .card-body {
223 display: inline-block;
224 width: 100%;
225 height: 300px;
226 overflow: auto;
227 }
228
229 .wpdt-c .wdt-constructor-query-data-step .card .card-header .btn {
230 right: 30px;
231 bottom: -20px;
232 z-index: 1;
233 position: absolute;
234 }
235
236 .wpdt-c .wdt-constructor-query-data-step .card .card-header .btn.wdt-constructor-remove-post-type,
237 .wpdt-c .wdt-constructor-query-data-step .card .card-header .btn.wdt-constructor-remove-post-column,
238 .wpdt-c .wdt-constructor-query-data-step .card .card-header .btn.wdt-constructor-remove-mysql-table,
239 .wpdt-c .wdt-constructor-query-data-step .card .card-header .btn.wdt-constructor-remove-mysql-column {
240 left: 30px;
241 }
242
243 .wpdt-c .wdt-constructor-query-data-step .card .card-body table tr.selected {
244 cursor: pointer;
245 border-bottom: 1px solid #F3F3FA;
246 }
247 .wpdt-c .wdt-constructor-query-data-step .card .card-body table tr {
248 cursor: pointer;
249 border-bottom: 1px solid #F0F1F3;
250 }
251
252 .wpdt-c .wdt-constructor-post-types-all .card .card-body table,
253 .wpdt-c .wdt-constructor-post-types-all .card .card-body table tbody,
254 .wpdt-c .wdt-constructor-post-types-selected .card .card-body table,
255 .wpdt-c .wdt-constructor-post-types-selected .card .card-body table tbody,
256 .wpdt-c .wdt-constructor-post-columns-all .card .card-body table,
257 .wpdt-c .wdt-constructor-post-columns-all .card .card-body table tbody,
258 .wpdt-c .wdt-constructor-post-columns-selected .card .card-body table,
259 .wpdt-c .wdt-constructor-post-columns-selected .card .card-body table tbody,
260 .wpdt-c .wdt-constructor-mysql-tables-all .card .card-body table,
261 .wpdt-c .wdt-constructor-mysql-tables-all .card .card-body table tbody,
262 .wpdt-c .wdt-constructor-mysql-tables-selected .card .card-body table,
263 .wpdt-c .wdt-constructor-mysql-tables-selected .card .card-body table tbody,
264 .wpdt-c .wdt-constructor-mysql-columns-all .card .card-body table,
265 .wpdt-c .wdt-constructor-mysql-columns-all .card .card-body table tbody,
266 .wpdt-c .wdt-constructor-mysql-columns-selected .card .card-body table,
267 .wpdt-c .wdt-constructor-mysql-columns-selected .card .card-body table tbody {
268 display: block;
269 height: 100%;
270 }
271
272 .wpdt-c .wdt-constructor-post-types-all .card .card-body table tbody tr,
273 .wpdt-c .wdt-constructor-post-types-all .card .card-body table tbody tr td,
274 .wpdt-c .wdt-constructor-post-types-selected .card .card-body table tbody tr,
275 .wpdt-c .wdt-constructor-post-types-selected .card .card-body table tbody tr td,
276 .wpdt-c .wdt-constructor-post-columns-all .card .card-body table tbody tr,
277 .wpdt-c .wdt-constructor-post-columns-all .card .card-body table tbody tr td,
278 .wpdt-c .wdt-constructor-post-columns-selected .card .card-body table tbody tr,
279 .wpdt-c .wdt-constructor-post-columns-selected .card .card-body table tbody tr td,
280 .wpdt-c .wdt-constructor-mysql-tables-all .card .card-body table tbody tr,
281 .wpdt-c .wdt-constructor-mysql-tables-all .card .card-body table tbody tr td,
282 .wpdt-c .wdt-constructor-mysql-tables-selected .card .card-body table tbody tr,
283 .wpdt-c .wdt-constructor-mysql-tables-selected .card .card-body table tbody tr td,
284 .wpdt-c .wdt-constructor-mysql-columns-all .card .card-body table tbody tr,
285 .wpdt-c .wdt-constructor-mysql-columns-all .card .card-body table tbody tr td,
286 .wpdt-c .wdt-constructor-mysql-columns-selected .card .card-body table tbody tr,
287 .wpdt-c .wdt-constructor-mysql-columns-selected .card .card-body table tbody tr td {
288 display: block;
289 }
290
291 .wpdt-c .wdt-constructor-query-data-step .card .card-body tr.selected {
292 background-color: rgba(0, 140, 255, 0.06);
293 }
294
295 .wpdt-c .wdt-constructor-relation-equal {
296 text-align: center;
297 }
298
299 .wpdt-c .wdt-constructor-relation-initiator-type,
300 .wpdt-c .wdt-constructor-group-by-label {
301 height: 24px;
302 font-size: 13px;
303 }
304
305 .wpdt-c .wdt-constructor-relation-initiator-type span,
306 .wpdt-c .wdt-constructor-group-by-label span {
307 position: absolute;
308 top: 50%;
309 }
310 .wpdt-c .wdt-constructor-relation-initiator-type span {
311 right: 10px;
312 }
313 .wpdt-c .wdt-constructor-group-by-label span {
314 left: 0;
315 }
316
317 .wpdt-c #wdt-constructor-preview-wp-query {
318 height: 300px;
319 }
320 .wpdt-c .wdt-constructor-step {
321 padding: 0 20px;
322 }
323
324 .wpdt-c .wdt-constructor-step .wdt-constructor-preview-wp-table {
325 border-right: 0 !important;
326 }
327 .wpdt-c .wdt-constructor-step .wdt-constructor-preview-wp-table table th,
328 .wpdt-c .wdt-constructor-step .wdt-constructor-preview-wp-table table td {
329 background-color: #ffffff !important;
330 }
331 .wpdt-c .wdt-constructor-step .wdt-constructor-preview-wp-table .table > thead > tr > th:first-child {
332 padding-left: 10px;
333 }
334 .wpdt-c .wdt-constructor-step .wdt-constructor-preview-wp-table .alert-danger {
335 position: relative;
336 padding: 12px 12px 12px 35px;
337 }
338 .wpdt-c .wdt-constructor-step .wdt-constructor-preview-wp-table .alert-danger i {
339 position: absolute;
340 left: 10px;
341 top: 35%;
342 }
343
344 .wpdt-c .wdt-constructor-remove-column,
345 .wpdt-c .wdt-constructor-refresh-wp-query,
346 .wpdt-c #wdt-constructor-delete-post-condition,
347 .wpdt-c #wdt-constructor-delete-grouping-rule-post,
348 .wpdt-c #wdt-constructor-delete-mysql-condition,
349 .wpdt-c #wdt-constructor-delete-grouping-rule-mysql,
350 .wpdt-c #wdt-constructor-create-table,
351 .wpdt-c #wdt-constructor-create-table-excel {
352 cursor: pointer;
353 }
354 .wpdt-c .wdt-constructor-remove-column {
355 top: 16px !important;
356 }
357
358 .wpdt-c .wdt-constructor-refresh-wp-query i {
359 padding-top: 7px;
360 }
361 .wpdt-c #wdt-constructor-previous-step,
362 .wpdt-c #wdt-constructor-next-step {
363 padding: 8px 27px 8px 12px;
364 position: relative;
365 font-family: Inter;
366 font-style: normal;
367 font-weight: normal;
368 font-size: 14px;
369 box-sizing: border-box;
370 border-radius: 6px;
371 line-height: 20px;
372 }
373 .wpdt-c #wdt-constructor-next-step {
374 margin-top: 1px;
375 }
376 .wpdt-c .wdt-constructor-create-buttons {
377 padding: 0;
378 position: relative;
379 border-radius: 5px;
380 box-shadow: none !important;
381 }
382 .wpdt-c .wdt-constructor-create-buttons .dropdown-menu > li > a:hover{
383 background-color: rgba(0, 140, 255, 0.06) !important;
384 }
385
386 .wpdt-c .btn-group.wdt-constructor-create-buttons > .btn:first-child {
387 padding: 8px 16px;
388 background: #008CFF;
389 border-radius: 5px;
390 color: #FFFFFF;
391 text-transform: none;
392 font-family: Inter;
393 font-style: normal;
394 font-weight: 600;
395 font-size: 14px;
396 margin-top: 1px;
397 z-index: 1200;
398 }
399 .wpdt-c .btn-group.wdt-constructor-create-buttons > .btn:first-child i {
400 font-size: 14px;
401 line-height: 20px;
402 text-align: center;
403 margin-left: 8px;
404 }
405 .wpdt-c .wdt-constructor-mysql-tables-all .card,
406 .wpdt-c .wdt-constructor-mysql-columns-all .card,
407 .wpdt-c .wdt-constructor-mysql-tables-selected .card,
408 .wpdt-c .wdt-constructor-mysql-columns-selected .card,
409 .wpdt-c .wdt-constructor-post-types-all .card,
410 .wpdt-c .wdt-constructor-post-columns-all .card,
411 .wpdt-c .wdt-constructor-post-columns-selected .card,
412 .wpdt-c .wdt-constructor-post-types-selected .card{
413 background: #FFFFFF;
414 box-shadow: 0 2px 5px rgba(23, 43, 77, 0.1), 0 0 1px rgba(23, 43, 77, 0.32);
415 border-radius: 3px;
416 }
417 .wpdt-c .wdt-constructor-mysql-tables-all .card-header,
418 .wpdt-c .wdt-constructor-mysql-columns-all .card-header,
419 .wpdt-c .wdt-constructor-mysql-tables-selected .card-header,
420 .wpdt-c .wdt-constructor-mysql-columns-selected .card-header,
421 .wpdt-c .wdt-constructor-post-types-all .card-header,
422 .wpdt-c .wdt-constructor-post-columns-all .card-header,
423 .wpdt-c .wdt-constructor-post-columns-selected .card-header,
424 .wpdt-c .wdt-constructor-post-types-selected .card-header {
425 background: #F8F8FA !important;
426 }
427 .wpdt-c .wdt-constructor-mysql-tables-all .card-header h2,
428 .wpdt-c .wdt-constructor-mysql-columns-all .card-header h2,
429 .wpdt-c .wdt-constructor-mysql-tables-selected .card-header h2,
430 .wpdt-c .wdt-constructor-mysql-columns-selected .card-header h2,
431 .wpdt-c .wdt-constructor-post-types-all .card-header h2,
432 .wpdt-c .wdt-constructor-post-columns-all .card-header h2,
433 .wpdt-c .wdt-constructor-post-columns-selected .card-header h2,
434 .wpdt-c .wdt-constructor-post-types-selected .card-header h2{
435 font-size: 17px;
436 text-align: center;
437 }
438
439 .wpdt-c #wdt-constructor-previous-step {
440 padding: 8px 16px 8px 29px;
441 position: relative;
442 background: #FFFFFF;
443 border: 1px solid #DFE1E6;
444 box-sizing: border-box;
445 border-radius: 6px;
446 line-height: 20px;
447 color: #304463;
448 }
449 .wpdt-c #wdt-constructor-previous-step:hover {
450 background: linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03)), #FFFFFF;
451 box-sizing: border-box;
452 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
453 }
454 .wpdt-c #wdt-constructor-next-step:after {
455 position: absolute;
456 font-family: "wpDataTablesIcons";
457 content:"\f054";
458 font-style: normal;
459 font-weight: 400;
460 font-size: 14px;
461 line-height: 20px;
462 text-align: center;
463 color: #FFFFFF;
464 margin-left: 8px;
465 }
466
467 .wpdt-c #wdt-constructor-previous-step:before {
468 position: absolute;
469 left: 5px;
470 font-family: "wpDataTablesIcons";
471 content: "\f053";
472 font-weight: 400;
473 font-style: normal;
474 font-size: 14px;
475 line-height: 20px;
476 text-align: center;
477 color: #253858;
478 margin-right: 10px;
479 padding-left: 8px;
480 }
481 .wpdt-c .wdt-table-constructor .wdt-constructor-mysql-block label,
482 .wpdt-c .wdt-table-constructor .wdt-constructor-post-block label {
483 height: 38px;
484 }
485 .wpdt-c .wdt-table-constructor .wdt-constructor-mysql-block i.wpdt-icon-equals,
486 .wpdt-c .wdt-table-constructor .wdt-constructor-post-block i.wpdt-icon-equals{
487 padding: 10px 12px;
488 margin-top: 4px;
489 }
490 .wpdt-c .wdt-table-constructor .wdt-constructor-mysql-block .toggle-switch input,
491 .wpdt-c .wdt-table-constructor .wdt-constructor-post-block .toggle-switch input {
492 left: 12px;
493 top: 11px;
494 }
495 .wpdt-c .wdt-table-constructor .wdt-constructor-mysql-block .toggle-switch label,
496 .wpdt-c .wdt-table-constructor .wdt-constructor-post-block .toggle-switch label {
497 padding: 10px 25px 10px 12px;
498 }
499
500 .wpdt-c .wdt-table-constructor .wdt-constructor-type-selecter-block .card {
501 display: flex;
502 border: 1px solid #EBECF0;
503 box-sizing: border-box;
504 box-shadow: 0px 2px 4px rgba(23, 43, 77, 0.04), 0px 0px 2px rgba(23, 43, 77, 0.04);
505 border-radius: 3px;
506 padding: 0 20px 0 0;
507 margin-bottom: 15px;
508 margin-top: 13px;
509 min-height: 107px;
510 }
511 .wpdt-c .wdt-table-constructor .wdt-constructor-type-selecter-block .card.selected {
512 border: 1px solid #008CFF;
513 box-shadow: 0 3px 2px rgba(23, 43, 77, 0.04), 0 0 2px rgba(23, 43, 77, 0.03), 0 0 0 3px rgb(230, 240, 255);
514 }
515 .wpdt-c .wdt-table-constructor .wdt-constructor-type-selecter-block .card .card-header {
516 padding: 0;
517 display: flex;
518 }
519 .wpdt-c .wdt-table-constructor .wdt-constructor-type-selecter-block .card-body h4 {
520 font-weight: 500;
521 font-size: 15px;
522 line-height: 20px;
523 color: #061938;
524 }
525 .wpdt-c .wdt-table-constructor .wdt-constructor-type-selecter-block .card-body span {
526 font-weight: normal;
527 font-size: 12px;
528 line-height: 16px;
529 min-height: 65px;
530 color: #5A6C89;
531 }
532
533 .wpdt-c .wdt-table-constructor .wdt-constructor-type-selecter-block .card:hover {
534 cursor: pointer;
535 border: 1px solid #008CFF;
536 }
537
538 .wpdt-c .wdt-table-constructor .wdt-constructor-type-selecter-block .card-header {
539 margin: 0 16px 0 20px;
540 border: none;
541 border-radius: 4px;
542 background-color: #ffffff;
543 }
544
545 .wpdt-c .wdt-table-constructor .wdt-constructor-type-selecter-block .card-header img {
546 margin: auto;
547 max-width: 58px;
548 }
549
550 .wpdt-c .wdt-table-constructor .wdt-constructor-type-selecter-block .wdt-constructor-overlay {
551 border-radius: 4px;
552 transition: .5s ease;
553 width: 101%;
554 height: 101%;
555 opacity: 0;
556 position: absolute;
557 top: 50%;
558 left: 50%;
559 transform: translate(-50%, -50%);
560 background-color: #2196f3;
561 }
562
563 .wpdt-c .wdt-table-constructor .wdt-constructor-type-selecter-block .card:hover .wdt-constructor-overlay {
564 opacity: 0.2;
565 }
566
567 .wpdt-c .wdt-table-constructor .wdt-constructor-type-selecter-block .card.selected .card-header {
568 border: none;
569 }
570
571 .wpdt-c .wdt-table-constructor .wdt-constructor-type-selecter-block .card.selected .card-header .wdt-constructor-overlay {
572 opacity: 0.7;
573 }
574
575 .wpdt-c .wdt-table-constructor .wdt-constructor-type-selecter-block .card.not-selected .card-header {
576 opacity: 1;
577 }
578
579 .wdt-table-constructor .wdt-constructor-type-selecter-block .card.not-selected:hover .card-header {
580 opacity: 1;
581 }
582
583 .wpdt-c .wdt-table-constructor #wdt-constructor-post-add-grouping-rule,
584 .wpdt-c .wdt-table-constructor #wdt-constructor-add-post-condition,
585 .wpdt-c .wdt-table-constructor #wdt-constructor-add-mysql-condition,
586 .wpdt-c .wdt-table-constructor #wdt-constructor-mysql-add-grouping-rule {
587 width: 135px;
588 }
589 .wpdt-c .wdt-table-constructor #wdt-constructor-post-add-grouping-rule,
590 .wpdt-c .wdt-table-constructor #wdt-constructor-add-post-condition,
591 .wpdt-c .wdt-table-constructor #wdt-constructor-add-mysql-condition,
592 .wpdt-c .wdt-table-constructor #wdt-constructor-mysql-add-grouping-rule {
593 font-weight: 500;
594 font-size: 14px;
595 line-height: 20px;
596 border: 0;
597 color: #008CFF;
598 background: #ffffff;
599 padding: 0 12px 6px 0;
600 text-align: left;
601 }
602 .wpdt-c .wdt-table-constructor #wdt-constructor-post-add-grouping-rule:hover,
603 .wpdt-c .wdt-table-constructor #wdt-constructor-add-post-condition:hover,
604 .wpdt-c .wdt-table-constructor #wdt-constructor-add-mysql-condition:hover,
605 .wpdt-c .wdt-table-constructor #wdt-constructor-mysql-add-grouping-rule:hover {
606 color: #1572BF;
607 }
608 .wpdt-c .wdt-table-constructor .wdt-constructor-post-block,
609 .wpdt-c .wdt-table-constructor .wdt-constructor-mysql-block,
610 .wpdt-c .wdt-table-constructor .wdt-constructor-post-where-block,
611 .wpdt-c .wdt-table-constructor .wdt-constructor-post-grouping-rule-block,
612 .wpdt-c .wdt-table-constructor .wdt-constructor-mysql-where-block,
613 .wpdt-c .wdt-table-constructor .wdt-constructor-mysql-grouping-rule-block{
614 border-top: 1px solid #EBECF0;
615 padding-top: 16px;
616 }
617 .wpdt-c .wdt-table-constructor .wdt-constructor-post-block:first-child,
618 .wpdt-c .wdt-table-constructor .wdt-constructor-mysql-block:first-child,
619 .wpdt-c .wdt-table-constructor .wdt-constructor-post-grouping-rule-block:first-child,
620 .wpdt-c .wdt-table-constructor .wdt-constructor-post-where-block:first-child,
621 .wpdt-c .wdt-table-constructor .wdt-constructor-mysql-grouping-rule-block:first-child,
622 .wpdt-c .wdt-table-constructor .wdt-constructor-mysql-where-block:first-child {
623 border-top: none !important;
624 }
625 .wpdt-c .wdt-table-constructor .wdt-constructor-post-grouping-rule-block:last-child .form-group,
626 .wpdt-c .wdt-table-constructor .wdt-constructor-post-where-block:last-child .form-group,
627 .wpdt-c .wdt-table-constructor .wdt-constructor-mysql-grouping-rule-block:last-child .form-group,
628 .wpdt-c .wdt-table-constructor .wdt-constructor-mysql-where-block:last-child .form-group{
629 margin-bottom: 0 !important;
630 }
631 .wpdt-c .wdt-table-constructor .wdt-constructor-mysql-conditions,
632 .wpdt-c .wdt-table-constructor .wdt-constructor-post-conditions {
633 margin-bottom: 0;
634 }
635
636 .wpdt-c .wdt-table-constructor .wdt-constructor-arrows {
637 padding: 165px 0 0 0;
638
639 }
640 .wpdt-c .wdt-table-constructor .wdt-constructor-arrows .btn{
641 background: #F3F3FA;
642 border-radius: 4px;
643 font-size: 13px;
644 line-height: 20px;
645 color: #091D70;
646 }
647
648 .wpdt-c .wdt-table-constructor .wdt-constructor-arrows button {
649 display: block;
650 margin: 0 auto;
651 }
652
653 .wpdt-c .wdt-table-constructor #wdt-constructor-delete-post-condition a:hover .wpdt-icon-trash,
654 .wpdt-c .wdt-table-constructor #wdt-constructor-delete-grouping-rule-post a:hover .wpdt-icon-trash,
655 .wpdt-c .wdt-table-constructor #wdt-constructor-delete-mysql-condition a:hover .wpdt-icon-trash,
656 .wpdt-c .wdt-table-constructor #wdt-constructor-delete-grouping-rule-mysql a:hover .wpdt-icon-trash {
657 color: #F44336;
658 }
659
660 .wpdt-c .card .card-header .actions.wdt-constructor-remove-column i {
661 font-size: 16px;
662 }
663
664 .wpdt-c .wdt-constructor-column-block-file .wdt-constructor-data-preview table.table-condensed,
665 .wpdt-c .wdt-constructor-column-block-file .wdt-constructor-data-preview table.table-condensed tbody,
666 .wpdt-c .wdt-constructor-column-block-file .wdt-constructor-data-preview table.table-condensed tbody tr {
667 display: block;
668 width: 100%;
669 }
670
671 .wpdt-c .wdt-constructor-column-block-file .wdt-constructor-data-preview table.table-condensed tbody tr {
672 min-height: 39px;
673 }
674
675 .wpdt-c .wdt-constructor-column-block-file .wdt-constructor-data-preview table.table-condensed tr td {
676 display: inline-block;
677 width: 100%;
678 white-space: nowrap;
679 overflow: hidden !important;
680 text-overflow: ellipsis;
681 }
682
683 .wpdt-c .wdt-table-constructor .wdt-constructor-step[data-step="1-2"] .fg-line {
684 width: 75%;
685 }
686
687 .wpdt-c .wdt-constructor-step[data-step="2-3"] .wdt-preview-card {
688 margin-bottom: 0;
689 }
690 .wpdt-c .wdt-constructor-step[data-step="2-3"] .card-header {
691 background-color:#FFFFFF;
692 padding: 0 27px 24px 0;
693 }
694 .wpdt-c .wdt-constructor-step[data-step="2-3"] .card-header h2 {
695 font-size: 15px;
696 line-height: 20px;
697 color: #061938;
698 }
699 .wpdt-c .wdt-constructor-step[data-step="2-3"] .card-header .actions {
700 position: absolute;
701 right: 0;
702 z-index: 2;
703 top: 0;
704 }
705 .wpdt-c .wdt-constructor-step[data-step="2-3"] .card-body table > tbody > tr > td {
706 padding: 12px;
707 }
708
709 .wpdt-c .wdt-constructor-create-buttons button {
710 text-transform: uppercase;
711 }
712 .wpdt-c .wdt-simple-table-constructor,
713 .wpdt-c #wdt-simple-table-constructor{
714 background: #008CFF;
715 border: none;
716 box-sizing: border-box;
717 font-style: normal;
718 color: #FFFFFF;
719 font-family: Inter;
720 font-weight: 500;
721 font-size: 14px;
722 line-height: 20px;
723 padding: 8px 16px;
724 border-radius: 5px;
725 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06) !important;
726 }
727 .wdt-constructor-type-selecter-block .card .ribbon {
728 position: absolute;
729 right: -5px;
730 top: -5px;
731 z-index: 1;
732 overflow: hidden;
733 width: 75px;
734 height: 75px;
735 text-align: right;
736 }
737
738 .wdt-constructor-type-selecter-block .card .ribbon span {
739 font-size: 10px;
740 font-weight: 700;
741 color: #fff;
742 text-transform: uppercase;
743 text-align: center;
744 line-height: 20px;
745 transform: rotate(45deg);
746 width: 100px;
747 display: block;
748 background: #79a70a;
749 background: linear-gradient(#091D70 0, #091D70 100%);
750 box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
751 position: absolute;
752 top: 19px;
753 right: -21px;
754 }
755
756 .wdt-constructor-type-selecter-block .card .ribbon span::before {
757 content: "";
758 position: absolute;
759 left: 0;
760 top: 100%;
761 z-index: -1;
762 border-left: 3px solid #091D70;
763 border-right: 3px solid transparent;
764 border-bottom: 3px solid transparent;
765 border-top: 3px solid #091D70;
766 }
767
768 .wdt-constructor-type-selecter-block .card .ribbon span::after {
769 content: "";
770 position: absolute;
771 right: 0;
772 top: 100%;
773 z-index: -1;
774 border-left: 3px solid transparent;
775 border-right: 3px solid #091D70;
776 border-bottom: 3px solid transparent;
777 border-top: 3px solid #091D70;
778 }
779 .wpdt-c .wdt-constructor-query-data-step .card .card-header .select-all-columns,
780 .wpdt-c .wdt-constructor-query-data-step .card .card-header .deselect-all-columns,
781 .wpdt-c .wdt-constructor-mysql-tables-all .select-all-columns,
782 .wpdt-c .wdt-constructor-mysql-tables-all .deselect-all-columns,
783 .wpdt-c .wdt-constructor-mysql-columns-all .select-all-columns,
784 .wpdt-c .wdt-constructor-mysql-columns-all .deselect-all-columns,
785 .wpdt-c .wdt-constructor-mysql-columns-selected .select-all-columns,
786 .wpdt-c .wdt-constructor-mysql-columns-selected .deselect-all-columns,
787 .wpdt-c .wdt-constructor-mysql-tables-selected .select-all-columns,
788 .wpdt-c .wdt-constructor-mysql-tables-selected .deselect-all-columns
789 .wpdt-c .wdt-constructor-post-types-all .select-all-columns,
790 .wpdt-c .wdt-constructor-post-columns-all .select-all-columns,
791 .wpdt-c .wdt-constructor-post-columns-selected .select-all-columns,
792 .wpdt-c .wdt-constructor-post-types-selected .select-all-columns,
793 .wpdt-c .wdt-constructor-post-types-all .deselect-all-columns,
794 .wpdt-c .wdt-constructor-post-columns-all .deselect-all-columns,
795 .wpdt-c .wdt-constructor-post-columns-selected .deselect-all-columns,
796 .wpdt-c .wdt-constructor-post-types-selected .deselect-all-columns {
797 position: relative;
798 right: 6px;
799 top: 3px;
800 width: 100px;
801 font-weight: 500;
802 font-size: 14px;
803 line-height: 20px;
804 color: #008CFF;
805 background: #F8F8FA;
806 border: none;
807 padding: 0;
808 text-align: right;
809 }
810 .wpdt-c .wdt-simple-table-template {
811 margin-left: 21px;
812 position: relative;
813 min-width: 22%;
814 width: 22%;
815 left: 49px;
816 top: 12px;
817 }
818 .wpdt-c .wdt-simple-table-template .f-14{
819 text-align: left;
820 position: relative;
821 bottom: 7px;
822 left: 40px;
823 color: #091D70;
824 }
825 .wpdt-c .wdt-simple-table-template .card{
826 box-sizing: border-box;
827 }
828 .wpdt-c .wdt-simple-table-template .card.wdt-premium-feature img{
829 filter: grayscale(100%);
830 opacity: 0.6;
831 }
832 .wpdt-c .wdt-simple-table-template .card.wdt-premium-feature {
833 text-align: center;
834 }
835 .wpdt-c .wdt-simple-table-template .card-body{
836 border-color: #c0bebe;
837 }
838 .wpdt-c .wdt-simple-table-template .wdt-simple-table-constructor {
839 position: absolute;
840 left: 12%;
841 bottom: 86px;
842 border: 1px solid #1246D6;
843 border-radius: 8px;
844 }
845 .wpdt-c .wdt-simple-table-template .showcase.wdt-simple-table-constructor-showcase {
846 position: absolute;
847 left: 54%;
848 bottom: 86px;
849 background-color: white !important;
850 color: #1246D6;
851 border: 1px solid #D1D5D7;
852 border-radius: 8px;
853 }
854 .wpdt-c .wdt-simple-table-template .showcase.wdt-simple-table-constructor-showcase i.wpdt-icon-external-link {
855 left: 4px;
856 position: relative;
857 }
858 .wpdt-c .wdt-simple-table-template .card .card-header{
859 height: 255px;
860 }
861
862 .wpdt-c .wdt-simple-table-template .wdt-simple-table-constructor:hover:hover{
863 background: linear-gradient(0deg, #ffffff, #ffffff),
864 linear-gradient(0deg, #ffffff, #ffffff) !important;
865 color: #1246D6;
866 }
867 .wpdt-c .wdt-simple-table-template .showcase.wdt-simple-table-constructor-showcase:hover:hover{
868 background-color: #1246D6 !important;
869 color: white;
870 }
871 .wpdt-c .wdt-simple-table-template.selected {
872 border: none;
873 box-shadow: 0 0 17px 0px rgba(200, 215, 225, 0.5), 0 0px 0px #c7d3db;
874 }
875 .wpdt-c .wdt-simple-table-template.selected .wdt-simple-table-constructor-showcase,
876 .wpdt-c .wdt-simple-table-template.selected .wdt-simple-table-constructor{
877 display: block;
878 width: fit-content;
879 }
880 .wpdt-c .wdt-simple-table-template .wdt-simple-table-constructor-showcase,
881 .wpdt-c .wdt-simple-table-template .wdt-simple-table-constructor{
882 display: none;
883 }
884 .wpdt-c .wdt-simple-table-template.selected .img-responsive{
885 opacity: 0.5;
886 }
887 .wpdt-c .wdt-simple-table-template .img-responsive{
888 opacity: 1;
889 }
890
891 @media (max-width: 440px) {
892 .wpdt-c .wdt-simple-table-template .showcase.wdt-simple-table-constructor-showcase {
893 left: 4%;
894 bottom: 80px;
895 }
896 .wpdt-c .wdt-simple-table-template {
897 margin-left: -16px;
898 }
899 }
900 @media (max-width: 768px) and (min-width: 440px) {
901 .wpdt-c .wdt-simple-table-template {
902 margin-left: 21px;
903 position: relative;
904 min-width: 12%;
905 width: 43%;
906 }
907 }
908 .wpdt-c .category {
909 background: #F9FAFB;
910 position: relative;
911 padding: 17px 19px 1px 19px;
912 width: 100%;
913 }
914 .wpdt-c .category .wdt-category-heading{
915 font-family: Inter;
916 font-size: 18px;
917 font-weight: 600;
918 line-height: 27px;
919 letter-spacing: -0.01em;
920 text-align: center;
921 color: #091D70;
922 }
923 @media (min-width: 1920px) {
924 .wpdt-c .wdt-simple-table-template {
925 height: 390px;
926 }
927 .wpdt-c .wdt-simple-table-template .wdt-simple-table-constructor {
928 left: 14%;
929 bottom: 75px;
930 }
931 .wpdt-c .wdt-simple-table-template .showcase.wdt-simple-table-constructor-showcase {
932 bottom: 75px;
933 }
934 .wpdt-c .wdt-simple-table-template .f-14 {
935 bottom: -100px;
936 left: 40px;
937 }
938 }
939 .wpdt-c .wdt-simple-table-constructor{
940 background: linear-gradient(0deg, #1246D6, #1246D6),
941 linear-gradient(0deg, #265CF2, #265CF2);
942 }