wp-admin/css/list-tables-rtl.css

   1 /* List table styles */
   2 .post-com-count-wrapper {
   3         min-width: 22px;
   4 }
   5
   6 .post-com-count {
   7         background: none;
   8         height: 1.3em;
   9         line-height: 1.1em;
  10         display: block;
  11         text-decoration: none;
  12         padding: 0 0 6px;
  13         cursor: pointer;
  14         background-position: center -80px;
  15         background-repeat: no-repeat;
  16         color: #fff;
  17 }
  18
  19 .post-com-count:after {         /* draw bubble connector using CSS! */
  20         content: "";
  21         display: block;
  22         width: 0;
  23         height: 0;
  24         margin-right: 8px;
  25         border-top: 5px solid #bbb;
  26         border-left: 5px solid transparent;
  27 }
  28
  29 .post-com-count span {
  30         font-size: 11px;
  31         font-weight: 600;
  32         height: 1.4em;
  33         line-height: 1.4em;
  34         min-width: 0.7em;
  35         padding: 0 6px;
  36         display: inline-block;
  37         -webkit-border-radius: 5px;
  38         border-radius: 5px;
  39         background-color: #bbb;
  40         color: #fff;
  41 }
  42
  43 .post-com-count:hover {
  44         background-position: center -3px;
  45 }
  46
  47 .post-com-count:hover span {
  48         background-color: #2ea2cc;
  49 }
  50
  51 .post-com-count:hover:after {
  52         border-top: 5px solid #2ea2cc;
  53 }
  54
  55 strong .post-com-count {
  56         background-position: center -55px;
  57 }
  58
  59 strong .post-com-count span {
  60         background-color: #0074a2;
  61 }
  62
  63 strong .post-com-count:after {
  64         border-top: 5px solid #0074a2;
  65 }
  66
  67 .column-response .post-com-count {
  68         float: right;
  69         margin-left: 5px;
  70         text-align: center;
  71 }
  72
  73 .response-links {
  74         float: right;
  75 }
  76
  77 /* comments */
  78
  79 .commentlist li {
  80         padding: 1em 1em .2em;
  81         margin: 0;
  82         border-bottom: 1px solid #ccc;
  83 }
  84
  85 .commentlist li li {
  86         border-bottom: 0;
  87         padding: 0;
  88 }
  89
  90 .commentlist p {
  91         padding: 0;
  92         margin: 0 0 .8em;
  93 }
  94
  95 #submitted-on,
  96 .submitted-on {
  97         color: #777;
  98 }
  99
 100 /* reply to comments */
 101 #replyrow td {
 102         padding: 2px;
 103 }
 104
 105 #replysubmit {
 106         margin: 0;
 107         padding: 0 5px 3px;
 108         text-align: center;
 109 }
 110
 111 #replysubmit .spinner {
 112         padding: 2px 0 0;
 113         vertical-align: top;
 114         float: left;
 115 }
 116
 117 #replysubmit .button {
 118         margin-left: 5px;
 119 }
 120
 121 #replysubmit .error {
 122         color: red;
 123         line-height: 21px;
 124         text-align: center;
 125 }
 126
 127 #replyrow h5 {
 128         margin: .2em 0 0;
 129         padding: 0 5px;
 130         line-height: 1.4em;
 131         font-size: 1em;
 132 }
 133
 134 #edithead .inside {
 135         float: right;
 136         padding: 3px 5px 2px 0;
 137         margin: 0;
 138         text-align: center;
 139 }
 140
 141 #edithead .inside input {
 142         width: 180px;
 143 }
 144
 145 #edithead label {
 146         padding: 2px 0;
 147 }
 148
 149 #replycontainer {
 150         padding: 5px;
 151 }
 152
 153 #replycontent {
 154         height: 120px;
 155         -webkit-box-shadow: none;
 156         box-shadow: none;
 157 }
 158
 159 #replyerror {
 160         border-color: #ddd;
 161         background-color: #f9f9f9;
 162 }
 163
 164 /* @todo: is this used? */
 165 .commentlist .avatar {
 166         vertical-align: text-top;
 167 }
 168
 169 #the-comment-list .attachment-80x60 {
 170         padding: 4px 8px;
 171 }
 172
 173 #the-comment-list tr.undo,
 174 #the-comment-list div.undo {
 175         background-color: #f4f4f4;
 176 }
 177
 178 #the-comment-list .unapproved th,
 179 #the-comment-list .unapproved td {
 180         background-color: #fef7f1;
 181 }
 182
 183 #the-comment-list .unapproved th.check-column {
 184         border-right: 4px solid #d54e21;
 185 }
 186
 187 #the-comment-list .unapproved th.check-column input {
 188         margin-right: 4px;
 189 }
 190
 191 #the-comment-list .approve a {
 192         color: #006505;
 193 }
 194
 195 #the-comment-list .unapprove a {
 196         color: #d98500;
 197 }
 198
 199 #the-comment-list th,
 200 #the-comment-list td {
 201         -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 202         box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 203 }
 204
 205 #the-comment-list tr:last-child th,
 206 #the-comment-list tr:last-child td {
 207     -webkit-box-shadow: none;
 208     box-shadow: none;
 209 }
 210
 211 #the-comment-list tr.unapproved + tr.approved th,
 212 #the-comment-list tr.unapproved + tr.approved td {
 213     border-top: 1px solid rgba(0, 0, 0, 0.03);
 214 }
 215
 216 /* table vim shortcuts */
 217 .vim-current,
 218 .vim-current th,
 219 .vim-current td {
 220         background-color: #e4f2fd !important;
 221 }
 222
 223 th .comment-grey-bubble {
 224         height: 16px;
 225         width: 16px;
 226 }
 227
 228 th .comment-grey-bubble:before {
 229         content: '\f101';
 230         font: normal 20px/.5 'dashicons';
 231         speak: none;
 232         display: inline-block;
 233         padding: 0;
 234         top: 4px;
 235         right: -4px;
 236         position: relative;
 237         vertical-align: top;
 238         -webkit-font-smoothing: antialiased;
 239         -moz-osx-font-smoothing: grayscale;
 240         text-decoration: none !important;
 241         color: #444;
 242 }
 243
 244 /*------------------------------------------------------------------------------
 245   10.0 - List Posts (/Pages/etc)
 246 ------------------------------------------------------------------------------*/
 247
 248 table.fixed {
 249         table-layout: fixed;
 250 }
 251
 252 .fixed .column-rating,
 253 .fixed .column-visible {
 254         width: 8%;
 255 }
 256
 257 .fixed .column-posts,
 258 .fixed .column-date,
 259 .fixed .column-parent,
 260 .fixed .column-links,
 261 .fixed .column-author,
 262 .fixed .column-format {
 263         width: 10%;
 264 }
 265
 266 .fixed .column-comment .comment-author {
 267         display: none;
 268 }
 269
 270 .fixed .column-response,
 271 .fixed .column-categories,
 272 .fixed .column-tags,
 273 .fixed .column-rel,
 274 .fixed .column-role {
 275         width: 15%;
 276 }
 277
 278 .fixed .column-slug {
 279         width: 25%;
 280 }
 281
 282 .fixed .column-locations {
 283         width: 35%;
 284 }
 285
 286 .fixed .column-comments {
 287         width: 4em;
 288         padding: 8px 0;
 289         text-align: right;
 290 }
 291
 292 .fixed .column-comments .vers {
 293         padding-right: 3px;
 294 }
 295
 296 .fixed .column-comments a {
 297         float: right;
 298 }
 299
 300 .fixed .column-icon {
 301         width: 80px;
 302 }
 303
 304 /* @todo: pick a consistent list table selector */
 305 .wp-list-table a {
 306         -webkit-transition: none;
 307         transition: none;
 308 }
 309
 310 #the-list tr:last-child td,
 311 #the-list tr:last-child th {
 312         border-bottom: none !important;
 313         -webkit-box-shadow: none;
 314         box-shadow: none;
 315 }
 316
 317 #comments-form .fixed .column-author {
 318         width: 20%;
 319 }
 320
 321 #commentsdiv.postbox .inside {
 322         margin: 0;
 323         padding: 0;
 324 }
 325
 326 #commentsdiv .inside .row-actions {
 327         line-height:18px;
 328 }
 329
 330 #commentsdiv .inside .column-author {
 331         width: 25%;
 332 }
 333
 334 #commentsdiv .column-comment p {
 335         margin: 0.6em 0;
 336         padding: 0;
 337 }
 338
 339 #commentsdiv #replyrow td {
 340         padding: 0;
 341 }
 342
 343 #commentsdiv p {
 344         padding: 8px 10px;
 345         margin: 0;
 346 }
 347
 348 #commentsdiv .comments-box {
 349         border: 0 none;
 350 }
 351
 352 #commentsdiv .comments-box thead th {
 353         background: transparent;
 354         padding: 0 7px 4px;
 355         font-style: italic;
 356 }
 357
 358 #commentsdiv .comments-box tr:last-child td {
 359         border-bottom: 0 none;
 360 }
 361
 362 #commentsdiv .spinner {
 363         padding-right: 5px;
 364 }
 365
 366 .sorting-indicator {
 367         display: none;
 368         width: 10px;
 369         height: 4px;
 370         margin-top: 8px;
 371         margin-right: 7px;
 372 }
 373
 374 .sorting-indicator:before {
 375         background: none;
 376         content: '\f142';
 377         font: normal 20px/1 'dashicons';
 378         speak: none;
 379         display: inline-block;
 380         padding: 0;
 381         top: -4px;
 382         right: -8px;
 383         color: #444;
 384         line-height: 10px;
 385         position: relative;
 386         vertical-align: top;
 387         -webkit-font-smoothing: antialiased;
 388         -moz-osx-font-smoothing: grayscale;
 389         text-decoration: none !important;
 390         color: #444;
 391 }
 392
 393 .column-comments .sorting-indicator:before {
 394         top: 0;
 395         right: -10px;
 396 }
 397
 398 th.sorted.asc .sorting-indicator:before,
 399 th.desc:hover span.sorting-indicator:before {
 400         content: '\f142';
 401 }
 402
 403 th.sorted.desc .sorting-indicator:before,
 404 th.asc:hover span.sorting-indicator:before {
 405         content: '\f140';
 406 }
 407
 408 tr.wp-locked .locked-indicator {
 409         margin-right: 6px;
 410         height: 20px;
 411         width: 16px;
 412 }
 413
 414 tr.wp-locked .locked-indicator:before {
 415         color: #888;
 416         content: '\f160';
 417         display: inline-block;
 418         float: right;
 419         font: normal 20px/1 'dashicons';
 420         speak: none;
 421         vertical-align: middle;
 422         margin-right: 0;
 423         -webkit-font-smoothing: antialiased;
 424         -moz-osx-font-smoothing: grayscale;
 425 }
 426
 427 tr.wp-locked .check-column label,
 428 tr.wp-locked .check-column input[type="checkbox"],
 429 tr.wp-locked .row-actions .inline,
 430 tr.wp-locked .row-actions .trash {
 431         display: none;
 432 }
 433
 434 tr .locked-info {
 435         height: 0;
 436         opacity: 0;
 437 }
 438
 439 tr.wp-locked .locked-info {
 440         margin-top: 8px;
 441         height: auto;
 442         opacity: 1;
 443 }
 444
 445 .locked-text {
 446         vertical-align: top;
 447 }
 448
 449 tr.locked-info, tr.wp-locked .locked-info {
 450         -webkit-transition: height 1s, opacity 0.5s;
 451         transition: height 1s, opacity 0.5s;
 452 }
 453
 454 .fixed .column-comments .sorting-indicator {
 455         margin-top: 3px;
 456 }
 457
 458 #menu-locations-wrap .widefat {
 459         width: 60%;
 460 }
 461
 462 .widefat th.sortable,
 463 .widefat th.sorted {
 464         padding: 0;
 465 }
 466
 467 th.sortable a,
 468 th.sorted a {
 469         display: block;
 470         overflow: hidden;
 471         padding: 7px 10px 8px 7px;
 472 }
 473
 474 th.manage-column a,
 475 th.sortable a:hover,
 476 th.sortable a:active,
 477 th.sortable a:focus {
 478         color: #333;
 479 }
 480
 481 th.sortable a:focus {
 482         background: #e1e1e1;
 483 }
 484
 485 .fixed .column-comments.sortable a,
 486 .fixed .column-comments.sorted a {
 487         padding: 8px 0;
 488 }
 489
 490 th.sortable a span,
 491 th.sorted a span {
 492         float: right;
 493         cursor: pointer;
 494 }
 495
 496 th.sorted.asc .sorting-indicator,
 497 th.desc:hover span.sorting-indicator {
 498         display: block;
 499         background-position: 0 0;
 500 }
 501
 502 th.sorted.desc .sorting-indicator,
 503 th.asc:hover span.sorting-indicator {
 504         display: block;
 505         background-position: -7px 0;
 506 }
 507
 508 /* Bulk Actions */
 509 .tablenav-pages a {
 510         font-weight: 600;
 511         margin-left: 1px;
 512         padding: 0 2px;
 513 }
 514 .tablenav-pages .current-page {
 515         padding-top: 0;
 516         text-align: center;
 517 }
 518 .tablenav-pages .next-page {
 519         margin-right: 2px;
 520 }
 521
 522 .tablenav a.button-secondary {
 523         display: block;
 524         margin: 3px 0 0 8px;
 525 }
 526
 527 .tablenav {
 528         clear: both;
 529         height: 30px;
 530         margin: 6px 0 4px;
 531         vertical-align: middle;
 532 }
 533
 534 .tablenav.themes {
 535         max-width: 98%;
 536 }
 537
 538 .tablenav .tablenav-pages {
 539         float: left;
 540         display: block;
 541         cursor: default;
 542         height: 30px;
 543         color: #555;
 544         line-height: 30px;
 545         font-size: 12px;
 546 }
 547
 548 .tablenav .no-pages,
 549 .tablenav .one-page .pagination-links {
 550         display: none;
 551 }
 552
 553 .tablenav .tablenav-pages a,
 554 .tablenav-pages span.current  {
 555         text-decoration: none;
 556         padding: 3px 6px;
 557 }
 558
 559 .tablenav .tablenav-pages a {
 560         padding: 0 10px 3px;
 561         background: #eee;
 562         background: rgba( 0, 0, 0, 0.05 );
 563         font-size: 16px;
 564         font-weight: normal;
 565 }
 566
 567 .tablenav .tablenav-pages a:hover,
 568 .tablenav .tablenav-pages a:focus {
 569         color: #fff;
 570         background: #2ea2cc;
 571 }
 572
 573 .tablenav .tablenav-pages a.disabled,
 574 .tablenav .tablenav-pages a.disabled:hover,
 575 .tablenav .tablenav-pages a.disabled:focus,
 576 .tablenav .tablenav-pages a.disabled:active {
 577         color: #aaa;
 578         background: #eee;
 579         background: rgba( 0, 0, 0, 0.05 );
 580 }
 581
 582 .tablenav .displaying-num {
 583         margin-left: 2px;
 584         color: #777;
 585         font-size: 12px;
 586         font-style: italic;
 587 }
 588
 589 .tablenav .actions {
 590         overflow: hidden;
 591         padding: 2px 0 0 8px;
 592 }
 593
 594 .tablenav .delete {
 595         margin-left: 20px;
 596 }
 597
 598 /* @todo: unclear if the following tablenav rules are actually used.
 599 classes exist in paginate_links() but not seen in list table output. */
 600 .tablenav .dots {
 601         border-color: transparent;
 602 }
 603
 604 .tablenav .next,
 605 .tablenav .prev {
 606         border-color: transparent;
 607         color: #0074a2;
 608 }
 609
 610 .tablenav .next:hover,
 611 .tablenav .prev:hover {
 612         border-color: transparent;
 613         color: #2ea2cc;
 614 }
 615
 616 .view-switch {
 617         float: left;
 618         margin: 5px 8px 0 16px;
 619 }
 620
 621 .view-switch img {
 622         display: none;
 623 }
 624
 625 .view-switch a {
 626         text-decoration: none;
 627 }
 628
 629 .view-switch > a {
 630         display: inline-block;
 631         width: 18px;
 632         height: 18px;
 633 }
 634
 635 .view-switch > a:before {
 636         color: #bbb;
 637         content: '\f163';
 638         display: inline-block;
 639         float: right;
 640         font: normal 20px/1 'dashicons';
 641         speak: none;
 642         vertical-align: middle;
 643         margin-right: 0;
 644         -webkit-font-smoothing: antialiased;
 645         -moz-osx-font-smoothing: grayscale;
 646 }
 647
 648 .view-switch a:hover:before {
 649         color: #727272;
 650 }
 651
 652 .view-switch a.current:before {
 653         color: #0074a2;
 654 }
 655
 656 .view-switch > a + a:before {
 657         margin-right: 5px;
 658         content: '\f164';
 659 }
 660
 661 .filter {
 662         float: right;
 663         margin: -5px 10px 0 0;
 664 }
 665
 666 .filter .subsubsub {
 667         margin-right: -10px;
 668         margin-top: 13px;
 669 }
 670 .screen-per-page {
 671         width: 4em;
 672 }
 673
 674 #posts-filter fieldset {
 675         float: right;
 676         margin: 0 0 1em 1.5ex;
 677         padding: 0;
 678 }
 679
 680 #posts-filter fieldset legend {
 681         padding: 0 1px .2em 0;
 682 }
 683
 684 p.pagenav {
 685         margin: 0;
 686         display: inline;
 687 }
 688
 689 .pagenav span {
 690         font-weight: 600;
 691         margin: 0 6px;
 692 }
 693
 694 .row-title {
 695         font-size: 14px !important;
 696         font-weight: 600;
 697 }
 698
 699 .column-comment .comment-author {
 700         margin-bottom: 0.6em;
 701 }
 702
 703 .column-author img,
 704 .column-username img,
 705 .column-comment .comment-author img {
 706         float: right;
 707         margin-left: 10px;
 708         margin-top: 1px;
 709 }
 710
 711 .row-actions {
 712         color: #ddd;
 713         font-size: 13px;
 714         visibility: hidden;
 715         padding: 2px 0 0;
 716 }
 717
 718 tr:hover .row-actions,
 719 .mobile .row-actions,
 720 .row-actions.visible,
 721 div.comment-item:hover .row-actions {
 722         visibility: visible;
 723 }
 724
 725 /* deprecated */
 726 .row-actions-visible {
 727         padding: 2px 0 0;
 728 }
 729
 730
 731 /*------------------------------------------------------------------------------
 732   10.1 - Inline Editing
 733 ------------------------------------------------------------------------------*/
 734
 735 /*
 736 .quick-edit* is for Quick Edit
 737 .bulk-edit* is for Bulk Edit
 738 .inline-edit* is for everything
 739 */
 740
 741 /*      Layout */
 742
 743 #wpbody-content .inline-edit-row fieldset {
 744         font-size: 12px;
 745         float: right;
 746         margin: 0;
 747         padding: 0;
 748         width: 100%;
 749 }
 750
 751 tr.inline-edit-row td,
 752 #wpbody-content .inline-edit-row fieldset .inline-edit-col {
 753         padding: 0 0.5em;
 754 }
 755
 756 #wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col {
 757         border-width: 0 1px 0 0;
 758         border-style: none none none solid;
 759 }
 760
 761 #wpbody-content .quick-edit-row-post .inline-edit-col-left {
 762         width: 40%;
 763 }
 764
 765 #wpbody-content .quick-edit-row-post .inline-edit-col-right {
 766         width: 39%;
 767 }
 768
 769 #wpbody-content .inline-edit-row-post .inline-edit-col-center {
 770         width: 20%;
 771 }
 772
 773 #wpbody-content .quick-edit-row-page .inline-edit-col-left {
 774         width: 50%;
 775 }
 776
 777 #wpbody-content .quick-edit-row-page .inline-edit-col-right,
 778 #wpbody-content .bulk-edit-row-post .inline-edit-col-right {
 779         width: 49%;
 780 }
 781
 782 #wpbody-content .bulk-edit-row .inline-edit-col-left {
 783         width: 30%;
 784 }
 785
 786 #wpbody-content .bulk-edit-row-page .inline-edit-col-right {
 787         width: 69%;
 788 }
 789
 790 #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
 791         float: left;
 792         width: 69%;
 793 }
 794
 795 #wpbody-content .inline-edit-row-page .inline-edit-col-right {
 796         margin-top: 27px;
 797 }
 798
 799 .inline-edit-row fieldset .inline-edit-group {
 800         clear: both;
 801 }
 802
 803 .inline-edit-row fieldset .inline-edit-group:after {
 804         content: ".";
 805         display: block;
 806         height: 0;
 807         clear: both;
 808         visibility: hidden;
 809 }
 810
 811 .inline-edit-row p.submit {
 812         clear: both;
 813         padding: 0.5em;
 814         margin: 0.5em 0 0;
 815 }
 816
 817 .inline-edit-row span.error {
 818         line-height: 22px;
 819         margin: 0 15px;
 820         padding: 3px 5px;
 821 }
 822
 823 /*      Positioning */
 824 .inline-edit-row h4 {
 825         margin: .2em 0;
 826         padding: 0;
 827         line-height: 23px;
 828 }
 829 .inline-edit-row fieldset span.title,
 830 .inline-edit-row fieldset span.checkbox-title {
 831         margin: 0;
 832         padding: 0;
 833         line-height: 27px;
 834 }
 835
 836 .inline-edit-row fieldset label,
 837 .inline-edit-row fieldset span.inline-edit-categories-label {
 838         display: block;
 839         margin: .2em 0;
 840 }
 841
 842 .inline-edit-row fieldset label.inline-edit-tags {
 843         margin-top: 0;
 844 }
 845
 846 .inline-edit-row fieldset label.inline-edit-tags span.title {
 847         margin: .2em 0;
 848         width: auto;
 849 }
 850
 851 .inline-edit-row fieldset label span.title {
 852         display: block;
 853         float: right;
 854         width: 5em;
 855 }
 856
 857 .inline-edit-row fieldset label span.input-text-wrap {
 858         display: block;
 859         margin-right: 5em;
 860 }
 861
 862 .quick-edit-row-post fieldset.inline-edit-col-right label span.title {
 863         width: auto;
 864         padding-left: 0.5em;
 865 }
 866
 867 .inline-edit-row .input-text-wrap input[type=text] {
 868         width: 100%;
 869 }
 870
 871 .inline-edit-row fieldset label input[type=checkbox] {
 872         vertical-align: text-bottom;
 873 }
 874
 875 .inline-edit-row fieldset label textarea {
 876         width: 100%;
 877         height: 4em;
 878 }
 879
 880 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
 881         max-width: 50%;
 882 }
 883
 884 #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
 885         margin-left: 0.5em
 886 }
 887
 888 .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
 889         width: 6em;
 890 }
 891
 892 .inline-edit-save .spinner {
 893         padding: 4px 10px 0;
 894         vertical-align: top;
 895         float: left;
 896 }
 897
 898 /*      Styling */
 899 .inline-edit-row h4 {
 900         text-transform: uppercase;
 901 }
 902
 903 .inline-edit-row fieldset span.title,
 904 .inline-edit-row fieldset span.checkbox-title {
 905         font-style: italic;
 906         line-height: 1.8em;
 907 }
 908
 909 /*      Specific Elements */
 910 .inline-edit-row fieldset .inline-edit-date {
 911         float: right;
 912 }
 913
 914 .inline-edit-row fieldset input[name=jj],
 915 .inline-edit-row fieldset input[name=hh],
 916 .inline-edit-row fieldset input[name=mn] {
 917         font-size: 12px;
 918         width: 2.1em;
 919 }
 920
 921 .inline-edit-row fieldset input[name=aa] {
 922         font-size: 12px;
 923         width: 3.5em;
 924 }
 925
 926 .inline-edit-row fieldset label input.inline-edit-password-input {
 927         width: 8em;
 928 }
 929
 930 ul.cat-checklist {
 931         height: 12em;
 932         border: solid 1px #ddd;
 933         overflow-y: scroll;
 934         padding: 0 5px;
 935         margin: 0;
 936         background-color: #fff;
 937 }
 938
 939 #bulk-titles {
 940         display: block;
 941         height: 12em;
 942         border: 1px solid #ddd;
 943         overflow-y: scroll;
 944         padding: 0 5px;
 945         margin: 0 0 5px;
 946 }
 947
 948 .inline-edit-row fieldset ul.cat-checklist li,
 949 .inline-edit-row fieldset ul.cat-checklist input {
 950         margin: 0;
 951         position: relative; /* RTL fix, #WP27629 */
 952 }
 953
 954 .inline-edit-row fieldset ul.cat-checklist label,
 955 .inline-edit-row #bulk-titles div {
 956         font-style: normal;
 957         font-size: 11px;
 958 }
 959
 960 .inline-edit-row fieldset label input.inline-edit-menu-order-input {
 961         width: 3em;
 962 }
 963
 964 .inline-edit-row fieldset label input.inline-edit-slug-input {
 965         width: 75%;
 966 }
 967
 968 .inline-edit-row #post_parent,
 969 .inline-edit-row select[name="page_template"] {
 970         max-width: 80%;
 971 }
 972
 973 .ie8 .inline-edit-row #post_parent,
 974 .ie8 .inline-edit-row select[name="page_template"] {
 975         width: 250px;
 976 }
 977
 978 .quick-edit-row-post fieldset label.inline-edit-status {
 979         float: right;
 980 }
 981
 982 #bulk-titles {
 983         line-height: 140%;
 984 }
 985 #bulk-titles div {
 986         margin: 0.2em 0.3em;
 987 }
 988
 989 #bulk-titles div a {
 990         cursor: pointer;
 991         display: block;
 992         float: right;
 993         height: 18px;
 994         margin: 0 -2px 0 3px;
 995         overflow: hidden;
 996         position: relative;
 997         width: 20px;
 998 }
 999
