.response-links {

display: block;

margin-bottom: 1em;

}

.response-links a {

display: block;

}

.response-links a.comments-edit-item-link {

font-weight: 600;

}

.response-links a.comments-view-item-link {

font-size: 12px;

}

.post-com-count-wrapper strong {

font-weight: 400;

}

.comments-view-item-link {

display: inline-block;

clear: both;

}

.column-response .post-com-count-wrapper,

.column-comments .post-com-count-wrapper {

white-space: nowrap;

word-wrap: normal;

}

/* comments bubble common */

.column-response .post-com-count,

.column-comments .post-com-count {

display: inline-block;

vertical-align: top;

}

/* comments bubble approved */

.column-response .post-com-count-no-comments,

.column-response .post-com-count-approved,

.column-comments .post-com-count-no-comments,

.column-comments .post-com-count-approved {

margin-top: 5px;

}

.column-response .comment-count-no-comments,

.column-response .comment-count-approved,

.column-comments .comment-count-no-comments,

.column-comments .comment-count-approved {

box-sizing: border-box;

display: block;

padding: 0 8px;

min-width: 24px;

height: 2em;

border-radius: 5px;

background-color: #72777c;

color: #fff;

font-size: 11px;

line-height: 1.90909090;

text-align: center;

}

.ie8 .column-response .comment-count-no-comments,

.ie8 .column-response .comment-count-approved,

.ie8 .column-comments .comment-count-no-comments,

.ie8 .column-comments .comment-count-approved {

min-width: 0;

}

.column-response .post-com-count-no-comments:after,

.column-response .post-com-count-approved:after,

.column-comments .post-com-count-no-comments:after,

.column-comments .post-com-count-approved:after {

content: "";

display: block;

margin-left: 8px;

width: 0;

height: 0;

border-top: 5px solid #72777c;

border-right: 5px solid transparent;

}

.column-response .post-com-count-approved:hover .comment-count-approved,

.column-response .post-com-count-approved:focus .comment-count-approved,

.column-comments .post-com-count-approved:hover .comment-count-approved,

.column-comments .post-com-count-approved:focus .comment-count-approved {

background: #0073aa;

}

.column-response .post-com-count-approved:hover:after,

.column-response .post-com-count-approved:focus:after,

.column-comments .post-com-count-approved:hover:after,

.column-comments .post-com-count-approved:focus:after {

border-top-color: #0073aa;

}

/* @todo: consider to use a single rule for these counters and the admin menu counters. */

.column-response .post-com-count-pending,

.column-comments .post-com-count-pending {

position: relative;

left: -3px;

padding: 0 5px;

min-width: 7px;

height: 17px;

border: 2px solid #fff;

border-radius: 11px;

background: #ca4a1f;

color: #fff;

font-size: 9px;

line-height: 1.88888888;

text-align: center;

}

.column-response .post-com-count-no-pending,

.column-comments .post-com-count-no-pending {

display: none;

}

/* comments */

.commentlist li {

padding: 1em 1em .2em;

margin: 0;

border-bottom: 1px solid #ccc;

}

.commentlist li li {

border-bottom: 0;

padding: 0;

}

.commentlist p {

padding: 0;

margin: 0 0 .8em;

}

#submitted-on,

.submitted-on {

color: #555d66;

}

/* reply to comments */

#replyrow td {

padding: 2px;

}

#replysubmit {

margin: 0;

padding: 5px 7px 10px;

overflow: hidden;

}

#replysubmit .reply-submit-buttons {

margin-bottom: 0;

}

#replysubmit .button {

margin-right: 5px;

}

#replysubmit .spinner {

float: none;

margin: -4px 0 0;

}

#replyrow.inline-edit-row fieldset.comment-reply {

font-size: inherit;

line-height: inherit;

}

#replyrow legend {

margin: 0;

padding: .2em 5px 0;

font-size: 13px;

line-height: 1.4;

font-weight: 600;

}

