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