balmet.com

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

list-tables.css (39927B)


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