#replyrow.inline-edit-row label {

display: inline;

vertical-align: baseline;

line-height: inherit;

}

#edithead .inside,

#commentsdiv #edithead .inside {

float: left;

padding: 3px 0 2px 5px;

margin: 0;

text-align: center;

}

#edithead .inside input {

width: 180px;

}

#edithead label {

padding: 2px 0;

}

#replycontainer {

padding: 5px;

}

#replycontent {

height: 120px;

box-shadow: none;

}

#replyerror {

border-color: #ddd;

background-color: #f9f9f9;

}

/* @todo: is this used? */

.commentlist .avatar {

vertical-align: text-top;

}

#the-comment-list tr.undo,

#the-comment-list div.undo {

background-color: #f5f5f5;

}

#the-comment-list .unapproved th,

#the-comment-list .unapproved td {

background-color: #fef7f1;

}

#the-comment-list .unapproved th.check-column {

border-left: 4px solid #d54e21;

}

#the-comment-list .unapproved th.check-column input {

margin-left: 4px;

}

#the-comment-list .approve a {

color: #006505;

}

#the-comment-list .unapprove a {

color: #d98500;

}

#the-comment-list th,

#the-comment-list td {

box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);

}

#the-comment-list tr:last-child th,

#the-comment-list tr:last-child td {

box-shadow: none;

}

#the-comment-list tr.unapproved + tr.approved th,

#the-comment-list tr.unapproved + tr.approved td {

border-top: 1px solid rgba(0, 0, 0, 0.03);

}

/* table vim shortcuts */

.vim-current,

.vim-current th,

.vim-current td {

background-color: #e4f2fd !important;

}

th .comment-grey-bubble {

height: 16px;

width: 16px;

}

th .comment-grey-bubble:before {

content: "\f101";

font: normal 20px/.5 dashicons;

speak: none;

display: inline-block;

padding: 0;

top: 4px;

left: -4px;

position: relative;

vertical-align: top;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

text-decoration: none !important;

color: #444;

}

/*------------------------------------------------------------------------------

10.0 - List Posts (/Pages/etc)

------------------------------------------------------------------------------*/

table.fixed {

table-layout: fixed;

}

.fixed .column-rating,

.fixed .column-visible {

width: 8%;

}

.fixed .column-posts,

.fixed .column-date,

.fixed .column-parent,

.fixed .column-links,

.fixed .column-author,

.fixed .column-format {

width: 10%;

}

.column-date span[title] {

-webkit-text-decoration: dotted underline;

text-decoration: dotted underline;

}

.fixed .column-posts {

width: 74px;

}

.fixed .column-comment .comment-author {

display: none;

}

.fixed .column-response,

.fixed .column-categories,

.fixed .column-tags,

.fixed .column-rel,

.fixed .column-role {

width: 15%;

}

.fixed .column-slug {

width: 25%;

}

.fixed .column-locations {

width: 35%;

}

.fixed .column-comments {

width: 5.5em;

padding: 8px 0;

text-align: left;

}

.fixed .column-comments .vers {

padding-left: 3px;

}

td.column-title strong,

td.plugin-title strong {

display: block;

margin-bottom: .2em;

font-size: 14px;

}

td.column-title p,

td.plugin-title p {

margin: 6px 0;

}

/* Media file column */

table.media .column-title .media-icon {

float: left;

min-height: 60px;

margin: 0 9px 0 0;

}

table.media .column-title .media-icon img {

max-width: 60px;

height: auto;

vertical-align: top; /* Remove descender white-space. */

}

table.media .column-title .has-media-icon ~ .row-actions {

margin-left: 70px; /* 60px image + margin */

}

table.media .column-title .filename {

margin-bottom: 0.2em;

}

/* @todo: pick a consistent list table selector */

.wp-list-table a {

transition: none;

}

#the-list tr:last-child td,

#the-list tr:last-child th {

border-bottom: none !important;

box-shadow: none;

}

#comments-form .fixed .column-author {

