[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

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


Generated: Sat Nov 23 20:47:33 2019 Cross-referenced by PHPXref 0.7