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