border: 1px solid transparent;
.contextual-help-tabs a:hover {
.contextual-help-tabs .active {
border-left: 2px solid #72aee6;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
.contextual-help-tabs .active a {
.contextual-help-tabs-wrap {
.help-tab-content.active {
.help-tab-content ul li {
.contextual-help-sidebar {
/*------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
padding-top: var(--wp-admin--admin-bar--height);
-ms-overflow-style: scrollbar; /* See ticket #48545 */
.widefat .column-comment p {
.widefat .column-comment ul {
/* Screens with postboxes */
.postbox-container .meta-box-sortables {
#wpbody-content .metabox-holder {
.metabox-holder .postbox-container .meta-box-sortables {
/* The jQuery UI Sortables need some initial height to work properly. */
#post-body.columns-2 #postbox-container-1 {
#post-body.columns-2 #side-sortables {
/* one column on the dash */
@media only screen and (max-width: 799px) {
#wpbody-content .metabox-holder .postbox-container .empty-container {
.js .widget .widget-top.is-non-sortable,
.js .postbox .hndle.is-non-sortable {
/* Configurable dashboard widgets "Configure" edit-box link. */
justify-content: space-between;
border-bottom: 1px solid #c3c4c7;
/* Handle the alignment for the configurable dashboard widgets "Configure" edit-box link. */
justify-content: space-between;
.postbox-header .handle-actions {
/* Post box order and toggle buttons. */
.postbox .handle-order-higher,
.postbox .handle-order-lower,
.postbox .handle-order-higher,
.postbox .handle-order-lower {
/* Post box order buttons in the block editor meta boxes area. */
.edit-post-meta-boxes-area .postbox .handle-order-higher,
.edit-post-meta-boxes-area .postbox .handle-order-lower {
.postbox .handle-order-higher[aria-disabled="true"],
.postbox .handle-order-lower[aria-disabled="true"] {
border: 1px dashed #c3c4c7;
/* user-select is not a part of the CSS standard - may change behavior in the future */
-webkit-user-select: none;
.postbox .inside > p:last-child,
.rss-widget ul li:last-child {
margin-bottom: 1px !important;
.postbox table.form-table {
border: 1px dotted #c3c4c7;
/* @todo: what is this doing here */
#dashboard_right_now .versions .b,
#post-visibility-display,
#adminmenu .wp-submenu li.current,
#adminmenu .wp-submenu li.current a,
#adminmenu .wp-submenu li.current a:hover,
#pass-strength-result.strong,
#pass-strength-result.short,
#ed_reply_toolbar #ed_reply_strong,
.item-controls .item-order a,
.feature-filter .feature-name,
#comment-status-display {
/*------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
25.0 - Tabbed Admin Screen Interface (Experimental)
------------------------------------------------------------------------------*/
border: 1px solid #c3c4c7;
margin-left: 0.5em; /* half the font size so set the font size properly */
h3 .nav-tab, /* Back-compat for pre-4.4 */
.nav-tab-small .nav-tab {
.nav-tab-active:focus:active {
border-bottom: 1px solid #f0f0f1;
h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
.wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
border-bottom: 1px solid #c3c4c7;
/* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */
.nav-tab-wrapper:not(.wp-clearfix):after {
/*------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
background: url(../images/spinner.gif) no-repeat;
background-size: 20px 20px;
filter: alpha(opacity=70);
.loading-content .spinner {
#template .submit .spinner {
.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
.metabox-holder h2.hndle {
/* Back-compat for nav-menus screen */
.nav-menus-php .metabox-holder h3 {
.accordion-container h3.accordion-section-title {
.accordion-section-title button.accordion-trigger,
.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger {
padding: 10px 10px 11px 14px;
.accordion-section-title button.accordion-trigger:focus,
.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger:focus {
box-shadow: 0 0 0 2px #2271b1;
outline: 2px solid transparent;
.accordion-section-title span.dashicons.dashicons-arrow-down,
.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down {
transform: translateY(-50%);
.accordion-section-title:hover span.dashicons.dashicons-arrow-down,
.nav-menus-php .metabox-holder .accordion-section-title:hover span.dashicons.dashicons-arrow-down {
.accordion-section-title span.dashicons.dashicons-arrow-down::before,
.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down::before {
.accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down,
.nav-menus-php .metabox-holder .accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down {
transform: rotate(180deg) translate(0, 50%);
.plugin-install #description,
.plugin-install-network #description {