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 / browse.css

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

557 lines 16.0 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
3
4 @font-face {
5 font-family: 'wpDataTablesIcons' !important;
6 src: url(../../fonts/wpDataTablesIcons.eot);
7 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');
8 }
9 .wdt-datatables-admin-wrap .card.wdt-browse-table {
10 font-family: Inter;
11 }
12
13 .wdt-datatables-admin-wrap .card.wdt-browse-table div.wpdt-bulk-select {
14 display: none;
15 }
16
17 /* Common elements */
18 .wdt-datatables-admin-wrap .card.wdt-browse-table .btn {
19 box-shadow: none;
20 }
21
22 /* Card header */
23 .wdt-datatables-admin-wrap .card.wdt-browse-table .card-header .actions .wdt-add-new {
24 font-size: 14px;
25 padding: 8px 16px;
26 background: #008CFF;
27 border-radius: 5px;
28 font-family: Inter;
29 font-style: normal;
30 font-weight: 500;
31 line-height: 20px;
32 text-transform: none;
33 }
34 .wdt-datatables-admin-wrap .card.wdt-browse-table .card-header .actions .wdt-add-new:hover {
35 background: #0B86EC;
36 }
37 .wdt-datatables-admin-wrap .card.wdt-browse-table .card-header .actions .wdt-add-new i {
38 margin-right: 4px;
39 }
40
41 /* Browse table */
42 .wdt-datatables-admin-wrap .card.wdt-browse-table .widefat td, .wdt-datatables-admin-wrap .card.wdt-browse-table .widefat th {
43 font-style: normal;
44 font-weight: 500;
45 font-size: 13px;
46 line-height: 20px;
47 color: #5A6C89;
48 border: none;
49 margin: 5px 0;
50 vertical-align: middle;
51 }
52
53 .wdt-datatables-admin-wrap .card.wdt-browse-table .widefat td.id.column-id {
54 color: #000000;
55 }
56 .wdt-datatables-admin-wrap .card.wdt-browse-table .wdt-function-flex {
57 display: flex;
58 justify-content: flex-end;
59 }
60
61 .wdt-datatables-admin-wrap .card.wdt-browse-table .widefat td.functions.column-functions {
62 text-align: center;
63 padding-top: 12px;
64 }
65
66 .wdt-datatables-admin-wrap .card.wdt-browse-table table {
67 border: 0;
68 }
69
70 .wdt-datatables-admin-wrap .card.wdt-browse-table table a:not(.wdt-copy-shortcode-browse) {
71 font-family: Inter;
72 font-style: normal;
73 font-weight: normal;
74 font-size: 13px;
75 line-height: 20px;
76 color: #008CFF;
77 }
78
79 .wdt-datatables-admin-wrap .card.wdt-browse-table table a.wdt-copy-shortcode-browse {
80 color: #304463;
81 cursor: pointer;
82 font-style: normal;
83 font-weight: normal;
84 font-size: 12px;
85 line-height: 20px;
86 }
87
88 .wdt-datatables-admin-wrap .card.wdt-browse-table table .no-items td {
89 padding: 20px 0 20px 30px;
90 text-align: center;
91 }
92
93 .wdt-datatables-admin-wrap .card.wdt-browse-table table a:focus {
94 box-shadow: none;
95 }
96
97 .wdt-datatables-admin-wrap .card.wdt-browse-table table th {
98 border-right: 0 !important
99 }
100
101 .wdt-datatables-admin-wrap .card.wdt-browse-table table th#id {
102 width: 5%;
103 }
104
105 .wdt-datatables-admin-wrap .card.wdt-browse-table table thead tr th a span {
106 font-style: normal;
107 font-weight: 500;
108 font-size: 13px;
109 line-height: 20px;
110 color: #5A6C89;
111 }
112
113 .wdt-datatables-admin-wrap .card.wdt-browse-table table thead th {
114 background: #F8F8FA;
115 }
116
117 .wdt-datatables-admin-wrap .card.wdt-browse-table table thead th .sorting-indicator {
118 position: relative;
119 }
120
121 .wdt-datatables-admin-wrap .card.wdt-browse-table table thead th.sorted .sorting-indicator:before {
122 color: #5A6C89;
123 }
124 .wdt-datatables-admin-wrap .card.wdt-browse-table table thead th.sorted.desc .sorting-indicator:before,
125 .wdt-datatables-admin-wrap .card.wdt-browse-table table thead th.sorted.asc:hover .sorting-indicator:before,
126 .wdt-datatables-admin-wrap .card.wdt-browse-table table thead th.sortable .sorting-indicator:before {
127 position: absolute;
128 font-size: 15px;
129 left: 0;
130 top: -3px;
131 }
132 .wdt-datatables-admin-wrap .card.wdt-browse-table table thead th.sorted.desc:hover .sorting-indicator:before,
133 .wdt-datatables-admin-wrap .card.wdt-browse-table table thead th.sorted.asc .sorting-indicator:before {
134 top: -3px;
135 left: 0;
136 position: absolute;
137 font-size: 15px;
138 }
139
140 .wdt-datatables-admin-wrap .card.wdt-browse-table table thead th.sorted.desc .sorting-indicator:before {
141 font-family: "wpDataTablesIcons";
142 content: "\f0dd";
143 }
144
145 .wdt-datatables-admin-wrap .card.wdt-browse-table table thead th.sorted.asc .sorting-indicator:before {
146 font-family: "wpDataTablesIcons";
147 content: "\f0e1";
148 }
149
150 .wdt-datatables-admin-wrap .card.wdt-browse-table table thead th.sorted.desc:hover .sorting-indicator:before {
151 font-family: "wpDataTablesIcons";
152 content: "\f0e1";
153 }
154
155 .wdt-datatables-admin-wrap .card.wdt-browse-table table thead th.sorted.asc:hover .sorting-indicator:before {
156 font-family: "wpDataTablesIcons";
157 content: "\f0dd";
158 }
159
160 .wdt-datatables-admin-wrap .card.wdt-browse-table table thead th.sortable .sorting-indicator:before {
161 color: #5A6C89;
162 font-family: "wpDataTablesIcons";
163 opacity: 0.4;
164 content: '\f0e1';
165 }
166
167 .wdt-datatables-admin-wrap .card.wdt-browse-table table thead th .sorting-indicator {
168 visibility: visible !important;
169 }
170
171 .wdt-datatables-admin-wrap .card.wdt-browse-table table tbody tr {
172 border-top: 1px solid #F3F3FA;
173 }
174
175 .wdt-datatables-admin-wrap .card.wdt-browse-table table tbody tr:last-child {
176 border-bottom: none;
177 }
178
179 .wdt-datatables-admin-wrap .card.wdt-browse-table table tbody > :nth-child(odd) {
180 background-color: #ffffff;
181 }
182
183 .wdt-datatables-admin-wrap .card.wdt-browse-table table tbody tr.checked-row {
184 background-color: rgba(0, 140, 255, 0.06);
185 border-bottom: 1px solid rgba(0, 140, 255, 0.2) !important;
186 border-top: 1px solid rgba(0, 140, 255, 0.2) !important;
187 }
188
189 .wdt-datatables-admin-wrap .card.wdt-browse-table table tbody tr.checked-row .column-functions a i {
190 display: none;
191 }
192
193 .wdt-datatables-admin-wrap .card.wdt-browse-table table td.check-column {
194 width: 55px;
195 background: #F8F8FA;
196 }
197
198 .wdt-datatables-admin-wrap .card.wdt-browse-table table .check-column .checkbox {
199 margin: -5px 0 4px 27px;
200 }
201
202 .wdt-datatables-admin-wrap .card.wdt-browse-table table .check-column .checkbox input[type="checkbox"] {
203 position: relative;
204 }
205
206 .wdt-datatables-admin-wrap .card.wdt-browse-table table .check-column .checkbox .input-helper:after {
207 top: -2px;
208 }
209
210 .wdt-datatables-admin-wrap .card.wdt-browse-table table .check-column .checkbox .input-helper:before {
211 top: -3px;
212 }
213
214 .wdt-datatables-admin-wrap .card.wdt-browse-table table .check-column .checkbox input[type="checkbox"] {
215 margin-top: 0;
216 }
217
218 .wdt-datatables-admin-wrap .card.wdt-browse-table table #cb .checkbox input[type="checkbox"] {
219 margin-top: 4px;
220 }
221
222 .wdt-datatables-admin-wrap .card.wdt-browse-table table #cb .checkbox .input-helper:after,
223 .wdt-datatables-admin-wrap .card.wdt-browse-table table #cb .checkbox .input-helper:before {
224 top: 0;
225 }
226
227 .wdt-datatables-admin-wrap .card.wdt-browse-table table #cb .checkbox {
228 margin: -2px 0 0 27px;
229 }
230
231 .wdt-datatables-admin-wrap .card.wdt-browse-table table td.table_type,
232 .wdt-datatables-admin-wrap .card.wdt-browse-table table td.connection,
233 .wdt-datatables-admin-wrap .card.wdt-browse-table table td.shortcode,
234 .wdt-datatables-admin-wrap .card.wdt-browse-table table td.engine,
235 .wdt-datatables-admin-wrap .card.wdt-browse-table table td.type {
236 padding: 18px 10px;
237 }
238
239 .wdt-datatables-admin-wrap .card.wdt-browse-table table td.shortcode {
240 display: flex;
241 width: inherit !important;
242 }
243
244 .wdt-datatables-admin-wrap .card.wdt-browse-table table td.shortcode i {
245 padding: 4px 7px;
246 line-height: 20px;
247 background: #EBECF0;
248 border-radius: 3px 0 0 3px;
249 }
250
251 .wdt-datatables-admin-wrap .card.wdt-browse-table table td.table_type span.wpdt-type-column,
252 .wdt-datatables-admin-wrap .card.wdt-browse-table table td.shortcode span.wdt-shortcode,
253 .wdt-datatables-admin-wrap .card.wdt-browse-table table td.engine span.wdt-render-engine{
254 padding: 4px 8px;
255 color: #172B4D;
256 background: #FAFBFC;
257 border: 1px solid #DFE1E6;
258 box-sizing: border-box;
259 border-radius: 3px;
260 font-style: normal;
261 font-weight: 600;
262 font-size: 12px;
263 line-height: 20px;
264 }
265 .wdt-datatables-admin-wrap .card.wdt-browse-table table td.connection span.wpdt-type-column,
266 .wdt-datatables-admin-wrap .card.wdt-browse-table table td.type span.wdt-chart-type{
267 padding: 2px 6px;
268 color: #061938;
269 box-sizing: border-box;
270 font-style: normal;
271 font-weight: normal;
272 font-size: 13px;
273 line-height: 20px;
274 }
275
276 .wdt-datatables-admin-wrap .card.wdt-browse-table table td.shortcode span.wdt-shortcode {
277 background: #F4F5F7;
278 border-radius: 0 3px 3px 0;
279 padding: 4px 8px;
280 border: none;
281 font-weight: normal;
282 }
283
284 .wdt-datatables-admin-wrap .card.wdt-browse-table table .column-functions .btn {
285 margin: 3px 0 0 0;
286 }
287
288 .wdt-datatables-admin-wrap .card.wdt-browse-table table .column-functions a {
289 line-height: 40px;
290 display: inline-block;
291 position: relative;
292 font-size: 20px;
293 color: #304463;
294 width:36px;
295 height: 36px;
296 }
297
298
299
300 .wdt-datatables-admin-wrap .card.wdt-browse-table table tr:hover > .column-functions a:hover {
301 background: #FFFFFF;
302 border-radius: 28px;
303 }
304 .wdt-datatables-admin-wrap .card.wdt-browse-table table tr.checked-row:hover > .column-functions a {
305 display: none;
306 }
307 .wdt-datatables-admin-wrap .card.wdt-browse-table table tr:hover > .column-functions a.wdt-configure {
308 color: #4CAF50;
309 }
310
311 .wdt-datatables-admin-wrap .card.wdt-browse-table table tr .column-functions a i {
312 font-size: 15px;
313 color: #ffffff;
314 position: absolute;
315 left: 11px;
316 top: 10px;
317 }
318
319 .wdt-datatables-admin-wrap .card.wdt-browse-table table tr:hover {
320 background: #F8F8FA;
321 }
322
323 .wdt-datatables-admin-wrap .card.wdt-browse-table table tr:hover > .column-functions a i {
324 color: #304463;
325 }
326
327 /* Search box and bulk actions list */
328 .wdt-datatables-admin-wrap .card.wdt-browse-table .wpdt-search-box {
329 padding: 16px 0 16px 0;
330 }
331
332 .wdt-datatables-admin-wrap .card.wdt-browse-table .wpdt-search-box .fg-line {
333 position: relative;
334 }
335
336 .wdt-datatables-admin-wrap .card.wdt-browse-table .wpdt-search-box i {
337 position: absolute;
338 top: 11px;
339 left: 10px;
340 color: #091E6F;
341 }
342
343 .wdt-datatables-admin-wrap .card.wdt-browse-table .wpdt-search-box input {
344 background: #FFFFFF;
345 border: 1px solid #DBDFEA;
346 box-sizing: border-box;
347 box-shadow: 0 0.5px 2px rgba(15, 30, 81, 0.11);
348 border-radius: 4px;
349 margin: 0;
350 padding: 8px 0 8px 30px;
351 min-width: 300px;
352 }
353
354 .wdt-datatables-admin-wrap .card.wdt-browse-table .wpdt-bulk-select span.filter-option {
355 font-size: 14px;
356 }
357
358 .wdt-datatables-admin-wrap .card.wdt-browse-table .search-box-container .btn-icon,
359 .wdt-datatables-admin-wrap .card.wdt-browse-table .bulk-action-container .btn-icon {
360 position: absolute;
361 top: 5px;
362 right: 0;
363 }
364
365 .wdt-datatables-admin-wrap .card.wdt-browse-table #doaction {
366 padding: 6px 10px;
367 background: #FFFFFF;
368 border: 1px solid #EBECF0;
369 box-sizing: border-box;
370 border-radius: 4px;
371 font-family: Inter;
372 font-style: normal;
373 font-weight: 500;
374 font-size: 13px;
375 line-height: 20px;
376 color: #061938;
377 margin: 4px 0 0 0;
378 }
379
380 .wdt-datatables-admin-wrap .card.wdt-browse-table #doaction:hover {
381 background: linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03)), #FFFFFF;
382 border: 1px solid #DFE1E6;
383 box-sizing: border-box;
384 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
385 }
386 .wdt-datatables-admin-wrap .card.wdt-browse-table #doaction.disabled:hover,
387 .wdt-datatables-admin-wrap .card.wdt-browse-table #doaction.disabled {
388 cursor: not-allowed;
389 background: #FFFFFF;
390 opacity: 0.5;
391 border: 1px solid #DFE1E6;
392 box-sizing: border-box;
393 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
394 color: #253858;
395 border-radius: 5px;
396 }
397
398 .wdt-datatables-admin-wrap .card.wdt-browse-table .bulk-action-button i {
399 margin-right: 8px;
400 color: #304463;
401 }
402
403 .wdt-datatables-admin-wrap .card.wdt-browse-table .bulk-action-button:hover,
404 .wdt-datatables-admin-wrap .card.wdt-browse-table .bulk-action-button:active {
405 color: #061938;
406 }
407
408 .wdt-datatables-admin-wrap .card.wdt-browse-table #search-submit {
409 position: absolute;
410 top: 9px;
411 right: 25px;
412 border: 0;
413 background-color: inherit;
414 }
415
416 .wdt-datatables-admin-wrap .card.wdt-browse-table #search-submit i {
417 font-size: 25px;
418 color: #cdcdcd;
419 }
420
421 .wdt-datatables-admin-wrap .card.wdt-browse-table #search-submit:hover i,
422 .wdt-datatables-admin-wrap .card.wdt-browse-table #search-submit:active i {
423 color: #2196f3 !important;
424 }
425
426 /* Duplicate table dialog */
427 #wdt-duplicate-table-modal .duplicate-explain-trigger {
428 cursor: pointer;
429 font-size: 17px;
430 vertical-align: middle;
431 }
432
433 #wdt-duplicate-table-modal .duplicate-table-label {
434 margin: 0;
435 }
436
437 .wdt-datatables-admin-wrap .card.wdt-browse-table .wdt-documentation {
438 margin: 18px 0 18px 0;
439 color: #253858;
440 font-style: normal;
441 font-size: 14px;
442 line-height: 20px;
443 }
444
445 .wdt-datatables-admin-wrap .card.wdt-browse-table .wdt-documentation i {
446 margin-right: 8px;
447 color: #253858;
448 }
449
450 /* Browse page pagination */
451 .wdt-datatables-admin-wrap .card.wdt-browse-table .pagination {
452 margin: 18px 0 18px 0;
453 display: inline-flex;
454 }
455
456 .wdt-datatables-admin-wrap .card.wdt-browse-table .pagination > li {
457 margin: 0;
458 }
459
460 .wdt-datatables-admin-wrap .card.wdt-browse-table .pagination > li.disabled {
461 opacity: 1;
462 }
463
464 .wdt-datatables-admin-wrap .card.wdt-browse-table .pagination > li > a {
465 background-color: #ffffff;
466 border-radius: 0;
467 color: #5A6C89;
468 height: 30px;
469 line-height: 30px;
470 width: 30px;
471 }
472
473 .wdt-datatables-admin-wrap .card.wdt-browse-table .pagination > li.active > a {
474 background: #008CFF;
475 border-radius: 3px;
476 color: #ffffff;
477 }
478
479 .wdt-datatables-admin-wrap .card.wdt-browse-table .pagination > li.disabled > a {
480 color: #c7c7c7;
481 }
482
483 .wdt-datatables-admin-wrap .card.wdt-browse-table .pagination > li > a:focus {
484 box-shadow: none;
485 }
486
487 .wdt-datatables-admin-wrap .card.wdt-browse-table .pagination > li:first-child > a {
488 border-top-left-radius: 4px;
489 border-bottom-left-radius: 4px;
490 }
491
492 .wdt-datatables-admin-wrap .card.wdt-browse-table .pagination > li:last-child > a {
493 border-top-right-radius: 4px;
494 border-bottom-right-radius: 4px;
495 }
496
497 .wdt-datatables-admin-wrap .card.wdt-browse-table .pagination > li > a > i,
498 .wdt-datatables-admin-wrap .card.wdt-browse-table .pagination > li.ellipses-dots {
499 font-size: 17px;
500 width: 30px;
501 line-height: 30px;
502 height: 30px;
503 text-align: center;
504 }
505
506 .wdt-datatables-admin-wrap .card.wdt-browse-table .pagination > li.ellipses-dots {
507 color: #777777;
508 }
509
510 .wdt-datatables-admin-wrap .card.wdt-browse-table .pagination > li a:before {
511 font-size: 15px;
512 }
513
514 .wdt-datatables-admin-wrap .card.wdt-browse-table .pagination > li.previous.first a:before {
515 font-family: wpDataTablesIcons;
516 content: "\f100";
517 }
518
519 .wdt-datatables-admin-wrap .card.wdt-browse-table .pagination > li.previous a:before {
520 font-family: wpDataTablesIcons;
521 content: "\f104";
522 }
523
524 .wdt-datatables-admin-wrap .card.wdt-browse-table .pagination > li.next.last a:before {
525 font-family: wpDataTablesIcons;
526 content: "\f101";
527 }
528
529 .wdt-datatables-admin-wrap .card.wdt-browse-table .pagination > li.next a:before {
530 font-family: wpDataTablesIcons;
531 content: "\f105";
532 }
533 @media(max-width:750px) {
534 .wdt-datatables-admin-wrap .card.wdt-browse-table table td.check-column {
535 width: 1px;
536 }
537 .wdt-datatables-admin-wrap .card.wdt-browse-table .wpdt-search-box input {
538 min-width: 200px;
539 }
540 .wdt-datatables-admin-wrap .card.wdt-browse-table .tablenav{
541 padding-top: 0px;
542 }
543 .wdt-datatables-admin-wrap .card.wdt-browse-table .tablenav.top {
544 margin: 10px 0 5px 0;
545 }
546 .wdt-datatables-admin-wrap .card.wdt-browse-table #doaction {
547 padding: 10px;
548 }
549 .wpdt-c .wdt-datatables-admin-wrap .card.wdt-browse-table .pull-left,
550 .wpdt-c .wdt-datatables-admin-wrap .card.wdt-browse-table .pull-right {
551 float: none !important;
552 text-align: center;
553 }
554 .wpdt-c .wdt-datatables-admin-wrap .card.wdt-browse-table .search-box-container {
555 float: right !important;
556 }
557 }