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