PluginProbe
wpDataTables – WordPress Data Table, Dynamic Tables & Table Charts Plugin / 6.5.1.7
wpDataTables – WordPress Data Table, Dynamic Tables & Table Charts Plugin v6.5.1.7
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 / edit_table.css

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

1,005 lines 28.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wpdt-c .wdt-datatables-admin-wrap .card.wdt-table-settings,
2 .wpdt-c .wdt-datatables-admin-wrap .card.column-settings {
3 max-width: 100%;
4 margin-bottom: 20px;
5 margin-top: 0;
6 }
7
8 .wpdt-c .wdt-datatables-admin-wrap .card.wdt-table-settings .card-body {
9 padding: 0 24px 16px 24px !important;
10 background: #ffffff !important;
11 }
12
13
14 .wpdt-c .wdt-datatables-admin-wrap .card.wdt-table-settings h2 span.wdt-table-name {
15 padding: 3px;
16 }
17
18 .wpdt-c .wdt-admin-card-header button#wdt-table-id {
19 margin-left: 12px;
20 padding: 0;
21 margin-top: 5px;
22 }
23 .wpdt-c #wdt-table-shortcode-id {
24 background: #ffffff;
25 border-radius: 0 3px 3px 0;
26 padding: 8px;
27 border: none;
28 color: #172B4D;
29 font-style: normal;
30 font-weight: 600;
31 font-size: 12px;
32 line-height: 16px;
33 cursor: auto;
34 }
35 .wpdt-c #wdt-table-id .wdt-copy-shortcode{
36 color: #304463;
37 cursor: pointer;
38 }
39 .wpdt-c #wdt-table-id .wdt-copy-shortcode i{
40 padding: 9px;
41 background: #EBECF0;
42 color: #304463;
43 border-radius: 3px 0 0 3px;
44 margin-right: -5px;
45 }
46
47 .wpdt-c .wdt-datatables-admin-wrap .card.wdt-table-settings h2 span.wdt-table-name:hover {
48 border: 1px solid #ccc;
49 padding: 2px;
50 cursor: pointer;
51 }
52
53 .wpdt-c .wdt-datatables-admin-wrap div.wpDataTableContainer {
54 margin: 15px 0 0 0;
55 }
56
57 .wpdt-c .wdt-datatables-admin-wrap div.wpDataTableContainer .tab-content {
58 padding: 20px 15px;
59 }
60
61 .wpdt-c .wdt-datatables-admin-wrap button.wdt-column-settings,
62 .wpdt-c .wdt-datatables-admin-wrap button.wdt-delete-formula-column {
63 width: 32px;
64 height: 32px;
65 padding: 0;
66 z-index: 8;
67 display: inline-block;
68 margin: 2px;
69 border: 1px solid #e7e7e7;
70 box-shadow: none;
71 -moz-box-shadow: none;
72 -webkit-box-shadow: none;
73 -vendor-animation-duration: 1s;
74 -vendor-animation-delay: 1s;
75 }
76
77 .wpdt-c .wdt-datatables-admin-wrap button.wdt-column-settings:hover,
78 .wpdt-c .wdt-datatables-admin-wrap button.wdt-delete-formula-column:hover {
79 background-color: #ccc !important;
80 }
81
82 .wpdt-c .wdt-datatables-admin-wrap div.column-settings-overlay {
83 display: none;
84 background: rgba(0, 0, 0, 0.4);
85 height: auto;
86 top: 0;
87 right: 0;
88 bottom: 0;
89 left: 0;
90 position: fixed;
91 z-index: 9999;
92 -webkit-transition: opacity 400ms ease-in;
93 -moz-transition: opacity 400ms ease-in;
94 transition: opacity 400ms ease-in;
95 border-left: 1px solid #eee;
96 max-height: 100vh;
97 }
98
99 .wpdt-c .wdt-datatables-admin-wrap div.column-settings-panel {
100 position: absolute;
101 right: 0;
102 bottom: 0;
103 top: 32px;
104 padding: 0;
105 background: #fff;
106 box-shadow: -3px 0 5px -1px rgba(105, 105, 105, 0.17);
107 width: 60%;
108 max-width: 60%;
109 margin: 0;
110 overflow-y: scroll;
111 overflow-x: hidden;
112 }
113 .wpdt-c .wdt-datatables-admin-wrap div.column-settings-panel .wdt-documentation,
114 .wpdt-c .wdt-datatables-admin-wrap div.column-settings-panel .wdt-documentation:hover {
115 border: 1px solid #DFE1E6;
116 }
117 .wpdt-c .wdt-datatables-admin-wrap div.column-settings-panel.card h2 {
118 font-size: 17px;
119 }
120
121 .wpdt-c .wdt-datatables-admin-wrap div.column-settings-panel div.card-body.card-padding {
122 padding: 5px 10px 5px 10px;
123 }
124
125 .wpdt-c .wdt-datatables-admin-wrap div.column-settings-panel input[type="text"] {
126 width: 100%;
127 }
128
129 .wpdt-c .wdt-datatables-admin-wrap div.column-settings-panel div.input-group {
130 width: 100%;
131 }
132
133 .wpdt-c .wdt-datatables-admin-wrap div.column-settings-panel div.form-group {
134 height: 30px;
135 }
136
137 .wpdt-c .wdt-datatables-admin-wrap div.column-settings-panel .bootstrap-tagsinput input[type="text"] {
138 width: 70px;
139 }
140
141 .wpdt-c .wdt-datatables-admin-wrap div.column-settings-panel button.btn-xs {
142 font-size: 10px !important;
143 line-height: 1em !important;
144 margin: 0 !important;
145 height: auto !important;
146 }
147
148 .wpdt-c .wdt-datatables-admin-wrap div.column-settings-panel button.btn-xs.wdt-copy-shortcode {
149 text-transform: none;
150 }
151
152 .wpdt-c .wdt-datatables-admin-wrap div.wdt-column-block, div.wdt-column-block.gu-mirror {
153 background-color: #F8F8FA;
154 border-radius: 2px;
155 margin-bottom: 5px;
156 padding: 14px 12px;
157 -o-transition: .5s;
158 -ms-transition: .5s;
159 -moz-transition: .5s;
160 -webkit-transition: .5s;
161 transition: .5s;
162 }
163
164 .wpdt-c .wdt-datatables-admin-wrap div.wdt-column-block i.wdt-toggle-show-on-tablet {
165 transform: rotate(-90deg);
166 }
167
168 .wpdt-c .wdt-datatables-admin-wrap div.column-settings-panel .wdt-conditional-formatting-rule .wdt-delete-conditional-formatting-rule {
169 background: #ffffff;
170 font-size: 15px;
171 line-height: 24px;
172 color: #5A6C89;
173 margin-top: 3px;
174 }
175
176 .wpdt-c .wdt-datatables-admin-wrap div.column-settings-panel .wdt-conditional-formatting-rule .form-group {
177 width: 100%;
178 display: inline-block;
179 }
180
181 .wpdt-c .wdt-datatables-admin-wrap div.column-settings-panel .colorpicker.colorpicker-visible {
182 top: 32px;
183 right: 10px;
184 }
185
186 .wpdt-c .wdt-datatables-admin-wrap div.column-settings-panel .wdt-conditional-formatting-rule .colorpicker.colorpicker-visible {
187 right: 7px;
188 }
189
190 div.wdt-column-block.gu-mirror {
191 cursor: grabbing;
192 cursor: -moz-grabbing;
193 cursor: -webkit-grabbing;
194 }
195
196 div.wdt-column-block.gu-mirror .fg-line {
197 margin-left: 10px;
198 width: 200px;
199 display: inline-block;
200 }
201
202 div.wdt-column-block.gu-mirror .fg-line input.wdt-column-display-header-edit {
203 padding: 0;
204 height: 20px;
205 font-size: 12px;
206 border-bottom: 1px solid #e0e0e0;
207 border-left: 0;
208 border-right: 0;
209 border-top: 0;
210 background-color: transparent;
211 box-shadow: none;
212 }
213
214 div.wdt-column-block.gu-mirror .fg-line i {
215 position: absolute;
216 left: 178px;
217 top: 3px;
218 font-size: 16px;
219 color: #c7c7c7;
220 }
221
222 div.wdt-column-block.gu-mirror .wdt-column-move-arrows {
223 padding: 5px 6px 6px 2px;
224 margin-top: -4px;
225 border-left: 1px solid #c7c7c7;
226 font-size: 16px;
227 margin-left: 7px;
228 float: right;
229 }
230
231 div.wdt-column-block.gu-mirror span {
232 float: right;
233 margin-left: 10px;
234 }
235 .wpdt-c .wdt-datatables-admin-wrap div.wdt-column-block > span {
236 margin-left: 20px !important;
237 }
238
239 .wpdt-c .wdt-datatables-admin-wrap div.wdt-column-block:hover {
240 background-color: rgba(0, 140, 255, 0.06) !important;
241 cursor: pointer;
242 }
243
244
245 .wpdt-c .wdt-datatables-admin-wrap div.wdt-column-block i.column-control {
246 font-style: normal;
247 font-weight: 900;
248 font-size: 15px;
249 line-height: 24px;
250 color: #5A6C89;
251 }
252
253 .wpdt-c .wdt-datatables-admin-wrap div.wdt-column-block i.column-control.inactive {
254 color: #999;
255 opacity: 50%;
256 }
257
258 .wpdt-c .wdt-datatables-admin-wrap div.wdt-column-block i.column-control:hover {
259 color: #000;
260 }
261
262 .wpdt-c .wdt-datatables-admin-wrap div.wdt-conditional-formatting-rule .form-group {
263 margin-right: 0;
264 }
265
266 /* Column list modal */
267 .wpdt-c #wdt-columns-list-modal .modal-body .wdt-columns-container .wdt-column-block input {
268 padding-right: 25px;
269 padding-left: 4px;
270 font-family: Inter;
271 font-style: normal;
272 font-weight: 500;
273 font-size: 13px;
274 line-height: 20px;
275 color: #304463;
276 border: none;
277 }
278 .wpdt-c #wdt-columns-list-modal .modal-body .wdt-columns-container .wdt-column-block input:hover,
279 .wpdt-c #wdt-columns-list-modal .modal-body .wdt-columns-container .wdt-column-block input:focus {
280 background: #FFFFFF !important;
281 }
282
283 /* Formula editor modal */
284 .wpdt-c #wdt-formula-editor-modal .modal-body p {
285 margin-bottom: 10px;
286 }
287
288 .wpdt-c #wdt-formula-editor-modal .wdt-formula-operators .btn {
289 text-transform: none;
290 margin: 3px;
291 width: 57px;
292 padding: 2px 6px;
293 background: #F8F8FA;
294 border-radius: 6px;
295 font-size: 13px;
296 line-height: 20px;
297 text-align: center;
298 color: #304463;
299 }
300
301 .wpdt-c #wdt-formula-editor-modal .wdt-formula-operators {
302 max-height: 200px;
303 display: flex;
304 flex-wrap: wrap;
305 }
306
307 .wpdt-c #wdt-formula-editor-modal .formula-columns-container {
308 height: 150px;
309 overflow-x: hidden;
310 }
311
312 .wpdt-c #wdt-formula-editor-modal .formula-columns-container .wdt-column-block{
313 padding: 3px 9px;
314 }
315 .wpdt-c #wdt-formula-editor-modal .formula-columns-container .fg-line span{
316 font-weight: 500;
317 font-size: 13px;
318 line-height: 20px;
319 color: #304463;
320 }
321 .wpdt-c #wdt-formula-editor-modal .formula-columns-container i{
322 display: none;
323 }
324
325 .wpdt-c #wdt-formula-editor-modal .formula_col .title,
326 .wpdt-c #wdt-formula-editor-modal .formula_operators .title,
327 .wpdt-c #wdt-formula-editor-modal .formula_columns .title {
328 font-size: 13px;
329 line-height: 20px;
330 color: #061938;
331 margin-bottom: 4px;
332 }
333 .wpdt-c #wdt-formula-editor-modal .formula_col textarea {
334 height: 150px;
335 background: #FFFFFF;
336 border: 1px solid #D7D9E2 !important;
337 box-sizing: border-box;
338 box-shadow: 0 1px 2px rgba(90, 108, 137, 0.08) !important;
339 border-radius: 3px;
340 padding:10px 12px;
341 }
342
343 .wpdt-c #wdt-formula-editor-modal div.wdt-formula-result-preview {
344 margin: 15px 0;
345 }
346 .wpdt-c #column-data-settings > div.wdt-possible-values-options-block > div.wdt-manual-list-enter-block .bootstrap-tagsinput .tag {
347 color: #5A6C89 ;
348 background-color: #F3F3FA;
349 border-radius: 2px;
350 display: inline-block;
351 margin-bottom: 4px;
352 font-size: 12px;
353 }
354
355 .wpdt-c #column-data-settings > div.wdt-possible-values-options-block > div.wdt-manual-list-enter-block > div {
356 height: inherit;
357 max-height: 80px;
358 overflow-y: auto;
359 border: 1px solid #EBECF0;
360 box-sizing: border-box;
361 border-radius: 3px;
362 padding: 3px;
363 }
364
365
366 .wpdt-c #wdt-columns-list-modal .modal-body .wdt-columns-container .wdt-column-block .fg-line,
367 .wdt-column-block.gu-mirror .fg-line {
368 width: inherit;
369 }
370 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-name{
371 max-width: 300px;
372 }
373
374
375 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-name #wdt-table-title-edit {
376 background-color: #F1F1F1;
377 padding: 5px 26px 5px 4px;
378 font-size: 20px;
379 line-height: 24px;
380 border: none;
381 }
382 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-name #wdt-table-title-edit:hover {
383 background: #D7D9E2;
384 border-radius: 2px;
385 }
386 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-name #wdt-table-title-edit:focus{
387 background: #FFFFFF !important;
388 }
389
390 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-name i,
391 .wpdt-c #wdt-columns-list-modal .modal-body .wdt-columns-container .wdt-column-block .fg-line i {
392 position: absolute;
393 right: 5px;
394 font-size: 16px;
395 color: #c7c7c7;
396 }
397 .wpdt-c #wdt-columns-list-modal .modal-body .wdt-columns-container .wdt-column-block .fg-line i {
398 top: 3px;
399 }
400 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-name i{
401 top: 12px;
402 }
403 .wpdt-c .wdt-datatables-admin-wrap .wdt-table-name i,
404 .wpdt-c #wdt-columns-list-modal .modal-body .wdt-columns-container .wdt-column-block .fg-line i{
405 color: #008CFF;
406 }
407 .wpdt-c #wdt-columns-list-modal .modal-body .wdt-columns-container .wdt-column-block .fg-line i {
408 font-weight: 900;
409 font-size: 12px;
410 line-height: 24px;
411 }
412
413 .wpdt-c .wdt-datatables-admin-wrap .wdt-admin-card-header h2 #wdt-table-id {
414 text-transform: none;
415 top: 32px;
416 position: absolute;
417 left: 290px;
418 }
419
420 .wpdt-c #wdt-table-title-edit:focus ~ i.wpdt-icon-pen,
421 .wpdt-c #wdt-table-title-edit:hover ~ i.wpdt-icon-pen,
422 .wpdt-c #wdt-columns-list-modal .modal-body .wdt-columns-container .wdt-column-block .wdt-column-display-header-edit:focus ~ i.wpdt-icon-pen,
423 .wpdt-c #wdt-columns-list-modal .modal-body .wdt-columns-container .wdt-column-block .wdt-column-display-header-edit:hover ~ i.wpdt-icon-pen {
424 color: #2196f3;
425 }
426
427 .wpdt-c #wdt-columns-list-modal .modal-body .wdt-columns-container .wdt-column-block .wdt-column-move-arrows {
428 padding: 3px 6px 4px 20px;
429 margin-left: 20px;
430 margin-top: -4px;
431 border-left: 1px solid #c7c7c7;
432 font-size: 16px;
433 cursor: grab;
434 cursor: -moz-grab;
435 cursor: -webkit-grab;
436 }
437
438 .wpdt-c .wdt-edit-buttons span {
439 color: #9E9E9E;
440 font-size: 14px;
441 letter-spacing: 0.04em;
442 margin-bottom: 0;
443 }
444
445 .wpdt-c .wdt-edit-buttons span a {
446 text-decoration: none;
447 }
448 .wpdt-c .wdt-edit-buttons span .wdt-standard-view-selected,
449 .wpdt-c .wdt-edit-buttons span .wdt-excel-view-selected,
450 .wpdt-c .wdt-edit-buttons span .wdt-standard-view,
451 .wpdt-c .wdt-edit-buttons span .wdt-excel-view {
452 padding: 4px 12px;
453 font-family: Inter;
454 font-style: normal;
455 font-weight: 500;
456 font-size: 14px;
457 line-height: 20px;
458 text-align: center;
459 min-width: 144px;
460 }
461 .wpdt-c .wdt-edit-buttons span .wdt-excel-view,
462 .wpdt-c .wdt-edit-buttons span .wdt-excel-view-selected {
463 border-top-left-radius: 0;
464 border-top-right-radius: 3px;
465 border-bottom-right-radius: 3px;
466 border-bottom-left-radius: 0;
467 /*border-radius: 0 3px 3px 0;*/
468 }
469 .wpdt-c .wdt-edit-buttons span .wdt-standard-view,
470 .wpdt-c .wdt-edit-buttons span .wdt-standard-view-selected {
471 border-top-left-radius: 3px;
472 border-top-right-radius: 0;
473 border-bottom-right-radius: 0;
474 border-bottom-left-radius: 3px;
475 /*border-radius: 3px 0 0 3px;*/
476 }
477 .wpdt-c .wdt-edit-buttons span .wdt-standard-view,
478 .wpdt-c .wdt-edit-buttons span .wdt-excel-view {
479 background: #F4F5F7;
480 color: #172B4D;
481 border: 1px solid #DFE1E6;
482 cursor: default;
483 }
484 .wpdt-c .wdt-edit-buttons span .wdt-standard-view-selected,
485 .wpdt-c .wdt-edit-buttons span .wdt-excel-view-selected {
486 background: #008CFF;
487 color: #FFFFFF;
488 border: 1px solid #2280CD;
489 }
490 .wpdt-c .wdt-edit-buttons span .wdt-standard-view-selected a,
491 .wpdt-c .wdt-edit-buttons span .wdt-standard-view-selected a:hover,
492 .wpdt-c .wdt-edit-buttons span .wdt-excel-view-selected a,
493 .wpdt-c .wdt-edit-buttons span .wdt-excel-view-selected a:hover{
494 color: #FFFFFF;
495 }
496
497
498 .wpdt-c .column-settings .card-body .wdt-table-action-buttons button.wdt-add-column,
499 .wpdt-c .column-settings .card-body .wdt-table-action-buttons button.wdt-remove-column,
500 .wpdt-c .column-settings .card-body .wdt-table-action-buttons button#wdt-open-columns-list {
501 padding: 8px 12px;
502 font-family: Inter;
503 font-style: normal;
504 font-weight: 500;
505 font-size: 14px;
506 line-height: 20px;
507 color: #304463;
508 background: #FFFFFF;
509 border: 1px solid #DFE1E6;
510 box-sizing: border-box;
511 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
512 border-radius: 5px;
513 }
514 .wpdt-c .column-settings .card-body .wdt-table-action-buttons button.wdt-add-formula-column {
515 background: #FFFFFF;
516 border: 1px solid #FFE8CC;
517 box-sizing: border-box;
518 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06);
519 border-radius: 5px;
520 }
521 .wpdt-c .column-settings .card-body .wdt-table-action-buttons button.wdt-add-column:hover {
522 background: linear-gradient(0deg, rgba(0, 140, 255, 0.13), rgba(0, 140, 255, 0.13)), #FFFFFF;
523 border: 1px solid rgba(0, 140, 255, 0.14);
524 box-sizing: border-box;
525 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
526 }
527 .wpdt-c .column-settings .card-body .wdt-table-action-buttons button.wdt-remove-column:hover,
528 .wpdt-c .column-settings .card-body .wdt-table-action-buttons button#wdt-open-columns-list:hover {
529 background: linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03)), #FFFFFF;
530 border: 1px solid #DFE1E6;
531 box-sizing: border-box;
532 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06);
533 }
534 .wpdt-c .column-settings .card-body .wdt-table-action-buttons button.wdt-add-formula-column:hover {
535 background: linear-gradient(0deg, rgba(255, 244, 230, 0.25), rgba(255, 244, 230, 0.25)), #FFFFFF;
536 border: 1px solid #FFA94D;
537 box-sizing: border-box;
538 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06);
539 }
540 .wpdt-c .column-settings .card-body .wdt-table-action-buttons button.wdt-add-column,
541 .wpdt-c .column-settings .card-body .wdt-table-action-buttons button.wdt-remove-column,
542 .wpdt-c .column-settings .card-body .wdt-table-action-buttons button.wdt-add-formula-column {
543 margin-right: 8px;
544 }
545 .wpdt-c .column-settings .card-body .wdt-table-action-buttons button.wdt-add-column i,
546 .wpdt-c .column-settings .card-body .wdt-table-action-buttons button.wdt-remove-column i,
547 .wpdt-c .column-settings .card-body .wdt-table-action-buttons button.wdt-add-formula-column i,
548 .wpdt-c .column-settings .card-body .wdt-table-action-buttons button#wdt-open-columns-list i {
549 margin-right: 8px;
550 }
551
552 .wpdt-c .column-settings .card-body .wdt-table-action-buttons button.wdt-add-column {
553 color: #091E6F;
554 background: linear-gradient(0deg, rgba(0, 140, 255, 0.08), rgba(0, 140, 255, 0.08)), #FFFFFF;
555 border: 1px solid rgba(0, 140, 255, 0.14);
556 }
557
558 .wpdt-c .column-settings .card-header button:not(.wdt-excel-view):not(.wdt-standard-view):not(.wdt-excel-view-selected):not(.wdt-standard-view-selected) {
559 height: 32px;
560 margin-left: 1px;
561 border-radius: 0;
562 opacity: 0.8;
563 }
564
565 .wpdt-c .column-settings .card-header button:hover {
566 opacity: 1;
567 }
568
569 .wpdt-c .column-settings .card-header button:first-of-type:not(.wdt-excel-view):not(.wdt-standard-view):not(.wdt-excel-view-selected):not(.wdt-standard-view-selected) {
570 border-top-right-radius: 2px;
571 border-bottom-right-radius: 2px;
572 }
573
574 .wpdt-c .column-settings .card-header button:last-of-type:not(.wdt-excel-view):not(.wdt-standard-view):not(.wdt-excel-view-selected):not(.wdt-standard-view-selected) {
575 border-top-left-radius: 2px;
576 border-bottom-left-radius: 2px;
577 }
578
579 .wpdt-c .column-settings .card-header button.wdt-add-column,
580 .wpdt-c .column-settings .card-header button.wdt-remove-column,
581 .wpdt-c .column-settings .card-header button#wdt-open-columns-list {
582 width: 38px;
583 }
584
585 .wpdt-c .column-settings .card-header button#wdt-open-columns-list i:before {
586 font-size: 20px;
587 }
588
589 .wpdt-c .column-settings .card-header button.wdt-add-column:after,
590 .wpdt-c .column-settings .card-header button.wdt-remove-column:after {
591 font-size: 15px;
592 }
593
594 .wpdt-c .wdt-table-settings .input-path-block .fg-line,
595 .wpdt-c .wdt-table-settings .input-nested-json-url-block .fg-line {
596 width: 75%;
597 }
598
599 .wpdt-c .wdt-table-settings .wdt-pf-cascade-filtering-logic-block .form-group {
600 margin-bottom: 0;
601 }
602
603
604 .wpdt-c .wdt-custom-number-input {
605 position: relative;
606 }
607 .wpdt-c .wdt-custom-number-input #wdt-auto-refresh {
608 text-align: center;
609 }
610 .wpdt-c .wdt-custom-number-input .wdt-btn-number:hover,
611 .wpdt-c .wdt-custom-number-input .wdt-btn-number:active,
612 .wpdt-c .wdt-custom-number-input .wdt-btn-number:visited,
613 .wpdt-c .wdt-custom-number-input .wdt-btn-number{
614 position: absolute;
615 height: 100%;
616 width: 40px;
617 border: 1px solid #D7D9E2;
618 color: #8796AF;
619 background: #F8F8FA;
620 }
621
622 .wpdt-c .wdt-custom-number-input .wdt-btn-number.wdt-button-minus{
623 left: 0;
624 top: 0;
625 height: 100%;
626 border: 1px solid #D7D9E2;
627 color: #8796AF;
628 background: #F8F8FA;
629 border-radius: 2px 0 0 2px;
630 }
631 .wpdt-c .wdt-custom-number-input .wdt-btn-number.wdt-button-plus{
632 right: 0;
633 top: 0;
634 height: 100%;
635 border: 1px solid #D7D9E2;
636 color: #8796AF;
637 background: #F8F8FA;
638 border-radius: 0 2px 2px 0;
639 }
640
641 .wpdt-c .wdt-simple-table-settings .tab-content {
642 padding: 0 !important;
643 }
644 .wpdt-c .wdt-simple-table-settings #edit-table-settings .btn.disabled{
645 opacity: 1;
646 color: #ced0d1 !important;
647 }
648 .wpdt-c .wdt-datatables-admin-wrap div.wpDataTableContainerSimpleTable,
649 .wpdt-c .wdt-datatables-admin-wrap div.wpDataTableContainerConfigSimpleTable{
650 position: relative;
651 margin: auto;
652 background: #fff;
653 text-align: center;
654 }
655 .wpdt-c .wdt-datatables-admin-wrap div.wpDataTableContainerConfigSimpleTable {
656 margin: 0;
657 padding: 0;
658 }
659
660 .wpdt-c .wdt-datatables-admin-wrap div.wpDataTableContainerSimpleTable {
661 margin-top: 0;
662 margin-bottom: 20px;
663 padding: 0;
664 }
665
666 .wpdt-c .wdt-datatables-admin-wrap .wpdt-row-flex {
667 margin: 20px 0;
668 display: flex;
669 flex-direction: column;
670 }
671 .wpdt-c .wdt-datatables-admin-wrap #wpdt-star-size,
672 .wpdt-c .wdt-datatables-admin-wrap #wpdt-star-number {
673 border-radius: 4px;
674 border: solid 1px #dcdfe6;
675 font-family: Roboto;
676 font-size: 14px;
677 font-weight: normal;
678 font-style: normal;
679 font-stretch: normal;
680 line-height: 1;
681 letter-spacing: normal;
682 color: #606266;
683 height: 36px !important;
684 }
685
686 .wpdt-c .wdt-datatables-admin-wrap div.wpDataTableContainerConfigSimpleTable {
687 justify-content: center;
688 margin-bottom: 10px;
689 }
690
691 .wpdt-c .wdt-datatables-admin-wrap .wpdt-actions-main-wrap {
692 border: 3px solid #eee;
693 }
694 .wpdt-c .wdt-datatables-admin-wrap .wpdt-manage-title,
695 .wpdt-c .wdt-datatables-admin-wrap .wpdt-cell-data-title {
696 text-align: center;
697 }
698
699 .wpdt-c .wdt-datatables-admin-wrap div.wpdt-cell-action-buttons .btn {
700 padding: 6px 8px;
701 font-size: 16px;
702 font-weight: 500;
703 text-transform: none !important;
704 min-width: 34px;
705 }
706
707 .wpdt-c .wdt-datatables-admin-wrap .wpdt-cell-actions-titles {
708 margin-top: 10px;
709 }
710
711 #wpdt-table-editor {
712 width: 100%;
713 z-index: 10;
714 }
715
716
717 .wpdt-c .wdt-datatables-admin-wrap div.wpDataTableContainerConfigSimpleTable .wpdtSimpleTable{
718 table-layout: fixed;
719 display: table;
720 border-collapse: collapse !important;
721 overflow-x: auto;
722 overflow-y: hidden;
723 min-width: 1000px;
724 width: 100%;
725 }
726 .wpdt-c .wdt-datatables-admin-wrap div.wpDataTableContainerConfigSimpleTable#wpdatatable-preview-container{
727 max-width: 1200px;
728 overflow: auto;
729 }
730
731
732 .wpdt-c .wdt-datatables-admin-wrap div.wpDataTableContainerConfigSimpleTable .wpdtSimpleTable td {
733 padding: 25px;
734 position: relative;
735 }
736
737 .wpdt-c .wdt-datatables-admin-wrap div.wpDataTableContainerSimpleTable .wpdtSimpleTable td img {
738 max-width: 100%;
739 height: auto;
740 }
741
742 .wpdt-c .wdt-datatables-admin-wrap div.wpDataTableContainerSimpleTable .wpdtSimpleTable td.selected {
743 border: 1px solid royalblue;
744 }
745
746 .wpdt-c .wdt-datatables-admin-wrap div.wpDataTableContainerConfigSimpleTable .wpdtSimpleTable td.wpdt-cell {
747 width: 150px;
748 border: 1px dashed #969fa6;
749
750 }
751
752 .wpdt-c .wdt-datatables-admin-wrap div.wpDataTableContainerConfigSimpleTable .wpdtSimpleTable td.wpdt-cell input {
753 width: 100%;
754 }
755
756
757 .wpdt-c .wdt-datatables-admin-wrap #wpdt-cell-action-buttons button:active,
758 .wpdt-c .wdt-datatables-admin-wrap #wpdt-table-action-buttons button:active,
759 .wpdt-c .wdt-datatables-admin-wrap #wpdt-cell-action-buttons button:focus,
760 .wpdt-c .wdt-datatables-admin-wrap #wpdt-table-action-buttons button:focus,
761 .wpdt-c .wdt-datatables-admin-wrap #wpdt-cell-action-buttons button,
762 .wpdt-c .wdt-datatables-admin-wrap #wpdt-table-action-buttons button {
763 color: #5f6368 !important;
764 background-color: #FFFFFF !important;
765 }
766
767 .wpdt-c .wdt-datatables-admin-wrap #wpdt-cell-action-buttons button.selected,
768 .wpdt-c .wdt-datatables-admin-wrap #wpdt-cell-action-buttons button:hover:not(.disabled),
769 .wpdt-c .wdt-datatables-admin-wrap #wpdt-table-action-buttons button:hover:not(.disabled) {
770 color: #FFFFFF !important;
771 background-color: #5f6368 !important;
772 }
773
774 .wpdt-c #wdt-cell-modal .modal-body input {
775 width: 100%;
776 display: block;
777 }
778 .wpdt-c .wdt-datatables-admin-wrap #wpdt-cell-action-buttons {
779 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
780 border-radius: 4px;
781 width: fit-content;
782 }
783 .wpdt-c .wdt-datatables-admin-wrap div.wpdt-cell-action-buttons {
784 display: inline-block;
785 }
786 .wpdt-c #wpdt-align-button, #wpdt-valign-button{
787 position: relative;
788 }
789 .wpdt-c #wpdt-row-button, #wpdt-column-button {
790 position: relative;
791 padding: 6px 4px;
792 }
793 .wpdt-c #wpdt-cell-action-buttons .btn-separator,
794 .wpdt-c #wpdt-table-action-buttons .btn-separator {
795 border-left: 1px solid #dadce0;
796 margin: 5px 0;
797 user-select: none;
798 vertical-align: top;
799 line-height: normal;
800 list-style: none;
801 outline: none;
802 overflow: hidden;
803 padding: 0;
804 text-decoration: none;
805 width: 0;
806 position: relative;
807 display: -moz-inline-box;
808 display: inline-block;
809 }
810 .wpdt-c #wpdt-cell-action-buttons .btn-separator {
811 height: 26px;
812 }
813 .wpdt-c #wpdt-expand-buttons,
814 .wpdt-c #wpdt-table-action-buttons{
815 display: inline-block;
816 }
817 .wpdt-c #wpdt-expand-wrap-buttons,
818 .wpdt-c #wpdt-expand-align-buttons,
819 .wpdt-c #wpdt-expand-valign-buttons,
820 .wpdt-c #wpdt-column-action-buttons,
821 .wpdt-c #wpdt-row-action-buttons{
822 position: relative;
823 display: inline-block;
824 }
825 .wpdt-c #wpdt-table-action-buttons *:after{
826 font-size: 16px;
827 }
828 .wpdt-c #wpdt-column-actions, .wpdt-c #wpdt-row-actions,
829 .wpdt-c #wpdt-align-buttons, .wpdt-c #wpdt-valign-buttons,
830 .wpdt-c #wpdt-wrap-buttons{
831 position: absolute;
832 z-index: 10000;
833 background-color: #fff;
834 border: 1px solid transparent;
835 border-radius: 4px;
836 box-shadow: 0 2px 6px 2px rgba(60,64,67,.15);
837 transition: opacity 0.218s;
838 cursor: default;
839 font-size: 13px;
840 margin: 0;
841 outline: none;
842 }
843 .wpdt-c #wpdt-align-buttons {
844 height: 35px;
845 width: 149px;
846 }
847 .wpdt-c #wpdt-valign-buttons,
848 .wpdt-c #wpdt-wrap-buttons{
849 height: 35px;
850 width: 112px;
851 }
852 .wpdt-c #wpdt-column-actions, .wpdt-c #wpdt-row-actions{
853 width: 187px;
854 height: 35px;
855 }
856 .wpdt-c #wpdt-wrap-buttons .btn,
857 .wpdt-c #wpdt-align-buttons .btn,
858 .wpdt-c #wpdt-valign-buttons .btn,
859 .wpdt-c #wpdt-column-actions .btn,
860 .wpdt-c #wpdt-row-actions .btn{
861 z-index: 10001;
862 margin: 0;
863 }
864
865
866 .wpdt-c #wpdt-text-color,
867 .wpdt-c #wpdt-background-color {
868 position: relative;
869 border-bottom: 5px solid transparent;
870 border-radius: 3px 3px 0 0 !important;
871 }
872 .wpdt-c #wpdt-text-color {
873 border-bottom-color: #000;
874 }
875 .wpdt-c #wpdt-background-color {
876 border-bottom-color: #FFF;
877 }
878 .wpdt-c #wpdt-background-color span {
879 background:#FFF;
880 }
881 .wpdt-c #wpdt-text-color span {
882 background: #000;
883 }
884
885 .wpdt-c #wpdt-align-button,
886 .wpdt-c #wpdt-valign-button,
887 .wpdt-c #wpdt-wrap-button{
888 position: relative;
889 padding: 6px 16px 6px 6px;
890 }
891 .wpdt-c #wpdt-align-button .wpdt-icon-sort-down,
892 .wpdt-c #wpdt-valign-button .wpdt-icon-sort-down,
893 .wpdt-c #wpdt-wrap-button .wpdt-icon-sort-down{
894 position: absolute;
895 right: 3px;
896 font-size: 13px;
897 top: 9px;
898 }
899 .wpdt-c #wdt-backend-html-modal .mce-container iframe {
900 border: 1px solid #eee;
901 }
902 .wpdt-c #wdt-backend-html-modal .mce-container iframe {
903 border: 1px solid #eee;
904 }
905 .wpdt-c #wdt-backend-link-modal .modal-dialog,
906 .wpdt-c #wdt-backend-html-modal .modal-dialog{
907 width: 500px !important;
908 }
909 .wpdt-c #wdt-backend-link-modal .modal-dialog .form-group {
910 margin-bottom: 15px !important;
911 }
912 .wpdt-c #wdt-backend-shortcode-modal .modal-dialog .modal-content .modal-header,
913 .wpdt-c #wdt-backend-star-modal .modal-dialog .modal-content .modal-header,
914 .wpdt-c #wdt-backend-html-modal .modal-dialog .modal-content .modal-header,
915 .wpdt-c #wdt-backend-link-modal .modal-dialog .modal-content .modal-header {
916 border-bottom: 1px solid #ebeef5;
917 margin-bottom: 20px;
918 padding: 23px 20px;
919 }
920 .wpdt-c #wdt-backend-insert-shortcode-button,
921 .wpdt-c #wdt-backend-insert-star-button,
922 .wpdt-c #wdt-backend-insert-html-button,
923 .wpdt-c #wdt-backend-insert-link-button,
924 .wpdt-c .wdt-backend-close-modal-button {
925 font-family: Inter;
926 font-style: normal;
927 font-weight: 500;
928 font-size: 14px;
929 line-height: 20px;
930 padding: 8px 16px;
931 border-radius: 5px;
932 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06) !important;
933 }
934 .wpdt-c #wdt-backend-insert-html-button,
935 .wpdt-c #wdt-backend-insert-shortcode-button,
936 .wpdt-c #wdt-backend-insert-star-button,
937 .wpdt-c #wdt-backend-insert-link-button {
938 background-color: #008CFF;
939 color: #FFF;
940 }
941 .wpdt-c .wdt-backend-close-modal-button {
942 background-color: #E03131;
943 }
944 .wpdt-c .wpdt-modals .error-msg{
945 color: #dc3545;
946 }
947 .wpdt-c .wpdt-modals .error-border{
948 border:1px solid #dc3545 !important;
949 }
950 .wpdt-c #wdt-backend-insert-shortcode-button i,
951 .wpdt-c #wdt-backend-insert-star-button i,
952 .wpdt-c #wdt-backend-insert-html-button i,
953 .wpdt-c #wdt-backend-insert-link-button i,
954 .wpdt-c .wdt-backend-close-modal-button i {
955 margin-right: 8px;
956 vertical-align: baseline;
957 }
958
959 .wpdt-c #wdt-backend-link-modal .modal-dialog .modal-content .modal-body input:not([type="checkbox"]) {
960 border-radius: 4px;
961 border: solid 1px #dcdfe6;
962 font-family: Roboto;
963 font-size: 14px;
964 font-weight: normal;
965 font-style: normal;
966 font-stretch: normal;
967 line-height: 1;
968 letter-spacing: normal;
969 color: #606266;
970 height: 36px !important;
971 width: 100% !important;
972 padding: 11px 13px !important;
973 }
974 .wpdt-c #wdt-backend-shortcode-modal .modal-dialog .modal-content .modal-body textarea {
975 border-radius: 4px;
976 border: solid 1px #dcdfe6;
977 width: 100%;
978 padding: 11px 15px;
979 font-size: 16px;
980 resize: none;
981 }
982 .wpdt-c #wdt-backend-shortcode-modal .modal-dialog .modal-content .modal-body label,
983 .wpdt-c #wdt-backend-html-modal .modal-dialog .modal-content .modal-body label,
984 .wpdt-c #wdt-backend-link-modal .modal-dialog .modal-content .modal-body label,
985 .wpdt-c #wdt-backend-star-modal .modal-dialog .modal-content .modal-body label {
986 font-size: 16px;
987 }
988 .wpdt-c #wdt-backend-shortcode-modal .modal-dialog .modal-content .modal-body textarea:focus {
989 box-shadow: none;
990 }
991
992 @media (max-width: 768px) {
993
994 .wpdt-c .wdt-datatables-admin-wrap div.column-settings-panel {
995 width: 100% !important;
996 max-width: 100% !important;
997 }
998 }
999 @media (max-width: 480px) {
1000
1001 .wpdt-c #wpdt-cell-action-buttons .btn.btn-primary {
1002 width: auto !important;
1003 }
1004
1005 }