.response-links a.comments-edit-item-link {
.response-links a.comments-view-item-link {
.post-com-count-wrapper strong {
.comments-view-item-link {
.column-response .post-com-count-wrapper,
.column-comments .post-com-count-wrapper {
/* comments bubble common */
.column-response .post-com-count,
.column-comments .post-com-count {
/* 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 {
.column-response .comment-count-no-comments,
.column-response .comment-count-approved,
.column-comments .comment-count-no-comments,
.column-comments .comment-count-approved {
background-color: #646970;
.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 {
border-top: 5px solid #646970;
border-right: 5px solid transparent;
.column-response a.post-com-count-approved:hover .comment-count-approved,
.column-response a.post-com-count-approved:focus .comment-count-approved,
.column-comments a.post-com-count-approved:hover .comment-count-approved,
.column-comments a.post-com-count-approved:focus .comment-count-approved {
.column-response a.post-com-count-approved:hover:after,
.column-response a.post-com-count-approved:focus:after,
.column-comments a.post-com-count-approved:hover:after,
.column-comments a.post-com-count-approved:focus:after {
border-top-color: #2271b1;
/* @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 {
.column-response .post-com-count-no-pending,
.column-comments .post-com-count-no-pending {
border-bottom: 1px solid #c3c4c7;
#replysubmit .reply-submit-buttons {
#replyrow.inline-edit-row fieldset.comment-reply {
#replyrow.inline-edit-row label {
vertical-align: baseline;
#commentsdiv #edithead .inside {
#edithead .inside input {
background-color: #f6f7f7;
/* @todo: is this used? */
vertical-align: text-top;
#the-comment-list tr.undo,
#the-comment-list div.undo {
background-color: #f6f7f7;
#the-comment-list .unapproved th,
#the-comment-list .unapproved td {
background-color: #fcf9e8;
#the-comment-list .unapproved th.check-column {
border-left: 4px solid #d63638;
#the-comment-list .unapproved th.check-column input {
#the-comment-list .approve a {
#the-comment-list .unapprove a {
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 {
#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 */
background-color: #f0f6fc !important;
th .comment-grey-bubble {
/* Make sure the link clickable area fills the entire table header. */
th .comment-grey-bubble:before {
font: normal 20px/.5 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none !important;
/*------------------------------------------------------------------------------
10.0 - List Posts (/Pages/etc)
------------------------------------------------------------------------------*/
.column-date span[title] {
-webkit-text-decoration: dotted underline;
text-decoration: dotted underline;
.fixed .column-comment .comment-author {
.fixed .column-categories,
.fixed .column-locations {
.fixed .column-comments {
.fixed .column-comments .vers {
table.media .column-title .media-icon {
table.media .column-title .media-icon img {
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 {
/* Media Copy to clipboard row action */
.media .row-actions .copy-to-clipboard-container {
.media .row-actions .copy-to-clipboard-container .success {
transform: translate(-50%, -100%);
/* @todo: pick a consistent list table selector */
#the-list tr:last-child td,
#the-list tr:last-child th {
border-bottom: none !important;
#comments-form .fixed .column-author {
#commentsdiv.postbox .inside {
#commentsdiv .inside .row-actions {
#commentsdiv .inside .column-author {
#commentsdiv .column-comment p {
#commentsdiv #replyrow td {
#commentsdiv .comments-box {
#commentsdiv .comments-box thead th,
#commentsdiv .comments-box thead td {
#commentsdiv .comments-box tr:last-child td {
#commentsdiv #edithead .inside input {
.sorting-indicator:before {
font: normal 20px/1 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none !important;
.sorting-indicator.asc:before {
.sorting-indicator.desc:before {
th.sorted.desc .sorting-indicator.desc:before {