[Summary view] [Print] [Text view]

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