[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-admin/css/ -> list-tables.css (source)

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


Generated : Tue Sep 9 08:20:04 2025 Cross-referenced by PHPXref