[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

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

   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      speak: never;
 275      display: inline-block;
 276      padding: 0;
 277      top: 4px;
 278      right: -4px;
 279      position: relative;
 280      vertical-align: top;
 281      -webkit-font-smoothing: antialiased;
 282      -moz-osx-font-smoothing: grayscale;
 283      text-decoration: none !important;
 284      color: #3c434a;
 285  }
 286  
 287  /*------------------------------------------------------------------------------
 288    10.0 - List Posts (/Pages/etc)
 289  ------------------------------------------------------------------------------*/
 290  
 291  table.fixed {
 292      table-layout: fixed;
 293  }
 294  
 295  .fixed .column-rating,
 296  .fixed .column-visible {
 297      width: 8%;
 298  }
 299  
 300  .fixed .column-posts,
 301  .fixed .column-parent,
 302  .fixed .column-links,
 303  .fixed .column-author,
 304  .fixed .column-format {
 305      width: 10%;
 306  }
 307  
 308  .fixed .column-date {
 309      width: 14%;
 310  }
 311  
 312  .column-date span[title] {
 313      -webkit-text-decoration: dotted underline;
 314      text-decoration: dotted underline;
 315  }
 316  
 317  .fixed .column-posts {
 318      width: 74px;
 319  }
 320  
 321  .fixed .column-role,
 322  .fixed .column-posts {
 323      -webkit-hyphens: auto;
 324      hyphens: auto;
 325  }
 326  
 327  .fixed .column-comment .comment-author {
 328      display: none;
 329  }
 330  
 331  .fixed .column-response,
 332  .fixed .column-categories,
 333  .fixed .column-tags,
 334  .fixed .column-rel,
 335  .fixed .column-role {
 336      width: 15%;
 337  }
 338  
 339  .fixed .column-slug {
 340      width: 25%;
 341  }
 342  
 343  .fixed .column-locations {
 344      width: 35%;
 345  }
 346  
 347  .fixed .column-comments {
 348      width: 5.5em;
 349      text-align: right;
 350  }
 351  
 352  .fixed .column-comments .vers {
 353      padding-right: 3px;
 354  }
 355  
 356  td.column-title strong,
 357  td.plugin-title strong {
 358      display: block;
 359      margin-bottom: .2em;
 360      font-size: 14px;
 361  }
 362  
 363  td.column-title p,
 364  td.plugin-title p {
 365      margin: 6px 0;
 366  }
 367  
 368  /* Media file column */
 369  table.media .column-title .media-icon {
 370      float: right;
 371      min-height: 60px;
 372      margin: 0 0 0 9px;
 373  }
 374  
 375  table.media .column-title .media-icon img {
 376      max-width: 60px;
 377      height: auto;
 378      vertical-align: top; /* Remove descender white-space. */
 379  }
 380  
 381  table.media .column-title .has-media-icon ~ .row-actions {
 382      margin-right: 70px; /* 60px image + margin */
 383  }
 384  
 385  table.media .column-title .filename {
 386      margin-bottom: 0.2em;
 387  }
 388  
 389  /* Media Copy to clipboard row action */
 390  .media .row-actions .copy-to-clipboard-container {
 391      display: inline;
 392      position: relative;
 393  }
 394  
 395  .media .row-actions .copy-to-clipboard-container .success {
 396      position: absolute;
 397      right: 50%;
 398      transform: translate(50%, -100%);
 399      background: #000;
 400      color: #fff;
 401      border-radius: 5px;
 402      margin: 0;
 403      padding: 2px 5px;
 404  }
 405  
 406  /* @todo: pick a consistent list table selector */
 407  .wp-list-table a {
 408      transition: none;
 409  }
 410  
 411  #the-list tr:last-child td,
 412  #the-list tr:last-child th {
 413      border-bottom: none !important;
 414      box-shadow: none;
 415  }
 416  
 417  #comments-form .fixed .column-author {
 418      width: 20%;
 419  }
 420  
 421  #commentsdiv.postbox .inside {
 422      margin: 0;
 423      padding: 0;
 424  }
 425  
 426  #commentsdiv .inside .row-actions {
 427      line-height: 1.38461538;
 428  }
 429  
 430  #commentsdiv .inside .column-author {
 431      width: 25%;
 432  }
 433  
 434  #commentsdiv .column-comment p {
 435      margin: 0.6em 0;
 436      padding: 0;
 437  }
 438  
 439  #commentsdiv #replyrow td {
 440      padding: 0;
 441  }
 442  
 443  #commentsdiv p {
 444      padding: 8px 10px;
 445      margin: 0;
 446  }
 447  
 448  #commentsdiv .comments-box {
 449      border: 0 none;
 450  }
 451  
 452  #commentsdiv .comments-box thead th,
 453  #commentsdiv .comments-box thead td {
 454      background: transparent;
 455      padding: 0 7px 4px;
 456  }
 457  
 458  #commentsdiv .comments-box tr:last-child td {
 459      border-bottom: 0 none;
 460  }
 461  
 462  #commentsdiv #edithead .inside input {
 463      width: 160px;
 464  }
 465  
 466  .sorting-indicators {
 467      display: grid;
 468  }
 469  
 470  .sorting-indicator {
 471      display: block;
 472      width: 10px;
 473      height: 4px;
 474      margin-top: 4px;
 475      margin-right: 7px;
 476  }
 477  
 478  .sorting-indicator:before {
 479      font: normal 20px/1 dashicons;
 480      speak: never;
 481      display: inline-block;
 482      padding: 0;
 483      top: -4px;
 484      right: -8px;
 485      line-height: 0.5;
 486      position: relative;
 487      vertical-align: top;
 488      -webkit-font-smoothing: antialiased;
 489      -moz-osx-font-smoothing: grayscale;
 490      text-decoration: none !important;
 491      color: #a7aaad;
 492  }
 493  
 494  .sorting-indicator.asc:before {
 495      content: "\f142";
 496  }
 497  
 498  .sorting-indicator.desc:before {
 499      content: "\f140";
 500  }
 501  
 502  th.sorted.desc .sorting-indicator.desc:before {
 503      color: #1d2327;
 504  }
 505  
 506  th.sorted.asc .sorting-indicator.asc:before {
 507      color: #1d2327;
 508  }
 509  
 510  th.sorted.asc a:focus .sorting-indicator.asc:before,
 511  th.sorted.asc:hover .sorting-indicator.asc:before,
 512  th.sorted.desc a:focus .sorting-indicator.desc:before,
 513  th.sorted.desc:hover .sorting-indicator.desc:before {
 514      color: #a7aaad;
 515  }
 516  
 517  th.sorted.asc a:focus .sorting-indicator.desc:before,
 518  th.sorted.asc:hover .sorting-indicator.desc:before,
 519  th.sorted.desc a:focus .sorting-indicator.asc:before,
 520  th.sorted.desc:hover .sorting-indicator.asc:before {
 521      color: #1d2327;
 522  }
 523  
 524  .wp-list-table .toggle-row {
 525      position: absolute;
 526      left: 8px;
 527      top: 10px;
 528      display: none;
 529      padding: 0;
 530      width: 40px;
 531      height: 40px;
 532      border: none;
 533      outline: none;
 534      background: transparent;
 535  }
 536  
 537  .wp-list-table .toggle-row:hover {
 538      cursor: pointer;
 539  }
 540  
 541  .wp-list-table .toggle-row:focus:before {
 542      box-shadow: 0 0 0 2px #2271b1;
 543      /* Only visible in Windows High Contrast mode */
 544      outline: 2px solid transparent;
 545  }
 546  
 547  .wp-list-table .toggle-row:active {
 548      box-shadow: none;
 549  }
 550  
 551  .wp-list-table .toggle-row:before {
 552      position: absolute;
 553      top: -5px;
 554      right: 10px;
 555      border-radius: 50%;
 556      display: block;
 557      padding: 1px 0 1px 2px;
 558      color: #3c434a; /* same as table headers sort arrows */
 559      content: "\f140";
 560      font: normal 20px/1 dashicons;
 561      line-height: 1;
 562      -webkit-font-smoothing: antialiased;
 563      -moz-osx-font-smoothing: grayscale;
 564      speak: never;
 565  }
 566  
 567  .wp-list-table .is-expanded .toggle-row:before {
 568      content: "\f142";
 569  }
 570  
 571  .check-column {
 572      position: relative;
 573  }
 574  
 575  .check-column label {
 576      box-sizing: border-box;
 577      width: 100%;
 578      height: 100%;
 579      display: block;
 580      position: absolute;
 581      top: 0;
 582      right: 0;
 583  }
 584  
 585  .check-column input {
 586      position: relative;
 587      z-index: 1;
 588  }
 589  
 590  .check-column .label-covers-full-cell:hover + input:not(:disabled) {
 591      box-shadow: 0 0 0 1px #2271b1;
 592  }
 593  
 594  .check-column label:hover,
 595  .check-column input:hover + label {
 596      background: rgba(0, 0, 0, 0.05);
 597  }
 598  
 599  .locked-indicator {
 600      display: none;
 601      margin-right: 6px;
 602      height: 20px;
 603      width: 16px;
 604  }
 605  
 606  .locked-indicator-icon:before {
 607      color: #8c8f94;
 608      content: "\f160";
 609      display: inline-block;
 610      font: normal 20px/1 dashicons;
 611      speak: never;
 612      vertical-align: middle;
 613      -webkit-font-smoothing: antialiased;
 614      -moz-osx-font-smoothing: grayscale;
 615  }
 616  
 617  .locked-info {
 618      display: none;
 619      margin-top: 4px;
 620  }
 621  
 622  .locked-text {
 623      vertical-align: top;
 624  }
 625  
 626  .wp-locked .locked-indicator,
 627  .wp-locked .locked-info {
 628      display: block;
 629  }
 630  
 631  tr.wp-locked .check-column label,
 632  tr.wp-locked .check-column input[type="checkbox"],
 633  tr.wp-locked .row-actions .inline,
 634  tr.wp-locked .row-actions .trash {
 635      display: none;
 636  }
 637  
 638  #menu-locations-wrap .widefat {
 639      width: 60%;
 640  }
 641  
 642  .widefat th.sortable,
 643  .widefat th.sorted {
 644      padding: 0;
 645  }
 646  
 647  th.sortable a,
 648  th.sorted a {
 649      display: block;
 650      overflow: hidden;
 651      padding: 8px;
 652  }
 653  
 654  th.sortable a:focus,
 655  th.sorted a:focus {
 656      box-shadow: inset 0 0 0 2px #2271b1;
 657      /* Only visible in Windows High Contrast mode */
 658      outline: 2px solid transparent;
 659  }
 660  
 661  th.sortable a span,
 662  th.sorted a span {
 663      float: right;
 664      cursor: pointer;
 665  }
 666  
 667  .tablenav-pages .current-page {
 668      margin: 0 0 0 2px;
 669      font-size: 13px;
 670      text-align: center;
 671  }
 672  
 673  .tablenav .total-pages {
 674      margin-left: 2px;
 675  }
 676  
 677  .tablenav #table-paging {
 678      margin-right: 2px;
 679  }
 680  
 681  .tablenav {
 682      clear: both;
 683      height: 30px;
 684      margin: 6px 0 4px;
 685      padding-top: 5px;
 686      vertical-align: middle;
 687  }
 688  
 689  .tablenav.themes {
 690      max-width: 98%;
 691  }
 692  
 693  .tablenav .tablenav-pages {
 694      float: left;
 695      margin: 0 0 9px;
 696  }
 697  
 698  .tablenav .no-pages,
 699  .tablenav .one-page .pagination-links {
 700      display: none;
 701  }
 702  
 703  .tablenav .tablenav-pages .button,
 704  .tablenav .tablenav-pages .tablenav-pages-navspan {
 705      display: inline-block;
 706      vertical-align: baseline;
 707      min-width: 30px;
 708      min-height: 30px;
 709      margin: 0;
 710      padding: 0 4px;
 711      font-size: 16px;
 712      line-height: 1.625; /* 26px */
 713      text-align: center;
 714  }
 715  
 716  .tablenav .displaying-num {
 717      margin-left: 7px;
 718  }
 719  
 720  .tablenav .one-page .displaying-num {
 721      display: inline-block;
 722      margin: 5px 0;
 723  }
 724  
 725  .tablenav .actions {
 726      padding: 0 0 0 8px;
 727  }
 728  
 729  .wp-filter .actions {
 730      display: inline-block;
 731      vertical-align: middle;
 732  }
 733  
 734  .tablenav .delete {
 735      margin-left: 20px;
 736  }
 737  
 738  /* This view-switcher is still used on multisite. */
 739  .tablenav .view-switch {
 740      float: left;
 741      margin: 0 5px;
 742      padding-top: 3px;
 743  }
 744  
 745  .wp-filter .view-switch {
 746      display: inline-block;
 747      vertical-align: middle;
 748      padding: 12px 0;
 749      margin: 0 2px 0 8px;
 750  }
 751  
 752  .media-toolbar.wp-filter .view-switch {
 753      margin: 0 2px 0 12px;
 754  }
 755  
 756  .view-switch a {
 757      float: right;
 758      width: 28px;
 759      height: 28px;
 760      text-align: center;
 761      line-height: 1.84615384;
 762      text-decoration: none;
 763  }
 764  
 765  .view-switch a:before {
 766      color: #c3c4c7;
 767      display: inline-block;
 768      font: normal 20px/1 dashicons;
 769      speak: never;
 770      vertical-align: middle;
 771      -webkit-font-smoothing: antialiased;
 772      -moz-osx-font-smoothing: grayscale;
 773  }
 774  
 775  .view-switch a:hover:before,
 776  .view-switch a:focus:before {
 777      color: #787c82;
 778  }
 779  
 780  .view-switch a.current:before {
 781      color: #2271b1;
 782  }
 783  
 784  .view-switch .view-list:before {
 785      content: "\f163";
 786  }
 787  
 788  .view-switch .view-excerpt:before {
 789      content: "\f164";
 790  }
 791  
 792  .view-switch .view-grid:before {
 793      content: "\f509";
 794  }
 795  
 796  .filter {
 797      float: right;
 798      margin: -5px 10px 0 0;
 799  }
 800  
 801  .filter .subsubsub {
 802      margin-right: -10px;
 803      margin-top: 13px;
 804  }
 805  .screen-per-page {
 806      width: 4em;
 807  }
 808  
 809  #posts-filter .wp-filter {
 810      margin-bottom: 0;
 811  }
 812  
 813  #posts-filter fieldset {
 814      float: right;
 815      margin: 0 0 1em 1.5ex;
 816      padding: 0;
 817  }
 818  
 819  #posts-filter fieldset legend {
 820      padding: 0 1px .2em 0;
 821  }
 822  
 823  p.pagenav {
 824      margin: 0;
 825      display: inline;
 826  }
 827  
 828  .pagenav span {
 829      font-weight: 600;
 830      margin: 0 6px;
 831  }
 832  
 833  .row-title {
 834      font-size: 14px !important;
 835      font-weight: 600;
 836  }
 837  
 838  .column-comment .comment-author {
 839      margin-bottom: 0.6em;
 840  }
 841  
 842  .column-author img,
 843  .column-username img,
 844  .column-comment .comment-author img {
 845      float: right;
 846      margin-left: 10px;
 847      margin-top: 1px;
 848  }
 849  
 850  .row-actions {
 851      color: #a7aaad;
 852      font-size: 13px;
 853      padding: 2px 0 0;
 854      position: relative;
 855      right: -9999em;
 856  }
 857  
 858  /* ticket #34150 */
 859  .rtl .row-actions a {
 860      display: inline-block;
 861  }
 862  
 863  .row-actions .network_only,
 864  .row-actions .network_active {
 865      color: #000;
 866  }
 867  
 868  .no-js .row-actions,
 869  tr:hover .row-actions,
 870  .mobile .row-actions,
 871  .row-actions.visible,
 872  .comment-item:hover .row-actions {
 873      position: static;
 874  }
 875  
 876  /* deprecated */
 877  .row-actions-visible {
 878      padding: 2px 0 0;
 879  }
 880  
 881  
 882  /*------------------------------------------------------------------------------
 883    10.1 - Inline Editing
 884  ------------------------------------------------------------------------------*/
 885  
 886  /*
 887  .quick-edit* is for Quick Edit
 888  .bulk-edit* is for Bulk Edit
 889  .inline-edit* is for everything
 890  */
 891  
 892  /*    Layout */
 893  
 894  #wpbody-content .inline-edit-row fieldset {
 895      float: right;
 896      margin: 0;
 897      padding: 0 0 0 12px;
 898      width: 100%;
 899      box-sizing: border-box;
 900  }
 901  
 902  #wpbody-content .inline-edit-row td fieldset:last-of-type {
 903      padding-left: 0;
 904  }
 905  
 906  tr.inline-edit-row td {
 907      padding: 0;
 908      /* Prevents the focus style on .inline-edit-wrapper from being cutted-off */
 909      position: relative;
 910  }
 911  
 912  .inline-edit-wrapper {
 913      display: flow-root;
 914      padding: 0 12px;
 915      border: 1px solid transparent;
 916      border-radius: 4px;
 917  }
 918  
 919  .inline-edit-wrapper:focus {
 920      border-color: #2271b1;
 921      box-shadow: 0 0 0 1px #2271b1;
 922      /* Only visible in Windows High Contrast mode */
 923      outline: 2px solid transparent;
 924  }
 925  
 926  #wpbody-content .quick-edit-row-post .inline-edit-col-left {
 927      width: 40%;
 928  }
 929  
 930  #wpbody-content .quick-edit-row-post .inline-edit-col-right {
 931      width: 39%;
 932  }
 933  
 934  #wpbody-content .inline-edit-row-post .inline-edit-col-center {
 935      width: 20%;
 936  }
 937  
 938  #wpbody-content .quick-edit-row-page .inline-edit-col-left {
 939      width: 50%;
 940  }
 941  
 942  #wpbody-content .quick-edit-row-page .inline-edit-col-right,
 943  #wpbody-content .bulk-edit-row-post .inline-edit-col-right {
 944      width: 50%;
 945  }
 946  
 947  #wpbody-content .bulk-edit-row .inline-edit-col-left {
 948      width: 30%;
 949  }
 950  
 951  #wpbody-content .bulk-edit-row-page .inline-edit-col-right {
 952      width: 69%;
 953  }
 954  
 955  #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
 956      float: left;
 957      width: 69%;
 958  }
 959  
 960  #wpbody-content .inline-edit-row-page .inline-edit-col-right {
 961      margin-top: 27px;
 962  }
 963  
 964  .inline-edit-row fieldset .inline-edit-group {
 965      clear: both;
 966      line-height: 2.5;
 967  }
 968  
 969  .inline-edit-row .submit {
 970      display: flex;
 971      flex-wrap: wrap;
 972      align-items: center;
 973      clear: both;
 974      margin: 0;
 975      padding: 0.5em 0 1em;
 976  }
 977  
 978  .inline-edit-save.submit .button {
 979      margin-left: 8px;
 980  }
 981  
 982  .inline-edit-save .spinner {
 983      float: none;
 984      margin: 0;
 985  }
 986  
 987  .inline-edit-row .notice-error {
 988      box-sizing: border-box;
 989      min-width: 100%;
 990      margin-top: 1em;
 991  }
 992  
 993  .inline-edit-row .notice-error .error {
 994      margin: 0.5em 0;
 995      padding: 2px;
 996  }
 997  
 998  /*    Positioning */
 999  
