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