Diff: STRATO-apps/wordpress_03/app/wp-admin/css/list-tables-rtl.css

Keine Baseline-Datei – Diff nur gegen leer.
Zur Liste
1 -
1 + /*! This file is auto-generated */
2 + .response-links {
3 + display: block;
4 + margin-bottom: 1em;
5 + }
6 +
7 + .response-links a {
8 + display: block;
9 + }
10 +
11 + .response-links a.comments-edit-item-link {
12 + font-weight: 600;
13 + }
14 +
15 + .response-links a.comments-view-item-link {
16 + font-size: 12px;
17 + }
18 +
19 + .post-com-count-wrapper strong {
20 + font-weight: 400;
21 + }
22 +
23 + .comments-view-item-link {
24 + display: inline-block;
25 + clear: both;
26 + }
27 +
28 + .column-response .post-com-count-wrapper,
29 + .column-comments .post-com-count-wrapper {
30 + white-space: nowrap;
31 + word-wrap: normal;
32 + }
33 +
34 + /* comments bubble common */
35 + .column-response .post-com-count,
36 + .column-comments .post-com-count {
37 + display: inline-block;
38 + vertical-align: top;
39 + }
40 +
41 + /* comments bubble approved */
42 + .column-response .post-com-count-no-comments,
43 + .column-response .post-com-count-approved,
44 + .column-comments .post-com-count-no-comments,
45 + .column-comments .post-com-count-approved {
46 + margin-top: 5px;
47 + }
48 +
49 + .column-response .comment-count-no-comments,
50 + .column-response .comment-count-approved,
51 + .column-comments .comment-count-no-comments,
52 + .column-comments .comment-count-approved {
53 + box-sizing: border-box;
54 + display: block;
55 + padding: 0 8px;
56 + min-width: 24px;
57 + height: 2em;
58 + border-radius: 5px;
59 + background-color: #646970;
60 + color: #fff;
61 + font-size: 11px;
62 + line-height: 1.90909090;
63 + text-align: center;
64 + }
65 +
66 + .column-response .post-com-count-no-comments:after,
67 + .column-response .post-com-count-approved:after,
68 + .column-comments .post-com-count-no-comments:after,
69 + .column-comments .post-com-count-approved:after {
70 + content: "";
71 + display: block;
72 + margin-right: 8px;
73 + width: 0;
74 + height: 0;
75 + border-top: 5px solid #646970;
76 + border-left: 5px solid transparent;
77 + }
78 +
79 + .column-response a.post-com-count-approved:hover .comment-count-approved,
80 + .column-response a.post-com-count-approved:focus .comment-count-approved,
81 + .column-comments a.post-com-count-approved:hover .comment-count-approved,
82 + .column-comments a.post-com-count-approved:focus .comment-count-approved {
83 + background: #2271b1;
84 + }
85 +
86 + .column-response a.post-com-count-approved:hover:after,
87 + .column-response a.post-com-count-approved:focus:after,
88 + .column-comments a.post-com-count-approved:hover:after,
89 + .column-comments a.post-com-count-approved:focus:after {
90 + border-top-color: #2271b1;
91 + }
92 +
93 + /* @todo: consider to use a single rule for these counters and the admin menu counters. */
94 + .column-response .post-com-count-pending,
95 + .column-comments .post-com-count-pending {
96 + position: relative;
97 + right: -3px;
98 + padding: 0 5px;
99 + min-width: 7px;
100 + height: 17px;
101 + border: 2px solid #fff;
102 + border-radius: 11px;
103 + background: #d63638;
104 + color: #fff;
105 + font-size: 9px;
106 + line-height: 1.88888888;
107 + text-align: center;
108 + }
109 +
110 + .column-response .post-com-count-no-pending,
111 + .column-comments .post-com-count-no-pending {
112 + display: none;
113 + }
114 +
115 + /* comments */
116 +
117 + .commentlist li {
118 + padding: 1em 1em .2em;
119 + margin: 0;
120 + border-bottom: 1px solid #c3c4c7;
121 + }
122 +
123 + .commentlist li li {
124 + border-bottom: 0;
125 + padding: 0;
126 + }
127 +
128 + .commentlist p {
129 + padding: 0;
130 + margin: 0 0 .8em;
131 + }
132 +
133 + #submitted-on,
134 + .submitted-on {
135 + color: #50575e;
136 + }
137 +
138 + /* reply to comments */
139 + #replyrow td {
140 + padding: 2px;
141 + }
142 +
143 + #replysubmit {
144 + margin: 0;
145 + padding: 5px 7px 10px;
146 + overflow: hidden;
147 + }
148 +
149 + #replysubmit .reply-submit-buttons {
150 + margin-bottom: 0;
151 + }
152 +
153 + #replysubmit .button {
154 + margin-left: 5px;
155 + }
156 +
157 + #replysubmit .spinner {
158 + float: none;
159 + margin: -4px 0 0;
160 + }
161 +
162 + #replyrow.inline-edit-row fieldset.comment-reply {
163 + font-size: inherit;
164 + line-height: inherit;
165 + }
166 +
167 + #replyrow legend {
168 + margin: 0;
169 + padding: .2em 5px 0;
170 + font-size: 13px;
171 + line-height: 1.4;
172 + font-weight: 600;
173 + }
174 +
175 + #replyrow.inline-edit-row label {
176 + display: inline;
177 + vertical-align: baseline;
178 + line-height: inherit;
179 + }
180 +
181 + #edithead .inside,
182 + #commentsdiv #edithead .inside {
183 + float: right;
184 + padding: 3px 5px 2px 0;
185 + margin: 0;
186 + text-align: center;
187 + }
188 +
189 + #edithead .inside input {
190 + width: 180px;
191 + }
192 +
193 + #edithead label {
194 + padding: 2px 0;
195 + }
196 +
197 + #replycontainer {
198 + padding: 5px;
199 + }
200 +
201 + #replycontent {
202 + height: 120px;
203 + box-shadow: none;
204 + }
205 +
206 + #replyerror {
207 + border-color: #dcdcde;
208 + background-color: #f6f7f7;
209 + }
210 +
211 + /* @todo: is this used? */
212 + .commentlist .avatar {
213 + vertical-align: text-top;
214 + }
215 +
216 + #the-comment-list tr.undo,
217 + #the-comment-list div.undo {
218 + background-color: #f6f7f7;
219 + }
220 +
221 + #the-comment-list .unapproved th,
222 + #the-comment-list .unapproved td {
223 + background-color: #fcf9e8;
224 + }
225 +
226 + #the-comment-list .unapproved th.check-column {
227 + border-right: 4px solid #d63638;
228 + }
229 +
230 + #the-comment-list .unapproved th.check-column input {
231 + margin-right: 4px;
232 + }
233 +
234 + #the-comment-list .approve a {
235 + color: #007017;
236 + }
237 +
238 + #the-comment-list .unapprove a {
239 + color: #996800;
240 + }
241 +
242 + #the-comment-list th,
243 + #the-comment-list td {
244 + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
245 + }
246 +
247 + #the-comment-list tr:last-child th,
248 + #the-comment-list tr:last-child td {
249 + box-shadow: none;
250 + }
251 +
252 + #the-comment-list tr.unapproved + tr.approved th,
253 + #the-comment-list tr.unapproved + tr.approved td {
254 + border-top: 1px solid rgba(0, 0, 0, 0.03);
255 + }
256 +
257 + /* table vim shortcuts */
258 + .vim-current,
259 + .vim-current th,
260 + .vim-current td {
261 + background-color: #f0f6fc !important;
262 + }
263 +
264 + th .comment-grey-bubble {
265 + width: 16px;
266 + /* Make sure the link clickable area fills the entire table header. */
267 + position: relative;
268 + top: 2px;
269 + }
270 +
271 + th .comment-grey-bubble:before {
272 + content: "\f101" / '';
273 + font: normal 20px/.5 dashicons;
274 + display: inline-block;
275 + padding: 0;
276 + top: 4px;
277 + right: -4px;
278 + position: relative;
279 + vertical-align: top;
280 + -webkit-font-smoothing: antialiased;
281 + -moz-osx-font-smoothing: grayscale;
282 + text-decoration: none !important;
283 + color: #3c434a;
284 + }
285 +
286 + /*------------------------------------------------------------------------------
287 + 10.0 - List Posts (/Pages/etc)
288 + ------------------------------------------------------------------------------*/
289 +
290 + table.fixed {
291 + table-layout: fixed;
292 + }
293 +
294 + .fixed .column-rating,
295 + .fixed .column-visible {
296 + width: 8%;
297 + }
298 +
299 + .fixed .column-posts,
300 + .fixed .column-parent,
301 + .fixed .column-links,
302 + .fixed .column-author,
303 + .fixed .column-format {
304 + width: 10%;
305 + }
306 +
307 + .fixed .column-date {
308 + width: 14%;
309 + }
310 +
311 + .column-date span[title] {
312 + -webkit-text-decoration: dotted underline;
313 + text-decoration: dotted underline;
314 + }
315 +
316 + .fixed .column-posts {
317 + width: 74px;
318 + }
319 +
320 + .fixed .column-role,
321 + .fixed .column-posts {
322 + hyphens: auto;
323 + }
324 +
325 + .fixed .column-comment .comment-author {
326 + display: none;
327 + }
328 +
329 + .fixed .column-response,
330 + .fixed .column-categories,
331 + .fixed .column-tags,
332 + .fixed .column-rel,
333 + .fixed .column-role {
334 + width: 15%;
335 + }
336 +
337 + .fixed .column-slug {
338 + width: 25%;
339 + }
340 +
341 + .fixed .column-locations {
342 + width: 35%;
343 + }
344 +
345 + .fixed .column-comments {
346 + width: 5.5em;
347 + text-align: right;
348 + }
349 +
350 + .fixed .column-comments .vers {
351 + padding-right: 3px;
352 + }
353 +
354 + td.column-title strong,
355 + td.plugin-title strong {
356 + display: block;
357 + margin-bottom: .2em;
358 + font-size: 14px;
359 + }
360 +
361 + td.column-title p,
362 + td.plugin-title p {
363 + margin: 6px 0;
364 + }
365 +
366 + /* Media file column */
367 + table.media .column-title .media-icon {
368 + float: right;
369 + min-height: 60px;
370 + margin: 0 0 0 9px;
371 + }
372 +
373 + table.media .column-title .media-icon img {
374 + max-width: 60px;
375 + height: auto;
376 + vertical-align: top; /* Remove descender white-space. */
377 + }
378 +
379 + table.media .column-title .has-media-icon ~ .row-actions {
380 + margin-right: 70px; /* 60px image + margin */
381 + }
382 +
383 + table.media .column-title .filename {
384 + margin-bottom: 0.2em;
385 + }
386 +
387 + /* Media Copy to clipboard row action */
388 + .media .row-actions .copy-to-clipboard-container {
389 + display: inline;
390 + position: relative;
391 + }
392 +
393 + .media .row-actions .copy-to-clipboard-container .success {
394 + position: absolute;
395 + right: 50%;
396 + transform: translate(50%, -100%);
397 + background: #000;
398 + color: #fff;
399 + border-radius: 5px;
400 + margin: 0;
401 + padding: 2px 5px;
402 + }
403 +
404 + /* @todo: pick a consistent list table selector */
405 + .wp-list-table a {
406 + transition: none;
407 + }
408 +
409 + #the-list tr:last-child td,
410 + #the-list tr:last-child th {
411 + border-bottom: none !important;
412 + box-shadow: none;
413 + }
414 +
415 + #comments-form .fixed .column-author {
416 + width: 20%;
417 + }
418 +
419 + #commentsdiv.postbox .inside {
420 + margin: 0;
421 + padding: 0;
422 + }
423 +
424 + #commentsdiv .inside .row-actions {
425 + line-height: 1.38461538;
426 + }
427 +
428 + #commentsdiv .inside .column-author {
429 + width: 25%;
430 + }
431 +
432 + #commentsdiv .column-comment p {
433 + margin: 0.6em 0;
434 + padding: 0;
435 + }
436 +
437 + #commentsdiv #replyrow td {
438 + padding: 0;
439 + }
440 +
441 + #commentsdiv p {
442 + padding: 8px 10px;
443 + margin: 0;
444 + }
445 +
446 + #commentsdiv .comments-box {
447 + border: 0 none;
448 + }
449 +
450 + #commentsdiv .comments-box thead th,
451 + #commentsdiv .comments-box thead td {
452 + background: transparent;
453 + padding: 0 7px 4px;
454 + }
455 +
456 + #commentsdiv .comments-box tr:last-child td {
457 + border-bottom: 0 none;
458 + }
459 +
460 + #commentsdiv #edithead .inside input {
461 + width: 160px;
462 + }
463 +
464 + .sorting-indicators {
465 + display: grid;
466 + }
467 +
468 + .sorting-indicator {
469 + display: block;
470 + width: 10px;
471 + height: 4px;
472 + margin-top: 4px;
473 + margin-right: 7px;
474 + }
475 +
476 + .sorting-indicator:before {
477 + font: normal 20px/1 dashicons;
478 + display: inline-block;
479 + padding: 0;
480 + top: -4px;
481 + right: -8px;
482 + line-height: 0.5;
483 + position: relative;
484 + vertical-align: top;
485 + -webkit-font-smoothing: antialiased;
486 + -moz-osx-font-smoothing: grayscale;
487 + text-decoration: none !important;
488 + color: #a7aaad;
489 + }
490 +
491 + .sorting-indicator.asc:before {
492 + content: "\f142" / '';
493 + }
494 +
495 + .sorting-indicator.desc:before {
496 + content: "\f140" / '';
497 + }
498 +
499 + th.sorted.desc .sorting-indicator.desc:before {
500 + color: #1d2327;
501 + }
502 +
503 + th.sorted.asc .sorting-indicator.asc:before {
504 + color: #1d2327;
505 + }
506 +
507 + th.sorted.asc a:focus .sorting-indicator.asc:before,
508 + th.sorted.asc:hover .sorting-indicator.asc:before,
509 + th.sorted.desc a:focus .sorting-indicator.desc:before,
510 + th.sorted.desc:hover .sorting-indicator.desc:before {
511 + color: #a7aaad;
512 + }
513 +
514 + th.sorted.asc a:focus .sorting-indicator.desc:before,
515 + th.sorted.asc:hover .sorting-indicator.desc:before,
516 + th.sorted.desc a:focus .sorting-indicator.asc:before,
517 + th.sorted.desc:hover .sorting-indicator.asc:before {
518 + color: #1d2327;
519 + }
520 +
521 + .wp-list-table .toggle-row {
522 + position: absolute;
523 + left: 8px;
524 + top: 10px;
525 + display: none;
526 + padding: 0;
527 + width: 40px;
528 + height: 40px;
529 + border: none;
530 + outline: none;
531 + background: transparent;
532 + }
533 +
534 + .wp-list-table .toggle-row:hover {
535 + cursor: pointer;
536 + }
537 +
538 + .wp-list-table .toggle-row:focus:before {
539 + box-shadow: 0 0 0 2px #2271b1;
540 + /* Only visible in Windows High Contrast mode */
541 + outline: 2px solid transparent;
542 + }
543 +
544 + .wp-list-table .toggle-row:active {
545 + box-shadow: none;
546 + }
547 +
548 + .wp-list-table .toggle-row:before {
549 + position: absolute;
550 + top: -5px;
551 + right: 10px;
552 + border-radius: 50%;
553 + display: block;
554 + padding: 1px 0 1px 2px;
555 + color: #3c434a; /* same as table headers sort arrows */
556 + content: "\f140" / '';
557 + font: normal 20px/1 dashicons;
558 + line-height: 1;
559 + -webkit-font-smoothing: antialiased;
560 + -moz-osx-font-smoothing: grayscale;
561 + }
562 +
563 + .wp-list-table .is-expanded .toggle-row:before {
564 + content: "\f142" / '';
565 + }
566 +
567 + .check-column {
568 + position: relative;
569 + }
570 +
571 + .check-column label {
572 + box-sizing: border-box;
573 + width: 100%;
574 + height: 100%;
575 + display: block;
576 + position: absolute;
577 + top: 0;
578 + right: 0;
579 + }
580 +
581 + .check-column input {
582 + position: relative;
583 + z-index: 1;
584 + }
585 +
586 + .check-column .label-covers-full-cell:hover + input:not(:disabled) {
587 + box-shadow: 0 0 0 1px #2271b1;
588 + }
589 +
590 + .check-column label:hover,
591 + .check-column input:hover + label {
592 + background: rgba(0, 0, 0, 0.05);
593 + }
594 +
595 + .locked-indicator {
596 + display: none;
597 + margin-right: 6px;
598 + height: 20px;
599 + width: 16px;
600 + }
601 +
602 + .locked-indicator-icon:before {
603 + color: #8c8f94;
604 + content: "\f160" / '';
605 + display: inline-block;
606 + font: normal 20px/1 dashicons;
607 + vertical-align: middle;
608 + -webkit-font-smoothing: antialiased;
609 + -moz-osx-font-smoothing: grayscale;
610 + }
611 +
612 + .locked-info {
613 + display: none;
614 + margin-top: 4px;
615 + }
616 +
617 + .locked-text {
618 + vertical-align: top;
619 + }
620 +
621 + .wp-locked .locked-indicator,
622 + .wp-locked .locked-info {
623 + display: block;
624 + }
625 +
626 + tr.wp-locked .check-column label,
627 + tr.wp-locked .check-column input[type="checkbox"],
628 + tr.wp-locked .row-actions .inline,
629 + tr.wp-locked .row-actions .trash {
630 + display: none;
631 + }
632 +
633 + #menu-locations-wrap .widefat {
634 + width: 60%;
635 + }
636 +
637 + .widefat th.sortable,
638 + .widefat th.sorted {
639 + padding: 0;
640 + }
641 +
642 + th.sortable a,
643 + th.sorted a {
644 + display: block;
645 + overflow: hidden;
646 + padding: 8px;
647 + }
648 +
649 + th.sortable a:focus,
650 + th.sorted a:focus {
651 + box-shadow: inset 0 0 0 2px #2271b1;
652 + /* Only visible in Windows High Contrast mode */
653 + outline: 2px solid transparent;
654 + }
655 +
656 + th.sortable a span,
657 + th.sorted a span {
658 + float: right;
659 + cursor: pointer;
660 + }
661 +
662 + .tablenav-pages .current-page {
663 + margin: 0 0 0 2px;
664 + font-size: 13px;
665 + text-align: center;
666 + }
667 +
668 + .tablenav .total-pages {
669 + margin-left: 2px;
670 + }
671 +
672 + .tablenav #table-paging {
673 + margin-right: 2px;
674 + }
675 +
676 + .tablenav {
677 + clear: both;
678 + height: 30px;
679 + margin: 6px 0 4px;
680 + padding-top: 5px;
681 + vertical-align: middle;
682 + }
683 +
684 + .tablenav.themes {
685 + max-width: 98%;
686 + }
687 +
688 + .tablenav .tablenav-pages {
689 + float: left;
690 + margin: 0 0 9px;
691 + }
692 +
693 + .tablenav .no-pages,
694 + .tablenav .one-page .pagination-links {
695 + display: none;
696 + }
697 +
698 + .tablenav .tablenav-pages .button,
699 + .tablenav .tablenav-pages .tablenav-pages-navspan {
700 + display: inline-block;
701 + vertical-align: baseline;
702 + min-width: 30px;
703 + min-height: 30px;
704 + margin: 0;
705 + padding: 0 4px;
706 + font-size: 16px;
707 + line-height: 1.625; /* 26px */
708 + text-align: center;
709 + }
710 +
711 + .tablenav .displaying-num {
712 + margin-left: 7px;
713 + }
714 +
715 + .tablenav .one-page .displaying-num {
716 + display: inline-block;
717 + margin: 5px 0;
718 + }
719 +
720 + .tablenav .actions {
721 + padding: 0 0 0 8px;
722 + }
723 +
724 + .wp-filter .actions {
725 + display: inline-block;
726 + vertical-align: middle;
727 + }
728 +
729 + .tablenav .delete {
730 + margin-left: 20px;
731 + }
732 +
733 + /* This view-switcher is still used on multisite. */
734 + .tablenav .view-switch {
735 + float: left;
736 + margin: 0 5px;
737 + padding-top: 3px;
738 + }
739 +
740 + .wp-filter .view-switch {
741 + display: inline-block;
742 + vertical-align: middle;
743 + padding: 12px 0;
744 + margin: 0 2px 0 8px;
745 + }
746 +
747 + .media-toolbar.wp-filter .view-switch {
748 + margin: 0 2px 0 12px;
749 + }
750 +
751 + .view-switch a {
752 + float: right;
753 + width: 28px;
754 + height: 28px;
755 + text-align: center;
756 + line-height: 1.84615384;
757 + text-decoration: none;
758 + }
759 +
760 + .view-switch a:before {
761 + color: #c3c4c7;
762 + display: inline-block;
763 + font: normal 20px/1 dashicons;
764 + vertical-align: middle;
765 + -webkit-font-smoothing: antialiased;
766 + -moz-osx-font-smoothing: grayscale;
767 + }
768 +
769 + .view-switch a:hover:before,
770 + .view-switch a:focus:before {
771 + color: #787c82;
772 + }
773 +
774 + .view-switch a.current:before {
775 + color: #2271b1;
776 + }
777 +
778 + .view-switch .view-list:before {
779 + content: "\f163" / '';
780 + }
781 +
782 + .view-switch .view-excerpt:before {
783 + content: "\f164" / '';
784 + }
785 +
786 + .view-switch .view-grid:before {
787 + content: "\f509" / '';
788 + }
789 +
790 + .filter {
791 + float: right;
792 + margin: -5px 10px 0 0;
793 + }
794 +
795 + .filter .subsubsub {
796 + margin-right: -10px;
797 + margin-top: 13px;
798 + }
799 + .screen-per-page {
800 + width: 4em;
801 + }
802 +
803 + #posts-filter .wp-filter {
804 + margin-bottom: 0;
805 + }
806 +
807 + #posts-filter fieldset {
808 + float: right;
809 + margin: 0 0 1em 1.5ex;
810 + padding: 0;
811 + }
812 +
813 + #posts-filter fieldset legend {
814 + padding: 0 1px .2em 0;
815 + }
816 +
817 + p.pagenav {
818 + margin: 0;
819 + display: inline;
820 + }
821 +
822 + .pagenav span {
823 + font-weight: 600;
824 + margin: 0 6px;
825 + }
826 +
827 + .row-title {
828 + font-size: 14px !important;
829 + font-weight: 600;
830 + }
831 +
832 + .column-comment .comment-author {
833 + margin-bottom: 0.6em;
834 + }
835 +
836 + .column-author img,
837 + .column-username img,
838 + .column-comment .comment-author img {
839 + float: right;
840 + margin-left: 10px;
841 + margin-top: 1px;
842 + }
843 +
844 + .row-actions {
845 + color: #a7aaad;
846 + font-size: 13px;
847 + padding: 2px 0 0;
848 + position: relative;
849 + right: -9999em;
850 + }
851 +
852 + /* ticket #34150 */
853 + .rtl .row-actions a {
854 + display: inline-block;
855 + }
856 +
857 + .row-actions .network_only,
858 + .row-actions .network_active {
859 + color: #000;
860 + }
861 +
862 + .no-js .row-actions,
863 + tr:hover .row-actions,
864 + .mobile .row-actions,
865 + .row-actions.visible,
866 + .comment-item:hover .row-actions {
867 + position: static;
868 + }
869 +
870 + /* deprecated */
871 + .row-actions-visible {
872 + padding: 2px 0 0;
873 + }
874 +
875 +
876 + /*------------------------------------------------------------------------------
877 + 10.1 - Inline Editing
878 + ------------------------------------------------------------------------------*/
879 +
880 + /*
881 + .quick-edit* is for Quick Edit
882 + .bulk-edit* is for Bulk Edit
883 + .inline-edit* is for everything
884 + */
885 +
886 + /* Layout */
887 +
888 + #wpbody-content .inline-edit-row fieldset {
889 + float: right;
890 + margin: 0;
891 + padding: 0 0 0 12px;
892 + width: 100%;
893 + box-sizing: border-box;
894 + }
895 +
896 + #wpbody-content .inline-edit-row td fieldset:last-of-type {
897 + padding-left: 0;
898 + }
899 +
900 + tr.inline-edit-row td {
901 + padding: 0;
902 + /* Prevents the focus style on .inline-edit-wrapper from being cut-off */
903 + position: relative;
904 + }
905 +
906 + .inline-edit-wrapper {
907 + display: flow-root;
908 + padding: 0 12px;
909 + border: 1px solid transparent;
910 + border-radius: 4px;
911 + }
912 +
913 + .inline-edit-wrapper:focus {
914 + border-color: #2271b1;
915 + box-shadow: 0 0 0 1px #2271b1;
916 + /* Only visible in Windows High Contrast mode */
917 + outline: 2px solid transparent;
918 + }
919 +
920 + #wpbody-content .quick-edit-row-post .inline-edit-col-left {
921 + width: 40%;
922 + }
923 +
924 + #wpbody-content .quick-edit-row-post .inline-edit-col-right {
925 + width: 39%;
926 + }
927 +
928 + #wpbody-content .inline-edit-row-post .inline-edit-col-center {
929 + width: 20%;
930 + }
931 +
932 + #wpbody-content .quick-edit-row-page .inline-edit-col-left {
933 + width: 50%;
934 + }
935 +
936 + #wpbody-content .quick-edit-row-page .inline-edit-col-right,
937 + #wpbody-content .bulk-edit-row-post .inline-edit-col-right {
938 + width: 50%;
939 + }
940 +
941 + #wpbody-content .bulk-edit-row .inline-edit-col-left {
942 + width: 30%;
943 + }
944 +
945 + #wpbody-content .bulk-edit-row-page .inline-edit-col-right {
946 + width: 69%;
947 + }
948 +
949 + #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
950 + float: left;
951 + width: 69%;
952 + }
953 +
954 + #wpbody-content .inline-edit-row-page .inline-edit-col-right {
955 + margin-top: 27px;
956 + }
957 +
958 + .inline-edit-row fieldset .inline-edit-group {
959 + clear: both;
960 + line-height: 2.5;
961 + }
962 +
963 + .inline-edit-row .submit {
964 + display: flex;
965 + flex-wrap: wrap;
966 + align-items: center;
967 + clear: both;
968 + margin: 0;
969 + padding: 0.5em 0 1em;
970 + }
971 +
972 + .inline-edit-save.submit .button {
973 + margin-left: 8px;
974 + }
975 +
976 + .inline-edit-save .spinner {
977 + float: none;
978 + margin: 0;
979 + }
980 +
981 + .inline-edit-row .notice-error {
982 + box-sizing: border-box;
983 + min-width: 100%;
984 + margin-top: 1em;
985 + }
986 +
987 + .inline-edit-row .notice-error .error {
988 + margin: 0.5em 0;
989 + padding: 2px;
990 + }
991 +
992 + /* Positioning */
993 +
994 + /* Needs higher specificity for the padding */
995 + #the-list .inline-edit-row .inline-edit-legend {
996 + margin: 0;
997 + padding: 0.2em 0;
998 + line-height: 2.5;
999 + font-weight: 600;
1000 + }
1001 +
1002 + .inline-edit-row fieldset span.title,
1003 + .inline-edit-row fieldset span.checkbox-title {
1004 + margin: 0;
1005 + padding: 0;
1006 + }
1007 +
1008 + .inline-edit-row fieldset label,
1009 + .inline-edit-row fieldset span.inline-edit-categories-label {
1010 + display: block;
1011 + margin: .2em 0;
1012 + line-height: 2.5;
1013 + }
1014 +
1015 + .inline-edit-row fieldset.inline-edit-date label {
1016 + display: inline-block;
1017 + margin: 0;
1018 + vertical-align: baseline;
1019 + line-height: 2;
1020 + }
1021 +
1022 + .inline-edit-row fieldset label.inline-edit-tags {
1023 + margin-top: 0;
1024 + }
1025 +
1026 + .inline-edit-row fieldset label.inline-edit-tags span.title {
1027 + margin: .2em 0;
1028 + width: auto;
1029 + }
1030 +
1031 + .inline-edit-row fieldset label span.title,
1032 + .inline-edit-row fieldset.inline-edit-date legend {
1033 + display: block;
1034 + float: right;
1035 + width: 6em;
1036 + line-height: 2.5;
1037 + }
1038 +
1039 + #posts-filter fieldset.inline-edit-date legend {
1040 + padding: 0;
1041 + }
1042 +
1043 + .inline-edit-row fieldset label span.input-text-wrap,
1044 + .inline-edit-row fieldset .timestamp-wrap {
1045 + display: block;
1046 + margin-right: 6em;
1047 + }
1048 +
1049 + .quick-edit-row-post fieldset.inline-edit-col-right label span.title {
1050 + width: auto;
1051 + padding-left: 0.5em;
1052 + }
1053 +
1054 + .inline-edit-row .inline-edit-or {
1055 + margin: .2em 0 .2em 6px;
1056 + line-height: 2.5;
1057 + }
1058 +
1059 + .inline-edit-row .input-text-wrap input[type=text] {
1060 + width: 100%;
1061 + }
1062 +
1063 + .inline-edit-row fieldset label input[type=checkbox] {
1064 + vertical-align: middle;
1065 + }
1066 +
1067 + .inline-edit-row fieldset label textarea {
1068 + width: 100%;
1069 + height: 4em;
1070 + vertical-align: top;
1071 + }
1072 +
1073 + #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
1074 + max-width: 50%;
1075 + }
1076 +
1077 + #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
1078 + margin-left: 0.5em
1079 + }
1080 +
1081 + .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
1082 + width: 6em;
1083 + }
1084 +
1085 + /* Styling */
1086 + .inline-edit-row .inline-edit-legend {
1087 + text-transform: uppercase;
1088 + }
1089 +
1090 + /* Specific Elements */
1091 + .inline-edit-row fieldset .inline-edit-date {
1092 + float: right;
1093 + }
1094 +
1095 + .inline-edit-row fieldset input[name=jj],
1096 + .inline-edit-row fieldset input[name=hh],
1097 + .inline-edit-row fieldset input[name=mn],
1098 + .inline-edit-row fieldset input[name=aa] {
1099 + vertical-align: middle;
1100 + text-align: center;
1101 + padding: 0 4px;
1102 + }
1103 +
1104 + .inline-edit-row fieldset label input.inline-edit-password-input {
1105 + width: 8em;
1106 + }
1107 +
1108 + #bulk-titles-list,
1109 + #bulk-titles-list li,
1110 + .inline-edit-row fieldset ul.cat-checklist li,
1111 + .inline-edit-row fieldset ul.cat-checklist input {
1112 + margin: 0;
1113 + position: relative; /* RTL fix, #WP27629 */
1114 + }
1115 +
1116 + .inline-edit-row fieldset ul.cat-checklist input {
1117 + margin-top: -1px;
1118 + margin-right: 3px;
1119 + }
1120 +
1121 + .inline-edit-row fieldset label input.inline-edit-menu-order-input {
1122 + width: 3em;
1123 + }
1124 +
1125 + .inline-edit-row fieldset label input.inline-edit-slug-input {
1126 + width: 75%;
1127 + }
1128 +
1129 + .inline-edit-row select[name="post_parent"],
1130 + .inline-edit-row select[name="page_template"] {
1131 + max-width: 80%;
1132 + }
1133 +
1134 + .quick-edit-row-post fieldset label.inline-edit-status {
1135 + float: right;
1136 + }
1137 +
1138 + #bulk-titles,
1139 + ul.cat-checklist {
1140 + height: 14em;
1141 + border: 1px solid #ddd;
1142 + margin: 0 0 5px;
1143 + padding: 0.2em 5px;
1144 + overflow-y: scroll;
1145 + }
1146 +
1147 + ul.cat-checklist input[name="post_category[]"]:indeterminate::before {
1148 + content: '';
1149 + border-top: 2px solid grey;
1150 + width: 65%;
1151 + height: 2px;
1152 + position: absolute;
1153 + top: calc( 50% + 1px );
1154 + right: 50%;
1155 + transform: translate( 50%, -50% );
1156 + }
1157 +
1158 + #bulk-titles .ntdelbutton,
1159 + #bulk-titles .ntdeltitle,
1160 + .inline-edit-row fieldset ul.cat-checklist label {
1161 + display: inline-block;
1162 + margin: 0;
1163 + padding: 3px 0;
1164 + line-height: 20px;
1165 + vertical-align: top;
1166 + }
1167 +
1168 + #bulk-titles .ntdelitem {
1169 + padding-right: 23px;
1170 + }
1171 +
1172 + #bulk-titles .ntdelbutton {
1173 + width: 26px;
1174 + height: 26px;
1175 + margin: 0 -26px 0 0;
1176 + text-align: center;
1177 + border-radius: 3px;
1178 + }
1179 +
1180 + #bulk-titles .ntdelbutton:before {
1181 + display: inline-block;
1182 + vertical-align: top;
1183 + }
1184 +
1185 + #bulk-titles .ntdelbutton:focus {
1186 + box-shadow: 0 0 0 2px #3582c4;
1187 + /* Only visible in Windows High Contrast mode */
1188 + outline: 2px solid transparent;
1189 + /* Reset inherited offset from Gutenberg */
1190 + outline-offset: 0;
1191 + }
1192 +
1193 + /*------------------------------------------------------------------------------
1194 + 17.0 - Plugins
1195 + ------------------------------------------------------------------------------*/
1196 +
1197 + .plugins tbody th.check-column,
1198 + .plugins tbody {
1199 + padding: 8px 2px 0 0;
1200 + }
1201 +
1202 + .plugins tbody th.check-column input[type=checkbox] {
1203 + margin-top: 4px;
1204 + }
1205 +
1206 + .updates-table .plugin-title p {
1207 + margin-top: 0;
1208 + }
1209 +
1210 + .plugins thead td.check-column,
1211 + .plugins tfoot td.check-column,
1212 + .plugins .inactive th.check-column {
1213 + padding-right: 6px;
1214 + }
1215 +
1216 + .plugins,
1217 + .plugins th,
1218 + .plugins td {
1219 + color: #000;
1220 + }
1221 +
1222 + .plugins tr {
1223 + background: #fff;
1224 + }
1225 +
1226 + .plugins p {
1227 + margin: 0 4px;
1228 + padding: 0;
1229 + }
1230 +
1231 + .plugins .desc p {
1232 + margin: 0 0 8px;
1233 + }
1234 +
1235 + .plugins td.desc {
1236 + line-height: 1.5;
1237 + }
1238 +
1239 + .plugins .desc ul,
1240 + .plugins .desc ol {
1241 + margin: 0 2em 0 0;
1242 + }
1243 +
1244 + .plugins .desc ul {
1245 + list-style-type: disc;
1246 + }
1247 +
1248 + .plugins .row-actions {
1249 + font-size: 13px;
1250 + padding: 0;
1251 + }
1252 +
1253 + .plugins .inactive td,
1254 + .plugins .inactive th,
1255 + .plugins .active td,
1256 + .plugins .active th {
1257 + padding: 10px 9px;
1258 + }
1259 +
1260 + .plugins .active td,
1261 + .plugins .active th {
1262 + background-color: #f0f6fc;
1263 + }
1264 +
1265 + .plugins .update th,
1266 + .plugins .update td {
1267 + border-bottom: 0;
1268 + }
1269 +
1270 + .plugins .inactive td,
1271 + .plugins .inactive th,
1272 + .plugins .active td,
1273 + .plugins .active th,
1274 + .plugin-install #the-list td,
1275 + .upgrade .plugins td,
1276 + .upgrade .plugins th {
1277 + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1278 + }
1279 +
1280 + .plugins tr.active.plugin-update-tr + tr.inactive th,
1281 + .plugins tr.active.plugin-update-tr + tr.inactive td,
1282 + .plugins tr.active + tr.inactive th,
1283 + .plugins tr.active + tr.inactive td {
1284 + border-top: 1px solid rgba(0, 0, 0, 0.03);
1285 + box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #dcdcde;
1286 + }
1287 +
1288 + .plugins .update td,
1289 + .plugins .update th,
1290 + .upgrade .plugins tr:last-of-type td,
1291 + .upgrade .plugins tr:last-of-type th,
1292 + .plugins tr.active + tr.inactive.update th,
1293 + .plugins tr.active + tr.inactive.update td,
1294 + .plugins .updated td,
1295 + .plugins .updated th,
1296 + .plugins tr.active + tr.inactive.updated th,
1297 + .plugins tr.active + tr.inactive.updated td {
1298 + box-shadow: none;
1299 + }
1300 +
1301 + .plugins .active th.check-column,
1302 + .plugin-update-tr.active td {
1303 + border-right: 4px solid #72aee6;
1304 + }
1305 +
1306 + .wp-list-table.plugins .plugin-title,
1307 + .wp-list-table.plugins .theme-title {
1308 + padding-left: 12px;
1309 + white-space: nowrap;
1310 + }
1311 +
1312 +
1313 + .plugins .plugin-title .dashicons,
1314 + .plugins .plugin-title img.plugin-icon,
1315 + .plugins .plugin-title img.updates-table-screenshot {
1316 + float: right;
1317 + padding: 0 0 0 10px;
1318 + width: 64px;
1319 + height: 64px;
1320 + }
1321 +
1322 + .plugins .plugin-title .dashicons:before {
1323 + padding: 2px;
1324 + background-color: #f0f0f1;
1325 + box-shadow: inset 0 0 10px rgba(167, 170, 173, 0.15);
1326 + font-size: 60px;
1327 + color: #c3c4c7;
1328 + }
1329 +
1330 + #update-themes-table .plugin-title img.updates-table-screenshot,
1331 + #update-themes-table .plugin-title .dashicons {
1332 + width: 85px;
1333 + }
1334 +
1335 + .plugins .column-auto-updates {
1336 + width: 14.2em;
1337 + }
1338 +
1339 + .plugins .inactive .plugin-title strong {
1340 + font-weight: 400;
1341 + }
1342 +
1343 + .plugins .second,
1344 + .plugins .row-actions {
1345 + padding: 0 0 5px;
1346 + }
1347 +
1348 + .plugins .row-actions {
1349 + white-space: normal;
1350 + min-width: 12em;
1351 + }
1352 +
1353 + .plugins .update .second,
1354 + .plugins .update .row-actions,
1355 + .plugins .updated .second,
1356 + .plugins .updated .row-actions {
1357 + padding-bottom: 0;
1358 + }
1359 +
1360 + .plugins-php .widefat tfoot th,
1361 + .plugins-php .widefat tfoot td {
1362 + border-top-style: solid;
1363 + border-top-width: 1px;
1364 + }
1365 +
1366 + .plugins .plugin-update-tr .plugin-update {
1367 + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1368 + overflow: hidden; /* clearfix */
1369 + padding: 0;
1370 + }
1371 +
1372 + .plugins .plugin-update-tr .notice,
1373 + .plugins .plugin-update-tr div[class="update-message"] { /* back-compat for pre-4.6 */
1374 + margin: 5px 40px 15px 20px;
1375 + }
1376 +
1377 + .plugins .notice p {
1378 + margin: 0.5em 0;
1379 + }
1380 +
1381 + .plugins .plugin-description a,
1382 + .plugins .plugin-update a,
1383 + .updates-table .plugin-title a {
1384 + text-decoration: underline;
1385 + }
1386 +
1387 + .plugins tr.paused th.check-column {
1388 + border-right: 4px solid #b32d2e;
1389 + }
1390 +
1391 + .plugins tr.paused th,
1392 + .plugins tr.paused td {
1393 + background-color: #f6f7f7;
1394 + }
1395 +
1396 + .plugins tr.paused .plugin-title,
1397 + .plugins .paused .dashicons-warning {
1398 + color: #b32d2e;
1399 + }
1400 +
1401 + .plugins .paused .error-display p,
1402 + .plugins .paused .error-display code {
1403 + font-size: 90%;
1404 + color: rgba(0, 0, 0, 0.7);
1405 + }
1406 +
1407 + .plugins .resume-link {
1408 + color: #b32d2e;
1409 + }
1410 +
1411 + .plugin-card .update-now:before {
1412 + color: #d63638;
1413 + content: "\f463" / '';
1414 + display: inline-block;
1415 + font: normal 20px/1 dashicons;
1416 + margin: -3px -2px 0 5px;
1417 + -webkit-font-smoothing: antialiased;
1418 + -moz-osx-font-smoothing: grayscale;
1419 + vertical-align: middle;
1420 + }
1421 +
1422 + .plugin-card .updating-message:before {
1423 + content: "\f463" / '';
1424 + animation: rotation 2s infinite linear;
1425 + }
1426 +
1427 + @keyframes rotation {
1428 + 0% {
1429 + transform: rotate(0deg);
1430 + }
1431 + 100% {
1432 + transform: rotate(-359deg);
1433 + }
1434 + }
1435 +
1436 + .plugin-card .updated-message:before {
1437 + color: #68de7c;
1438 + content: "\f147" / '';
1439 + }
1440 +
1441 + .plugin-install-php #the-list {
1442 + display: flex;
1443 + flex-wrap: wrap;
1444 + }
1445 +
1446 + .plugin-install-php .plugin-card {
1447 + display: flex;
1448 + flex-direction: column;
1449 + justify-content: space-between;
1450 + }
1451 +
1452 + .plugin-install-php h2 {
1453 + clear: both;
1454 + }
1455 +
1456 + .plugin-install-php h3 {
1457 + margin: 2.5em 0 8px;
1458 + }
1459 +
1460 + .plugin-install-php .wp-filter {
1461 + margin-bottom: 0;
1462 + }
1463 +
1464 + /* Plugin card table view */
1465 + .plugin-group {
1466 + overflow: hidden; /* clearfix */
1467 + margin-top: 1.5em;
1468 + }
1469 +
1470 + .plugin-group h3 {
1471 + margin-top: 0;
1472 + }
1473 +
1474 + .plugin-card {
1475 + float: right;
1476 + margin: 0 8px 16px;
1477 + width: 48.5%;
1478 + width: calc( 50% - 8px );
1479 + background-color: #fff;
1480 + border: 1px solid #dcdcde;
1481 + box-sizing: border-box;
1482 + }
1483 +
1484 + .plugin-card:nth-child(odd) {
1485 + clear: both;
1486 + margin-right: 0;
1487 + }
1488 +
1489 + .plugin-card:nth-child(even) {
1490 + margin-left: 0;
1491 + }
1492 +
1493 + @media screen and (min-width: 1600px) and ( max-width: 2299px ) {
1494 + .plugin-card {
1495 + width: 30%;
1496 + width: calc( 33.1% - 8px );
1497 + }
1498 +
1499 + .plugin-card:nth-child(odd) {
1500 + clear: none;
1501 + margin-right: 8px;
1502 + }
1503 +
1504 + .plugin-card:nth-child(even) {
1505 + margin-left: 8px;
1506 + }
1507 +
1508 + .plugin-card:nth-child(3n+1) {
1509 + clear: both;
1510 + margin-right: 0;
1511 + }
1512 +
1513 + .plugin-card:nth-child(3n) {
1514 + margin-left: 0;
1515 + }
1516 + }
1517 +
1518 + @media screen and (min-width: 2300px) {
1519 + .plugin-card {
1520 + width: 25%;
1521 + width: calc( 25% - 12px );
1522 + }
1523 +
1524 + .plugin-card:nth-child(odd) {
1525 + clear: none;
1526 + margin-right: 8px;
1527 + }
1528 +
1529 + .plugin-card:nth-child(even) {
1530 + margin-left: 8px;
1531 + }
1532 +
1533 + .plugin-card:nth-child(4n+1) {
1534 + clear: both;
1535 + margin-right: 0;
1536 + }
1537 +
1538 + .plugin-card:nth-child(4n) {
1539 + margin-left: 0;
1540 + }
1541 + }
1542 +
1543 + .plugin-card-top {
1544 + position: relative;
1545 + padding: 20px 20px 10px;
1546 + min-height: 135px;
1547 + }
1548 +
1549 + div.action-links,
1550 + .plugin-action-buttons {
1551 + margin: 0; /* Override existing margins */
1552 + }
1553 +
1554 + .plugin-card h3 {
1555 + margin: 0 0 12px 12px;
1556 + font-size: 18px;
1557 + line-height: 1.3;
1558 + }
1559 +
1560 + .plugin-card .desc {
1561 + margin-inline: 0;
1562 + }
1563 +
1564 + .plugin-card .name, .plugin-card .desc > p {
1565 + margin-right: 148px;
1566 + }
1567 +
1568 + @media (min-width: 1101px) {
1569 + .plugin-card .name, .plugin-card .desc > p {
1570 + margin-left: 128px;
1571 + }
1572 + }
1573 +
1574 + @media (min-width: 481px) and (max-width: 781px) {
1575 + .plugin-card .name, .plugin-card .desc > p {
1576 + margin-left: 128px;
1577 + }
1578 + }
1579 +
1580 + .plugin-card .column-description {
1581 + display: flex;
1582 + flex-direction: column;
1583 + justify-content: flex-start;
1584 + }
1585 +
1586 + .plugin-card .column-description > p {
1587 + margin-top: 0;
1588 + }
1589 +
1590 + .plugin-card .column-description p:empty {
1591 + display: none;
1592 + }
1593 +
1594 + .plugin-card .notice.plugin-dependencies {
1595 + margin: auto 20px 20px;
1596 + padding: 15px;
1597 + }
1598 +
1599 + .plugin-card .plugin-dependencies-explainer-text {
1600 + margin-block: 0;
1601 + }
1602 +
1603 + .plugin-card .plugin-dependency {
1604 + align-items: center;
1605 + display: flex;
1606 + flex-wrap: wrap;
1607 + margin-top: .5em;
1608 + column-gap: 1%;
1609 + row-gap: .5em;
1610 + }
1611 +
1612 + .plugin-card .plugin-dependency:nth-child(2),
1613 + .plugin-card .plugin-dependency:last-child {
1614 + margin-top: 1em;
1615 + }
1616 +
1617 + .plugin-card .plugin-dependency-name {
1618 + flex-basis: 74%;
1619 + }
1620 +
1621 + .plugin-card .plugin-dependency .more-details-link {
1622 + margin-right: auto;
1623 + }
1624 +
1625 + .rtl .plugin-card .plugin-dependency .more-details-link {
1626 + margin-left: auto;
1627 + }
1628 +
1629 + @media (max-width: 939px) {
1630 + .plugin-card .plugin-dependency-name {
1631 + flex-basis: 69%;
1632 + }
1633 + }
1634 +
1635 + .plugins #the-list .required-by,
1636 + .plugins #the-list .requires {
1637 + margin-top: 1em;
1638 + }
1639 +
1640 + .plugin-card .action-links {
1641 + position: absolute;
1642 + top: 20px;
1643 + left: 20px;
1644 + width: 120px;
1645 + }
1646 +
1647 + .plugin-action-buttons {
1648 + clear: left;
1649 + float: left;
1650 + margin-bottom: 1em;
1651 + text-align: left;
1652 + }
1653 +
1654 + .plugin-action-buttons li {
1655 + margin-bottom: 10px;
1656 + }
1657 +
1658 + .plugin-card-bottom {
1659 + clear: both;
1660 + padding: 12px 20px;
1661 + background-color: #f6f7f7;
1662 + border-top: 1px solid #dcdcde;
1663 + overflow: hidden;
1664 + }
1665 +
1666 + .plugin-card-bottom .star-rating {
1667 + display: inline;
1668 + }
1669 +
1670 + .plugin-card-update-failed .update-now {
1671 + font-weight: 600;
1672 + }
1673 +
1674 + .plugin-card-update-failed .notice-error {
1675 + margin: 0;
1676 + padding-right: 16px;
1677 + box-shadow: 0 -1px 0 #dcdcde;
1678 + }
1679 +
1680 + .plugin-card-update-failed .plugin-card-bottom {
1681 + display: none;
1682 + }
1683 +
1684 + .plugin-card .column-rating {
1685 + line-height: 1.76923076;
1686 + }
1687 +
1688 + .plugin-card .column-rating,
1689 + .plugin-card .column-updated {
1690 + margin-bottom: 4px;
1691 + }
1692 +
1693 + .plugin-card .column-rating,
1694 + .plugin-card .column-downloaded {
1695 + float: right;
1696 + clear: right;
1697 + max-width: 180px;
1698 + }
1699 +
1700 + .plugin-card .column-updated,
1701 + .plugin-card .column-compatibility {
1702 + text-align: left;
1703 + float: left;
1704 + clear: left;
1705 + width: 65%;
1706 + width: calc( 100% - 180px );
1707 + }
1708 +
1709 + .plugin-card .column-compatibility span:before {
1710 + font: normal 20px/.5 dashicons;
1711 + display: inline-block;
1712 + padding: 0;
1713 + top: 4px;
1714 + right: -2px;
1715 + position: relative;
1716 + vertical-align: top;
1717 + -webkit-font-smoothing: antialiased;
1718 + -moz-osx-font-smoothing: grayscale;
1719 + text-decoration: none !important;
1720 + color: #3c434a;
1721 + }
1722 +
1723 + .plugin-card .column-compatibility .compatibility-incompatible:before {
1724 + content: "\f158" / '';
1725 + color: #d63638;
1726 + }
1727 +
1728 + .plugin-card .column-compatibility .compatibility-compatible:before {
1729 + content: "\f147" / '';
1730 + color: #007017;
1731 + }
1732 +
1733 + .plugin-card .notice {
1734 + margin: 20px 20px 0;
1735 + }
1736 +
1737 + .plugin-card .plugin-icon {
1738 + position: absolute;
1739 + top: 20px;
1740 + right: 20px;
1741 + width: 128px;
1742 + height: 128px;
1743 + margin: 0 0 20px 20px;
1744 + }
1745 +
1746 + .no-plugin-results {
1747 + color: #646970; /* same as no themes and no media */
1748 + font-size: 18px;
1749 + font-style: normal;
1750 + margin: 0;
1751 + padding: 100px 0 0;
1752 + width: 100%;
1753 + text-align: center;
1754 + }
1755 +
1756 + /* ms */
1757 + /* Background Color for Site Status */
1758 + .wp-list-table .site-deleted,
1759 + .wp-list-table tr.site-deleted,
1760 + .wp-list-table .site-archived,
1761 + .wp-list-table tr.site-archived {
1762 + background: #fcf0f1;
1763 + }
1764 + .wp-list-table .site-spammed,
1765 + .wp-list-table tr.site-spammed,
1766 + .wp-list-table .site-mature,
1767 + .wp-list-table tr.site-mature {
1768 + background: #fcf9e8;
1769 + }
1770 +
1771 + .sites.fixed .column-lastupdated,
1772 + .sites.fixed .column-registered {
1773 + width: 20%;
1774 + }
1775 +
1776 + .sites.fixed .column-users {
1777 + width: 80px;
1778 + }
1779 +
1780 + /* =Media Queries
1781 + -------------------------------------------------------------- */
1782 +
1783 + @media screen and (max-width: 1100px) and (min-width: 782px), (max-width: 480px) {
1784 + .plugin-card .action-links {
1785 + position: static;
1786 + margin-right: 148px;
1787 + width: auto;
1788 + }
1789 +
1790 + .plugin-action-buttons {
1791 + float: none;
1792 + margin: 1em 0 0;
1793 + text-align: right;
1794 + }
1795 +
1796 + .plugin-action-buttons li {
1797 + display: inline-block;
1798 + vertical-align: middle;
1799 + }
1800 +
1801 + .plugin-action-buttons li .button {
1802 + margin-left: 20px;
1803 + }
1804 +
1805 + .plugin-card h3 {
1806 + margin-left: 24px;
1807 + }
1808 +
1809 + .plugin-card .name,
1810 + .plugin-card .desc {
1811 + margin-left: 0;
1812 + }
1813 +
1814 + .plugin-card .desc p:first-of-type {
1815 + margin-top: 0;
1816 + }
1817 + }
1818 +
1819 + @media screen and (max-width: 782px) {
1820 + /* WP List Table Options & Filters */
1821 + .tablenav {
1822 + height: auto;
1823 + }
1824 +
1825 + .tablenav.top {
1826 + margin: 20px 0 5px;
1827 + }
1828 +
1829 + .tablenav.bottom {
1830 + position: relative;
1831 + margin-top: 15px;
1832 + }
1833 +
1834 + .tablenav br {
1835 + display: none;
1836 + }
1837 +
1838 + .tablenav br.clear {
1839 + display: block;
1840 + }
1841 +
1842 + .tablenav.top .actions,
1843 + .tablenav .view-switch {
1844 + display: none;
1845 + }
1846 +
1847 + .view-switch a {
1848 + width: 36px;
1849 + height: 36px;
1850 + line-height: 2.53846153;
1851 + }
1852 +
1853 + /* Pagination */
1854 + .tablenav.top .displaying-num {
1855 + display: none;
1856 + }
1857 +
1858 + .tablenav.bottom .displaying-num {
1859 + position: absolute;
1860 + left: 0;
1861 + top: 11px;
1862 + margin: 0;
1863 + font-size: 14px;
1864 + }
1865 +
1866 + .tablenav .tablenav-pages {
1867 + width: 100%;
1868 + text-align: center;
1869 + margin: 0 0 25px;
1870 + }
1871 +
1872 + .tablenav.bottom .tablenav-pages {
1873 + margin-top: 25px;
1874 + }
1875 +
1876 + .tablenav.top .tablenav-pages.one-page {
1877 + display: none;
1878 + }
1879 +
1880 + .tablenav.bottom .actions select {
1881 + margin-bottom: 5px;
1882 + }
1883 +
1884 + .tablenav.bottom .actions.alignleft + .actions.alignleft {
1885 + clear: right;
1886 + margin-top: 10px;
1887 + }
1888 +
1889 + .tablenav.bottom .tablenav-pages.one-page {
1890 + margin-top: 15px;
1891 + height: 0;
1892 + }
1893 +
1894 + .tablenav-pages .pagination-links {
1895 + font-size: 16px;
1896 + }
1897 +
1898 + .tablenav .tablenav-pages .button,
1899 + .tablenav .tablenav-pages .tablenav-pages-navspan {
1900 + min-width: 44px;
1901 + padding: 12px 8px;
1902 + font-size: 18px;
1903 + line-height: 1;
1904 + }
1905 +
1906 + .tablenav-pages .pagination-links .current-page {
1907 + min-width: 44px;
1908 + padding: 12px 6px;
1909 + font-size: 16px;
1910 + line-height: 1.125;
1911 + }
1912 +
1913 + /* WP List Table Adjustments: General */
1914 + .form-wrap > p {
1915 + display: none;
1916 + }
1917 +
1918 + .wp-list-table th.column-primary ~ th,
1919 + .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
1920 + display: none;
1921 + }
1922 +
1923 + .wp-list-table thead th.column-primary {
1924 + width: 100%;
1925 + }
1926 +
1927 + /* Checkboxes need to show */
1928 + .wp-list-table tr th.check-column {
1929 + display: table-cell;
1930 + }
1931 +
1932 + .wp-list-table .check-column {
1933 + width: 2.5em;
1934 + }
1935 +
1936 + .wp-list-table .column-primary .toggle-row {
1937 + display: block;
1938 + }
1939 +
1940 + .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {
1941 + position: relative;
1942 + clear: both;
1943 + width: auto !important; /* needs to override some columns that are more specifically targeted */
1944 + }
1945 +
1946 + .wp-list-table td.column-primary {
1947 + padding-left: 50px; /* space for toggle button */
1948 + }
1949 +
1950 + .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
1951 + padding: 3px 35% 3px 8px;
1952 + }
1953 +
1954 + .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
1955 + position: absolute;
1956 + right: 10px; /* match padding of regular table cell */
1957 + display: block;
1958 + overflow: hidden;
1959 + width: 32%; /* leave a little space for a gutter */
1960 + content: attr(data-colname);
1961 + white-space: nowrap;
1962 + text-overflow: ellipsis;
1963 + }
1964 +
1965 + .wp-list-table .is-expanded td:not(.hidden) {
1966 + display: block !important;
1967 + overflow: hidden; /* clearfix */
1968 + }
1969 +
1970 + /* Special cases */
1971 + .widefat .num,
1972 + .column-posts {
1973 + text-align: right;
1974 + }
1975 +
1976 + #comments-form .fixed .column-author,
1977 + #commentsdiv .fixed .column-author {
1978 + display: none !important;
1979 + }
1980 +
1981 + .fixed .column-comment .comment-author {
1982 + display: block;
1983 + }
1984 +
1985 + /* Comment author hidden via Screen Options */
1986 + .fixed .column-author.hidden ~ .column-comment .comment-author {
1987 + display: none;
1988 + }
1989 +
1990 + #the-comment-list .is-expanded td {
1991 + box-shadow: none;
1992 + }
1993 +
1994 + #the-comment-list .is-expanded td:last-child {
1995 + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1996 + }
1997 +
1998 + /* Show comment bubble as text instead */
1999 + .post-com-count .screen-reader-text {
2000 + position: static;
2001 + clip-path: none;
2002 + width: auto;
2003 + height: auto;
2004 + margin: 0;
2005 + }
2006 +
2007 + .column-response .post-com-count-no-comments:after,
2008 + .column-response .post-com-count-approved:after,
2009 + .column-comments .post-com-count-no-comments:after,
2010 + .column-comments .post-com-count-approved:after {
2011 + content: none;
2012 + }
2013 +
2014 + .column-response .post-com-count [aria-hidden="true"],
2015 + .column-comments .post-com-count [aria-hidden="true"] {
2016 + display: none;
2017 + }
2018 +
2019 + .column-response .post-com-count-wrapper,
2020 + .column-comments .post-com-count-wrapper {
2021 + white-space: normal;
2022 + }
2023 +
2024 + .column-response .post-com-count-wrapper > a,
2025 + .column-comments .post-com-count-wrapper > a {
2026 + display: block;
2027 + }
2028 +
2029 + .column-response .post-com-count-no-comments,
2030 + .column-response .post-com-count-approved,
2031 + .column-comments .post-com-count-no-comments,
2032 + .column-comments .post-com-count-approved {
2033 + margin-top: 0;
2034 + margin-left: 0.5em;
2035 + }
2036 +
2037 + .column-response .post-com-count-pending,
2038 + .column-comments .post-com-count-pending {
2039 + position: static;
2040 + height: auto;
2041 + min-width: 0;
2042 + padding: 0;
2043 + border: none;
2044 + border-radius: 0;
2045 + background: none;
2046 + color: #b32d2e;
2047 + font-size: inherit;
2048 + line-height: inherit;
2049 + text-align: right;
2050 + }
2051 +
2052 + .column-response .post-com-count-pending:hover,
2053 + .column-comments .post-com-count-pending:hover {
2054 + color: #d63638;
2055 + }
2056 +
2057 + .widefat thead td.check-column,
2058 + .widefat tfoot td.check-column {
2059 + padding-top: 10px;
2060 + }
2061 +
2062 + .row-actions {
2063 + margin-left: -8px;
2064 + padding-top: 4px;
2065 + }
2066 +
2067 + /* Make row actions more easy to select on mobile */
2068 + body:not(.plugins-php) .row-actions {
2069 + display: flex;
2070 + flex-wrap: wrap;
2071 + gap: 8px;
2072 + color: transparent;
2073 + }
2074 +
2075 + .row-actions span {
2076 + font-size: 0;
2077 + }
2078 +
2079 + .row-actions span a,
2080 + .row-actions span .button-link {
2081 + display: inline-block;
2082 + padding: 4px 0 4px 16px;
2083 + font-size: 13px;
2084 + line-height: 1.5;
2085 + }
2086 +
2087 + .row-actions span.approve:before,
2088 + .row-actions span.unapprove:before {
2089 + content: "| ";
2090 + }
2091 +
2092 + /* Quick Edit and Bulk Edit */
2093 + #wpbody-content .quick-edit-row-post .inline-edit-col-left,
2094 + #wpbody-content .quick-edit-row-post .inline-edit-col-right,
2095 + #wpbody-content .inline-edit-row-post .inline-edit-col-center,
2096 + #wpbody-content .quick-edit-row-page .inline-edit-col-left,
2097 + #wpbody-content .quick-edit-row-page .inline-edit-col-right,
2098 + #wpbody-content .bulk-edit-row-post .inline-edit-col-right,
2099 + #wpbody-content .bulk-edit-row .inline-edit-col-left,
2100 + #wpbody-content .bulk-edit-row-page .inline-edit-col-right,
2101 + #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
2102 + float: none;
2103 + width: 100%;
2104 + padding: 0;
2105 + }
2106 +
2107 + #the-list .inline-edit-row .inline-edit-legend,
2108 + .inline-edit-row span.title {
2109 + font-size: 16px;
2110 + }
2111 +
2112 + .inline-edit-row p.howto {
2113 + font-size: 14px;
2114 + }
2115 +
2116 + #wpbody-content .inline-edit-row-page .inline-edit-col-right {
2117 + margin-top: 0;
2118 + }
2119 +
2120 + #wpbody-content .quick-edit-row fieldset .inline-edit-col label,
2121 + #wpbody-content .quick-edit-row fieldset .inline-edit-group label,
2122 + #wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
2123 + #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
2124 + max-width: none;
2125 + float: none;
2126 + margin-bottom: 5px;
2127 + }
2128 +
2129 + #wpbody .bulk-edit-row fieldset select {
2130 + display: block;
2131 + width: 100%;
2132 + max-width: none;
2133 + box-sizing: border-box;
2134 + }
2135 +
2136 + .inline-edit-row fieldset input[name=jj],
2137 + .inline-edit-row fieldset input[name=hh],
2138 + .inline-edit-row fieldset input[name=mn],
2139 + .inline-edit-row fieldset input[name=aa] {
2140 + font-size: 16px;
2141 + line-height: 2;
2142 + padding: 3px 4px;
2143 + }
2144 +
2145 + #bulk-titles .ntdelbutton,
2146 + #bulk-titles .ntdeltitle,
2147 + .inline-edit-row fieldset ul.cat-checklist label {
2148 + padding: 6px 0;
2149 + font-size: 16px;
2150 + line-height: 28px;
2151 + }
2152 +
2153 + #bulk-titles .ntdelitem {
2154 + padding-right: 37px;
2155 + }
2156 +
2157 + #bulk-titles .ntdelbutton {
2158 + width: 40px;
2159 + height: 40px;
2160 + margin: 0 -40px 0 0;
2161 + overflow: hidden;
2162 + }
2163 +
2164 + #bulk-titles .ntdelbutton:before {
2165 + font-size: 20px;
2166 + line-height: 28px;
2167 + }
2168 +
2169 + .inline-edit-row fieldset label span.title,
2170 + .inline-edit-row fieldset.inline-edit-date legend {
2171 + float: none;
2172 + }
2173 +
2174 + .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
2175 + padding: 0;
2176 + }
2177 +
2178 + .inline-edit-row fieldset label span.input-text-wrap,
2179 + .inline-edit-row fieldset .timestamp-wrap {
2180 + margin-right: 0;
2181 + }
2182 +
2183 + .inline-edit-row .inline-edit-or {
2184 + margin: 0 0 0 6px;
2185 + }
2186 +
2187 + #edithead .inside,
2188 + #commentsdiv #edithead .inside {
2189 + float: none;
2190 + text-align: right;
2191 + padding: 3px 5px;
2192 + }
2193 +
2194 + #commentsdiv #edithead .inside input,
2195 + #edithead .inside input {
2196 + width: 100%;
2197 + }
2198 +
2199 + #edithead label {
2200 + display: block;
2201 + }
2202 +
2203 + /* Updates */
2204 + #wpbody-content .updates-table .plugin-title {
2205 + width: auto;
2206 + white-space: normal;
2207 + }
2208 +
2209 + /* Links */
2210 + .link-manager-php #posts-filter {
2211 + margin-top: 25px;
2212 + }
2213 +
2214 + .link-manager-php .tablenav.bottom {
2215 + overflow: hidden;
2216 + }
2217 +
2218 + /* List tables that don't toggle rows */
2219 + .comments-box .toggle-row,
2220 + .wp-list-table.plugins .toggle-row {
2221 + display: none;
2222 + }
2223 +
2224 + /* Plugin/Theme Management */
2225 + #wpbody-content .wp-list-table.plugins td {
2226 + display: block;
2227 + width: auto;
2228 + padding: 10px 9px; /* reset from other list tables that have a label at this width */
2229 + }
2230 +
2231 + #wpbody-content .wp-list-table.plugins .plugin-deleted-tr td,
2232 + #wpbody-content .wp-list-table.plugins .no-items td {
2233 + display: table-cell;
2234 + }
2235 +
2236 + /* Plugin description hidden via Screen Options */
2237 + #wpbody-content .wp-list-table.plugins .desc.hidden {
2238 + display: none;
2239 + }
2240 +
2241 + #wpbody-content .wp-list-table.plugins .column-description {
2242 + padding-top: 2px;
2243 + }
2244 +
2245 + #wpbody-content .wp-list-table.plugins .plugin-title,
2246 + #wpbody-content .wp-list-table.plugins .theme-title {
2247 + padding-left: 12px;
2248 + white-space: normal;
2249 + }
2250 +
2251 + .wp-list-table.plugins .plugin-title,
2252 + .wp-list-table.plugins .theme-title {
2253 + padding-top: 13px;
2254 + padding-bottom: 4px;
2255 + }
2256 +
2257 + .plugins #the-list tr > td:not(:last-child),
2258 + .plugins #the-list .update th,
2259 + .plugins #the-list .update td,
2260 + .wp-list-table.plugins #the-list .theme-title {
2261 + box-shadow: none;
2262 + border-top: none;
2263 + }
2264 +
2265 + .plugins #the-list tr td {
2266 + border-top: none;
2267 + }
2268 +
2269 + .plugins tbody {
2270 + padding: 1px 0 0;
2271 + }
2272 +
2273 + .plugins tr.active + tr.inactive th.check-column,
2274 + .plugins tr.active + tr.inactive td.column-description,
2275 + .plugins .plugin-update-tr:before {
2276 + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
2277 + }
2278 +
2279 + .plugins tr.active + tr.inactive th.check-column,
2280 + .plugins tr.active + tr.inactive td {
2281 + border-top: none;
2282 + }
2283 +
2284 + /* mimic the checkbox th */
2285 + .plugins .plugin-update-tr:before {
2286 + content: "";
2287 + display: table-cell;
2288 + }
2289 +
2290 + .plugins #the-list .plugin-update-tr .plugin-update {
2291 + border-right: none;
2292 + }
2293 +
2294 + .plugin-update-tr .update-message {
2295 + margin-right: 0;
2296 + }
2297 +
2298 + .plugins .active.update + .plugin-update-tr:before,
2299 + .plugins .active.updated + .plugin-update-tr:before {
2300 + background-color: #f0f6fc;
2301 + border-right: 4px solid #72aee6;
2302 + }
2303 +
2304 + .plugins .plugin-update-tr .update-message {
2305 + margin-right: 0;
2306 + }
2307 +
2308 + .wp-list-table.plugins .plugin-title strong,
2309 + .wp-list-table.plugins .theme-title strong {
2310 + font-size: 1.4em;
2311 + line-height: 1.5;
2312 + }
2313 +
2314 + .plugins tbody th.check-column {
2315 + padding: 8px 5px 0 0;
2316 + }
2317 +
2318 + .plugins thead td.check-column,
2319 + .plugins tfoot td.check-column,
2320 + .plugins .inactive th.check-column {
2321 + padding-right: 9px;
2322 + }
2323 +
2324 + /* Add New plugins page */
2325 + table.plugin-install .column-name,
2326 + table.plugin-install .column-version,
2327 + table.plugin-install .column-rating,
2328 + table.plugin-install .column-description {
2329 + display: block;
2330 + width: auto;
2331 + }
2332 +
2333 + table.plugin-install th.column-name,
2334 + table.plugin-install th.column-version,
2335 + table.plugin-install th.column-rating,
2336 + table.plugin-install th.column-description {
2337 + display: none;
2338 + }
2339 +
2340 + table.plugin-install td.column-name strong {
2341 + font-size: 1.4em;
2342 + line-height: 1.6em;
2343 + }
2344 +
2345 + table.plugin-install #the-list td {
2346 + box-shadow: none;
2347 + }
2348 +
2349 + table.plugin-install #the-list tr {
2350 + display: block;
2351 + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
2352 + }
2353 +
2354 + .plugin-card {
2355 + margin-right: 0;
2356 + margin-left: 0;
2357 + width: 100%;
2358 + }
2359 +
2360 + table.media .column-title .has-media-icon ~ .row-actions {
2361 + margin-right: 0;
2362 + clear: both;
2363 + }
2364 + }
2365 +
2366 + @media screen and (max-width: 480px) {
2367 + .tablenav-pages .current-page {
2368 + margin: 0;
2369 + }
2370 +
2371 + .tablenav.bottom .displaying-num {
2372 + position: relative;
2373 + top: 0;
2374 + display: block;
2375 + text-align: left;
2376 + padding-bottom: 0.5em;
2377 + }
2378 +
2379 + .tablenav.bottom .tablenav-pages.one-page {
2380 + height: auto;
2381 + }
2382 +
2383 + .tablenav-pages .tablenav-paging-text {
2384 + float: right;
2385 + width: 100%;
2386 + padding-top: 0.5em;
2387 + }
2388 + }
2389 +