1000  /* Needs higher specificity for the padding */
1001  #the-list .inline-edit-row .inline-edit-legend {
1002      margin: 0;
1003      padding: 0.2em 0;
1004      line-height: 2.5;
1005      font-weight: 600;
1006  }
1007  
1008  .inline-edit-row fieldset span.title,
1009  .inline-edit-row fieldset span.checkbox-title {
1010      margin: 0;
1011      padding: 0;
1012  }
1013  
1014  .inline-edit-row fieldset label,
1015  .inline-edit-row fieldset span.inline-edit-categories-label {
1016      display: block;
1017      margin: .2em 0;
1018      line-height: 2.5;
1019  }
1020  
1021  .inline-edit-row fieldset.inline-edit-date label {
1022      display: inline-block;
1023      margin: 0;
1024      vertical-align: baseline;
1025      line-height: 2;
1026  }
1027  
1028  .inline-edit-row fieldset label.inline-edit-tags {
1029      margin-top: 0;
1030  }
1031  
1032  .inline-edit-row fieldset label.inline-edit-tags span.title {
1033      margin: .2em 0;
1034      width: auto;
1035  }
1036  
1037  .inline-edit-row fieldset label span.title,
1038  .inline-edit-row fieldset.inline-edit-date legend {
1039      display: block;
1040      float: right;
1041      width: 6em;
1042      line-height: 2.5;
1043  }
1044  
1045  #posts-filter fieldset.inline-edit-date legend {
1046      padding: 0;
1047  }
1048  
1049  .inline-edit-row fieldset label span.input-text-wrap,
1050  .inline-edit-row fieldset .timestamp-wrap {
1051      display: block;
1052      margin-right: 6em;
1053  }
1054  
1055  .quick-edit-row-post fieldset.inline-edit-col-right label span.title {
1056      width: auto;
1057      padding-left: 0.5em;
1058  }
1059  
1060  .inline-edit-row .inline-edit-or {
1061      margin: .2em 0 .2em 6px;
1062      line-height: 2.5;
1063  }
1064  
1065  .inline-edit-row .input-text-wrap input[type=text] {
1066      width: 100%;
1067  }
1068  
1069  .inline-edit-row fieldset label input[type=checkbox] {
1070      vertical-align: middle;
1071  }
1072  
1073  .inline-edit-row fieldset label textarea {
1074      width: 100%;
1075      height: 4em;
1076      vertical-align: top;
1077  }
1078  
1079  #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
1080      max-width: 50%;
1081  }
1082  
1083  #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
1084      margin-left: 0.5em
1085  }
1086  
1087  .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
1088      width: 6em;
1089  }
1090  
1091  /*    Styling */
1092  .inline-edit-row .inline-edit-legend {
1093      text-transform: uppercase;
1094  }
1095  
1096  /*    Specific Elements */
1097  .inline-edit-row fieldset .inline-edit-date {
1098      float: right;
1099  }
1100  
1101  .inline-edit-row fieldset input[name=jj],
1102  .inline-edit-row fieldset input[name=hh],
1103  .inline-edit-row fieldset input[name=mn],
1104  .inline-edit-row fieldset input[name=aa] {
1105      vertical-align: middle;
1106      text-align: center;
1107      padding: 0 4px;
1108  }
1109  
1110  .inline-edit-row fieldset label input.inline-edit-password-input {
1111      width: 8em;
1112  }
1113  
1114  #bulk-titles-list,
1115  #bulk-titles-list li,
1116  .inline-edit-row fieldset ul.cat-checklist li,
1117  .inline-edit-row fieldset ul.cat-checklist input {
1118      margin: 0;
1119      position: relative; /* RTL fix, #WP27629 */
1120  }
1121  
1122  .inline-edit-row fieldset ul.cat-checklist input {
1123      margin-top: -1px;
1124      margin-right: 3px;
1125  }
1126  
1127  .inline-edit-row fieldset label input.inline-edit-menu-order-input {
1128      width: 3em;
1129  }
1130  
1131  .inline-edit-row fieldset label input.inline-edit-slug-input {
1132      width: 75%;
1133  }
1134  
1135  .inline-edit-row #post_parent,
1136  .inline-edit-row select[name="page_template"] {
1137      max-width: 80%;
1138  }
1139  
1140  .quick-edit-row-post fieldset label.inline-edit-status {
1141      float: right;
1142  }
1143  
1144  #bulk-titles,
1145  ul.cat-checklist {
1146      height: 14em;
1147      border: 1px solid #ddd;
1148      margin: 0 0 5px;
1149      padding: 0.2em 5px;
1150      overflow-y: scroll;
1151  }
1152  
1153  ul.cat-checklist input[name="post_category[]"]:indeterminate::before {
1154      content: '';
1155      border-top: 2px solid grey;
1156      width: 65%;
1157      height: 2px;
1158      position: absolute;
1159      top: calc( 50% + 1px );
1160      right: 50%;
1161      transform: translate( 50%, -50% );
1162  }
1163  
1164  #bulk-titles .ntdelbutton,
1165  #bulk-titles .ntdeltitle,
1166  .inline-edit-row fieldset ul.cat-checklist label {
1167      display: inline-block;
1168      margin: 0;
1169      padding: 3px 0;
1170      line-height: 20px;
1171      vertical-align: top;
1172  }
1173  
1174  #bulk-titles .ntdelitem {
1175      padding-right: 23px;
1176  }
1177  
1178  #bulk-titles .ntdelbutton {
1179      width: 26px;
1180      height: 26px;
1181      margin: 0 -26px 0 0;
1182      text-align: center;
1183      border-radius: 3px;
1184  }
1185  
1186  #bulk-titles .ntdelbutton:before {
1187      display: inline-block;
1188      vertical-align: top;
1189  }
1190  
1191  #bulk-titles .ntdelbutton:focus {
1192      box-shadow: 0 0 0 2px #3582c4;
1193      /* Only visible in Windows High Contrast mode */
1194      outline: 2px solid transparent;
1195      /* Reset inherited offset from Gutenberg */
1196      outline-offset: 0;
1197  }
1198  
1199  /*------------------------------------------------------------------------------
1200    17.0 - Plugins
1201  ------------------------------------------------------------------------------*/
1202  
1203  .plugins tbody th.check-column,
1204  .plugins tbody {
1205      padding: 8px 2px 0 0;
1206  }
1207  
1208  .plugins tbody th.check-column input[type=checkbox] {
1209      margin-top: 4px;
1210  }
1211  
1212  .updates-table .plugin-title p {
1213      margin-top: 0;
1214  }
1215  
1216  .plugins thead td.check-column,
1217  .plugins tfoot td.check-column,
1218  .plugins .inactive th.check-column {
1219      padding-right: 6px;
1220  }
1221  
1222  .plugins,
1223  .plugins th,
1224  .plugins td {
1225      color: #000;
1226  }
1227  
1228  .plugins tr {
1229      background: #fff;
1230  }
1231  
1232  .plugins p {
1233      margin: 0 4px;
1234      padding: 0;
1235  }
1236  
1237  .plugins .desc p {
1238      margin: 0 0 8px;
1239  }
1240  
1241  .plugins td.desc {
1242      line-height: 1.5;
1243  }
1244  
1245  .plugins .desc ul,
1246  .plugins .desc ol {
1247      margin: 0 2em 0 0;
1248  }
1249  
1250  .plugins .desc ul {
1251      list-style-type: disc;
1252  }
1253  
1254  .plugins .row-actions {
1255      font-size: 13px;
1256      padding: 0;
1257  }
1258  
1259  .plugins .inactive td,
1260  .plugins .inactive th,
1261  .plugins .active td,
1262  .plugins .active th {
1263      padding: 10px 9px;
1264  }
1265  
1266  .plugins .active td,
1267  .plugins .active th {
1268      background-color: #f0f6fc;
1269  }
1270  
1271  .plugins .update th,
1272  .plugins .update td {
1273      border-bottom: 0;
1274  }
1275  
1276  .plugins .inactive td,
1277  .plugins .inactive th,
1278  .plugins .active td,
1279  .plugins .active th,
1280  .plugin-install #the-list td,
1281  .upgrade .plugins td,
1282  .upgrade .plugins th {
1283      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1284  }
1285  
1286  .plugins tr.active.plugin-update-tr + tr.inactive th,
1287  .plugins tr.active.plugin-update-tr + tr.inactive td,
1288  .plugins tr.active + tr.inactive th,
1289  .plugins tr.active + tr.inactive td {
1290      border-top: 1px solid rgba(0, 0, 0, 0.03);
1291      box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #dcdcde;
1292  }
1293  
1294  .plugins .update td,
1295  .plugins .update th,
1296  .upgrade .plugins tr:last-of-type td,
1297  .upgrade .plugins tr:last-of-type th,
1298  .plugins tr.active + tr.inactive.update th,
1299  .plugins tr.active + tr.inactive.update td,
1300  .plugins .updated td,
1301  .plugins .updated th,
1302  .plugins tr.active + tr.inactive.updated th,
1303  .plugins tr.active + tr.inactive.updated td {
1304      box-shadow: none;
1305  }
1306  
1307  .plugins .active th.check-column,
1308  .plugin-update-tr.active td {
1309      border-right: 4px solid #72aee6;
1310  }
1311  
1312  .wp-list-table.plugins .plugin-title,
1313  .wp-list-table.plugins .theme-title {
1314      padding-left: 12px;
1315      white-space: nowrap;
1316  }
1317  
1318  .plugins .plugin-title img,
1319  .plugins .plugin-title .dashicons {
1320      float: right;
1321      padding: 0 0 0 10px;
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,
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 40px 15px 20px;
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-right: 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 -2px 0 5px;
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: right;
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-right: 0;
1492  }
1493  
1494  .plugin-card:nth-child(even) {
1495      margin-left: 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-right: 8px;
1507      }
1508  
1509      .plugin-card:nth-child(even) {
1510          margin-left: 8px;
1511      }
1512  
1513      .plugin-card:nth-child(3n+1) {
1514          clear: both;
1515          margin-right: 0;
1516      }
1517  
1518      .plugin-card:nth-child(3n) {
1519          margin-left: 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-right: 8px;
1532      }
1533  
1534      .plugin-card:nth-child(even) {
1535          margin-left: 8px;
1536      }
1537  
1538      .plugin-card:nth-child(4n+1) {
1539          clear: both;
1540          margin-right: 0;
1541      }
1542  
1543      .plugin-card:nth-child(4n) {
1544          margin-left: 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 0 12px 12px;
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-right: 148px;
1571  }
1572  
1573  @media (min-width: 1101px) {
1574      .plugin-card .name, .plugin-card .desc > p {
1575          margin-left: 128px;
1576      }
1577  }
1578  
1579  @media (min-width: 481px) and (max-width: 781px) {
1580      .plugin-card .name, .plugin-card .desc > p {
1581          margin-left: 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-right: auto;
1628  }
1629  
1630  .rtl .plugin-card .plugin-dependency .more-details-link {
1631      margin-left: 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      left: 20px;
1649      width: 120px;
1650  }
1651  
1652  .plugin-action-buttons {
1653      clear: left;
1654      float: left;
1655      margin-bottom: 1em;
1656      text-align: left;
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-right: 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: right;
1701      clear: right;
1702      max-width: 180px;
1703  }
1704  
1705  .plugin-card .column-updated,
1706  .plugin-card .column-compatibility {
1707      text-align: left;
1708      float: left;
1709      clear: left;
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      right: -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-icon {
1744      position: absolute;
1745      top: 20px;
1746      right: 20px;
1747      width: 128px;
1748      height: 128px;
1749      margin: 0 0 20px 20px;
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-right: 148px;
1793          width: auto;
1794      }
1795  
1796      .plugin-action-buttons {
1797          float: none;
1798          margin: 1em 0 0;
1799          text-align: right;
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-left: 20px;
1809      }
1810  
1811      .plugin-card h3 {
1812          margin-left: 24px;
1813      }
1814  
1815      .plugin-card .name,
1816      .plugin-card .desc {
1817          margin-left: 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          left: 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: right;
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-left: 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 35% 3px 8px;
1958      }
1959  
1960      .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
1961          position: absolute;
1962          right: 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: right;
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          -webkit-clip-path: none;
2008          clip-path: none;
2009          width: auto;
2010          height: auto;
2011          margin: 0;
2012      }
2013  
2014      .column-response .post-com-count-no-comments:after,
2015      .column-response .post-com-count-approved:after,
2016      .column-comments .post-com-count-no-comments:after,
2017      .column-comments .post-com-count-approved:after {
2018          content: none;
2019      }
2020  
2021      .column-response .post-com-count [aria-hidden="true"],
2022      .column-comments .post-com-count [aria-hidden="true"] {
2023          display: none;
2024      }
2025  
2026      .column-response .post-com-count-wrapper,
2027      .column-comments .post-com-count-wrapper {
2028          white-space: normal;
2029      }
2030  
2031      .column-response .post-com-count-wrapper > a,
2032      .column-comments .post-com-count-wrapper > a {
2033          display: block;
2034      }
2035  
2036      .column-response .post-com-count-no-comments,
2037      .column-response .post-com-count-approved,
2038      .column-comments .post-com-count-no-comments,
2039      .column-comments .post-com-count-approved {
2040          margin-top: 0;
2041          margin-left: 0.5em;
2042      }
2043  
2044      .column-response .post-com-count-pending,
2045      .column-comments .post-com-count-pending {
2046          position: static;
2047          height: auto;
2048          min-width: 0;
2049          padding: 0;
2050          border: none;
2051          border-radius: 0;
2052          background: none;
2053          color: #b32d2e;
2054          font-size: inherit;
2055          line-height: inherit;
2056          text-align: right;
2057      }
2058  
2059      .column-response .post-com-count-pending:hover,
2060      .column-comments .post-com-count-pending:hover {
2061          color: #d63638;
2062      }
2063  
2064      .widefat thead td.check-column,
2065      .widefat tfoot td.check-column {
2066          padding-top: 10px;
2067      }
2068  
2069      .row-actions {
2070          margin-right: -8px;
2071          margin-left: -8px;
2072          padding-top: 4px;
2073      }
2074  
2075      /* Make row actions more easy to select on mobile */
2076      body:not(.plugins-php) .row-actions {
2077          display: flex;
2078          flex-wrap: wrap;
2079          gap: 8px;
2080          color: transparent;
2081      }
2082  
2083      .row-actions span a,
2084      .row-actions span .button-link {
2085          display: inline-block;
2086          padding: 4px 8px;
2087          line-height: 1.5;
2088      }
2089  
2090      .row-actions span.approve:before,
2091      .row-actions span.unapprove:before {
2092          content: "| ";
2093      }
2094  
2095      /* Quick Edit and Bulk Edit */
2096      #wpbody-content .quick-edit-row-post .inline-edit-col-left,
2097      #wpbody-content .quick-edit-row-post .inline-edit-col-right,
2098      #wpbody-content .inline-edit-row-post .inline-edit-col-center,
2099      #wpbody-content .quick-edit-row-page .inline-edit-col-left,
2100      #wpbody-content .quick-edit-row-page .inline-edit-col-right,
2101      #wpbody-content .bulk-edit-row-post .inline-edit-col-right,
2102      #wpbody-content .bulk-edit-row .inline-edit-col-left,
2103      #wpbody-content .bulk-edit-row-page .inline-edit-col-right,
2104      #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
2105          float: none;
2106          width: 100%;
2107          padding: 0;
2108      }
2109  
2110      #the-list .inline-edit-row .inline-edit-legend,
2111      .inline-edit-row span.title {
2112          font-size: 16px;
2113      }
2114  
2115      .inline-edit-row p.howto {
2116          font-size: 14px;
2117      }
2118  
2119      #wpbody-content .inline-edit-row-page .inline-edit-col-right {
2120          margin-top: 0;
2121      }
2122  
2123      #wpbody-content .quick-edit-row fieldset .inline-edit-col label,
2124      #wpbody-content .quick-edit-row fieldset .inline-edit-group label,
2125      #wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
2126      #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
2127          max-width: none;
2128          float: none;
2129          margin-bottom: 5px;
2130      }
2131  
2132      #wpbody .bulk-edit-row fieldset select {
2133          display: block;
2134          width: 100%;
2135          max-width: none;
2136          box-sizing: border-box;
2137      }
2138  
2139      .inline-edit-row fieldset input[name=jj],
2140      .inline-edit-row fieldset input[name=hh],
2141      .inline-edit-row fieldset input[name=mn],
2142      .inline-edit-row fieldset input[name=aa] {
2143          font-size: 16px;
2144          line-height: 2;
2145          padding: 3px 4px;
2146      }
2147  
2148      #bulk-titles .ntdelbutton,
2149      #bulk-titles .ntdeltitle,
2150      .inline-edit-row fieldset ul.cat-checklist label {
2151          padding: 6px 0;
2152          font-size: 16px;
2153          line-height: 28px;
2154      }
2155  
2156      #bulk-titles .ntdelitem {
2157          padding-right: 37px;
2158      }
2159  
2160      #bulk-titles .ntdelbutton {
2161          width: 40px;
2162          height: 40px;
2163          margin: 0 -40px 0 0;
2164          overflow: hidden;
2165      }
2166  
2167      #bulk-titles .ntdelbutton:before {
2168          font-size: 20px;
2169          line-height: 28px;
2170      }
2171  
2172      .inline-edit-row fieldset label span.title,
2173      .inline-edit-row fieldset.inline-edit-date legend {
2174          float: none;
2175      }
2176  
2177      .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
2178          padding: 0;
2179      }
2180  
2181      .inline-edit-row fieldset label span.input-text-wrap,
2182      .inline-edit-row fieldset .timestamp-wrap {
2183          margin-right: 0;
2184      }
2185  
2186      .inline-edit-row .inline-edit-or {
2187          margin: 0 0 0 6px;
2188      }
2189  
2190      #edithead .inside,
2191      #commentsdiv #edithead .inside {
2192          float: none;
2193          text-align: right;
2194          padding: 3px 5px;
2195      }
2196  
2197      #commentsdiv #edithead .inside input,
2198      #edithead .inside input {
2199          width: 100%;
2200      }
2201  
2202      #edithead label {
2203          display: block;
2204      }
2205  
2206      /* Updates */
2207      #wpbody-content .updates-table .plugin-title {
2208          width: auto;
2209          white-space: normal;
2210      }
2211  
2212      /* Links */
2213      .link-manager-php #posts-filter {
2214          margin-top: 25px;
2215      }
2216  
2217      .link-manager-php .tablenav.bottom {
2218          overflow: hidden;
2219      }
2220  
2221      /* List tables that don't toggle rows */
2222      .comments-box .toggle-row,
2223      .wp-list-table.plugins .toggle-row {
2224          display: none;
2225      }
2226  
2227      /* Plugin/Theme Management */
2228      #wpbody-content .wp-list-table.plugins td {
2229          display: block;
2230          width: auto;
2231          padding: 10px 9px; /* reset from other list tables that have a label at this width */
2232      }
2233  
2234      #wpbody-content .wp-list-table.plugins .plugin-deleted-tr td,
2235      #wpbody-content .wp-list-table.plugins .no-items td {
2236          display: table-cell;
2237      }
2238  
2239      /* Plugin description hidden via Screen Options */
2240      #wpbody-content .wp-list-table.plugins .desc.hidden {
2241          display: none;
2242      }
2243  
2244      #wpbody-content .wp-list-table.plugins .column-description {
2245          padding-top: 2px;
2246      }
2247  
2248      #wpbody-content .wp-list-table.plugins .plugin-title,
2249      #wpbody-content .wp-list-table.plugins .theme-title {
2250          padding-left: 12px;
2251          white-space: normal;
2252      }
2253  
2254      .wp-list-table.plugins .plugin-title,
2255      .wp-list-table.plugins .theme-title {
2256          padding-top: 13px;
2257          padding-bottom: 4px;
2258      }
2259  
2260      .plugins #the-list tr > td:not(:last-child),
2261      .plugins #the-list .update th,
2262      .plugins #the-list .update td,
2263      .wp-list-table.plugins #the-list .theme-title {
2264          box-shadow: none;
2265          border-top: none;
2266      }
2267  
2268      .plugins #the-list tr td {
2269          border-top: none;
2270      }
2271  
2272      .plugins tbody {
2273          padding: 1px 0 0;
2274      }
2275  
2276      .plugins tr.active + tr.inactive th.check-column,
2277      .plugins tr.active + tr.inactive td.column-description,
2278      .plugins .plugin-update-tr:before {
2279          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
2280      }
2281  
2282      .plugins tr.active + tr.inactive th.check-column,
2283      .plugins tr.active + tr.inactive td {
2284          border-top: none;
2285      }
2286  
2287      /* mimic the checkbox th */
2288      .plugins .plugin-update-tr:before {
2289          content: "";
2290          display: table-cell;
2291      }
2292  
2293      .plugins #the-list .plugin-update-tr .plugin-update {
2294          border-right: none;
2295      }
2296  
2297      .plugin-update-tr .update-message {
2298          margin-right: 0;
2299      }
2300  
2301      .plugins .active.update + .plugin-update-tr:before,
2302      .plugins .active.updated + .plugin-update-tr:before {
2303          background-color: #f0f6fc;
2304          border-right: 4px solid #72aee6;
2305      }
2306  
2307      .plugins .plugin-update-tr .update-message {
2308          margin-right: 0;
2309      }
2310  
2311      .wp-list-table.plugins .plugin-title strong,
2312      .wp-list-table.plugins .theme-title strong {
2313          font-size: 1.4em;
2314          line-height: 1.5;
2315      }
2316  
2317      .plugins tbody th.check-column {
2318          padding: 8px 5px 0 0;
2319      }
2320  
2321      .plugins thead td.check-column,
2322      .plugins tfoot td.check-column,
2323      .plugins .inactive th.check-column {
2324          padding-right: 9px;
2325      }
2326  
2327      /* Add New plugins page */
2328      table.plugin-install .column-name,
2329      table.plugin-install .column-version,
2330      table.plugin-install .column-rating,
2331      table.plugin-install .column-description {
2332          display: block;
2333          width: auto;
2334      }
2335  
2336      table.plugin-install th.column-name,
2337      table.plugin-install th.column-version,
2338      table.plugin-install th.column-rating,
2339      table.plugin-install th.column-description {
2340          display: none;
2341      }
2342  
2343      table.plugin-install td.column-name strong {
2344          font-size: 1.4em;
2345          line-height: 1.6em;
2346      }
2347  
2348      table.plugin-install #the-list td {
2349          box-shadow: none;
2350      }
2351  
2352      table.plugin-install #the-list tr {
2353          display: block;
2354          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
2355      }
2356  
2357      .plugin-card {
2358          margin-right: 0;
2359          margin-left: 0;
2360          width: 100%;
2361      }
2362  
2363      table.media .column-title .has-media-icon ~ .row-actions {
2364          margin-right: 0;
2365          clear: both;
2366      }
2367  }
2368  
2369  @media screen and (max-width: 480px) {
2370      .tablenav-pages .current-page {
2371          margin: 0;
2372      }
2373  
2374      .tablenav.bottom .displaying-num {
2375          position: relative;
2376          top: 0;
2377          display: block;
2378          text-align: left;
2379          padding-bottom: 0.5em;
2380      }
2381  
2382      .tablenav.bottom .tablenav-pages.one-page {
2383          height: auto;
2384      }
2385  
2386      .tablenav-pages .tablenav-paging-text {
2387          float: right;
2388          width: 100%;
2389          padding-top: 0.5em;
2390      }
2391  }


Generated : Thu Mar 28 08:20:01 2024 Cross-referenced by PHPXref