width: 20%;

}

#comments-form .fixed .column-date {

width: 14%;

}

#commentsdiv.postbox .inside {

margin: 0;

padding: 0;

}

#commentsdiv .inside .row-actions {

line-height: 1.38461538;

}

#commentsdiv .inside .column-author {

width: 25%;

}

#commentsdiv .column-comment p {

margin: 0.6em 0;

padding: 0;

}

#commentsdiv #replyrow td {

padding: 0;

}

#commentsdiv p {

padding: 8px 10px;

margin: 0;

}

#commentsdiv .comments-box {

border: 0 none;

}

#commentsdiv .comments-box thead th,

#commentsdiv .comments-box thead td {

background: transparent;

padding: 0 7px 4px;

}

#commentsdiv .comments-box tr:last-child td {

border-bottom: 0 none;

}

#commentsdiv #edithead .inside input {

width: 160px;

}

.sorting-indicator {

display: block;

visibility: hidden;

width: 10px;

height: 4px;

margin-top: 8px;

margin-left: 7px;

}

.sorting-indicator:before {

content: "\f142";

font: normal 20px/1 dashicons;

speak: none;

display: inline-block;

padding: 0;

top: -4px;

left: -8px;

color: #444;

line-height: 0.5;

position: relative;

vertical-align: top;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

text-decoration: none !important;

color: #444;

}

.column-comments .sorting-indicator:before {

top: 0;

left: -10px;

}

th.sorted.asc .sorting-indicator:before,

th.desc:hover span.sorting-indicator:before,

th.desc a:focus span.sorting-indicator:before {

content: "\f142";

}

th.sorted.desc .sorting-indicator:before,

th.asc:hover span.sorting-indicator:before,

th.asc a:focus span.sorting-indicator:before {

content: "\f140";

}

.wp-list-table .toggle-row {

position: absolute;

right: 8px;

top: 10px;

display: none;

padding: 0;

width: 40px;

height: 40px;

border: none;

outline: none;

background: transparent;

}

.wp-list-table .toggle-row:hover {

cursor: pointer;

}

.wp-list-table .toggle-row:focus:before {

box-shadow:

0 0 0 1px #5b9dd9,

0 0 2px 1px rgba(30, 140, 190, 0.8);

}

.ie8 .wp-list-table .toggle-row:focus:before {

outline: #5b9dd9 solid 1px;

}

.wp-list-table .toggle-row:active {

box-shadow: none;

}

.wp-list-table .toggle-row:before {

position: absolute;

top: -5px;

left: 10px;

border-radius: 50%;

display: block;

padding: 1px 2px 1px 0;

color: #444; /* same as table headers sort arrows */

content: "\f140";

font: normal 20px/1 dashicons;

line-height: 1;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

speak: none;

}

.wp-list-table .is-expanded .toggle-row:before {

content: "\f142";

}

.locked-indicator {

display: none;

margin-left: 6px;

height: 20px;

width: 16px;

}

.locked-indicator-icon:before {

color: #82878c;

content: "\f160";

display: inline-block;

font: normal 20px/1 dashicons;

speak: none;

vertical-align: middle;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

}

.locked-info {

display: none;

margin-top: 4px;

}

.locked-text {

vertical-align: top;

}

.wp-locked .locked-indicator,

.wp-locked .locked-info {

display: block;

}

tr.wp-locked .check-column label,

tr.wp-locked .check-column input[type="checkbox"],

tr.wp-locked .row-actions .inline,

tr.wp-locked .row-actions .trash {

display: none;

}

.fixed .column-comments .sorting-indicator {

margin-top: 3px;

}

#menu-locations-wrap .widefat {

width: 60%;

}

.widefat th.sortable,

.widefat th.sorted {

padding: 0;

}

th.sortable a,

th.sorted a {

display: block;

overflow: hidden;

padding: 8px;

}

.fixed .column-comments.sortable a,

.fixed .column-comments.sorted a {

padding: 8px 0;

}

