1 /* 2 column liquid layout */
7 -webkit-font-smoothing: subpixel-antialiased;
29 overflow: visible !important;
32 /* inner 2 column liquid layout */
42 .columns-2 .inner-sidebar {
48 .inner-sidebar #side-sortables,
49 .columns-2 .inner-sidebar #side-sortables {
55 .has-right-sidebar .inner-sidebar {
59 .has-right-sidebar #post-body {
66 .has-right-sidebar #post-body-content {
72 /* 2 columns main area */
88 #col-right .col-wrap {
113 /* modern clearfix */
120 /* Hide visually but not from screen readers */
122 .screen-reader-text span,
123 .ui-helper-hidden-accessible {
132 word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
135 .screen-reader-shortcut {
140 .screen-reader-shortcut:focus {
148 padding: 15px 23px 14px;
153 -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
154 box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
155 text-decoration: none;
162 .no-js .hide-if-no-js,
163 .js.wp-core-ui .hide-if-js,
164 .js .wp-core-ui .hide-if-js,
165 .no-js.wp-core-ui .hide-if-no-js,
166 .no-js .wp-core-ui .hide-if-no-js {
170 /* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
174 #menu-settings-column .accordion-container,
175 #menu-management .menu-edit,
180 .widgets-holder-wrap,
181 .wp-editor-container,
186 border: 1px solid #e5e5e5;
187 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
188 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
192 .wp-editor-container,
195 .widgets-holder-wrap,
214 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
229 body.mobile.modal-open #wpwrap {
241 font-family: inherit;
243 font-weight: inherit;
244 line-height: inherit;
249 -webkit-transition-property: border, background, color;
250 transition-property: border, background, color;
251 -webkit-transition-duration: .05s;
252 transition-duration: .05s;
253 -webkit-transition-timing-function: ease-in-out;
254 transition-timing-function: ease-in-out;
268 a:focus .media-icon img,
269 .wp-person a:focus .gravatar {
273 0 0 2px 1px rgba(30, 140, 190, .8);
276 0 0 2px 1px rgba(30, 140, 190, .8);
280 outline: #5b9dd9 solid 1px;
284 .screen-reader-text:focus {
285 -webkit-box-shadow: none;
341 .update-core-php h2 {
372 list-style-type: decimal;
377 list-style: disc outside;
381 list-style: square outside;
385 list-style: decimal outside;
408 font-family: Consolas, Monaco, monospace;
415 padding: 3px 5px 2px 5px;
418 background: rgba(0,0,0,0.07);
434 text-decoration: none;
438 .subsubsub a.current .count {
439 color: #555d66; /* #f1f1f1 background */
443 .subsubsub a.current {
449 display: inline-block;
455 /* .widefat - main style for tables */
464 word-wrap: break-word;
468 text-decoration: none;
478 border-bottom: 1px solid #e1e1e1;
483 border-top: 1px solid #e1e1e1;
487 .widefat .no-items td {
488 border-bottom-width: 0;
512 .updates-table td input,
513 .widefat thead td input,
514 .widefat tfoot td input {
517 vertical-align: text-top;
520 .widefat .check-column {
526 .widefat tbody th.check-column {
530 .widefat thead td.check-column,
531 .widefat tbody th.check-column,
532 .updates-table tbody td.check-column,
533 .widefat tfoot td.check-column {
534 padding: 11px 3px 0 0;
537 .widefat thead td.check-column,
538 .widefat tfoot td.check-column {
540 vertical-align: middle;
543 .update-php div.updated,
544 .update-php div.error {
548 .no-js .widefat thead .check-column input,
549 .no-js .widefat tfoot .check-column input {
560 .widefat th#comments {
561 vertical-align: middle;
565 margin: 10px 2px 0 20px;
568 .wrap > h2:first-child, /* Back-compat for pre-4.4 */
569 .wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
570 .postbox .inside h2, /* Back-compat for pre-4.4 */
575 padding: 9px 0 4px 0;
579 .wrap h1.wp-heading-inline {
580 display: inline-block;
598 .wrap .add-new-h2, /* deprecated */
599 .wrap .add-new-h2:active, /* deprecated */
600 .wrap .page-title-action,
601 .wrap .page-title-action:active {
606 text-decoration: none;
608 border: 1px solid #ccc;
609 -webkit-border-radius: 2px;
615 line-height: normal; /* IE8-IE11 need this for buttons */
616 color: #0073aa; /* some of these controls are button elements and don't inherit from links */
621 .wrap .wp-heading-inline + .page-title-action {
625 .wrap .add-new-h2:hover, /* deprecated */
626 .wrap .page-title-action:hover {
627 border-color: #008EC2;
632 /* lower specificity: color needs to be overridden by :hover and :active */
633 .page-title-action:focus {
637 .wrap .page-title-action:focus {
638 border-color: #5b9dd9;
639 -webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
640 box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
643 .wrap h1.long-header {
648 background-color: #fff;
652 #widgets-left .widget-in-question .widget-top,
653 #available-widgets .widget-top:hover,
654 div#widgets-right .widget-top:hover,
655 #widgets-left .widget-top:hover {
657 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
658 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
662 background-color: #ccf3fa;
666 .subsubsub a.current {
670 .striped > tbody > :nth-child(odd),
671 ul.striped > :nth-child(odd),
673 background-color: #f9f9f9;
677 background-color: #e8e8e8;
678 border-left-color: #99d;
681 /* Helper classes for plugins to leverage the active WordPress color scheme */
684 background-color: #e4f2fd;
690 background-color: #32373c;
692 .wp-ui-text-primary {
698 background-color: #1e8cbe;
700 .wp-ui-text-highlight {
704 .wp-ui-notification {
706 background-color: #d54e21;
708 .wp-ui-text-notification {
713 color: #82878c; /* same as new icons */
716 /* For emoji replacement images */
718 display: inline !important;
719 border: none !important;
720 height: 1em !important;
721 width: 1em !important;
722 margin: 0 .07em !important;
723 vertical-align: -0.1em !important;
724 background: none !important;
725 padding: 0 !important;
726 -webkit-box-shadow: none !important;
727 box-shadow: none !important;
730 /*------------------------------------------------------------------------------
732 ------------------------------------------------------------------------------*/
737 .control-section .accordion-section-title,
744 #your-profile #rich_editing,
760 border-bottom: 1px solid #eee;
765 background-color: #ccc;
774 /* @todo can we combine these into a class or use an existing dashicon one? */
775 .welcome-panel .welcome-panel-close:before,
776 .tagchecklist .ntdelbutton .remove-tag-icon:before,
777 #bulk-titles div a:before,
778 .notice-dismiss:before {
783 font: normal 16px/20px dashicons;
788 -webkit-font-smoothing: antialiased;
789 -moz-osx-font-smoothing: grayscale;
792 .welcome-panel .welcome-panel-close:before {
796 #bulk-titles div a:before {
800 .tagchecklist .ntdelbutton .remove-tag-icon:before {
802 -webkit-border-radius: 50%;
805 /* vertically center the icon cross browsers */
809 .tagchecklist .ntdelbutton:focus {
813 .welcome-panel .welcome-panel-close:hover:before,
814 .welcome-panel .welcome-panel-close:focus:before,
815 .tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
816 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
817 #bulk-titles div a:hover:before,
818 #bulk-titles div a:focus:before {
822 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
825 0 0 2px 1px rgba(30, 140, 190, .8);
828 0 0 2px 1px rgba(30, 140, 190, .8);
840 /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
841 white-space: pre-wrap; /* css-3 */
842 word-wrap: break-word; /* IE 5.5 - 7 */
862 border-top: 1px solid #ddd;
863 border-bottom: 1px solid #fafafa;
866 .widget-control-remove,
867 .widget-control-remove:focus,
868 .row-actions span.delete a,
869 .row-actions span.trash a,
870 .row-actions span.spam a,
872 #all-plugins-table .plugins a.delete,
873 #search-plugins-table .plugins a.delete,
874 .submitbox .submitdelete,
875 #media-items a.delete,
876 #media-items a.delete-permanently,
877 #nav-menu-footer .menu-delete {
884 .row-actions .delete a:hover,
885 .row-actions .trash a:hover,
886 .row-actions .spam a:hover,
887 .plugins a.delete:hover,
888 #all-plugins-table .plugins a.delete:hover,
889 #search-plugins-table .plugins a.delete:hover,
890 .submitbox .submitdelete:hover,
891 #media-items a.delete:hover,
892 #media-items a.delete-permanently:hover,
893 #nav-menu-footer .menu-delete:hover {
898 .widget-control-remove:hover {
902 /*------------------------------------------------------------------------------
904 ------------------------------------------------------------------------------*/
906 #major-publishing-actions {
909 border-top: 1px solid #ddd;
924 #publishing-action .spinner {
928 #misc-publishing-actions {
933 padding: 6px 10px 8px;
937 word-wrap: break-word;
940 #minor-publishing-actions {
941 padding: 10px 10px 0 10px;
958 .unapproved .unapprove {
962 .unapproved .approve,
975 display: inline-block;
977 -webkit-box-sizing: border-box;
978 -moz-box-sizing: border-box;
979 box-sizing: border-box;
983 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
984 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
985 border: 1px solid #e5e5e5;
992 text-decoration: none;
996 display: inline-block;
997 vertical-align: middle;
1002 .filter-count .count {
1003 display: inline-block;
1007 -webkit-border-radius: 30px;
1008 border-radius: 30px;
1009 background: #72777c;
1015 /* not a part of filter bar, but derived from it, so here for now */
1028 display: inline-block;
1033 display: inline-block;
1037 .filter-links li > a {
1038 display: inline-block;
1041 border-bottom: 4px solid #fff;
1046 .filter-links .current {
1047 -webkit-box-shadow: none;
1049 border-bottom: 4px solid #666;
1053 .filter-links li > a:hover,
1054 .filter-links li > a:focus,
1055 .show-filters .filter-links a.current:hover,
1056 .show-filters .filter-links a.current:focus {
1060 .wp-filter .search-form {
1065 .wp-filter .search-form input[type="search"] {
1075 .wp-filter .search-form select {
1078 vertical-align: top;
1081 .wp-filter .search-form.search-plugins {
1082 display: inline-block;
1085 .wp-filter .button.drawer-toggle {
1087 padding: 0 6px 0 10px;
1088 border-color: transparent;
1089 background-color: transparent;
1091 vertical-align: baseline;
1092 -webkit-box-shadow: none;
1096 .wp-filter .drawer-toggle:before {
1100 font: normal 16px/1 dashicons;
1101 vertical-align: text-bottom;
1102 -webkit-font-smoothing: antialiased;
1103 -moz-osx-font-smoothing: grayscale;
1106 .wp-filter .button.drawer-toggle:hover,
1107 .wp-filter .drawer-toggle:hover:before,
1108 .wp-filter .button.drawer-toggle:focus,
1109 .wp-filter .drawer-toggle:focus:before {
1110 background-color: transparent;
1114 .wp-filter .button.drawer-toggle:hover,
1115 .wp-filter .button.drawer-toggle:focus:active {
1116 border-color: transparent;
1119 .wp-filter .button.drawer-toggle:focus {
1120 border-color: #5b9dd9;
1123 .wp-filter .button.drawer-toggle:active {
1124 background: transparent;
1125 -webkit-box-shadow: none;
1127 -webkit-transform: none;
1128 -ms-transform: none;
1132 .wp-filter .drawer-toggle.current:before {
1136 .wp-filter .favorites-form {
1140 border-top: 1px solid #eee;
1141 background: #fafafa;
1146 .show-favorites-form .favorites-form {
1154 border-top: 1px solid #eee;
1155 background: #fafafa;
1158 .show-filters .filter-drawer {
1164 .show-filters .filter-links a.current {
1165 border-bottom: none;
1168 .show-filters .wp-filter .button.drawer-toggle {
1169 -webkit-border-radius: 2px;
1171 background: #72777c;
1175 .show-filters .wp-filter .drawer-toggle:hover,
1176 .show-filters .wp-filter .drawer-toggle:focus {
1177 background: rgb(46, 162, 204);
1180 .show-filters .wp-filter .drawer-toggle:before {
1185 -webkit-box-sizing: border-box;
1186 -moz-box-sizing: border-box;
1187 box-sizing: border-box;
1191 padding: 20px 10px 10px;
1194 border: 1px solid #e5e5e5;
1195 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1196 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1199 .filter-group legend {
1209 .filter-drawer .filter-group-feature {
1211 list-style-type: none;
1215 .filter-drawer .filter-group-feature input,
1216 .filter-drawer .filter-group-feature label {
1217 display: inline-block;
1218 margin: 7px 0 7px 4px;
1222 .filter-drawer .buttons {
1224 margin-bottom: 20px;
1227 .filter-drawer .filter-group + .buttons {
1232 .filter-drawer .buttons .button span {
1233 display: inline-block;
1239 .wp-filter .button.clear-filters {
1244 .wp-filter .button-link.edit-filters {
1246 text-decoration: underline;
1251 .wp-filter .button-link.edit-filters:hover {
1255 .wp-filter .button-link.edit-filters:focus {
1264 .filtered-by > span {
1272 .filtered-by .tags {
1279 border: 1px solid #e5e5e5;
1280 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1281 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1286 .filters-applied .filter-group,
1287 .filters-applied .filter-drawer .buttons,
1288 .filters-applied .filter-drawer br {
1289 display: none !important;
1292 .filters-applied .filtered-by {
1296 .filters-applied .filter-drawer {
1300 .show-filters .favorites-form,
1301 .show-filters .content-filterable,
1302 .show-filters.filters-applied.loading-content .content-filterable,
1303 .loading-content .content-filterable,
1304 .error .content-filterable {
1308 .show-filters.filters-applied .content-filterable {
1312 .loading-content .spinner {
1314 margin: 40px auto 0;
1318 @media only screen and (max-width: 1120px) {
1320 border-bottom: 1px solid #eee;
1334 @media only screen and (max-width: 1000px) {
1339 .wp-filter .media-toolbar-primary,
1340 .wp-filter .media-toolbar-secondary,
1341 .wp-filter .search-form {
1342 float: none; /* Remove float from media-views.css */
1348 @media only screen and (max-width: 782px) {
1355 @media only screen and (max-width: 320px) {
1360 .wp-filter .drawer-toggle {
1365 .wp-filter .search-form input[type="search"] {
1370 /*------------------------------------------------------------------------------
1372 ------------------------------------------------------------------------------*/
1378 border-right: 4px solid #fff;
1379 -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
1380 box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
1381 margin: 5px 15px 2px;
1385 div[class="update-message"] { /* back-compat for pre-4.6 */
1386 padding: 0.5em 0 0.5em 12px;
1393 .form-table td .notice p {
1399 text-decoration: underline;
1403 padding-bottom: 2px;
1407 -webkit-box-shadow: none;
1416 display: inline-block;
1421 .wp-core-ui .notice.is-dismissible {
1438 .notice-dismiss:hover:before,
1439 .notice-dismiss:active:before,
1440 .notice-dismiss:focus:before {
1444 .notice-dismiss:focus {
1446 -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
1447 box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
1450 .ie8 .notice-dismiss:focus {
1451 outline: 1px solid #5b9dd9;
1456 border-right-color: #46b450;
1459 .notice-success.notice-alt {
1460 background-color: #ecf7ed;
1464 border-right-color: #ffb900;
1467 .notice-warning.notice-alt {
1468 background-color: #fff8e5;
1473 border-right-color: #dc3232;
1476 .notice-error.notice-alt {
1477 background-color: #fbeaea;
1481 border-right-color: #00a0d2;
1484 .notice-info.notice-alt {
1485 background-color: #e5f5fa;
1488 .update-message p:before,
1489 .updating-message p:before,
1490 .updated-message p:before,
1491 .import-php .updating-message:before,
1492 .button.updating-message:before,
1493 .button.updated-message:before,
1494 .button.installed:before,
1495 .button.installing:before {
1496 display: inline-block;
1497 font: normal 20px/1 'dashicons';
1498 -webkit-font-smoothing: antialiased;
1499 -moz-osx-font-smoothing: grayscale;
1500 vertical-align: top;
1506 .media-upload-form .notice,
1507 .media-upload-form div.error {
1512 .update-message p:before,
1513 .updating-message p:before,
1514 .import-php .updating-message:before,
1515 .button.updating-message:before,
1516 .button.installing:before {
1521 /* Spins the update icon. */
1522 .updating-message p:before,
1523 .import-php .updating-message:before,
1524 .button.updating-message:before,
1525 .button.installing:before {
1526 -webkit-animation: rotation 2s infinite linear;
1527 animation: rotation 2s infinite linear;
1530 /* Updated icon (check mark). */
1531 .updated-message p:before,
1532 .installed p:before,
1533 .button.updated-message:before {
1539 .update-message.notice-error p:before {
1544 .wrap .notice p:before,
1545 .import-php .updating-message:before {
1547 vertical-align: bottom;
1552 display: inline-block;
1557 margin: 25px 2px 0 20px;
1558 background-color: #fff;
1559 border-right: 4px solid #ffba00;
1560 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
1561 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
1564 ul#dismissed-updates {
1572 form.upgrade .hint {
1575 margin: -0.5em 0 2em 0;
1578 .update-php .spinner {
1587 .list-ajax-loading { /* deprecated */
1591 #ajax-response.alignleft {
1595 .button.updating-message:before,
1596 .button.updated-message:before,
1597 .button.installed:before,
1598 .button.installing:before {
1599 margin: 3px -2px 0 5px;
1602 .button-primary.updating-message:before {
1606 .button-primary.updated-message:before {
1610 .button.updated-message,
1611 .notice .button-link {
1612 -webkit-transition-property: border, background, color;
1613 transition-property: border, background, color;
1614 -webkit-transition-duration: .05s;
1615 transition-duration: .05s;
1616 -webkit-transition-timing-function: ease-in-out;
1617 transition-timing-function: ease-in-out;
1620 .notice .button-link {
1624 .notice .button-link:hover,
1625 .notice .button-link:active {
1630 .wrap .notice p:before,
1631 .button.installing:before,
1632 .button.installed:before,
1633 .update-message p:before {
1639 /* @todo: this does not need its own section anymore */
1640 /*------------------------------------------------------------------------------
1642 ------------------------------------------------------------------------------*/
1646 text-decoration: none;
1649 /*------------------------------------------------------------------------------
1650 6.1 - Screen Options Tabs
1651 ------------------------------------------------------------------------------*/
1653 #screen-options-wrap,
1654 #contextual-help-wrap {
1656 padding: 8px 20px 12px;
1660 #contextual-help-wrap {
1662 margin-right: 0 !important;
1665 #screen-meta .screen-reader-text {
1669 #screen-meta-links {
1673 /* screen options and help tabs revert */
1676 margin: 0 0px -1px 20px;
1678 background-color: #fff;
1679 border: 1px solid #ddd;
1681 -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025);
1682 box-shadow: 0 1px 0 rgba(0,0,0,.025);
1685 #screen-options-link-wrap,
1686 #contextual-help-link-wrap {
1690 border: 1px solid #ddd;
1693 -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
1694 box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
1697 #screen-meta-links .screen-meta-toggle {
1702 #screen-meta-links .show-settings {
1705 -webkit-border-radius: 0;
1709 padding: 3px 16px 3px 6px;
1712 #screen-meta-links .show-settings:hover,
1713 #screen-meta-links .show-settings:active,
1714 #screen-meta-links .show-settings:focus {
1718 #screen-meta-links .show-settings:active {
1719 -webkit-box-shadow: none;
1721 -webkit-transform: none;
1722 -ms-transform: none;
1726 #screen-meta-links .show-settings:after {
1729 font: normal 20px/1 dashicons;
1731 display: inline-block;
1735 vertical-align: bottom;
1736 -webkit-font-smoothing: antialiased;
1737 -moz-osx-font-smoothing: grayscale;
1738 text-decoration: none !important;
1742 #screen-meta-links .screen-meta-active:after {
1746 /* end screen options and help tabs */
1749 background-repeat: no-repeat;
1750 background-position: top left;
1751 background-color: transparent;
1757 .toggle-arrow-active {
1758 background-position: bottom left;
1761 #screen-options-wrap h5, /* Back-compat for old plugins */
1762 #screen-options-wrap legend,
1763 #contextual-help-wrap h5 {
1770 .ie8 #screen-options-wrap legend {
1774 .metabox-prefs label {
1775 display: inline-block;
1780 #number-of-columns {
1781 display: inline-block;
1782 vertical-align: middle;
1786 .metabox-prefs input[type=checkbox] {
1791 .metabox-prefs label input,
1792 .metabox-prefs label input[type=checkbox] {
1793 margin: -4px 0 0 5px;
1796 .metabox-prefs .columns-prefs label input {
1797 margin: -1px 0 0 2px;
1800 .metabox-prefs label a {
1804 .metabox-prefs .screen-options input,
1805 .metabox-prefs .screen-options label {
1808 vertical-align: middle;
1811 .metabox-prefs .screen-options .screen-per-page {
1815 .metabox-prefs .screen-options label {
1820 .screen-options + .screen-options {
1824 .metabox-prefs .submit {
1829 /*------------------------------------------------------------------------------
1831 ------------------------------------------------------------------------------*/
1833 #contextual-help-wrap {
1837 #contextual-help-columns {
1841 #contextual-help-back {
1847 border: 1px solid #e1e1e1;
1849 border-bottom: none;
1850 background: #f6fbfd;
1853 #contextual-help-wrap.no-sidebar #contextual-help-back {
1855 border-left-width: 0;
1856 -webkit-border-bottom-left-radius: 2px;
1857 border-bottom-left-radius: 2px;
1860 .contextual-help-tabs {
1866 .contextual-help-tabs ul {
1870 .contextual-help-tabs li {
1872 list-style-type: none;
1873 border-style: solid;
1874 border-width: 0 2px 0 0;
1875 border-color: transparent;
1878 .contextual-help-tabs a {
1880 padding: 5px 12px 5px 5px;
1882 text-decoration: none;
1883 border: 1px solid transparent;
1888 .contextual-help-tabs a:hover {
1892 .contextual-help-tabs .active {
1895 border-right: 2px solid #00a0d2;
1896 background: #f6fbfd;
1897 -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
1898 box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
1901 .contextual-help-tabs .active a {
1902 border-color: #e1e1e1;
1906 .contextual-help-tabs-wrap {
1913 margin: 0 0 12px 22px;
1917 .help-tab-content.active {
1921 .help-tab-content ul li {
1922 list-style-type: disc;
1926 .contextual-help-sidebar {
1929 padding: 0 12px 0 8px;
1933 /*------------------------------------------------------------------------------
1935 ------------------------------------------------------------------------------*/
1939 -webkit-box-sizing: border-box;
1940 -moz-box-sizing: border-box;
1941 box-sizing: border-box;
1955 .widefat thead tr th,
1956 .widefat thead tr td,
1957 .widefat tfoot tr th,
1958 .widefat tfoot tr td {
1963 margin: 2px 0 0.8em;
1972 .widefat .column-comment p {
1976 .widefat .column-comment ul {
1977 list-style: initial;
1981 /* Screens with postboxes */
1982 .postbox-container {
1986 .postbox-container .meta-box-sortables {
1987 -webkit-box-sizing: border-box;
1988 -moz-box-sizing: border-box;
1989 box-sizing: border-box;
1992 #wpbody-content .metabox-holder {
1996 .metabox-holder .postbox-container .empty-container {
1997 border: 3px dashed #b4b9be;
2002 .metabox-holder .postbox-container .empty-container:after {
2003 content: attr(data-emptystring);
2018 .metabox-holder.columns-1 .postbox-container .empty-container,
2019 .columns-2 #postbox-container-3 .empty-container,
2020 .columns-2 #postbox-container-4 .empty-container,
2021 .columns-3 #postbox-container-4 .empty-container {
2027 #post-body-content {
2033 #post-body.columns-2 #postbox-container-1 {
2035 margin-left: -300px;
2039 #post-body.columns-2 #side-sortables {
2043 /* one column on the dash */
2044 @media only screen and (max-width: 799px) {
2045 #wpbody-content .metabox-holder .postbox-container .empty-container {
2052 .js .widget .widget-top,
2053 .js .postbox .hndle {
2062 .postbox .handlediv {
2070 .js .postbox .handlediv {
2074 .sortable-placeholder {
2075 border: 1px dashed #b4b9be;
2076 margin-bottom: 20px;
2081 margin-bottom: 20px;
2086 /* user-select is not a part of the CSS standard - may change behavior in the future */
2089 -webkit-user-select: none;
2090 -moz-user-select: none;
2091 -ms-user-select: none;
2097 padding: 0 12px 12px;
2107 .postbox .inside > p:last-child,
2108 .rss-widget ul li:last-child {
2109 margin-bottom: 1px !important;
2112 .postbox.closed h3 {
2114 -webkit-box-shadow: none;
2118 .postbox table.form-table {
2122 .postbox table.widefat {
2123 -webkit-box-shadow: none;
2128 border: 1px dotted #ccc;
2131 .columns-prefs label {
2132 padding: 0 0 0 10px;
2135 /* @todo: what is this doing here */
2136 #dashboard_right_now .versions .b,
2137 #post-status-display,
2138 #post-visibility-display,
2139 #adminmenu .wp-submenu li.current,
2140 #adminmenu .wp-submenu li.current a,
2141 #adminmenu .wp-submenu li.current a:hover,
2142 .media-item .percent,
2144 #pass-strength-result.strong,
2145 #pass-strength-result.short,
2146 #ed_reply_toolbar #ed_reply_strong,
2147 .item-controls .item-order a,
2148 .feature-filter .feature-name {
2152 /*------------------------------------------------------------------------------
2154 ------------------------------------------------------------------------------*/
2175 /*------------------------------------------------------------------------------
2176 25.0 - Tabbed Admin Screen Interface (Experimental)
2177 ------------------------------------------------------------------------------*/
2181 border: 1px solid #ccc;
2182 border-bottom: none;
2183 margin-right: 0.5em; /* half the font size so set the font size properly */
2188 background: #e5e5e5;
2190 text-decoration: none;
2191 white-space: nowrap;
2194 h3 .nav-tab, /* Back-compat for pre-4.4 */
2195 .nav-tab-small .nav-tab {
2203 background-color: #fff;
2208 .nav-tab:focus:active {
2209 -webkit-box-shadow: none;
2214 margin-bottom: -1px;
2219 .nav-tab-active:hover,
2220 .nav-tab-active:focus,
2221 .nav-tab-active:focus:active {
2222 border-bottom: 1px solid #f1f1f1;
2223 background: #f1f1f1;
2227 h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
2228 .wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
2230 border-bottom: 1px solid #ccc;
2234 line-height: inherit;
2237 /* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */
2238 .nav-tab-wrapper:not(.wp-clearfix):after {
2244 .ie8 .nav-tab-wrapper {
2245 /* contain floats establishing a new block formatting context */
2246 display: inline-block;
2248 vertical-align: top;
2251 /*------------------------------------------------------------------------------
2253 ------------------------------------------------------------------------------*/
2256 background: url(../images/spinner.gif) no-repeat;
2257 -webkit-background-size: 20px 20px;
2258 background-size: 20px 20px;
2259 display: inline-block;
2262 vertical-align: middle;
2264 filter: alpha(opacity=70);
2271 .loading-content .spinner {
2272 visibility: visible;
2279 .metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
2280 .metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
2281 .metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
2282 .metabox-holder h2.hndle {
2289 /* Back-compat for nav-menus screen */
2290 .nav-menus-php .metabox-holder h3 {
2291 padding: 10px 14px 11px 10px;
2295 #templateside ul li a {
2296 text-decoration: none;
2299 .plugin-install #description,
2300 .plugin-install-network #description {
2305 table .column-visible,
2306 table .column-rating {
2316 /* Scrollbar fix for bulk upgrade iframe */
2321 /* Upgrader styles, Specific to Language Packs */
2325 .lp-show-latest p:last-child,
2326 .lp-show-latest .lp-error p {
2330 /* - Only used once or twice in all of WP - deprecate for global style
2331 ------------------------------------------------------------------------------*/
2333 width: 62px; /* icon + border */
2338 border: 1px solid #e5e5e5;
2339 border: 1px solid rgba(0, 0, 0, 0.07);
2358 .importers .import-system {
2362 .importers td.desc {
2376 margin-bottom: .2em;
2380 line-height: 20px; /* Same as with .updating-message */
2385 .not-installed-main-site .importer-action {
2389 #post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */
2390 #post-body #post-body-content #namediv h2 {
2394 .edit-comment-author {
2399 margin: 2px 9px 0 0;
2402 #namediv h3 label, /* Back-compat for pre-4.4 */
2404 vertical-align: baseline;
2413 white-space: nowrap;
2425 margin-bottom: 0 !important;
2428 /* - Used - but could/should be deprecated with a CSS reset
2429 ------------------------------------------------------------------------------*/
2463 .post-categories li {
2467 /* Star Ratings - Back-compat for pre-3.8 */
2472 background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
2475 div.star-holder .star-rating {
2476 background: url(../images/stars.png?ver=20121108) repeat-x top left;
2483 white-space: nowrap;
2485 .star-rating .star {
2486 display: inline-block;
2489 -webkit-font-smoothing: antialiased;
2492 font-family: dashicons;
2493 text-decoration: inherit;
2496 vertical-align: top;
2497 -webkit-transition: color .1s ease-in 0;
2498 transition: color .1s ease-in 0;
2503 .star-rating .star-full:before {
2507 .star-rating .star-half:before {
2511 .rtl .star-rating .star-half {
2512 -webkit-transform: rotateY(180deg);
2513 -ms-transform: rotateY(180deg);
2514 transform: rotateY(180deg);
2517 .star-rating .star-empty:before {
2526 /* Plugin install thickbox */
2527 #plugin-information {
2538 #plugin-information-scrollable {
2540 -webkit-overflow-scrolling: touch;
2544 #plugin-information-title {
2546 background: #f5f5f5;
2556 text-overflow: ellipsis;
2557 white-space: nowrap;
2560 #plugin-information-title.with-banner {
2564 -webkit-background-size: cover;
2565 background-size: cover;
2568 #plugin-information-title h2 {
2575 text-overflow: ellipsis;
2576 white-space: nowrap;
2579 #plugin-information-title.with-banner h2 {
2580 font-family: "Helvetica Neue", sans-serif;
2581 display: inline-block;
2585 margin: 174px 10px 0 0;
2587 background: rgba( 30, 30, 30, 0.9 );
2588 text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.4 );
2589 -webkit-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
2590 box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
2591 -webkit-border-radius: 8px;
2595 #plugin-information-title div.vignette {
2599 #plugin-information-title.with-banner div.vignette {
2606 background: transparent;
2607 -webkit-box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
2608 box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
2611 #plugin-information-tabs {
2619 border-bottom: 1px solid #ddd;
2620 background: #f3f3f3;
2623 #plugin-information-tabs a {
2625 display: inline-block;
2631 text-decoration: none;
2632 -webkit-transition: none;
2636 #plugin-information-tabs a.current {
2637 margin: 0 -1px -1px;
2639 border: 1px solid #ddd;
2640 border-bottom-color: #fff;
2645 #plugin-information-tabs.with-banner a.current {
2650 #plugin-information-tabs a:active,
2651 #plugin-information-tabs a:focus {
2655 #plugin-information-content {
2656 overflow: hidden; /* equal height column trick */
2663 /* Height of title + tabs + install now */
2664 min-height: -webkit-calc( 100% - 152px );
2665 min-height: calc( 100% - 152px );
2668 #plugin-information-content.with-banner {
2669 /* Height of banner + tabs + install now */
2670 min-height: -webkit-calc( 100% - 346px );
2671 min-height: calc( 100% - 346px );
2680 margin-left: 250px; /* FYI box */
2682 margin-bottom: -99939px; /* 60px less than the padding below to accommodate footer */
2683 padding-bottom: 99999px; /* equal height column trick */
2686 #section-holder .updated {
2690 #plugin-information .fyi {
2696 margin-bottom: -99939px; /* 60px less than the padding below to accommodate footer */
2697 padding-bottom: 99999px; /* equal height column trick */
2699 border-right: 1px solid #ddd;
2700 background: #f3f3f3;
2704 #plugin-information .fyi strong {
2708 #plugin-information .fyi h3 {
2710 text-transform: uppercase;
2716 #plugin-information .fyi h2 {
2722 #plugin-information .fyi ul {
2728 #plugin-information .fyi li {
2732 #plugin-information .fyi-description {
2736 #plugin-information .counter-container {
2740 #plugin-information .counter-label {
2746 #plugin-information .counter-back {
2749 background-color: #e5e5e5;
2753 #plugin-information .counter-bar {
2755 background-color: #ffc733; /* slightly lighter than stars due to larger expanse */
2759 #plugin-information .counter-count {
2763 #plugin-information .fyi ul.contributors {
2767 #plugin-information .fyi ul.contributors li {
2768 display: inline-block;
2770 vertical-align: middle;
2773 #plugin-information .fyi ul.contributors li {
2774 display: inline-block;
2776 vertical-align: middle;
2779 #plugin-information .fyi ul.contributors li img {
2780 vertical-align: middle;
2784 #plugin-information-footer {
2790 height: 33px; /* 33+13+13+1=60 */
2791 border-top: 1px solid #ddd;
2792 background: #f3f3f3;
2796 #plugin-information .section {
2801 #plugin-information .section ul,
2802 #plugin-information .section ol {
2803 list-style-type: disc;
2807 #plugin-information .section,
2808 #plugin-information .section p {
2813 #plugin-information #section-screenshots ol {
2818 #plugin-information #section-screenshots li img {
2819 vertical-align: text-top;
2824 -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
2825 box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
2829 #plugin-information #section-screenshots li p {
2834 #plugin-information pre {
2837 border: 1px solid #ccc;
2841 #plugin-information .review {
2842 overflow: hidden; /* clearfix */
2844 margin-bottom: 20px;
2845 border-bottom: 1px solid #e5e5e5;
2848 #plugin-information .review-title-section {
2849 overflow: hidden; /* clearfix */
2853 #plugin-information .review-title-section h4 {
2854 display: inline-block;
2859 #plugin-information .reviewer-info p {
2866 #plugin-information .reviewer-info .avatar {
2868 margin: 4px 6px 0 0;
2872 #plugin-information .reviewer-info .star-rating {
2877 #plugin-information .review-meta {
2879 margin-left: 0.75em;
2883 #plugin-information .review-body {
2888 .plugin-version-author-uri {
2892 /* For non-js plugin installation screen ticket #36430. */
2893 .update-php .button.button-primary {
2897 @media screen and ( max-width: 771px ) {
2898 #plugin-information-title.with-banner {
2903 #plugin-information-title.with-banner h2 {
2910 #plugin-information-title.with-banner div.vignette {
2916 #plugin-information-tabs {
2917 overflow: hidden; /* clearfix */
2919 height: auto; /* let tabs wrap */
2922 #plugin-information-tabs a.current {
2924 border-bottom: none;
2927 #plugin-information .fyi {
2929 border: 1px solid #ddd;
2932 margin: 26px 26px 0;
2933 padding-bottom: 0; /* reset from the two column height fix */
2939 padding-bottom: 70px; /* reset from the two column height fix, plus accommodate footer */
2942 #plugin-information .fyi h3,
2943 #plugin-information .fyi small {
2947 #plugin-information-footer {
2948 padding: 12px 16px 0;
2953 /* Thickbox for Plugin Install screen */
2954 body.about-php #TB_window,
2955 body.plugin-install-php #TB_window,
2956 body.import-php #TB_window,
2957 body.plugins-php #TB_window,
2958 body.update-core-php #TB_window,
2959 body.index-php #TB_window {
2960 background: #fcfcfc;
2963 /* IE 8 needs a change in the pseudo element content */
2964 .ie8 body.about-php #TB_window:before,
2965 .ie8 body.plugin-install-php #TB_window:before,
2966 .ie8 body.import-php #TB_window:before,
2967 .ie8 body.plugins-php #TB_window:before,
2968 .ie8 body.update-core-php #TB_window:before,
2969 .ie8 body.index-php #TB_window:before {
2974 body.about-php #TB_window.thickbox-loading:before,
2975 body.plugin-install-php #TB_window.thickbox-loading:before,
2976 body.import-php #TB_window.thickbox-loading:before,
2977 body.plugins-php #TB_window.thickbox-loading:before,
2978 body.update-core-php #TB_window.thickbox-loading:before,
2979 body.index-php #TB_window.thickbox-loading:before {
2988 margin: -10px -10px 0 0;
2989 background: #fcfcfc url(../images/spinner.gif) no-repeat center;
2990 -webkit-background-size: 20px 20px;
2991 background-size: 20px 20px;
2992 -webkit-transform: translateZ(0);
2993 transform: translateZ(0);
2997 (-webkit-min-device-pixel-ratio: 1.25),
2998 (min-resolution: 120dpi) {
3000 body.about-php #TB_window.thickbox-loading:before,
3001 body.plugin-install-php #TB_window.thickbox-loading:before,
3002 body.import-php #TB_window.thickbox-loading:before,
3003 body.plugins-php #TB_window.thickbox-loading:before,
3004 body.update-core-php #TB_window.thickbox-loading:before,
3005 body.index-php #TB_window.thickbox-loading:before {
3006 background-image: url(../images/spinner-2x.gif);
3010 body.about-php #TB_title,
3011 body.plugin-install-php #TB_title,
3012 body.import-php #TB_title,
3013 body.plugins-php #TB_title,
3014 body.update-core-php #TB_title,
3015 body.index-php #TB_title {
3020 body.about-php #TB_ajaxWindowTitle,
3021 body.plugin-install-php #TB_ajaxWindowTitle,
3022 body.import-php #TB_ajaxWindowTitle,
3023 body.plugins-php #TB_ajaxWindowTitle,
3024 body.update-core-php #TB_ajaxWindowTitle,
3025 body.index-php #TB_ajaxWindowTitle {
3029 /* only on these screens */
3030 .about-php #TB_closeWindowButton,
3031 .plugin-install-php #TB_closeWindowButton,
3032 .import-php #TB_closeWindowButton,
3033 .plugins-php #TB_closeWindowButton,
3034 .update-core-php #TB_closeWindowButton,
3035 .index-php #TB_closeWindowButton {
3042 body.about-php #TB_closeWindowButton:hover,
3043 body.about-php #TB_closeWindowButton:focus,
3044 body.plugin-install-php #TB_closeWindowButton:hover,
3045 body.plugin-install-php #TB_closeWindowButton:focus,
3046 body.import-php #TB_closeWindowButton:hover,
3047 body.import-php #TB_closeWindowButton:focus,
3048 body.plugins-php #TB_closeWindowButton:hover,
3049 body.plugins-php #TB_closeWindowButton:focus,
3050 body.update-core-php #TB_closeWindowButton:hover,
3051 body.update-core-php #TB_closeWindowButton:focus,
3052 body.index-php #TB_closeWindowButton:hover,
3053 body.index-php #TB_closeWindowButton:focus {
3056 -webkit-box-shadow: none;
3060 body.about-php .tb-close-icon,
3061 body.plugin-install-php .tb-close-icon,
3062 body.import-php .tb-close-icon,
3063 body.plugins-php .tb-close-icon,
3064 body.update-core-php .tb-close-icon,
3065 body.index-php .tb-close-icon {
3069 body.about-php #TB_closeWindowButton:after,
3070 body.plugin-install-php #TB_closeWindowButton:after,
3071 body.import-php #TB_closeWindowButton:after,
3072 body.plugins-php #TB_closeWindowButton:after,
3073 body.update-core-php #TB_closeWindowButton:after,
3074 body.index-php #TB_closeWindowButton:after {
3076 font: normal 32px/29px 'dashicons';
3078 -webkit-font-smoothing: antialiased;
3079 -moz-osx-font-smoothing: grayscale;
3082 /* move plugin install close icon to top on narrow screens */
3083 @media screen and ( max-width: 830px ) {
3084 body.about-php #TB_closeWindowButton,
3085 body.plugin-install-php #TB_closeWindowButton,
3086 body.import-php #TB_closeWindowButton,
3087 body.plugins-php #TB_closeWindowButton,
3088 body.update-core-php #TB_closeWindowButton,
3089 body.index-php #TB_closeWindowButton {
3095 /* @todo: move this. */
3100 /* Metabox collapse arrow indicators */
3101 .js .sidebar-name .sidebar-name-arrow:before,
3102 .js .meta-box-sortables .postbox .toggle-indicator:before,
3103 .bulk-action-notice .toggle-indicator:before {
3105 display: inline-block;
3106 font: normal 20px/1 dashicons;
3108 -webkit-font-smoothing: antialiased;
3109 -moz-osx-font-smoothing: grayscale;
3110 text-decoration: none !important;
3113 .js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
3114 .js .meta-box-sortables .postbox.closed .handlediv .toggle-indicator:before,
3115 .bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator:before {
3119 .js .sidebar-name .sidebar-name-arrow:before {
3124 .js #widgets-left .sidebar-name .sidebar-name-arrow {
3128 .js #widgets-left .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow,
3129 .js #widgets-left .sidebar-name:hover .sidebar-name-arrow {
3133 .js .postbox .handlediv .toggle-indicator:before {
3136 -webkit-border-radius: 50%;
3138 text-indent: -1px; /* account for the dashicon alignment */
3141 .rtl.js .postbox .handlediv .toggle-indicator:before {
3142 text-indent: 1px; /* account for the dashicon alignment */
3145 .bulk-action-notice .toggle-indicator:before {
3147 vertical-align: top;
3151 .js .postbox .handlediv:focus {
3152 -webkit-box-shadow: none;
3157 .js .postbox .handlediv:focus .toggle-indicator:before {
3160 0 0 2px 1px rgba(30, 140, 190, .8);
3163 0 0 2px 1px rgba(30, 140, 190, .8);
3166 /* @todo: appears to be Press This only and overridden */
3167 #photo-add-url-div input[type="text"] {
3171 /* Theme/Plugin Editor */
3176 #template textarea {
3177 font-family: Consolas, Monaco, monospace;
3180 background: #f9f9f9;
3197 word-wrap: break-word;
3201 #postcustomstuff p.submit {
3220 .theme-editor-php .highlight {
3222 padding: 3px 12px 3px 3px;
3223 text-decoration: none;
3226 .theme-editor-php .highlight {
3227 margin: -3px -12px -3px 3px;
3230 #templateside .highlight {
3239 padding-right: 12px;
3246 #documentation label {
3248 vertical-align: baseline;
3253 padding: 10px 0 8px;
3257 /* @todo: can we use a common class for these? */
3258 .nav-menus-php .item-edit:before,
3259 .widget-top a.widget-action:after,
3260 .control-section .accordion-section-title:after,
3261 .accordion-section-title:after {
3266 font: normal 20px/1 dashicons;
3273 -webkit-font-smoothing: antialiased;
3274 -moz-osx-font-smoothing: grayscale;
3275 text-decoration: none !important;
3280 .sidebar-name-arrow,
3281 .accordion-section-title:after {
3286 color: #555d66; /* #fafafa background in the Widgets screen */
3289 .widget-top:hover .widget-action,
3290 .widget-action:focus,
3295 .sidebar-name:hover .sidebar-name-arrow,
3296 .accordion-section-title:hover:after {
3300 .widget-top a.widget-action:after {
3301 padding: 1px 0px 1px 2px;
3304 -webkit-border-radius: 50%;
3308 .widget-top a.widget-action:focus:after {
3311 0 0 2px 1px rgba(30,140,190,.8);
3314 0 0 2px 1px rgba(30,140,190,.8);
3317 .control-section .accordion-section-title:after,
3318 .accordion-section-title:after {
3324 .control-section.open .accordion-section-title:after,
3325 #customize-info.open .accordion-section-title:after,
3326 .nav-menus-php .menu-item-edit-active .item-edit:before,
3327 .widget.open .widget-top a.widget-action:after {
3332 * jQuery UI Draggable/Sortable 1.11.4
3333 * http://jqueryui.com
3335 * Copyright jQuery Foundation and other contributors
3336 * Released under the MIT license.
3337 * http://jquery.org/license
3339 .ui-draggable-handle,
3340 .ui-sortable-handle {
3341 -ms-touch-action: none;
3346 .accordion-section {
3347 border-bottom: 1px solid #ddd;
3351 .accordion-section.open .accordion-section-content,
3352 .no-js .accordion-section .accordion-section-content {
3356 .accordion-section.open:hover {
3357 border-bottom-color: #ddd;
3360 .accordion-section-content {
3362 padding: 10px 20px 15px;
3367 .accordion-section-title {
3369 padding: 12px 15px 15px;
3371 border-right: 1px solid #ddd;
3372 border-left: 1px solid #ddd;
3373 -webkit-user-select: none;
3374 -moz-user-select: none;
3375 -ms-user-select: none;
3379 .js .accordion-section-title {
3383 .js .accordion-section-title:after {
3390 .accordion-section-title:focus {
3394 .accordion-section-title:hover:after,
3395 .accordion-section-title:focus:after {
3396 border-color: #a0a5aa transparent;
3399 .cannot-expand .accordion-section-title {
3403 .cannot-expand .accordion-section-title:after {
3407 .control-section .accordion-section-title,
3408 .customize-pane-child .accordion-section-title {
3411 padding: 10px 14px 11px 10px;
3416 .control-section .accordion-section-title:after,
3417 .customize-pane-child .accordion-section-title:after {
3421 .js .control-section:hover .accordion-section-title,
3422 .js .control-section .accordion-section-title:hover,
3423 .js .control-section.open .accordion-section-title,
3424 .js .control-section .accordion-section-title:focus {
3426 background: #f5f5f5;
3429 .control-section.open .accordion-section-title {
3431 border-bottom: 1px solid #ddd;
3435 .network-admin .edit-site-actions {
3453 @media only screen and (max-width: 599px) {
3459 @media only screen and (min-width: 600px) {
3460 .my-sites.striped li {
3461 background-color: #fff;
3464 .my-sites.striped li:after {
3475 @media only screen and (min-width: 600px) and (max-width: 699px) {
3480 .my-sites.striped li {
3481 background-color: #fff;
3483 .my-sites.striped li:nth-of-type(2n+1) {
3486 .my-sites.striped li:nth-of-type(2n+2):after {
3489 .my-sites li:nth-of-type(4n+1),
3490 .my-sites li:nth-of-type(4n+2) {
3491 background-color: #f9f9f9;
3496 @media only screen and (min-width: 700px) and (max-width: 1199px) {
3500 background-color: #fff;
3502 .my-sites.striped li:nth-of-type(3n+3):after {
3505 .my-sites li:nth-of-type(6n+1),
3506 .my-sites li:nth-of-type(6n+2),
3507 .my-sites li:nth-of-type(6n+3) {
3508 background-color: #f9f9f9;
3512 @media only screen and (min-width: 1200px) and (max-width: 1399px) {
3517 background-color: #fff;
3519 .my-sites.striped li:nth-of-type(4n+1) {
3522 .my-sites.striped li:nth-of-type(4n+4):after {
3525 .my-sites li:nth-of-type(8n+1),
3526 .my-sites li:nth-of-type(8n+2),
3527 .my-sites li:nth-of-type(8n+3),
3528 .my-sites li:nth-of-type(8n+4) {
3529 background-color: #f9f9f9;
3533 @media only screen and (min-width: 1400px) and (max-width: 1599px) {
3538 background-color: #fff;
3540 .my-sites.striped li:nth-of-type(5n+1) {
3543 .my-sites.striped li:nth-of-type(5n+5):after {
3546 .my-sites li:nth-of-type(10n+1),
3547 .my-sites li:nth-of-type(10n+2),
3548 .my-sites li:nth-of-type(10n+3),
3549 .my-sites li:nth-of-type(10n+4),
3550 .my-sites li:nth-of-type(10n+5) {
3551 background-color: #f9f9f9;
3555 @media only screen and (min-width: 1600px) {
3560 background-color: #fff;
3562 .my-sites.striped li:nth-of-type(6n+1) {
3565 .my-sites.striped li:nth-of-type(6n+6):after {
3568 .my-sites li:nth-of-type(12n+1),
3569 .my-sites li:nth-of-type(12n+2),
3570 .my-sites li:nth-of-type(12n+3),
3571 .my-sites li:nth-of-type(12n+4),
3572 .my-sites li:nth-of-type(12n+5),
3573 .my-sites li:nth-of-type(12n+6) {
3574 background-color: #f9f9f9;
3579 text-decoration: none;
3583 -------------------------------------------------------------- */
3589 (-webkit-min-device-pixel-ratio: 1.25),
3590 (min-resolution: 120dpi) {
3591 /* Back-compat for pre-3.8 */
3593 div.star-holder .star-rating {
3594 background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
3595 -webkit-background-size: 21px 37px;
3596 background-size: 21px 37px;
3600 background-image: url(../images/spinner-2x.gif);
3603 /* @todo: evaluate - most of these were likely replaced by dashicons */
3604 .curtime #timestamp,
3605 #screen-meta-links a.show-settings,
3606 .widget-top a.widget-action,
3607 .widget-top a.widget-action:hover,
3608 .sidebar-name-arrow,
3609 .sidebar-name:hover .sidebar-name-arrow,
3610 .meta-box-sortables .postbox:hover .handlediv,
3612 #bulk-titles div a:hover {
3613 background: none !important;
3619 width: device-width;
3622 @media screen and ( max-width: 782px ) {
3633 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
3639 padding-right: 10px;
3643 padding-bottom: 100px;
3658 #col-left .col-wrap,
3659 #col-right .col-wrap {
3663 /* Hidden Elements */
3667 .post-format-select {
3668 display: none !important;
3671 .wrap h1.wp-heading-inline {
3672 margin-bottom: 0.5em;
3675 .wrap .add-new-h2, /* deprecated */
3676 .wrap .add-new-h2:active, /* deprecated */
3677 .wrap .page-title-action,
3678 .wrap .page-title-action:active {
3681 white-space: nowrap;
3686 padding-right: 45px;
3689 .wp-color-result:after {
3695 /* Feedback Messages */
3699 .media-upload-form div.error {
3700 margin: 20px 0 10px 0;
3706 .wp-core-ui .notice.is-dismissible {
3714 .wrap .icon32 + h2 {
3718 .wp-responsive-open #wpbody {
3723 word-wrap: break-word;
3726 /* General Metabox */
3731 .metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
3732 .metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
3733 .metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
3734 .metabox-holder h2 {
3738 .postbox .handlediv {
3746 margin-bottom: 15px;
3749 /* Theme/Plugin File Editor */
3759 #templateside li a {
3764 #templateside .highlight {
3776 #template textarea {
3780 .fileedit-sub .alignright {
3788 #comments-form .checkforspam {
3792 .edit-comment-author {
3796 .filter-drawer .filter-group-feature input,
3797 .filter-drawer .filter-group-feature label {
3801 .wp-filter .button.drawer-toggle {
3809 @media screen and (max-width: 600px) {
3810 /* Disable horizontal scroll when responsive menu is open
3811 since we push the main content off to the right. */
3812 #wpwrap.wp-responsive-open {
3824 /* Keep full-width boxes on Edit Post page from causing horizontal scroll */
3825 div#post-body.metabox-holder.columns-1 {
3830 .wrap h2.nav-tab-wrapper,
3838 margin: 10px 0 0 10px;
3839 border-bottom: 1px solid #ccc;
3843 @media screen and (max-width: 320px) {
3844 /* Prevent default center alignment and larger font for the Right Now widget when
3845 the network dashboard is viewed on a small mobile device. */
3846 #network_dashboard_right_now .subsubsub {