ru-se.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

list-tables-rtl.css (39988B)


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