th.sortable a span,

th.sorted a span {

float: left;

cursor: pointer;

}

th.sorted .sorting-indicator,

th.desc:hover span.sorting-indicator,

th.desc a:focus span.sorting-indicator,

th.asc:hover span.sorting-indicator,

th.asc a:focus span.sorting-indicator {

visibility: visible;

}

.tablenav-pages .current-page {

margin: 0 2px 0 0;

font-size: 13px;

text-align: center;

}

.tablenav .total-pages {

margin-right: 2px;

}

.tablenav #table-paging {

margin-left: 2px;

}

.tablenav {

clear: both;

height: 30px;

margin: 6px 0 4px;

padding-top: 5px;

vertical-align: middle;

}

.tablenav.themes {

max-width: 98%;

}

.tablenav .tablenav-pages {

float: right;

margin: 0 0 9px;

}

.tablenav .no-pages,

.tablenav .one-page .pagination-links {

display: none;

}

.tablenav .tablenav-pages .button,

.tablenav .tablenav-pages .tablenav-pages-navspan {

display: inline-block;

vertical-align: baseline;

min-width: 30px;

min-height: 30px;

margin: 0;

padding: 0 4px;

font-size: 16px;

line-height: 1.625; /* 26px */

text-align: center;

}

.tablenav .displaying-num {

margin-right: 7px;

}

.tablenav .one-page .displaying-num {

display: inline-block;

margin: 5px 0;

}

.tablenav .actions {

padding: 0 8px 0 0;

}

.wp-filter .actions {

display: inline-block;

vertical-align: middle;

}

.tablenav .delete {

margin-right: 20px;

}

/* This view-switcher is still used on multisite. */

.tablenav .view-switch {

float: right;

margin: 0 5px;

padding-top: 3px;

}

.wp-filter .view-switch {

display: inline-block;

vertical-align: middle;

padding: 12px 0;

margin: 0 8px 0 2px;

}

.media-toolbar.wp-filter .view-switch {

margin: 0 12px 0 2px;

}

.view-switch a {

float: left;

width: 28px;

height: 28px;

text-align: center;

line-height: 1.84615384;

text-decoration: none;

}

.view-switch a:before {

color: #b4b9be;

display: inline-block;

font: normal 20px/1 dashicons;

speak: none;

vertical-align: middle;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

}

.view-switch a:hover:before,

.view-switch a:focus:before {

color: #727272;

}

.view-switch a.current:before {

color: #0073aa;

}

.view-switch .view-list:before {

content: "\f163";

}

.view-switch .view-excerpt:before {

content: "\f164";

}

.view-switch .view-grid:before {

content: "\f509";

}

.filter {

float: left;

margin: -5px 0 0 10px;

}

.filter .subsubsub {

margin-left: -10px;

margin-top: 13px;

}

.screen-per-page {

width: 4em;

}

#posts-filter .wp-filter {

margin-bottom: 0;

}

#posts-filter fieldset {

float: left;

margin: 0 1.5ex 1em 0;

padding: 0;

}

#posts-filter fieldset legend {

padding: 0 0 .2em 1px;

}

p.pagenav {

margin: 0;

display: inline;

}

.pagenav span {

font-weight: 600;

margin: 0 6px;

}

.row-title {

font-size: 14px !important;

font-weight: 600;

}

.column-comment .comment-author {

margin-bottom: 0.6em;

}

.column-author img,

.column-username img,

.column-comment .comment-author img {

float: left;

margin-right: 10px;

margin-top: 1px;

}

.row-actions {

color: #ddd;

font-size: 13px;

padding: 2px 0 0;

position: relative;

left: -9999em;

}

/* ticket #34150 */

.rtl .row-actions a {

display: inline-block;

}

.row-actions .network_only,

.row-actions .network_active {

color: #000;

}

.no-js .row-actions,

tr:hover .row-actions,

.mobile .row-actions,

.row-actions.visible,

