#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 {
/* Screen meta exception for when the "Dashboard" heading is missing or located below the Welcome Panel. */
.index-php #screen-meta-links {
background-color: #151515;
.welcome-panel-header-image {
position: absolute !important;
.welcome-panel-header-image svg {
.rtl .welcome-panel-header-image svg {
.welcome-panel-header * {
.welcome-panel-header a:focus,
.welcome-panel-header a:hover {
.welcome-panel-header a:focus,
.welcome-panel .welcome-panel-close:focus {
outline-color: currentColor;
.welcome-panel-header p {
.welcome-panel .welcome-panel-close {
padding: 10px 15px 10px 24px;
line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
z-index: 1; /* Raise above the version image. */
.welcome-panel .welcome-panel-close:before {
transition: all .1s ease-in-out;
.welcome-panel .welcome-panel-close {
.welcome-panel .welcome-panel-close:hover,
.welcome-panel .welcome-panel-close:focus,
.welcome-panel .welcome-panel-close:hover::before,
.welcome-panel .welcome-panel-close:focus::before {
/* @deprecated 5.9.0 -- Button removed from panel. */
.wp-core-ui .welcome-panel .button.button-hero {
justify-content: space-between;
padding: 48px 0 80px 48px;
.welcome-panel .welcome-panel-column-container {
grid-template-columns: repeat(3, 1fr);
[class*="welcome-panel-icon"] {
background-position: center;
background-size: 24px 24px;
background-repeat: no-repeat;
.welcome-panel-column > svg {
grid-template-columns: min-content 1fr;
.welcome-panel-icon-pages {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E");
.welcome-panel-icon-layout {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E");
.welcome-panel-icon-styles {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E");
/* @deprecated 5.9.0 -- Section removed from welcome panel. */
.welcome-panel .welcome-widgets-menus {
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
.welcome-panel .welcome-panel-column ul {
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
.welcome-panel .welcome-panel-column li {
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-icon {
background: transparent !important;
/* Welcome Panel and Right Now common Icons style */
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.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 */
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-write-blog:before,
.welcome-panel .welcome-edit-page:before {
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-add-page:before {
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-setup-home:before {
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-view-site:before {
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-widgets-menus:before {
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-widgets:before {
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-menus:before {
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-comments:before {
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.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 */
/* 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 form[aria-hidden="true"] {
.community-events .activity-block:first-child,