(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
#TB_window.plugin-details-modal.thickbox-loading:before {
background-image: url(../images/spinner-2x.gif);
.plugin-details-modal #TB_title {
.plugin-details-modal #TB_ajaxWindowTitle {
.plugin-details-modal #TB_closeWindowButton {
.plugin-details-modal #TB_closeWindowButton:hover,
.plugin-details-modal #TB_closeWindowButton:focus {
.plugin-details-modal .tb-close-icon {
.plugin-details-modal #TB_closeWindowButton:after {
font: normal 32px/29px 'dashicons';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* move plugin install close icon to top on narrow screens */
@media screen and (max-width: 830px) {
.plugin-details-modal #TB_closeWindowButton {
/* Metabox collapse arrow indicators */
.sidebar-name .toggle-indicator::before,
.meta-box-sortables .postbox .toggle-indicator::before,
.meta-box-sortables .postbox .order-higher-indicator::before,
.meta-box-sortables .postbox .order-lower-indicator::before,
.bulk-action-notice .toggle-indicator::before,
.privacy-text-box .toggle-indicator::before {
font: normal 20px/1 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
.js .widgets-holder-wrap.closed .toggle-indicator::before,
.meta-box-sortables .postbox.closed .handlediv .toggle-indicator::before,
.bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator::before,
.privacy-text-box.closed .toggle-indicator::before {
.postbox .handle-order-higher .order-higher-indicator::before {
.postbox .handle-order-lower .order-lower-indicator::before {
.postbox .handle-order-higher .order-higher-indicator::before,
.postbox .handle-order-lower .order-lower-indicator::before {
.postbox .handlediv .toggle-indicator::before {
.postbox .handlediv .toggle-indicator::before {
text-indent: -1px; /* account for the dashicon glyph uneven horizontal alignment */
.rtl .postbox .handlediv .toggle-indicator::before {
text-indent: 1px; /* account for the dashicon glyph uneven horizontal alignment */
.bulk-action-notice .toggle-indicator::before {
.postbox .handle-order-higher:focus,
.postbox .handle-order-lower:focus,
.postbox .handlediv:focus {
0 0 2px 1px rgba(79, 148, 212, 0.8);
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
.postbox .handle-order-higher:focus .order-higher-indicator::before,
.postbox .handle-order-lower:focus .order-lower-indicator::before,
.postbox .handlediv:focus .toggle-indicator::before {
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
/* @todo: appears to be Press This only and overridden */
#photo-add-url-div input[type="text"] {
/* Theme/Plugin Editor */
font-family: Consolas, Monaco, monospace;
height: calc( 100vh - 295px );
border: 1px solid #dcdcde;
height: calc(100vh - 295px);
background-color: #f6f7f7;
border: 1px solid #dcdcde;
#templateside > ul > li > ul[role=group] {
* Styles for Theme and Plugin editors.
/* Hide collapsed items. */
[role="treeitem"][aria-expanded="false"] > ul {
/* Use arrow dashicons for folder states, but hide from screen readers. */
[role="treeitem"] span[aria-hidden] {
[role="treeitem"][aria-expanded="false"] > .folder-label .icon:after {
[role="treeitem"][aria-expanded="true"] > .folder-label .icon:after {
[role="treeitem"] .folder-label {
padding: 3px 3px 3px 12px;
/* Remove outline, and create our own focus and hover styles */
[role="treeitem"] .folder-label.focus {
0 0 2px 1px rgba(79, 148, 212, 0.8);
[role="treeitem"] .folder-label.hover {
background-color: #f0f0f1;
/* Styles for folder indicators/depth */
.tree-folder .tree-folder::after {
border-left: 1px solid #c3c4c7;
.tree-folder > li::before {
border-left: 1px solid #c3c4c7;
border-bottom: 1px solid #c3c4c7;
.tree-folder > li::after {
border-left: 1px solid #c3c4c7;
/* current-file needs to adjustment for .notice styles */
#templateside .current-file {
.tree-folder > .current-file::before {
.tree-folder > .current-file::after {
/* Lines shouldn't continue on last item */
.tree-folder > li:last-child::after,
.tree-folder li:last-child > .tree-folder::after {
#theme-plugin-editor-selector,
#theme-plugin-editor-label,
#theme-plugin-editor-label {
.fileedit-sub .alignright {
#file-editor-linting-error {
#file-editor-linting-error > .notice {
#file-editor-linting-error > .notice > p {
#template .submit input[type=submit][disabled] {
#postcustomstuff p.submit {
#templateside li:not(.howto) a,
.theme-editor-php .highlight {
#templateside li:not(.howto) > a:first-of-type {
padding: 6px 12px 12px 12px;
.theme-editor-php .highlight {
margin: -3px 3px -3px -12px;
#templateside .highlight {
vertical-align: baseline;
#file-editor-warning .file-editor-warning-content {
/* @todo: can we use a common class for these? */
.nav-menus-php .item-edit:before,
.widget-top .widget-action .toggle-indicator:before,
.control-section .accordion-section-title:after,
.accordion-section-title:after {
font: normal 20px/1 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
.widget-top .widget-action .toggle-indicator:before {
padding: 1px 2px 1px 0px;
.postbox .handlediv.button-link,
.accordion-section-title:after {
color: #50575e; /* #fafafa background in the Widgets screen */
.widget-top:hover .widget-action,
.postbox .handlediv.button-link:hover,
.postbox .handlediv.button-link:focus,
.sidebar-name:hover .toggle-indicator,
.accordion-section-title:hover:after {
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
.widget-top .widget-action:focus .toggle-indicator:before {
0 0 2px 1px rgba(79, 148, 212, 0.8);
.control-section .accordion-section-title:after,
.accordion-section-title:after {
.control-section.open .accordion-section-title:after,
#customize-info.open .accordion-section-title:after,
.nav-menus-php .menu-item-edit-active .item-edit:before,
.widget.open .widget-top .widget-action .toggle-indicator:before,
.widget.widget-in-question .widget-top .widget-action .toggle-indicator:before {
* jQuery UI Draggable/Sortable 1.11.4
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
border-bottom: 1px solid #dcdcde;