1000 #bulk-titles div a:before {
1001         position: relative;
1002         top: -3px;
1003 }
1004
1005 /*------------------------------------------------------------------------------
1006   17.0 - Plugins
1007 ------------------------------------------------------------------------------*/
1008
1009 .plugins tbody th.check-column,
1010 .plugins tbody {
1011         padding: 8px 2px 0 0;
1012 }
1013
1014 .plugins tbody th.check-column input[type=checkbox] {
1015         margin-top: 4px;
1016 }
1017
1018 #update-plugins-table tbody td p {
1019         margin-top: 0;
1020 }
1021
1022 #update-plugins-table tbody td p strong {
1023         font-size: 14px;
1024 }
1025
1026 .plugins thead th.check-column,
1027 .plugins tfoot th.check-column,
1028 .plugins .inactive th.check-column {
1029         padding-right: 6px;
1030 }
1031
1032 #update-plugins-table thead th.check-column,
1033 #update-plugins-table tfoot th.check-column {
1034         padding-top: 11px;
1035 }
1036
1037 .plugins,
1038 .plugins th,
1039 .plugins td {
1040         color: #000;
1041 }
1042
1043 .plugins tr {
1044         background: #fff;
1045 }
1046
1047 .plugins p {
1048         margin: 0 4px;
1049         padding: 0;
1050 }
1051
1052 .plugins .desc p {
1053         margin: 0 0 8px;
1054 }
1055
1056 .plugins td.desc {
1057         line-height: 1.5em;
1058 }
1059
1060 .plugins .desc ul,
1061 .plugins .desc ol {
1062         margin: 0 2em 0 0;
1063 }
1064
1065 .plugins .desc ul {
1066         list-style-type: disc;
1067 }
1068
1069 .plugins .row-actions {
1070         font-size: 13px;
1071         padding: 0;
1072 }
1073
1074 .plugins .inactive td,
1075 .plugins .inactive th,
1076 .plugins .active td,
1077 .plugins .active th {
1078         padding: 10px 9px;
1079 }
1080
1081 .plugins .active td,
1082 .plugins .active th {
1083         background-color: #f7fcfe;
1084 }
1085
1086 .plugins .update th,
1087 .plugins .update td {
1088         border-bottom: 0;
1089 }
1090
1091 .plugin-update-tr td {
1092         border-top: 0;
1093 }
1094
1095 .plugins .inactive td,
1096 .plugins .inactive th,
1097 .plugins .active td,
1098 .plugins .active th,
1099 .plugin-install #the-list td,
1100 .upgrade .plugins td,
1101 .upgrade .plugins th {
1102         -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1103         box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1104 }
1105
1106 .plugins tr.active.plugin-update-tr + tr.inactive th,
1107 .plugins tr.active.plugin-update-tr + tr.inactive td,
1108 .plugins tr.active + tr.inactive th,
1109 .plugins tr.active + tr.inactive td {
1110         border-top: 1px solid rgba(0,0,0,0.03);
1111         -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
1112         box-shadow: inset 0 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
1113 }
1114
1115 .plugins .update td,
1116 .plugins .update th,
1117 .upgrade .plugins tr:last-of-type td,
1118 .upgrade .plugins tr:last-of-type th,
1119 .plugins tr.active + tr.inactive.update th,
1120 .plugins tr.active + tr.inactive.update td {
1121         -webkit-box-shadow: none;
1122         box-shadow: none;
1123 }
1124
1125 .plugins .active.update td,
1126 .plugins .active.update th,
1127 tr.active.update + tr.plugin-update-tr .plugin-update {
1128         background-color: #fef7f1;
1129 }
1130
1131 .plugins .active th.check-column {
1132         border-right: 4px solid #2ea2cc;
1133 }
1134
1135 .plugins .active.update th.check-column,
1136 .plugins .active.update + .plugin-update-tr .plugin-update {
1137         border-right: 4px solid #d54e21;
1138 }
1139
1140 #wpbody-content .plugins .plugin-title,
1141 #wpbody-content .plugins .theme-title {
1142         padding-left: 12px;
1143         white-space:nowrap;
1144 }
1145
1146 .plugins .inactive .plugin-title strong {
1147         font-weight: 400;
1148 }
1149
1150 .plugins .second,
1151 .plugins .row-actions {
1152         padding: 0 0 5px;
1153 }
1154
1155 .plugins .update .second,
1156 .plugins .update .row-actions {
1157         padding-bottom: 0;
1158 }
1159
1160 .plugins-php .widefat tfoot th,
1161 .plugins-php .widefat tfoot td {
1162         border-top-style: solid;
1163         border-top-width: 1px;
1164 }
1165
1166 .plugin-update-tr .update-message {
1167         font-size: 13px;
1168         font-weight: normal;
1169         margin: 6px 12px 12px;
1170         padding: 6px 12px;
1171         margin: 0 31px 8px 10px;
1172         background-color: #f7f7f7;
1173         background-color: rgba(0,0,0,0.03);
1174 }
1175
1176 .plugin-update-tr .update-message:before {
1177         color: #d54e21;
1178         content: '\f463';
1179         display: inline-block;
1180         font: normal 20px/1 'dashicons';
1181         speak: none;
1182         margin: 0 -2px 0 8px;
1183         -webkit-font-smoothing: antialiased;
1184         -moz-osx-font-smoothing: grayscale;
1185         vertical-align: top;
1186 }
1187
1188 .plugins .plugin-update {
1189         padding: 0;
1190         border: none;
1191         -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1192         box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1193 }
1194
1195 /* update notices for active plugins */
1196 tr.active + tr.plugin-update-tr .plugin-update {
1197         background-color: #f7fcfe;
1198 }
1199
1200 tr.active + tr.plugin-update-tr .plugin-update .update-message {
1201         background-color: #fcf3ef;
1202 }
1203
1204 .plugin-install-php h4 {
1205         margin: 2.5em 0 8px;
1206 }
1207
1208 /* ms */
1209 /* Background Color for Site Status */
1210 .wp-list-table .site-deleted {
1211         background: #ff8573;
1212 }
1213 .wp-list-table .site-spammed {
1214         background: #faafaa;
1215 }
1216 .wp-list-table .site-archived {
1217         background: #ffebe8;
1218 }
1219 .wp-list-table .site-mature {
1220         background: #fecac2;
1221 }
1222
1223 /* =Media Queries
1224 -------------------------------------------------------------- */
1225
1226 /**
1227  * HiDPI Displays
1228  */
1229 @media screen and ( max-width: 782px ) {
1230         /* WP List Table Options & Filters */
1231         .tablenav {
1232                 height: auto;
1233         }
1234
1235         .tablenav.top {
1236                 margin: 0;
1237         }
1238
1239         .tablenav.bottom {
1240                 position: relative;
1241                 margin-top: 15px;
1242         }
1243
1244         .tablenav br {
1245                 display: none;
1246         }
1247
1248         .tablenav br.clear {
1249                 display: block;
1250         }
1251
1252         .tablenav.top .actions, .view-switch {
1253                 display: none;
1254         }
1255
1256         /* Pagination */
1257         .tablenav.top .displaying-num {
1258                 display: none;
1259         }
1260
1261         .tablenav.bottom .displaying-num {
1262                 position: absolute;
1263                 left: 0;
1264                 top: 10px;
1265                 font-size: 14px;
1266         }
1267
1268         .tablenav-pages {
1269                 width: 100%;
1270                 text-align: center;
1271                 margin: 0 0 25px;
1272         }
1273
1274         .tablenav.bottom .tablenav-pages {
1275                 margin-top: 25px;
1276         }
1277
1278         .tablenav.top .tablenav-pages.one-page {
1279                 display: none;
1280         }
1281
1282         .tablenav.bottom .tablenav-pages.one-page {
1283                 margin: 15px 0 0 0;
1284                 height: 0;
1285         }
1286
1287         .tablenav-pages .pagination-links .paging-input {
1288                 font-size: 18px;
1289         }
1290
1291         .tablenav-pages .pagination-links a {
1292                 padding: 8px 20px 11px;
1293                 font-size: 18px;
1294                 background: rgba(0, 0, 0, 0.05);
1295         }
1296
1297         .tablenav-pages .pagination-links .current-page {
1298                 padding: 10px;
1299                 font-size: 14px;
1300         }
1301
1302         /* WP List Table Adjustments: General */
1303         .form-wrap > p {
1304                 display: none;
1305         }
1306
1307         .comment-count {
1308                 font-size: 14px;
1309         }
1310
1311         /* Columns to hide */
1312         .fixed .column-date,
1313         .fixed .column-author,
1314         .column-categories,
1315         .column-tags,
1316         .tags .column-description,
1317         .media .column-parent,
1318         .users .column-email,
1319         .users .column-name,
1320         .sites .column-registered,
1321         .sites .column-users {
1322                 display: none;
1323         }
1324
1325         .fixed .column-comment .comment-author {
1326                 display: block;
1327         }
1328
1329         /* Posts */
1330         .column-title {
1331                 width: 85%;
1332         }
1333
1334         .fixed .column-comments, .widefat .check-column {
1335                 width: 35px
1336         }
1337
1338         .widefat thead .check-column, .widefat tfoot .check-column {
1339                 padding: 10px 0 10px;
1340         }
1341
1342         .widefat * {
1343                 word-wrap: normal;
1344         }
1345
1346         /* Quick Edit and Bulk Edit */
1347         #wpbody-content .quick-edit-row-post .inline-edit-col-left,
1348         #wpbody-content .quick-edit-row-post .inline-edit-col-right,
1349         #wpbody-content .inline-edit-row-post .inline-edit-col-center,
1350         #wpbody-content .quick-edit-row-page .inline-edit-col-left,
1351         #wpbody-content .quick-edit-row-page .inline-edit-col-right,
1352         #wpbody-content .bulk-edit-row-post .inline-edit-col-right,
1353         #wpbody-content .bulk-edit-row .inline-edit-col-left,
1354         #wpbody-content .bulk-edit-row-page .inline-edit-col-right,
1355         #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
1356                 float: none;
1357                 width: 100%;
1358         }
1359
1360         #wpbody-content .quick-edit-row fieldset .inline-edit-col label,
1361         #wpbody-content .quick-edit-row fieldset .inline-edit-group label,
1362         #wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
1363         #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
1364                 max-width: none;
1365                 float: none;
1366                 margin-bottom: 5px;
1367         }
1368
1369         #wpbody .bulk-edit-row fieldset select {
1370                 display: block;
1371                 width: 100%;
1372                 max-width: none;
1373                 -webkit-box-sizing: border-box;
1374                 -moz-box-sizing: border-box;
1375                 box-sizing: border-box;
1376         }
1377
1378         .inline-edit-row fieldset ul.cat-checklist label,
1379         .inline-edit-row #bulk-titles div {
1380                 font-size: 16px;
1381         }
1382
1383         .inline-edit-row fieldset label span.title {
1384                 float: none;
1385         }
1386
1387         .inline-edit-row fieldset label.inline-edit-tags {
1388                 padding: 0 0.5em;
1389         }
1390
1391         .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
1392                 padding: 0;
1393         }
1394
1395         .inline-edit-row fieldset label span.input-text-wrap {
1396                 margin-right: 0;
1397         }
1398
1399         .inline-edit-row fieldset input[name=jj],
1400         .inline-edit-row fieldset input[name=hh],
1401         .inline-edit-row fieldset input[name=mn] {
1402                 width: 3em;
1403         }
1404
1405         .inline-edit-row fieldset input[name=aa] {
1406                 width: 4.5em;
1407         }
1408
1409         #bulk-titles div {
1410                 margin: 0.8em 0.3em;
1411         }
1412
1413         #bulk-titles div a {
1414                 height: 22px;
1415         }
1416
1417         /* Taxonomies */
1418         .tags .column-posts {
1419                 width: 50px;
1420         }
1421
1422         .tags .column-slug {
1423                 width: 30%;
1424         }
1425
1426         /* Comments */
1427         .comments .column-response {
1428                 width: 35%;
1429         }
1430
1431         /* Users */
1432         .users .column-role {
1433                 width: 35%;
1434         }
1435
1436         /* Network admin sites */
1437         .sites .column-blogname {
1438                 width: 55%;
1439         }
1440
1441         /* Updates */
1442         #wpbody-content #update-themes-table .plugin-title {
1443                 width: auto;
1444         }
1445
1446         /* Links */
1447         .link-manager-php #posts-filter {
1448                 margin-top: 25px;
1449         }
1450
1451         .link-manager-php .tablenav.bottom {
1452                 overflow: hidden;
1453         }
1454
1455         /* Plugin/Theme Management Page */
1456         .wp-list-table.plugins {
1457                 position: relative;
1458                 margin-top: 35px;
1459                 margin-bottom: 50px;
1460         }
1461
1462         .wp-list-table.plugins thead .column-description,
1463         #wpbody-content .wp-list-table.plugins tfoot .column-description,
1464         .wp-list-table.plugins th#description {
1465                 display: none;
1466         }
1467
1468         #wpbody-content .wp-list-table.plugins,
1469         #wpbody-content .wp-list-table.plugins thead,
1470         #wpbody-content .wp-list-table.plugins tbody,
1471         #wpbody-content .wp-list-table.plugins tr,
1472         #wpbody-content .wp-list-table.plugins .column-description,
1473         #wpbody-content .wp-list-table.plugins .plugin-title,
1474         #wpbody-content .wp-list-table.plugins .theme-title,
1475         #wpbody-content .wp-list-table.plugins .plugin-update,
1476         #wpbody-content .wp-list-table.plugins .manage-column.column-name {
1477                 display: block;
1478                 width: auto;
1479         }
1480
1481         .wp-list-table.plugins thead,
1482         .wp-list-table.plugins tfoot {
1483                 position: absolute;
1484                 top: -35px;
1485                 right: 0;
1486                 left: 0;
1487                 width: auto;
1488                 height: 35px;
1489         }
1490
1491         .wp-list-table.plugins tfoot {
1492                 bottom: -35px;
1493                 top: auto;
1494         }
1495
1496         .active, .inactive {
1497                 padding-top: 0;
1498         }
1499
1500         .wp-list-table.plugins .plugin-title,
1501         .wp-list-table.plugins .theme-title {
1502                 padding-top: 13px;
1503                 padding-bottom: 4px;
1504         }
1505
1506         .plugins tr.active + tr.inactive th.check-column,
1507         .plugins tr.active + tr.inactive td,
1508         .wp-list-table.plugins .plugin-title,
1509         .wp-list-table.plugins .theme-title,
1510         .wp-list-table.plugins tbody th {
1511                 -webkit-box-shadow: none;
1512                 box-shadow: none;
1513         }
1514
1515         .plugins tbody {
1516                 padding: 1px 0 0;
1517         }
1518
1519         .plugins tr.active + tr.inactive td.column-description {
1520                 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1521                 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1522         }
1523
1524         .plugins tr.active + tr.inactive th.check-column,
1525         .plugins tr.active + tr.inactive td {
1526                 border-top: none;
1527         }
1528
1529         .wp-list-table.plugins .column-description {
1530                 padding-top: 0;
1531         }
1532
1533         .wp-list-table.plugins .manage-column.column-name,
1534         .wp-list-table.plugins .column-description,
1535         .wp-list-table.plugins .plugin-title,
1536         .wp-list-table.plugins .theme-title {
1537                 padding-left: 12px;
1538                 padding-right: 46px;
1539         }
1540
1541         .wp-list-table.plugins tr {
1542                 position: relative;
1543         }
1544
1545         .wp-list-table.plugins th.check-column,
1546         .wp-list-table.plugins tr.update th.check-column {
1547                 position: absolute;
1548                 height: auto;
1549                 top: 0;
1550                 bottom: 0;
1551                 right: 0;
1552                 padding-right: 2px;
1553                 padding-top: 18px;
1554         }
1555
1556         .wp-list-table.plugins thead th.check-column,
1557         .wp-list-table.plugins tfoot th.check-column {
1558                 padding-right: 3px;
1559                 padding-top: 11px;
1560                 background: none;
1561         }
1562
1563         .widefat tbody th.check-column input[type="checkbox"] {
1564                 margin-top: -3px;
1565                 margin-right: 8px;
1566         }
1567
1568         .wp-list-table.plugins .active .check-column input,
1569         .wp-list-table.plugins .update .check-column input {
1570                 margin-right: 5px;
1571         }
1572
1573         .wp-list-table.plugins thead .check-column input,
1574         .wp-list-table.plugins tfoot .check-column input {
1575                 margin-top: -6px;
1576         }
1577
1578         .wp-list-table.plugins .active th.check-column {
1579                 background: none;
1580         }
1581
1582         .wp-list-table.plugins .plugin-title strong,
1583         .wp-list-table.plugins .theme-title strong {
1584                 font-size: 1.4em;
1585                 line-height: 1.6em;
1586         }
1587
1588         /* Add New plugins page */
1589         table.plugin-install .column-name,
1590         table.plugin-install .column-version,
1591         table.plugin-install .column-rating,
1592         table.plugin-install .column-description {
1593                 display: block;
1594                 width: auto;
1595         }
1596
1597         table.plugin-install th.column-name,
1598         table.plugin-install th.column-version,
1599         table.plugin-install th.column-rating,
1600         table.plugin-install th.column-description {
1601                 display: none;
1602         }
1603
1604         table.plugin-install td.column-name strong {
1605                 font-size: 1.4em;
1606                 line-height: 1.6em;
1607         }
1608
1609         table.plugin-install #the-list td {
1610                 -webkit-box-shadow: none;
1611                 box-shadow: none;
1612         }
1613
1614         table.plugin-install #the-list tr {
1615                 display: block;
1616                 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1617                 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
1618         }
1619 }