.comment-item:hover .row-actions {

position: static;

}

/* deprecated */

.row-actions-visible {

padding: 2px 0 0;

}

/*------------------------------------------------------------------------------

10.1 - Inline Editing

------------------------------------------------------------------------------*/

/*

.quick-edit* is for Quick Edit

.bulk-edit* is for Bulk Edit

.inline-edit* is for everything

*/

/* Layout */

#wpbody-content .inline-edit-row fieldset {

font-size: 12px;

float: left;

margin: 0;

padding: 0;

width: 100%;

}

tr.inline-edit-row td,

#wpbody-content .inline-edit-row fieldset .inline-edit-col {

padding: 0 0.5em;

}

#wpbody-content .quick-edit-row-post .inline-edit-col-left {

width: 40%;

}

#wpbody-content .quick-edit-row-post .inline-edit-col-right {

width: 39%;

}

#wpbody-content .inline-edit-row-post .inline-edit-col-center {

width: 20%;

}

#wpbody-content .quick-edit-row-page .inline-edit-col-left {

width: 50%;

}

#wpbody-content .quick-edit-row-page .inline-edit-col-right,

#wpbody-content .bulk-edit-row-post .inline-edit-col-right {

width: 49%;

}

#wpbody-content .bulk-edit-row .inline-edit-col-left {

width: 30%;

}

#wpbody-content .bulk-edit-row-page .inline-edit-col-right {

width: 69%;

}

#wpbody-content .bulk-edit-row .inline-edit-col-bottom {

float: right;

width: 69%;

}

#wpbody-content .inline-edit-row-page .inline-edit-col-right {

margin-top: 27px;

}

.inline-edit-row fieldset .inline-edit-group {

clear: both;

line-height: 2.5;

}

.inline-edit-row .submit {

clear: both;

padding: 0.5em;

margin: 0.5em 0 0;

}

.inline-edit-row .notice-error {

margin-top: 1em;

}

.inline-edit-row .notice-error .error {

margin: 0.5em 0;

padding: 2px;

}

/* Positioning */

/* Needs higher specificity for the padding */

#the-list .inline-edit-row .inline-edit-legend {

margin: 0;

padding: 0.2em 0.5em 0;

line-height: 2.5;

font-weight: 600;

}

#the-list #bulk-edit.inline-edit-row .inline-edit-legend {

padding: 0.2em 0.5em;

}

.inline-edit-row fieldset span.title,

.inline-edit-row fieldset span.checkbox-title {

margin: 0;

padding: 0;

}

.inline-edit-row fieldset label,

.inline-edit-row fieldset span.inline-edit-categories-label {

display: block;

margin: .2em 0;

line-height: 2.5;

}

.inline-edit-row fieldset.inline-edit-date label {

display: inline-block;

margin: 0;

vertical-align: baseline;

line-height: 2;

}

.inline-edit-row fieldset label.inline-edit-tags {

margin-top: 0;

}

.inline-edit-row fieldset label.inline-edit-tags span.title {

margin: .2em 0;

width: auto;

}

.inline-edit-row fieldset label span.title,

.inline-edit-row fieldset.inline-edit-date legend {

display: block;

float: left;

width: 6em;

line-height: 2.5;

}

#posts-filter fieldset.inline-edit-date legend {

padding: 0;

}

.inline-edit-row fieldset label span.input-text-wrap,

.inline-edit-row fieldset .timestamp-wrap {

display: block;

margin-left: 6em;

}

.quick-edit-row-post fieldset.inline-edit-col-right label span.title {

width: auto;

padding-right: 0.5em;

}

.inline-edit-row .inline-edit-or {

margin: .2em 6px .2em 0;

line-height: 2.5;

}

.inline-edit-row .input-text-wrap input[type=text] {

width: 100%;

}

.inline-edit-row fieldset label input[type=checkbox] {

vertical-align: middle;

}

.inline-edit-row fieldset label textarea {

width: 100%;