PluginProbe
WP Data Access – App Builder for Tables, Forms, Charts, Maps & Dashboards / 5.5.83
WP Data Access – App Builder for Tables, Forms, Charts, Maps & Dashboards v5.5.83
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.5.83, at assets/css/wpda_style.css

789 lines 14.5 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 td.icon i.fas.fa-circle-question {
102 font-size: 22px;
103 margin-top: 9px;
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 td.wpda_data_value_null:before {
159 content: "(null)";
160 }
161
162 td.wpda_data_value_null {
163 font-style: italic;
164 color: #2271b1;
165 }
166
167 .wpda_data_type_icon {
168 vertical-align: text-bottom;
169 }
170
171 input[type="text"].wpda_input_error {
172 background-color: red;
173 }
174
175 .wpda_indent {
176 margin-left: 40px;
177 }
178
179 /* END SIMPLE FORM */
180
181 /* BEGIN USER MENU FORM */
182
183 .wpda_user_menu_input {
184 width: 400px;
185 }
186
187 /* END USER MENU FORM */
188
189 /* BEGIN DESIGN FORM */
190
191 .wpda_design_table {
192 border: 1px solid #ccd0d4;
193 box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
194 padding: 0 !important;
195 }
196
197 .wpda-table-structure {
198 border-collapse: collapse;
199 width: 100%;
200 }
201
202 .wpda-table-structure tfoot td {
203 padding-top: 10px;
204 text-align: center;
205 }
206
207 .wpda-table-structure tbody tr:nth-child(even) {
208 background: #f9f9f9;
209 }
210
211 .wpda-table-structure tbody tr:nth-child(odd) {
212 background: #fff;
213 }
214
215 .wpda-table-structure th, .wpda-table-structure td {
216 text-align: left;
217 /*line-height: 1.5em;*/
218 /*border-spacing: 2px !important;*/
219 }
220
221 .wpda-table-structure-top {
222 vertical-align: top;
223 }
224
225 .wpda-table-structure tbody td input, .wpda-table-structure tbody td select {
226 width: 100%;
227 max-width: 100%;
228 }
229
230 .wpda-table-structure tbody tr:hover {
231 background-color: #f1f1f1;
232 }
233
234 .wpda-table-structure label {
235 vertical-align: text-bottom;
236 font-weight: bold;
237 }
238
239 .wpda-table-structure th.wpda-table-structure-first-column, .wpda-table-structure td.wpda-table-structure-first-column {
240 text-align: right;
241 white-space: nowrap;
242 width: 60px;
243 padding-left: 10px !important;
244 }
245
246 .wpda-table-structure th.wpda-table-structure-first-column-left, .wpda-table-structure td.wpda-table-structure-first-column-left {
247 text-align: left;
248 white-space: nowrap;
249 width: 60px;
250 padding-left: 10px !important;
251 }
252
253 .wpda-table-structure th.wpda-table-structure-first-column-move, .wpda-table-structure td.wpda-table-structure-first-column-move {
254 width: 20px;
255 padding-left: 10px !important;
256 padding-right: 10px !important;
257 }
258
259 .wpda-table-structure th.wpda-table-structure-last-column, .wpda-table-structure td.wpda-table-structure-last-column {
260 padding-right: 10px !important;
261 }
262
263 .wpda_reverse_engineering {
264 background-color: #fff;
265 box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
266 padding: 10px;
267 }
268
269 .wpda_reverse_engineering label {
270 font-weight: bold;
271 }
272
273 .wpda-table-structure tbody tr.wpda_column_inserted {
274 background-color: lightgreen;
275 }
276
277 .wpda-table-structure tbody tr.wpda_column_updated {
278 background-color: orange;
279 }
280
281 .wpda-table-structure tbody tr.wpda_column_deleted {
282 background-color: red;
283 display: none;
284 }
285
286 /* END DESIGN FORM */
287
288 a.disabled {
289 pointer-events: none;
290 cursor: default;
291 }
292
293 .manage-column.column-icons {
294 width: 20px;
295 }
296
297 /* BEGIN DATABASE TABLE STRUCTURE */
298
299 .wpda-structure-table {
300 width: 100%;
301 }
302
303 .wpda-structure-table th, .wpda-structure-table td {
304 font-size: 90%;
305 }
306
307 .wpda-structure-table-tab {
308 font-size: 90%;
309 }
310
311 .column-table_rows, .column-engine {
312 width: 90px !important;
313 }
314
315 .column-size {
316 width: 110px !important;
317 }
318
319 .column-auto_increment {
320 width: 130px !important;
321 }
322
323 .column-icons {
324 width: 50px !important;
325 white-space: nowrap;
326 text-align: right;
327 }
328
329 /* END DATABASE TABLE STRUCTURE */
330
331 /* BEGIN OVERWRITE LINK COLOR IN UI-WIDGET/TABS */
332
333 span.drop-index {
334 color: #0073aa;
335 }
336
337 span.drop-index:active, span.drop-index:hover {
338 color: #00a0d2;
339 }
340
341 /* END OVERWRITE LINK COLOR IN UI-WIDGET/TABS */
342
343 /* BEGIN DOCUMENTATION */
344
345 .doc_title {
346 font-weight: bold;
347 font-size: 120%;
348 }
349
350 .doc_list {
351 list-style-type: square;
352 margin-left: 40px;
353 }
354
355 .doc_margin {
356 padding-left: 40px;
357 }
358
359 /* END DOCUMENTATION */
360
361 /* BEGIN TABLE SETTINGS */
362
363 .wpda_action_font {
364 font-size: 90% !important;
365 }
366
367 .wpda_settings_icon {
368 padding-top: 1px;
369 padding-right: 2px;
370 }
371
372 .wpda_settings_label {
373 padding-left: 2px;
374 }
375
376 /* END TABLE SETTINGS */
377
378 .label_disabled {
379 color: grey;
380 pointer-events: none;
381 }
382
383 .nobr {
384 white-space:nowrap;
385 }
386
387 .row_hide {
388 display: none;
389 }
390
391 .hide_item {
392 display: none;
393 }
394
395 .grabbable {
396 cursor: move;
397 cursor: grab;
398 cursor: -moz-grab;
399 cursor: -webkit-grab;
400 }
401
402 .grabbable:active {
403 cursor: grabbing;
404 cursor: -moz-grabbing;
405 cursor: -webkit-grabbing;
406 }
407
408 .database_item_label {
409 display: inline-block;
410 width: 150px;
411 text-align: right;
412 }
413
414 .remote_database_block_test_content {
415 padding: 20px;
416 border: 1px solid #ccc;
417 margin-right: 20px;
418 background-color: #eee;
419 }
420
421 /* BEGIN STYLING AUDIO CONTROLS IN LIST TABLE */
422 table.wp-list-table tbody tr td div.mejs-audio {
423 width: 40px !important;;
424 min-width: 40px !important;;
425 max-width: 40px !important;
426 }
427 table.wp-list-table tbody tr td div.mejs-audio div.mejs-mediaelement,
428 table.wp-list-table tbody tr td div.mejs-audio div.mejs-layers,
429 table.wp-list-table tbody tr td div.mejs-audio div.mejs-horizontal-volume-total,
430 table.wp-list-table tbody tr td div.mejs-audio div.mejs-time-rail,
431 table.wp-list-table tbody tr td div.mejs-audio div.mejs-volume-button {
432 display: none;
433 }
434 table.wp-list-table tbody tr td div.mejs-audio .mejs-time {
435 color: transparent;
436 }
437 table.wp-list-table tbody tr td div.mejs-audio .mejs-controls {
438 padding: 1px 4px;
439 }
440 /* END STYLING AUDIO CONTROLS IN LIST TABLE */
441
442 /* BEGIN STYLING VIDEO CONTROLS IN LIST TABLE */
443 table.wp-list-table tbody tr td div.mejs-video div.mejs-controls {
444 display: none;
445 }
446 /* END STYLING VIDEO CONTROLS IN LIST TABLE */
447
448 /* BEGIN STYLING ATTACHMENT ICON IN LIST TABLE */
449 .wpda_attachment_icon {
450 width: 40px;
451 height: 40px;
452 font-size: 30px;
453 padding: 5px;
454 }
455 /* END STYLING ATTACHMENT ICON IN LIST TABLE */
456
457 fieldset.wpda_fieldset {
458 border: 1px solid #ccd0d4;
459 border-radius: 4px;
460 box-shadow: 0 1px 1px rgba(0,0,0,.04);
461 padding: 10px;
462 }
463 fieldset.wpda_fieldset legend {
464 font-weight: bold;
465 margin-top: 5px;
466 }
467 fieldset.wpda_fieldset:first-child legend {
468 margin-top: 0;
469 }
470 .no-close .ui-dialog-titlebar-close {
471 display: none;
472 }
473 .pointer {
474 cursor: pointer;
475 }
476 .notifyjs-corner {
477 margin: 60px 30px !important;
478 font-size: 1.4em !important;
479 }
480 .notifyjs-bootstrap-base {
481 background-position: 38px 32px !important;
482 background-size: 31px !important;
483 }
484 .notifyjs-container span {
485 display: inline-block !important;
486 padding: 30px 30px 30px 49px !important;
487 }
488 span.wpda_icon_on_button {
489 font-size: 16px !important;
490 padding: 0 !important;
491 margin: 0 !important;
492 vertical-align: sub !important;
493 }
494 .wpda_text_uppercase {
495 text-transform: uppercase;
496 }
497 .wpda_text_lowercase {
498 text-transform: lowercase;
499 }
500 .wpda_text_capitalize {
501 text-transform: capitalize;
502 }
503 .ui-tooltip {
504 white-space: pre-line;
505 }
506 .wpda-autocomplete {
507 max-height: 200px;
508 overflow-y: auto;
509 }
510 .wpda-table-backup {
511 margin-top: 10px;
512 border-collapse: collapse;
513 }
514 .wpda-table-backup th,
515 .wpda-table-backup td {
516 padding: 4px;
517 white-space: nowrap
518 }
519 .wpda-table-backup td span {
520 padding-left: 10px;
521 }
522 th.wpda-repository-column {
523 vertical-align: bottom;
524 width: 30px;
525 }
526 th.wpda-repository-column span {
527 writing-mode: tb-rl;
528 width: 25px;
529 }
530 td.wpda-repository-column {
531 width: 30px;
532 text-align: center;
533 }
534 .wpda-restore-repository-backup {
535 background: white;
536 width: max-content;
537 }
538 table.wpda-restore-repository-backup {
539 border-collapse: collapse;
540 }
541 .wpda-restore-repository-backup th,
542 .wpda-restore-repository-backup td {
543 padding: 4px;
544 }
545 .wpda-restore-repository-backup th {
546 text-align: center;
547 }
548 .wpda-restore-repository-backup tr {
549 border-bottom: none;
550 }
551 .wpda-restore-repository-backup tr:hover {
552 background-color: lightgrey;
553 }
554 .wpda-restore-repository-backup-selected {
555 background-color: rgb(0, 115, 170) !important;
556 font-weight: bold;
557 }
558 .wpda-half-spacer {
559 height: 5px;
560 }
561 .wpda-spacer {
562 height: 10px;
563 }
564 .wpda-repository-restore {
565 border: 1px solid #ccd0d4;
566 border-collapse: collapse;
567 }
568 .wpda-repository-restore thead {
569 background-color: #ccc;
570 }
571 .wpda-repository-restore th,
572 .wpda-repository-restore td {
573 padding: 2px 5px;
574 text-align: left;
575 }
576
577 .wpda_autocomplete_key {
578 display: contents;
579 }
580
581 .wpda-icon-close {
582 position: absolute;
583 right: -5px;
584 top: -16px;
585 width: 16px;
586 padding: 0;
587 padding-bottom: 1px;
588 height: 16px;
589 border-radius: 10px;
590 background-color: white;
591 border: 2px solid #ccc;
592 cursor: pointer;
593 }
594 .wpda-icon-close:hover {
595 background-color: #ededed;
596 font-weight: bold;
597 }
598
599 span.wpda_hide_column {
600 display: none;
601 }
602
603 input[type="range"] {
604 height: 30px !important;
605 display: block;
606 outline: 0;
607 border: 0;
608 padding: 0;
609 margin: 0;
610 overflow: hidden;
611 background-color: #ddd;
612 font-size: 30px;
613 }
614 .wpda-range {
615 font-weight: bold;
616 padding-left: 5px;
617 }
618
619 @media screen and (max-width: 783px) {
620 p.search-box{
621 position:relative !important;
622 }
623 }
624
625 span.wpda-ison-separator {
626 font-size: 80%;
627 margin: 0 10px;
628 border-left: 1px solid #c3c4c7
629 }
630 .wpda-query ul {
631 max-height: 50vh;
632 display: flow-root;
633 }
634 .wpda-query-select:hover {
635 background-color: #f1f1f1;
636 }
637 .wpda-query-select-title {
638 font-weight: bold;
639 font-size: 120%;
640 padding: 10px;
641 }
642 .wpda-query-select-title span.fas {
643 float: right;
644 }
645 .wpda-query-select-content {
646 clear: both;
647 padding: 10px;
648 }
649 .wpda-query-select-title-copy {
650 cursor: pointer;
651 }
652
653 div.tablenav span a.wpda_full_table_download {
654 margin-left: 3px;
655 }
656
657 div.wpda_subtitle {
658 float: left;
659 }
660
661 .wpda_row_export_button {
662 text-transform: uppercase;
663 font-weight: 900;
664 }
665
666 div.wpda-fieldset-expand {
667 cursor: pointer;
668 }
669 i.wpda-fieldset-expand.wpda-fieldset-expand {
670 font-size: 16px;
671 vertical-align: middle;
672 }
673 span.wpda-fieldset-expand {
674 vertical-align: middle;
675 padding-left: 1px;
676 }
677
678 #wpda_buttons label {
679 padding-left: 5px;
680 }
681 #wpda_buttons label:first-child {
682 padding-left: 0;
683 }
684
685 #jdtDom {
686 width: 100%;
687 display: grid;
688 grid-auto-rows: 40px;
689 grid-gap: 1px;
690 }
691 #jdtDom > div {
692 display: flex;
693 justify-content: center;
694 align-items: center;
695 font-weight: bold;
696 border: 1px solid #ccc;
697 cursor: pointer;
698 -webkit-user-select: none;
699 -moz-user-select: none;
700 -ms-user-select: none;
701 user-select: none;
702 }
703 #jdtDom > div:hover {
704 background-color: #ddd;
705 }
706 .jdtDom3 {
707 grid-column: span 3;
708 }
709 .wpda-jdtdom-expand {
710 padding-left: 10px;
711 }
712
713 #jdtDomDefault {
714 padding: 2px 0 0 2px;
715 }
716
717 div.wpda_separator_top {
718 margin-top: 10px;
719 }
720 div.wpda_separator_bottom {
721 margin-bottom: 10px;
722 }
723
724 div.wpda_sb > label {
725 font-weight: bold;
726 line-height: 2;
727 }
728 div.wpda_sb > select {
729 display: block;
730 width: 99.5%;
731 padding: 10px;
732 }
733 div.wpda_sb > div {
734 line-height: 2;
735 }
736
737 div.wpda_dp_orderby {
738 display: grid;
739 grid-template-columns: 3fr 1fr 24px;
740 align-items: center;
741 justify-items: self-end;
742 margin-left: 2px;
743 }
744 div.wpda_dp_orderby i {
745 font-size: 22px;
746 }
747 span.wpda_title_icon {
748 text-decoration: none;
749 font-size: 30px;
750 }
751
752 h1.wp-heading-inline a {
753 padding-top: 4px;
754 }
755
756 .wpda_media_container {
757 float: left;
758 padding: 10px;
759 text-align: center;
760 }
761
762 /* WP 7 dashboard */
763 #wpwrap .button,
764 #wpwrap select,
765 #wpwrap input[type=date],
766 #wpwrap input[type=datetime-local],
767 #wpwrap input[type=datetime],
768 #wpwrap input[type=email],
769 #wpwrap input[type=month],
770 #wpwrap input[type=number],
771 #wpwrap input[type=password],
772 #wpwrap input[type=search],
773 #wpwrap input[type=tel],
774 #wpwrap input[type=text],
775 #wpwrap input[type=time],
776 #wpwrap input[type=url],
777 #wpwrap input[type=week] {
778 min-height: 30px;
779 line-height: 2;
780 }
781
782 /* Adjust Visual Query Builder style in WP dashboard */
783 .pp-vqb-table-body table tr td.pp-vqb-checkbox div {
784 display: block;
785 }
786
787 .pp-vqb-table-body table tr td.pp-vqb-icon div {
788 padding-top: 2px;
789 }