PluginProbe
WP Data Access – App Builder for Tables, Forms, Charts, Maps & Dashboards / 5.2
WP Data Access – App Builder for Tables, Forms, Charts, Maps & Dashboards v5.2
5.5.83 5.5.82 5.5.81 5.5.80 5.5.79 5.5.77 5.5.76 5.5.75 5.5.73 5.5.72 5.5.22 5.5.23 5.5.29 5.5.3 5.5.31 5.5.32 5.5.34 5.5.35 5.5.36 5.5.37 5.5.4 5.5.40 5.5.41 5.5.42 5.5.43 All 159 releases
wp-data-access / assets / css / wpda_style.css

wpda_style.css in WP Data Access – App Builder for Tables, Forms, Charts, Maps & Dashboards 5.2, at assets/css/wpda_style.css

728 lines 13.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* BEGIN SETTINGS */
2
3 .wpda-table-settings {
4 width: 100%;
5 border-collapse: collapse;
6 }
7
8 .wpda-table-settings th, .wpda-table-settings td {
9 padding-top: 30px;
10 padding-bottom: 30px;
11 padding-left: 20px;
12 text-align: left;
13 }
14
15 .wpda-table-settings th {
16 width: 200px;
17 vertical-align: top;
18 }
19
20 .wpda-table-settings tr {
21 border-bottom: 1px solid #ccc;
22 }
23
24 .wpda-table-settings tr:nth-child(even) {
25 background: #fff;
26 }
27
28 .wpda-table-settings-button {
29 margin-top: 20px;
30 margin-left: 20px;
31 }
32
33 .wpda_list_indent {
34 padding-left: 20px;
35 }
36
37 .wpda_list {
38 list-style-type: square;
39 text-decoration: none !important;
40 }
41
42 .wpda_upload,
43 .wpda_upload_container_dashboard {
44 background: #fff;
45 border-top: 1px solid #ccc;
46 border-bottom: 1px solid #ccc;
47 padding-left: 10px;
48 padding-bottom: 10px;
49 margin-right: 0;
50 }
51 .wpda_upload_container_dashboard {
52 padding-bottom: 0;
53 }
54 .wpda_upload_container_dashboard .wpda_list_indent {
55 padding-left: 0;
56 }
57
58 /* END SETTINGS */
59
60 /* BEGIN SIMPLE FORM */
61
62 .wpda_simple_form_border {
63 border: 1px solid #ccd0d4;
64 border-radius: 4px;
65 background-color: #fff;
66 width: 100%;
67 padding: 0;
68 }
69
70 .wpda_simple_table {
71 padding: 0;
72 width: 100%;
73 margin-bottom: 0;
74 padding-top: 5px;
75 padding-bottom: 5px;
76 }
77
78 .wpda_simple_table td.label,
79 .wpda_simple_table td.icon {
80 display: table-cell;
81 vertical-align: middle;
82 vertical-align: top;
83 width: 15%;
84 text-align: right;
85 }
86 .wpda_simple_table td.icon {
87 text-align: left;
88 }
89
90 .wpda_simple_table td.label label {
91 display: inline-block;
92 padding-top: 10px;
93 }
94 .wpda_simple_table td.icon * {
95 margin-top: 5px;
96 }
97 .wpda_simple_table td.icon span {
98 display: inline-block;
99 margin-top: 10px;
100 }
101 .wpda_simple_table td.icon span.material-icons {
102 display: inline-block;
103 margin-top: 8px;
104 }
105
106 #jdtDomDefault * {
107 vertical-align: sub;
108 }
109
110 .wpda_simple_table td.data {
111 display: table-cell;
112 vertical-align: middle;
113 width: 70%;
114 padding-bottom: 5px !important;
115 padding-top: 5px !important;
116 line-height: 28px;
117 }
118
119 .wpda_simple_table td.data input:not([type='radio']), .wpda_simple_table td.data select, .wpda_simple_table td.data textarea {
120 width: 100%;
121 max-width: 100%;
122 }
123
124 .wpda_simple_table td.data textarea {
125 height: 150px;
126 }
127
128 .wpda_simple_table td.data input[type='checkbox'] {
129 width: 16px;
130 height: 16px;
131 }
132
133 table.wpda_simple_table > tbody tr:nth-child(2n+1) td {
134 background-color: #f9f9f9;
135 display: table-cell;
136 }
137
138 table.wpda_simple_table tbody td.label {
139 padding-right: 5px;
140 }
141
142 table.wpda_simple_table tbody td.icon {
143 padding-left: 5px;
144 }
145
146 .wpda_simple_radio {
147 padding-right: 10px;
148 }
149
150 .wpda_data_type {
151 font-size: 80%;
152 background-color: white;
153 border: 1px solid gray;
154 padding-left: 1px;
155 padding-right: 1px;
156 }
157
158 .wpda_data_type_icon {
159 vertical-align: text-bottom;
160 }
161
162 input[type="text"].wpda_input_error {
163 background-color: red;
164 }
165
166 .wpda_indent {
167 margin-left: 40px;
168 }
169
170 /* END SIMPLE FORM */
171
172 /* BEGIN USER MENU FORM */
173
174 .wpda_user_menu_input {
175 width: 400px;
176 }
177
178 /* END USER MENU FORM */
179
180 /* BEGIN DESIGN FORM */
181
182 .wpda_design_table {
183 border: 1px solid #ccd0d4;
184 box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
185 padding: 0 !important;
186 }
187
188 .wpda-table-structure {
189 border-collapse: collapse;
190 width: 100%;
191 }
192
193 .wpda-table-structure tfoot td {
194 padding-top: 10px;
195 text-align: center;
196 }
197
198 .wpda-table-structure tbody tr:nth-child(even) {
199 background: #f9f9f9;
200 }
201
202 .wpda-table-structure tbody tr:nth-child(odd) {
203 background: #fff;
204 }
205
206 .wpda-table-structure th, .wpda-table-structure td {
207 text-align: left;
208 /*line-height: 1.5em;*/
209 /*border-spacing: 2px !important;*/
210 }
211
212 .wpda-table-structure-top {
213 vertical-align: top;
214 }
215
216 .wpda-table-structure tbody td input, .wpda-table-structure tbody td select {
217 width: 100%;
218 max-width: 100%;
219 }
220
221 .wpda-table-structure tbody tr:hover {
222 background-color: #f1f1f1;
223 }
224
225 .wpda-table-structure label {
226 vertical-align: text-bottom;
227 font-weight: bold;
228 }
229
230 .wpda-table-structure th.wpda-table-structure-first-column, .wpda-table-structure td.wpda-table-structure-first-column {
231 text-align: right;
232 white-space: nowrap;
233 width: 60px;
234 padding-left: 10px !important;
235 }
236
237 .wpda-table-structure th.wpda-table-structure-first-column-left, .wpda-table-structure td.wpda-table-structure-first-column-left {
238 text-align: left;
239 white-space: nowrap;
240 width: 60px;
241 padding-left: 10px !important;
242 }
243
244 .wpda-table-structure th.wpda-table-structure-first-column-move, .wpda-table-structure td.wpda-table-structure-first-column-move {
245 width: 20px;
246 padding-left: 10px !important;
247 padding-right: 10px !important;
248 }
249
250 .wpda-table-structure th.wpda-table-structure-last-column, .wpda-table-structure td.wpda-table-structure-last-column {
251 padding-right: 10px !important;
252 }
253
254 .wpda_reverse_engineering {
255 background-color: #fff;
256 box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
257 padding: 10px;
258 }
259
260 .wpda_reverse_engineering label {
261 font-weight: bold;
262 }
263
264 .wpda-table-structure tbody tr.wpda_column_inserted {
265 background-color: lightgreen;
266 }
267
268 .wpda-table-structure tbody tr.wpda_column_updated {
269 background-color: orange;
270 }
271
272 .wpda-table-structure tbody tr.wpda_column_deleted {
273 background-color: red;
274 display: none;
275 }
276
277 /* END DESIGN FORM */
278
279 a.disabled {
280 pointer-events: none;
281 cursor: default;
282 }
283
284 .manage-column.column-icons {
285 width: 20px;
286 }
287
288 /* BEGIN DATABASE TABLE STRUCTURE */
289
290 .wpda-structure-table {
291 width: 100%;
292 }
293
294 .wpda-structure-table th, .wpda-structure-table td {
295 font-size: 90%;
296 }
297
298 .wpda-structure-table-tab {
299 font-size: 90%;
300 }
301
302 .column-table_rows, .column-engine {
303 width: 90px !important;
304 }
305
306 .column-size {
307 width: 110px !important;
308 }
309
310 .column-auto_increment {
311 width: 130px !important;
312 }
313
314 .column-icons {
315 width: 50px !important;
316 white-space: nowrap;
317 text-align: right;
318 }
319
320 /* END DATABASE TABLE STRUCTURE */
321
322 /* BEGIN OVERWRITE LINK COLOR IN UI-WIDGET/TABS */
323
324 span.drop-index {
325 color: #0073aa;
326 }
327
328 span.drop-index:active, span.drop-index:hover {
329 color: #00a0d2;
330 }
331
332 /* END OVERWRITE LINK COLOR IN UI-WIDGET/TABS */
333
334 /* BEGIN DOCUMENTATION */
335
336 .doc_title {
337 font-weight: bold;
338 font-size: 120%;
339 }
340
341 .doc_list {
342 list-style-type: square;
343 margin-left: 40px;
344 }
345
346 .doc_margin {
347 padding-left: 40px;
348 }
349
350 /* END DOCUMENTATION */
351
352 /* BEGIN TABLE SETTINGS */
353
354 .wpda_action_font {
355 font-size: 90% !important;
356 }
357
358 .wpda_settings_icon {
359 padding-top: 1px;
360 padding-right: 2px;
361 }
362
363 .wpda_settings_label {
364 padding-left: 2px;
365 }
366
367 /* END TABLE SETTINGS */
368
369 .label_disabled {
370 color: grey;
371 pointer-events: none;
372 }
373
374 .nobr {
375 white-space:nowrap;
376 }
377
378 .row_hide {
379 display: none;
380 }
381
382 .hide_item {
383 display: none;
384 }
385
386 .grabbable {
387 cursor: move;
388 cursor: grab;
389 cursor: -moz-grab;
390 cursor: -webkit-grab;
391 }
392
393 .grabbable:active {
394 cursor: grabbing;
395 cursor: -moz-grabbing;
396 cursor: -webkit-grabbing;
397 }
398
399 .database_item_label {
400 display: inline-block;
401 width: 150px;
402 text-align: right;
403 }
404
405 .remote_database_block_test_content {
406 padding: 20px;
407 border: 1px solid #ccc;
408 margin-right: 20px;
409 background-color: #eee;
410 }
411
412 /* BEGIN STYLING AUDIO CONTROLS IN LIST TABLE */
413 table.wp-list-table tbody tr td div.mejs-audio {
414 width: 40px !important;;
415 min-width: 40px !important;;
416 max-width: 40px !important;
417 }
418 table.wp-list-table tbody tr td div.mejs-audio div.mejs-mediaelement,
419 table.wp-list-table tbody tr td div.mejs-audio div.mejs-layers,
420 table.wp-list-table tbody tr td div.mejs-audio div.mejs-horizontal-volume-total,
421 table.wp-list-table tbody tr td div.mejs-audio div.mejs-time-rail,
422 table.wp-list-table tbody tr td div.mejs-audio div.mejs-volume-button {
423 display: none;
424 }
425 table.wp-list-table tbody tr td div.mejs-audio .mejs-time {
426 color: transparent;
427 }
428 table.wp-list-table tbody tr td div.mejs-audio .mejs-controls {
429 padding: 1px 4px;
430 }
431 /* END STYLING AUDIO CONTROLS IN LIST TABLE */
432
433 /* BEGIN STYLING VIDEO CONTROLS IN LIST TABLE */
434 table.wp-list-table tbody tr td div.mejs-video div.mejs-controls {
435 display: none;
436 }
437 /* END STYLING VIDEO CONTROLS IN LIST TABLE */
438
439 /* BEGIN STYLING ATTACHMENT ICON IN LIST TABLE */
440 .wpda_attachment_icon {
441 width: 40px;
442 height: 40px;
443 font-size: 30px;
444 padding: 5px;
445 }
446 /* END STYLING ATTACHMENT ICON IN LIST TABLE */
447
448 fieldset.wpda_fieldset {
449 border: 1px solid #ccd0d4;
450 border-radius: 4px;
451 box-shadow: 0 1px 1px rgba(0,0,0,.04);
452 padding: 10px;
453 }
454 fieldset.wpda_fieldset legend {
455 font-weight: bold;
456 margin-top: 5px;
457 }
458 fieldset.wpda_fieldset:first-child legend {
459 margin-top: 0;
460 }
461 .no-close .ui-dialog-titlebar-close {
462 display: none;
463 }
464 .pointer {
465 cursor: pointer;
466 }
467 .notifyjs-corner {
468 margin-top: 42px !important;
469 }
470 .wpda_icon_on_button {
471 font-size: 16px !important;
472 padding: 0 !important;
473 margin: 0 !important;
474 vertical-align: sub !important;
475 }
476 .wpda_text_uppercase {
477 text-transform: uppercase;
478 }
479 .wpda_text_lowercase {
480 text-transform: lowercase;
481 }
482 .wpda_text_capitalize {
483 text-transform: capitalize;
484 }
485 .ui-tooltip {
486 white-space: pre-line;
487 }
488 .wpda-autocomplete {
489 max-height: 200px;
490 overflow-y: auto;
491 }
492 .wpda-table-backup {
493 margin-top: 10px;
494 border-collapse: collapse;
495 }
496 .wpda-table-backup th,
497 .wpda-table-backup td {
498 padding: 4px;
499 white-space: nowrap
500 }
501 .wpda-table-backup td span {
502 padding-left: 10px;
503 }
504 th.wpda-repository-column {
505 vertical-align: bottom;
506 width: 30px;
507 }
508 th.wpda-repository-column span {
509 writing-mode: tb-rl;
510 width: 25px;
511 }
512 td.wpda-repository-column {
513 width: 30px;
514 text-align: center;
515 }
516 .wpda-restore-repository-backup {
517 background: white;
518 width: max-content;
519 }
520 table.wpda-restore-repository-backup {
521 border-collapse: collapse;
522 }
523 .wpda-restore-repository-backup th,
524 .wpda-restore-repository-backup td {
525 padding: 4px;
526 }
527 .wpda-restore-repository-backup th {
528 text-align: center;
529 }
530 .wpda-restore-repository-backup tr {
531 border-bottom: none;
532 }
533 .wpda-restore-repository-backup tr:hover {
534 background-color: lightgrey;
535 }
536 .wpda-restore-repository-backup-selected {
537 background-color: rgb(0, 115, 170) !important;
538 font-weight: bold;
539 }
540 .wpda-half-spacer {
541 height: 5px;
542 }
543 .wpda-spacer {
544 height: 10px;
545 }
546 .wpda-repository-restore {
547 border: 1px solid #ccd0d4;
548 border-collapse: collapse;
549 }
550 .wpda-repository-restore thead {
551 background-color: #ccc;
552 }
553 .wpda-repository-restore th,
554 .wpda-repository-restore td {
555 padding: 2px 5px;
556 text-align: left;
557 }
558
559 .wpda_autocomplete_key {
560 display: contents;
561 }
562
563 .wpda-icon-close {
564 position: absolute;
565 right: -5px;
566 top: -16px;
567 width: 16px;
568 padding: 0;
569 padding-bottom: 1px;
570 height: 16px;
571 border-radius: 10px;
572 background-color: white;
573 border: 2px solid #ccc;
574 cursor: pointer;
575 }
576 .wpda-icon-close:hover {
577 background-color: #ededed;
578 font-weight: bold;
579 }
580
581 span.wpda_hide_column {
582 display: none;
583 }
584
585 input[type="range"] {
586 height: 30px !important;
587 display: block;
588 outline: 0;
589 border: 0;
590 padding: 0;
591 margin: 0;
592 overflow: hidden;
593 background-color: #ddd;
594 font-size: 30px;
595 }
596 .wpda-range {
597 font-weight: bold;
598 padding-left: 5px;
599 }
600
601 @media screen and (max-width: 783px) {
602 p.search-box{
603 position:relative !important;
604 }
605 }
606
607 span.wpda-ison-separator {
608 font-size: 80%;
609 margin: 0 10px;
610 border-left: 1px solid #c3c4c7
611 }
612 .wpda-query ul {
613 max-height: 50vh;
614 display: flow-root;
615 }
616 .wpda-query-select:hover {
617 background-color: #f1f1f1;
618 }
619 .wpda-query-select-title {
620 font-weight: bold;
621 font-size: 120%;
622 padding: 10px;
623 }
624 .wpda-query-select-title span.fas {
625 float: right;
626 }
627 .wpda-query-select-content {
628 clear: both;
629 padding: 10px;
630 }
631 .wpda-query-select-title-copy {
632 cursor: pointer;
633 }
634
635 div.tablenav span a.wpda_full_table_download {
636 margin-left: 3px;
637 }
638
639 div.wpda_subtitle {
640 float: left;
641 }
642
643 .wpda_row_export_button {
644 text-transform: uppercase;
645 font-weight: 900;
646 }
647
648 div.wpda-fieldset-expand {
649 cursor: pointer;
650 }
651 i.wpda-fieldset-expand.wpda-fieldset-expand {
652 font-size: 16px;
653 vertical-align: middle;
654 }
655 span.wpda-fieldset-expand {
656 vertical-align: middle;
657 padding-left: 1px;
658 }
659
660 #wpda_buttons label {
661 padding-left: 5px;
662 }
663 #wpda_buttons label:first-child {
664 padding-left: 0;
665 }
666
667 #jdtDom {
668 width: 100%;
669 display: grid;
670 grid-auto-rows: 40px;
671 grid-gap: 1px;
672 }
673 #jdtDom > div {
674 display: flex;
675 justify-content: center;
676 align-items: center;
677 font-weight: bold;
678 border: 1px solid #ccc;
679 cursor: pointer;
680 -webkit-user-select: none;
681 -moz-user-select: none;
682 -ms-user-select: none;
683 user-select: none;
684 }
685 #jdtDom > div:hover {
686 background-color: #ddd;
687 }
688 .jdtDom3 {
689 grid-column: span 3;
690 }
691 .wpda-jdtdom-expand {
692 padding-left: 10px;
693 }
694
695 #jdtDomDefault {
696 padding: 2px 0 0 2px;
697 }
698
699 div.wpda_separator_top {
700 margin-top: 10px;
701 }
702 div.wpda_separator_bottom {
703 margin-bottom: 10px;
704 }
705
706 div.wpda_sb > label {
707 font-weight: bold;
708 line-height: 2;
709 }
710 div.wpda_sb > select {
711 display: block;
712 width: 99.5%;
713 padding: 10px;
714 }
715 div.wpda_sb > div {
716 line-height: 2;
717 }
718
719 div.wpda_dp_orderby {
720 display: grid;
721 grid-template-columns: 3fr 1fr 24px;
722 align-items: center;
723 justify-items: self-end;
724 margin-left: 2px;
725 }
726 div.wpda_dp_orderby i {
727 font-size: 22px;
728 }