.media-upload-form .notice,
.media-upload-form div.error {
.wrap #templateside .notice {
.wrap #templateside span.notice {
#templateside li.notice a {
.update-message p:before,
.updating-message p:before,
.import-php .updating-message:before,
.button.updating-message:before,
.button.installing:before {
/* Spins the update icon. */
.updating-message p:before,
.import-php .updating-message:before,
.button.updating-message:before,
.button.installing:before,
.plugins .column-auto-updates .dashicons-update.spin,
.theme-overlay .theme-autoupdate .dashicons-update.spin {
animation: rotation 2s infinite linear;
@media (prefers-reduced-motion: reduce) {
.updating-message p:before,
.import-php .updating-message:before,
.button.updating-message:before,
.button.installing:before,
.plugins .column-auto-updates .dashicons-update.spin,
.theme-overlay .theme-autoupdate .dashicons-update.spin {
.theme-overlay .theme-autoupdate .dashicons-update.spin {
/* Updated icon (check mark). */
.updated-message p:before,
.button.updated-message:before {
.update-message.notice-error p:before {
.import-php .updating-message:before {
#dismissed-updates li > p {
.list-ajax-loading { /* deprecated */
#ajax-response.alignleft {
.button.updating-message:before,
.button.updated-message:before,
.button.installed:before,
.button.installing:before {
.button-primary.updating-message:before {
.button-primary.updated-message:before {
.button.updated-message {
transition-property: border, background, color;
transition-duration: .05s;
transition-timing-function: ease-in-out;
.button.installing:before,
.button.installed:before,
.update-message p:before {
/* @todo: this does not need its own section anymore */
/*------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
6.1 - Screen Options Tabs
------------------------------------------------------------------------------*/
/* screen options and help tabs revert */
border: 1px solid #c3c4c7;
box-shadow: 0 0 0 transparent;
#screen-options-link-wrap,
#contextual-help-link-wrap {
#screen-meta-links .screen-meta-toggle {
#screen-meta-links .show-settings {
border: 1px solid #c3c4c7;
padding: 3px 6px 3px 16px;
border-radius: 0 0 4px 4px;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
#screen-meta-links .show-settings:hover,
#screen-meta-links .show-settings:active,
#screen-meta-links .show-settings:focus {
#screen-meta-links .show-settings:focus {
box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
#screen-meta-links .show-settings:active {
#screen-meta-links .show-settings:after {
font: normal 20px/1 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
#screen-meta-links .screen-meta-active:after {
/* end screen options and help tabs */
background-repeat: no-repeat;
background-position: top left;
background-color: transparent;
background-position: bottom left;
#screen-options-wrap h5, /* Back-compat for old plugins */
#screen-options-wrap legend,
#contextual-help-wrap h5 {
.metabox-prefs input[type=checkbox] {
.metabox-prefs label input,
.metabox-prefs label input[type=checkbox] {
.metabox-prefs .columns-prefs label input {
.metabox-prefs .screen-options input,
.metabox-prefs .screen-options label {
.metabox-prefs .screen-options .screen-per-page {
.metabox-prefs .screen-options label {
.screen-options + .screen-options {
/*------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
#contextual-help-columns {
border: 1px solid #c3c4c7;
#contextual-help-wrap.no-sidebar #contextual-help-back {
border-bottom-right-radius: 2px;
.contextual-help-tabs ul {
.contextual-help-tabs li {
border-color: transparent;
.contextual-help-tabs a {
padding: 5px 5px 5px 12px;
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 {
/*------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
-ms-overflow-style: scrollbar; /* See ticket #48545 */
.widefat .column-comment p {
.widefat .column-comment ul {
/* Screens with postboxes */