[Summary view] [Print] [Text view]

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