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