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


Generated : Wed Jun 3 08:20:02 2020 Cross-referenced by PHPXref