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