/*! This file is auto-generated */
#wpbody-content #dashboard-widgets.columns-1 .postbox-container {
#wpbody-content #dashboard-widgets.columns-2 .postbox-container {
#wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
#wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
#wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
#wpbody-content #dashboard-widgets.columns-3 .postbox-container {
#wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 {
#wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
#wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
#wpbody-content #dashboard-widgets.columns-4 .postbox-container {
#dashboard-widgets .postbox-container {
#dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
#dashboard-widgets-wrap {
#dashboard-widgets .postbox .inside {
#dashboard-widgets .meta-box-sortables {
display: flow-root; /* avoid margin collapsing between parent and first/last child elements */
/* Required min-height to make the jQuery UI Sortable drop zone work. */
#dashboard-widgets .postbox-container .empty-container {
outline: 3px dashed #c3c4c7;
/* Only highlight drop zones when dragging and only in the 2 columns layout. */
.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
outline: 3px dashed #646970;
/* Prevent margin on the child from collapsing with margin on the parent. */
#dashboard-widgets .postbox-container .empty-container:after {
content: attr(data-emptystring);
transform: translateY( -50% );
/* @todo: this was originally in this section, but likely belongs elsewhere */
#the-comment-list td.comment p.comment-author {
#the-comment-list p.comment-author img {
#the-comment-list p.comment-author strong a {
#the-comment-list td.comment {
#the-comment-list td.comment img {
border: 1px solid #c3c4c7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
.welcome-panel .about-description {
.welcome-panel .welcome-panel-close {
padding: 10px 21px 10px 15px;
line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
.welcome-panel .welcome-panel-close:before {
transition: all .1s ease-in-out;
.wp-core-ui .welcome-panel .button.button-hero {
.welcome-panel .welcome-panel-column-container {
.welcome-panel .welcome-panel-column {
.welcome-panel .welcome-panel-column:first-child {
.welcome-panel-column p.hide-if-no-customize {
.welcome-panel-column p {
.welcome-panel .welcome-widgets-menus {
.welcome-panel .welcome-panel-column ul {
.welcome-panel .welcome-panel-column li {
.welcome-panel .welcome-icon {
background: transparent !important;
/* Welcome Panel and Right Now common Icons style */
.welcome-panel .welcome-icon:before,
#dashboard_right_now li a:before,
#dashboard_right_now li span:before,
#dashboard_right_now .search-engines-info:before {
font: normal 20px/1 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none !important;
/* Welcome Panel specific Icons styles */
.welcome-panel .welcome-write-blog:before,
.welcome-panel .welcome-edit-page:before {
.welcome-panel .welcome-add-page:before {
.welcome-panel .welcome-setup-home:before {
.welcome-panel .welcome-view-site:before {
.welcome-panel .welcome-widgets-menus:before {
.welcome-panel .welcome-widgets:before {
.welcome-panel .welcome-menus:before {
.welcome-panel .welcome-comments:before {
.welcome-panel .welcome-learn-more:before {
/* Right Now specific Icons styles */
#dashboard_right_now .search-engines-info:before,
#dashboard_right_now li a:before,
#dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */
content: "\f159"; /* generic icon for items added by CPTs ? */
#dashboard_right_now .page-count a:before,
#dashboard_right_now .page-count span:before {
#dashboard_right_now .post-count a:before,
#dashboard_right_now .post-count span:before {
#dashboard_right_now .comment-count a:before {
#dashboard_right_now .comment-mod-count a:before {
#dashboard_right_now .storage-count a:before {
#dashboard_right_now .storage-count.warning a:before {
#dashboard_right_now .search-engines-info:before {
/* Dashboard WordPress events */
.community-events-errors {
.community-events-loading {
.community-events .spinner {
.community-events-errors[aria-hidden="true"],
.community-events-errors [aria-hidden="true"],
.community-events-loading[aria-hidden="true"],
.community-events[aria-hidden="true"],
.community-events [aria-hidden="true"] {
.community-events .activity-block:first-child,
.community-events-form .regular-text {
.community-events li.event-none {
border-right: 4px solid #72aee6;
#dashboard-widgets .community-events li.event-none a {
text-decoration: underline;
.community-events-form label {
.community-events .activity-block > p {
.community-events-toggle-location {
#community-events-submit {
/* Needs higher specificity than #dashboard-widgets .button-link */
#dashboard-widgets .community-events-cancel.button-link {
/* Same properties as the submit button for cross-browsers alignment. */
text-decoration: underline;
background-color: #f6f7f7;
.community-events li:first-child {
border-top: 1px solid #f0f0f1;
.community-events li ~ li {
border-top: 1px solid #f0f0f1;
.community-events .activity-block.last {
border-bottom: 1px solid #f0f0f1;
.community-events .event-info {
display: none; /* Hide on smaller screens */
.event-meetup .event-icon:before {
.event-wordcamp .event-icon:before {
.community-events .event-title {
.community-events .event-date,
.community-events .event-time {
.community-events-footer {
border-top: 1px solid #f0f0f1;
/* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */
.community-events-footer .screen-reader-text {
/* Dashboard WordPress news */
#dashboard_primary .inside {
#dashboard_primary .widget-loading {
margin-bottom: 1em !important; /* Needs to override `.postbox .inside > p:last-child` in common.css */