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 {
63 margin-right: -2000px;
66 .has-right-sidebar #post-body-content {
72 /* 2 columns main area */
117 /* modern clearfix */
124 /* Hide visually but not from screen readers */
126 .screen-reader-text span,
127 .ui-helper-hidden-accessible {
136 word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
139 .screen-reader-shortcut {
144 .screen-reader-shortcut:focus {
152 padding: 15px 23px 14px;
157 -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
158 box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
159 text-decoration: none;
166 .no-js .hide-if-no-js,
167 .js.wp-core-ui .hide-if-js,
168 .js .wp-core-ui .hide-if-js,
169 .no-js.wp-core-ui .hide-if-no-js,
170 .no-js .wp-core-ui .hide-if-no-js {
174 /* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
178 #menu-settings-column .accordion-container,
179 #menu-management .menu-edit,
184 .widgets-holder-wrap,
185 .wp-editor-container,
190 border: 1px solid #e5e5e5;
191 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
192 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
196 .wp-editor-container,
199 .widgets-holder-wrap,
221 font-family: "Open Sans", sans-serif;
236 body.mobile.modal-open #wpwrap {
248 font-family: inherit;
250 font-weight: inherit;
251 line-height: inherit;
256 -webkit-transition-property: border, background, color;
257 transition-property: border, background, color;
258 -webkit-transition-duration: .05s;
259 transition-duration: .05s;
260 -webkit-transition-timing-function: ease-in-out;
261 transition-timing-function: ease-in-out;
275 a:focus .media-icon img,
276 .wp-person a:focus .gravatar {
280 0 0 2px 1px rgba(30, 140, 190, .8);
283 0 0 2px 1px rgba(30, 140, 190, .8);
287 outline: #5b9dd9 solid 1px;
291 .screen-reader-text:focus {
292 -webkit-box-shadow: none;
348 .update-core-php h2 {
379 list-style-type: decimal;
384 list-style: disc outside;
388 list-style: square outside;
392 list-style: decimal outside;
415 font-family: Consolas, Monaco, monospace;
422 padding: 3px 5px 2px 5px;
425 background: rgba(0,0,0,0.07);
441 text-decoration: none;
445 .subsubsub a.current .count {
446 color: #555d66; /* #f1f1f1 background */
450 .subsubsub a.current {
456 display: inline-block;
462 /* .widefat - main style for tables */
471 word-wrap: break-word;
475 text-decoration: none;
485 border-bottom: 1px solid #e1e1e1;
490 border-top: 1px solid #e1e1e1;
494 .widefat .no-items td {
495 border-bottom-width: 0;
519 .updates-table td input,
520 .widefat thead td input,
521 .widefat tfoot td input {
524 vertical-align: text-top;
527 .widefat .check-column {
533 .widefat tbody th.check-column {
537 .widefat thead td.check-column,
538 .widefat tbody th.check-column,
539 .updates-table tbody td.check-column,
540 .widefat tfoot td.check-column {
541 padding: 11px 0 0 3px;
544 .widefat thead td.check-column,
545 .widefat tfoot td.check-column {
547 vertical-align: middle;
550 .update-php div.updated,
551 .update-php div.error {
555 .no-js .widefat thead .check-column input,
556 .no-js .widefat tfoot .check-column input {
567 .widefat th#comments {
568 vertical-align: middle;
572 margin: 10px 20px 0 2px;
575 .wrap > h2:first-child, /* Back-compat for pre-4.4 */
576 .wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
577 .postbox .inside h2, /* Back-compat for pre-4.4 */
582 padding: 9px 15px 4px 0;
594 .wrap .add-new-h2, /* deprecated */
595 .wrap .add-new-h2:active, /* deprecated */
596 .wrap .page-title-action,
597 .wrap .page-title-action:active {
602 text-decoration: none;
604 border: 1px solid #ccc;
605 -webkit-border-radius: 2px;
613 .wrap .add-new-h2:hover, /* deprecated */
614 .wrap .page-title-action:hover {
615 border-color: #008EC2;
620 .wrap .page-title-action:focus {
621 border-color: #5b9dd9;
622 -webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
623 box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
626 .wrap h1.long-header {
631 background-color: #fff;
635 #widgets-left .widget-in-question .widget-top,
636 #available-widgets .widget-top:hover,
637 div#widgets-right .widget-top:hover,
638 #widgets-left .widget-top:hover {
640 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
641 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
645 background-color: #ccf3fa;
649 .subsubsub a.current {
653 .striped > tbody > :nth-child(odd),
654 ul.striped > :nth-child(odd),
656 background-color: #f9f9f9;
660 background-color: #e8e8e8;
661 border-right-color: #99d;
664 /* Helper classes for plugins to leverage the active WordPress color scheme */
667 background-color: #e4f2fd;
673 background-color: #32373c;
675 .wp-ui-text-primary {
681 background-color: #1e8cbe;
683 .wp-ui-text-highlight {
687 .wp-ui-notification {
689 background-color: #d54e21;
691 .wp-ui-text-notification {
696 color: #82878c; /* same as new icons */
699 /* For emoji replacement images */
701 display: inline !important;
702 border: none !important;
703 height: 1em !important;
704 width: 1em !important;
705 margin: 0 .07em !important;
706 vertical-align: -0.1em !important;
707 background: none !important;
708 padding: 0 !important;
709 -webkit-box-shadow: none !important;
710 box-shadow: none !important;
713 /*------------------------------------------------------------------------------
715 ------------------------------------------------------------------------------*/
720 .control-section .accordion-section-title,
727 #your-profile #rich_editing,
743 border-bottom: 1px solid #eee;
748 background-color: #ccc;
757 /* @todo can we combine these into a class or use an existing dashicon one? */
758 .welcome-panel .welcome-panel-close:before,
759 .tagchecklist span a:before,
760 #bulk-titles div a:before,
761 .notice-dismiss:before {
766 font: normal 16px/20px dashicons;
771 -webkit-font-smoothing: antialiased;
772 -moz-osx-font-smoothing: grayscale;
775 .welcome-panel .welcome-panel-close:before {
779 .tagchecklist span a:before,
780 #bulk-titles div a:before {
784 .welcome-panel .welcome-panel-close:hover:before,
785 .welcome-panel .welcome-panel-close:focus:before,
786 .tagchecklist span a:hover:before,
787 #bulk-titles div a:hover:before {
800 /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
801 white-space: pre-wrap; /* css-3 */
802 word-wrap: break-word; /* IE 5.5 - 7 */
822 border-top: 1px solid #ddd;
823 border-bottom: 1px solid #fafafa;
826 .row-actions span.delete a,
827 .row-actions span.trash a,
828 .row-actions span.spam a,
830 #all-plugins-table .plugins a.delete,
831 #search-plugins-table .plugins a.delete,
832 .submitbox .submitdelete,
833 #media-items a.delete,
834 #media-items a.delete-permanently,
835 #nav-menu-footer .menu-delete {
842 .widget-control-remove:hover,
843 .row-actions .delete a:hover,
844 .row-actions .trash a:hover,
845 .row-actions .spam a:hover,
846 .plugins a.delete:hover,
847 #all-plugins-table .plugins a.delete:hover,
848 #search-plugins-table .plugins a.delete:hover,
849 .submitbox .submitdelete:hover,
850 #media-items a.delete:hover,
851 #media-items a.delete-permanently:hover,
852 #nav-menu-footer .menu-delete:hover {
854 text-decoration: none;
858 /*------------------------------------------------------------------------------
860 ------------------------------------------------------------------------------*/
862 #major-publishing-actions {
865 border-top: 1px solid #ddd;
871 vertical-align: middle;
882 #publishing-action .spinner {
886 #misc-publishing-actions {
891 padding: 6px 10px 8px;
895 word-wrap: break-word;
898 #minor-publishing-actions {
899 padding: 10px 10px 0 10px;
916 .unapproved .unapprove {
920 .unapproved .approve,
933 display: inline-block;
935 -webkit-box-sizing: border-box;
936 -moz-box-sizing: border-box;
937 box-sizing: border-box;
941 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
942 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
943 border: 1px solid #e5e5e5;
950 text-decoration: none;
954 display: inline-block;
955 vertical-align: middle;
960 .filter-count .count {
961 display: inline-block;
965 -webkit-border-radius: 30px;
973 /* not a part of filter bar, but derived from it, so here for now */
986 display: inline-block;
991 display: inline-block;
995 .filter-links li > a {
996 display: inline-block;
999 border-bottom: 4px solid #fff;
1004 .filter-links .current {
1005 -webkit-box-shadow: none;
1007 border-bottom: 4px solid #666;
1011 .filter-links li > a:hover,
1012 .filter-links li > a:focus,
1013 .show-filters .filter-links a.current:hover,
1014 .show-filters .filter-links a.current:focus {
1018 .wp-filter .search-form {
1023 .wp-filter .search-form input[type="search"] {
1033 .wp-filter .search-form select {
1036 vertical-align: top;
1039 .wp-filter .search-form.search-plugins {
1040 display: inline-block;
1043 .wp-filter .drawer-toggle {
1044 display: inline-block;
1051 .wp-filter .drawer-toggle:before {
1052 display: inline-block;
1053 vertical-align: top;
1059 -webkit-transition: color .1s ease-in 0;
1060 transition: color .1s ease-in 0;
1061 font-family: dashicons;
1065 text-decoration: inherit;
1066 font-weight: normal;
1068 -webkit-font-smoothing: antialiased;
1071 .wp-filter .drawer-toggle:hover,
1072 .wp-filter .drawer-toggle:hover:before {
1076 .wp-filter .drawer-toggle.current:before {
1080 .wp-filter .favorites-form {
1084 border-top: 1px solid #eee;
1085 background: #fafafa;
1090 .show-favorites-form .wp-filter .favorites-form {
1098 border-top: 1px solid #eee;
1099 background: #fafafa;
1102 .show-filters .filter-drawer {
1108 .show-filters .wp-filter .drawer-toggle:hover,
1109 .show-filters .wp-filter .drawer-toggle:focus {
1110 background: rgb(46, 162, 204);
1113 .show-filters .filter-links a.current {
1114 border-bottom: none;
1117 .show-filters .wp-filter .drawer-toggle {
1118 -webkit-border-radius: 2px;
1121 background: #72777c;
1125 .show-filters .wp-filter .drawer-toggle:before {
1130 -webkit-box-sizing: border-box;
1131 -moz-box-sizing: border-box;
1132 box-sizing: border-box;
1136 padding: 20px 10px 10px;
1139 border: 1px solid #e5e5e5;
1140 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1141 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1144 .filter-group legend {
1154 .filter-drawer .filter-group-feature {
1156 list-style-type: none;
1160 .filter-drawer .filter-group-feature input,
1161 .filter-drawer .filter-group-feature label {
1162 display: inline-block;
1163 margin: 7px 4px 7px 0;
1167 .filter-drawer .buttons {
1168 margin-bottom: 20px;
1171 .filter-drawer .buttons .button span {
1172 display: inline-block;
1178 .wp-filter .button.clear-filters {
1188 .filtered-by > span {
1196 .filtered-by .tags {
1203 border: 1px solid #e5e5e5;
1204 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1205 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1210 .filters-applied .filter-group,
1211 .filters-applied .filter-drawer .buttons,
1212 .filters-applied .filter-drawer br {
1213 display: none !important;
1216 .filters-applied .filtered-by {
1220 .filters-applied .filter-drawer {
1224 .show-filters .content-filterable,
1225 .show-filters.filters-applied.loading-content .content-filterable,
1226 .loading-content .content-filterable,
1227 .error .content-filterable {
1231 .show-filters.filters-applied .content-filterable {
1235 .loading-content .spinner {
1237 margin: 40px auto 0;
1241 @media only screen and (max-width: 1120px) {
1243 border-bottom: 1px solid #eee;
1257 @media only screen and (max-width: 1000px) {
1262 .wp-filter .media-toolbar-primary,
1263 .wp-filter .media-toolbar-secondary,
1264 .wp-filter .search-form {
1265 float: none; /* Remove float from media-views.css */
1271 @media only screen and (max-width: 782px) {
1278 @media only screen and (max-width: 320px) {
1283 .wp-filter .drawer-toggle {
1288 .wp-filter .search-form input[type="search"] {
1293 /*------------------------------------------------------------------------------
1295 ------------------------------------------------------------------------------*/
1301 border-left: 4px solid #fff;
1302 -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
1303 box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
1304 margin: 5px 15px 2px;
1312 .form-table td .notice p {
1318 text-decoration: underline;
1322 padding-bottom: 2px;
1326 -webkit-box-shadow: none;
1335 display: inline-block;
1340 .wp-core-ui .notice.is-dismissible {
1341 padding-right: 38px;
1357 .notice-dismiss:hover:before,
1358 .notice-dismiss:active:before,
1359 .notice-dismiss:focus:before {
1363 .notice-dismiss:focus {
1365 -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
1366 box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
1369 .ie8 .notice-dismiss:focus {
1370 outline: 1px solid #5b9dd9;
1375 border-left-color: #46b450;
1378 .notice-success.notice-alt {
1379 background-color: #ecf7ed;
1383 border-left-color: #ffb900;
1386 .notice-warning.notice-alt {
1387 background-color: #fff8e5;
1392 border-left-color: #dc3232;
1395 .notice-error.notice-alt {
1396 background-color: #fbeaea;
1400 border-left-color: #00a0d2;
1403 .notice-info.notice-alt {
1404 background-color: #e5f5fa;
1410 .media-upload-form .notice,
1411 .media-upload-form div.error {
1417 display: inline-block;
1422 margin: 25px 20px 0 2px;
1423 background-color: #fff;
1424 border-left: 4px solid #ffba00;
1425 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
1426 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
1433 ul#dismissed-updates {
1441 form.upgrade .hint {
1444 margin: -0.5em 0 2em 0;
1447 .update-php .spinner {
1456 .list-ajax-loading { /* deprecated */
1460 #ajax-response.alignleft {
1464 /* @todo: this does not need its own section anymore */
1465 /*------------------------------------------------------------------------------
1467 ------------------------------------------------------------------------------*/
1471 text-decoration: none;
1474 /*------------------------------------------------------------------------------
1475 6.1 - Screen Options Tabs
1476 ------------------------------------------------------------------------------*/
1478 #screen-options-wrap,
1479 #contextual-help-wrap {
1481 padding: 8px 20px 12px;
1485 #contextual-help-wrap {
1487 margin-left: 0 !important;
1490 #screen-meta .screen-reader-text {
1494 #screen-meta-links {
1498 /* screen options and help tabs revert */
1501 margin: 0 20px -1px 0px;
1503 background-color: #fff;
1504 border: 1px solid #ddd;
1506 -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025);
1507 box-shadow: 0 1px 0 rgba(0,0,0,.025);
1510 #screen-options-link-wrap,
1511 #contextual-help-link-wrap {
1515 border: 1px solid #ddd;
1518 -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
1519 box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
1522 #screen-meta-links .screen-meta-toggle {
1527 #screen-meta-links .show-settings {
1530 -webkit-border-radius: 0;
1534 padding: 3px 6px 3px 16px;
1537 #screen-meta-links .show-settings:hover,
1538 #screen-meta-links .show-settings:active,
1539 #screen-meta-links .show-settings:focus {
1543 #screen-meta-links .show-settings:active {
1544 -webkit-box-shadow: none;
1546 -webkit-transform: none;
1547 -ms-transform: none;
1551 #screen-meta-links .show-settings:after {
1554 font: normal 20px/1 dashicons;
1556 display: inline-block;
1560 vertical-align: bottom;
1561 -webkit-font-smoothing: antialiased;
1562 -moz-osx-font-smoothing: grayscale;
1563 text-decoration: none !important;
1567 #screen-meta-links .screen-meta-active:after {
1571 /* end screen options and help tabs */
1574 background-repeat: no-repeat;
1575 background-position: top left;
1576 background-color: transparent;
1582 .toggle-arrow-active {
1583 background-position: bottom left;
1586 #screen-options-wrap h5, /* Back-compat for old plugins */
1587 #screen-options-wrap legend,
1588 #contextual-help-wrap h5 {
1595 .ie8 #screen-options-wrap legend {
1599 .metabox-prefs label {
1600 display: inline-block;
1601 padding-right: 15px;
1605 #number-of-columns {
1606 display: inline-block;
1607 vertical-align: middle;
1611 .metabox-prefs input[type=checkbox] {
1616 .metabox-prefs label input,
1617 .metabox-prefs label input[type=checkbox] {
1618 margin: -4px 5px 0 0;
1621 .metabox-prefs .columns-prefs label input {
1622 margin: -1px 2px 0 0;
1625 .metabox-prefs label a {
1629 .metabox-prefs .screen-options input,
1630 .metabox-prefs .screen-options label {
1633 vertical-align: middle;
1636 .metabox-prefs .screen-options .screen-per-page {
1640 .metabox-prefs .screen-options label {
1645 .screen-options + .screen-options {
1649 .metabox-prefs .submit {
1654 /*------------------------------------------------------------------------------
1656 ------------------------------------------------------------------------------*/
1658 #contextual-help-wrap {
1662 #contextual-help-columns {
1666 #contextual-help-back {
1672 border: 1px solid #e1e1e1;
1674 border-bottom: none;
1675 background: #f6fbfd;
1678 #contextual-help-wrap.no-sidebar #contextual-help-back {
1680 border-right-width: 0;
1681 -webkit-border-bottom-right-radius: 2px;
1682 border-bottom-right-radius: 2px;
1685 .contextual-help-tabs {
1691 .contextual-help-tabs ul {
1695 .contextual-help-tabs li {
1697 list-style-type: none;
1698 border-style: solid;
1699 border-width: 0 0 0 2px;
1700 border-color: transparent;
1703 .contextual-help-tabs a {
1705 padding: 5px 5px 5px 12px;
1707 text-decoration: none;
1708 border: 1px solid transparent;
1713 .contextual-help-tabs a:hover {
1717 .contextual-help-tabs .active {
1720 border-left: 2px solid #00a0d2;
1721 background: #f6fbfd;
1722 -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
1723 box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
1726 .contextual-help-tabs .active a {
1727 border-color: #e1e1e1;
1731 .contextual-help-tabs-wrap {
1738 margin: 0 22px 12px 0;
1742 .help-tab-content.active {
1746 .help-tab-content ul li {
1747 list-style-type: disc;
1751 .contextual-help-sidebar {
1754 padding: 0 8px 0 12px;
1758 /*------------------------------------------------------------------------------
1760 ------------------------------------------------------------------------------*/
1764 -webkit-box-sizing: border-box;
1765 -moz-box-sizing: border-box;
1766 box-sizing: border-box;
1777 font-weight: normal;
1780 .widefat thead tr th,
1781 .widefat thead tr td,
1782 .widefat tfoot tr th,
1783 .widefat tfoot tr td {
1788 margin: 2px 0 0.8em;
1797 .widefat .column-comment p {
1801 /* Screens with postboxes */
1802 .postbox-container {
1806 .postbox-container .meta-box-sortables {
1807 -webkit-box-sizing: border-box;
1808 -moz-box-sizing: border-box;
1809 box-sizing: border-box;
1812 #wpbody-content .metabox-holder {
1816 .metabox-holder .postbox-container .empty-container {
1817 border: 3px dashed #b4b9be;
1822 .metabox-holder .postbox-container .empty-container:after {
1823 content: attr(data-emptystring);
1838 .metabox-holder.columns-1 .postbox-container .empty-container,
1839 .columns-2 #postbox-container-3 .empty-container,
1840 .columns-2 #postbox-container-4 .empty-container,
1841 .columns-3 #postbox-container-4 .empty-container {
1847 #post-body-content {
1853 #post-body.columns-2 #postbox-container-1 {
1855 margin-right: -300px;
1859 #post-body.columns-2 #side-sortables {
1863 /* one column on the dash */
1864 @media only screen and (max-width: 799px) {
1865 #wpbody-content .metabox-holder .postbox-container .empty-container {
1872 .js .widget .widget-top,
1873 .js .postbox .hndle {
1879 font-weight: normal;
1882 .postbox .handlediv {
1890 .js .postbox .handlediv {
1894 .sortable-placeholder {
1895 border: 1px dashed #b4b9be;
1896 margin-bottom: 20px;
1901 margin-bottom: 20px;
1906 /* user-select is not a part of the CSS standard - may change behavior in the future */
1909 -webkit-user-select: none;
1910 -moz-user-select: none;
1911 -ms-user-select: none;
1917 padding: 0 12px 12px;
1927 .postbox .inside > p:last-child,
1928 .rss-widget ul li:last-child {
1929 margin-bottom: 1px !important;
1932 .postbox.closed h3 {
1934 -webkit-box-shadow: none;
1938 .postbox table.form-table {
1942 .postbox table.widefat {
1943 -webkit-box-shadow: none;
1948 border: 1px dotted #ccc;
1951 .columns-prefs label {
1952 padding: 0 10px 0 0;
1955 /* @todo: what is this doing here */
1956 #dashboard_right_now .versions .b,
1957 #post-status-display,
1958 #post-visibility-display,
1959 #adminmenu .wp-submenu li.current,
1960 #adminmenu .wp-submenu li.current a,
1961 #adminmenu .wp-submenu li.current a:hover,
1962 .media-item .percent,
1964 #pass-strength-result.strong,
1965 #pass-strength-result.short,
1966 #ed_reply_toolbar #ed_reply_strong,
1967 .item-controls .item-order a,
1968 .feature-filter .feature-name {
1972 /*------------------------------------------------------------------------------
1974 ------------------------------------------------------------------------------*/
1996 text-decoration: none;
2000 text-decoration: underline;
2003 /*------------------------------------------------------------------------------
2004 25.0 - Tabbed Admin Screen Interface (Experimental)
2005 ------------------------------------------------------------------------------*/
2009 border: 1px solid #ccc;
2010 border-bottom: none;
2011 margin-left: 0.5em; /* half the font size so set the font size properly */
2016 background: #e5e5e5;
2018 text-decoration: none;
2019 white-space: nowrap;
2022 h3 .nav-tab, /* Back-compat for pre-4.4 */
2023 .nav-tab-small .nav-tab {
2031 background-color: #fff;
2036 .nav-tab:focus:active {
2037 -webkit-box-shadow: none;
2042 margin-bottom: -1px;
2047 .nav-tab-active:hover,
2048 .nav-tab-active:focus,
2049 .nav-tab-active:focus:active {
2050 border-bottom: 1px solid #f1f1f1;
2051 background: #f1f1f1;
2055 h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
2056 .wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
2057 h3.nav-tab-wrapper {
2058 border-bottom: 1px solid #ccc;
2062 line-height: inherit;
2065 /* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */
2066 .nav-tab-wrapper:not(.wp-clearfix):after {
2072 .ie8 .nav-tab-wrapper {
2073 /* contain floats establishing a new block formatting context */
2074 display: inline-block;
2076 vertical-align: top;
2079 /*------------------------------------------------------------------------------
2081 ------------------------------------------------------------------------------*/
2084 background: url(../images/spinner.gif) no-repeat;
2085 -webkit-background-size: 20px 20px;
2086 background-size: 20px 20px;
2087 display: inline-block;
2090 vertical-align: middle;
2092 filter: alpha(opacity=70);
2098 .spinner.is-active {
2099 visibility: visible;
2103 margin-right: 190px;
2106 .metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
2107 .metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
2108 .metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
2109 .metabox-holder h2.hndle {
2116 /* Back-compat for nav-menus screen */
2117 .nav-menus-php .metabox-holder h3 {
2118 padding: 10px 10px 11px 14px;
2122 #templateside ul li a {
2123 text-decoration: none;
2126 .plugin-install #description,
2127 .plugin-install-network #description {
2132 table .column-visible,
2133 table .column-rating {
2143 /* Scrollbar fix for bulk upgrade iframe */
2148 /* Upgrader styles, Specific to Language Packs */
2152 .lp-show-latest p:last-child,
2153 .lp-show-latest .lp-error p {
2157 /* - Only used once or twice in all of WP - deprecate for global style
2158 ------------------------------------------------------------------------------*/
2160 width: 62px; /* icon + border */
2165 border: 1px solid #e5e5e5;
2166 border: 1px solid rgba(0, 0, 0, 0.07);
2176 padding-right: 14px;
2184 #post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */
2185 #post-body #post-body-content #namediv h2 {
2189 .edit-comment-author {
2194 margin: 2px 0 0 9px;
2197 #namediv h3 label, /* Back-compat for pre-4.4 */
2199 vertical-align: baseline;
2208 white-space: nowrap;
2220 margin-bottom: 0 !important;
2223 /* - Used - but could/should be deprecated with a CSS reset
2224 ------------------------------------------------------------------------------*/
2258 .post-categories li {
2262 /* Star Ratings - Back-compat for pre-3.8 */
2267 background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
2270 div.star-holder .star-rating {
2271 background: url(../images/stars.png?ver=20121108) repeat-x top left;
2278 white-space: nowrap;
2280 .star-rating .star {
2281 display: inline-block;
2284 -webkit-font-smoothing: antialiased;
2287 font-family: dashicons;
2288 text-decoration: inherit;
2289 font-weight: normal;
2291 vertical-align: top;
2292 -webkit-transition: color .1s ease-in 0;
2293 transition: color .1s ease-in 0;
2298 .star-rating .star-full:before {
2302 .star-rating .star-half:before {
2306 .rtl .star-rating .star-half {
2307 -webkit-transform: rotateY(180deg);
2308 -ms-transform: rotateY(180deg);
2309 transform: rotateY(180deg);
2312 .star-rating .star-empty:before {
2317 font-weight: normal;
2321 /* Plugin install thickbox */
2322 #plugin-information {
2333 #plugin-information-scrollable {
2335 -webkit-overflow-scrolling: touch;
2339 #plugin-information-title {
2341 background: #f5f5f5;
2351 text-overflow: ellipsis;
2352 white-space: nowrap;
2355 #plugin-information-title.with-banner {
2359 -webkit-background-size: cover;
2360 background-size: cover;
2363 #plugin-information-title h2 {
2370 text-overflow: ellipsis;
2371 white-space: nowrap;
2374 #plugin-information-title.with-banner h2 {
2375 font-family: "Helvetica Neue", sans-serif;
2376 display: inline-block;
2380 margin: 174px 0 0 10px;
2382 background: rgba( 30, 30, 30, 0.9 );
2383 text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.4 );
2384 -webkit-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
2385 box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
2386 -webkit-border-radius: 8px;
2390 #plugin-information-title div.vignette {
2394 #plugin-information-title.with-banner div.vignette {
2401 background: transparent;
2402 -webkit-box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
2403 box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
2406 #plugin-information-tabs {
2413 border-bottom: 1px solid #ddd;
2414 background: #f3f3f3;
2417 #plugin-information-tabs a {
2425 text-decoration: none;
2426 -webkit-transition: none;
2430 #plugin-information-tabs a.current {
2433 border: 1px solid #ddd;
2434 border-bottom-color: #fff;
2439 #plugin-information-tabs.with-banner a.current {
2444 #plugin-information-tabs a:active,
2445 #plugin-information-tabs a:focus {
2449 #plugin-information-content {
2450 overflow: hidden; /* equal height column trick */
2457 /* Height of title + tabs + install now */
2458 min-height: -webkit-calc( 100% - 152px );
2459 min-height: calc( 100% - 152px );
2462 #plugin-information-content.with-banner {
2463 /* Height of banner + tabs + install now */
2464 min-height: -webkit-calc( 100% - 346px );
2465 min-height: calc( 100% - 346px );
2474 margin-right: 250px; /* FYI box */
2476 margin-bottom: -99939px; /* 60px less than the padding below to accommodate footer */
2477 padding-bottom: 99999px; /* equal height column trick */
2480 #section-holder .updated {
2484 #plugin-information .fyi {
2490 margin-bottom: -99939px; /* 60px less than the padding below to accommodate footer */
2491 padding-bottom: 99999px; /* equal height column trick */
2493 border-left: 1px solid #ddd;
2494 background: #f3f3f3;
2498 #plugin-information .fyi strong {
2502 #plugin-information .fyi h3 {
2504 text-transform: uppercase;
2510 #plugin-information .fyi h2 {
2516 #plugin-information .fyi ul {
2522 #plugin-information .fyi li {
2526 #plugin-information .fyi-description {
2530 #plugin-information .counter-container {
2534 #plugin-information .counter-label {
2540 #plugin-information .counter-back {
2543 background-color: #e5e5e5;
2547 #plugin-information .counter-bar {
2549 background-color: #ffc733; /* slightly lighter than stars due to larger expanse */
2553 #plugin-information .counter-count {
2557 #plugin-information .fyi ul.contributors {
2561 #plugin-information .fyi ul.contributors li {
2562 display: inline-block;
2564 vertical-align: middle;
2567 #plugin-information .fyi ul.contributors li {
2568 display: inline-block;
2570 vertical-align: middle;
2573 #plugin-information .fyi ul.contributors li img {
2574 vertical-align: middle;
2578 #plugin-information-footer {
2584 height: 33px; /* 33+13+13+1=60 */
2585 border-top: 1px solid #ddd;
2586 background: #f3f3f3;
2590 #plugin-information .section {
2595 #plugin-information .section ul,
2596 #plugin-information .section ol {
2597 list-style-type: disc;
2601 #plugin-information .section,
2602 #plugin-information .section p {
2607 #plugin-information #section-screenshots ol {
2612 #plugin-information #section-screenshots li img {
2613 vertical-align: text-top;
2618 -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
2619 box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
2623 #plugin-information #section-screenshots li p {
2628 #plugin-information pre {
2631 border: 1px solid #ccc;
2635 #plugin-information .review {
2636 overflow: hidden; /* clearfix */
2638 margin-bottom: 20px;
2639 border-bottom: 1px solid #e5e5e5;
2642 #plugin-information .review-title-section {
2643 overflow: hidden; /* clearfix */
2647 #plugin-information .review-title-section h4 {
2648 display: inline-block;
2653 #plugin-information .reviewer-info p {
2660 #plugin-information .reviewer-info .avatar {
2662 margin: 4px 6px 0 0;
2666 #plugin-information .reviewer-info .star-rating {
2671 #plugin-information .review-meta {
2673 margin-left: 0.75em;
2677 #plugin-information .review-body {
2682 .plugin-version-author-uri {
2686 @media screen and ( max-width: 771px ) {
2687 #plugin-information-title.with-banner {
2692 #plugin-information-title.with-banner h2 {
2699 #plugin-information-title.with-banner div.vignette {
2705 #plugin-information-tabs {
2706 overflow: hidden; /* clearfix */
2708 height: auto; /* let tabs wrap */
2711 #plugin-information-tabs a.current {
2713 border-bottom: none;
2716 #plugin-information .fyi {
2718 border: 1px solid #ddd;
2721 margin: 26px 26px 0;
2722 padding-bottom: 0; /* reset from the two column height fix */
2728 padding-bottom: 70px; /* reset from the two column height fix, plus accomodate footer */
2731 #plugin-information .fyi h3,
2732 #plugin-information .fyi small {
2736 #plugin-information-footer {
2737 padding: 12px 16px 0;
2742 /* Thickbox for Plugin Install screen */
2743 body.about-php #TB_window,
2744 body.plugin-install-php #TB_window,
2745 body.import-php #TB_window,
2746 body.plugins-php #TB_window,
2747 body.update-core-php #TB_window,
2748 body.index-php #TB_window {
2749 background: #fcfcfc;
2752 /* IE 8 needs a change in the pseudo element content */
2753 .ie8 body.about-php #TB_window:before,
2754 .ie8 body.plugin-install-php #TB_window:before,
2755 .ie8 body.import-php #TB_window:before,
2756 .ie8 body.plugins-php #TB_window:before,
2757 .ie8 body.update-core-php #TB_window:before,
2758 .ie8 body.index-php #TB_window:before {
2763 body.about-php #TB_window.thickbox-loading:before,
2764 body.plugin-install-php #TB_window.thickbox-loading:before,
2765 body.import-php #TB_window.thickbox-loading:before,
2766 body.plugins-php #TB_window.thickbox-loading:before,
2767 body.update-core-php #TB_window.thickbox-loading:before,
2768 body.index-php #TB_window.thickbox-loading:before {
2777 margin: -10px 0 0 -10px;
2778 background: #fcfcfc url(../images/spinner.gif) no-repeat center;
2779 -webkit-background-size: 20px 20px;
2780 background-size: 20px 20px;
2781 -webkit-transform: translateZ(0);
2782 transform: translateZ(0);
2786 (-webkit-min-device-pixel-ratio: 1.25),
2787 (min-resolution: 120dpi) {
2789 body.about-php #TB_window.thickbox-loading:before,
2790 body.plugin-install-php #TB_window.thickbox-loading:before,
2791 body.import-php #TB_window.thickbox-loading:before,
2792 body.plugins-php #TB_window.thickbox-loading:before,
2793 body.update-core-php #TB_window.thickbox-loading:before,
2794 body.index-php #TB_window.thickbox-loading:before {
2795 background-image: url(../images/spinner-2x.gif);
2799 body.about-php #TB_title,
2800 body.plugin-install-php #TB_title,
2801 body.import-php #TB_title,
2802 body.plugins-php #TB_title,
2803 body.update-core-php #TB_title,
2804 body.index-php #TB_title {
2809 body.about-php #TB_ajaxWindowTitle,
2810 body.plugin-install-php #TB_ajaxWindowTitle,
2811 body.import-php #TB_ajaxWindowTitle,
2812 body.plugins-php #TB_ajaxWindowTitle,
2813 body.update-core-php #TB_ajaxWindowTitle,
2814 body.index-php #TB_ajaxWindowTitle {
2818 /* only on these screens */
2819 .about-php #TB_closeWindowButton,
2820 .plugin-install-php #TB_closeWindowButton,
2821 .import-php #TB_closeWindowButton,
2822 .plugins-php #TB_closeWindowButton,
2823 .update-core-php #TB_closeWindowButton,
2824 .index-php #TB_closeWindowButton {
2831 body.about-php #TB_closeWindowButton:hover,
2832 body.about-php #TB_closeWindowButton:focus,
2833 body.plugin-install-php #TB_closeWindowButton:hover,
2834 body.plugin-install-php #TB_closeWindowButton:focus,
2835 body.import-php #TB_closeWindowButton:hover,
2836 body.import-php #TB_closeWindowButton:focus,
2837 body.plugins-php #TB_closeWindowButton:hover,
2838 body.plugins-php #TB_closeWindowButton:focus,
2839 body.update-core-php #TB_closeWindowButton:hover,
2840 body.update-core-php #TB_closeWindowButton:focus,
2841 body.index-php #TB_closeWindowButton:hover,
2842 body.index-php #TB_closeWindowButton:focus {
2845 -webkit-box-shadow: none;
2849 body.about-php .tb-close-icon,
2850 body.plugin-install-php .tb-close-icon,
2851 body.import-php .tb-close-icon,
2852 body.plugins-php .tb-close-icon,
2853 body.update-core-php .tb-close-icon,
2854 body.index-php .tb-close-icon {
2858 body.about-php #TB_closeWindowButton:after,
2859 body.plugin-install-php #TB_closeWindowButton:after,
2860 body.import-php #TB_closeWindowButton:after,
2861 body.plugins-php #TB_closeWindowButton:after,
2862 body.update-core-php #TB_closeWindowButton:after,
2863 body.index-php #TB_closeWindowButton:after {
2865 font: normal 32px/29px 'dashicons';
2867 -webkit-font-smoothing: antialiased;
2868 -moz-osx-font-smoothing: grayscale;
2871 /* move plugin install close icon to top on narrow screens */
2872 @media screen and ( max-width: 830px ) {
2873 body.about-php #TB_closeWindowButton,
2874 body.plugin-install-php #TB_closeWindowButton,
2875 body.import-php #TB_closeWindowButton,
2876 body.plugins-php #TB_closeWindowButton,
2877 body.update-core-php #TB_closeWindowButton,
2878 body.index-php #TB_closeWindowButton {
2884 /* @todo: move this. */
2889 /* Metabox collapse arrow indicators */
2890 .js .sidebar-name .sidebar-name-arrow:before,
2891 .js .meta-box-sortables .postbox .toggle-indicator:before {
2893 display: inline-block;
2894 font: normal 20px/1 dashicons;
2896 -webkit-font-smoothing: antialiased;
2897 -moz-osx-font-smoothing: grayscale;
2898 text-decoration: none !important;
2901 .js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
2902 .js .meta-box-sortables .postbox.closed .handlediv .toggle-indicator:before {
2906 .js .sidebar-name .sidebar-name-arrow:before {
2911 .js #widgets-left .sidebar-name .sidebar-name-arrow {
2915 .js #widgets-left .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow,
2916 .js #widgets-left .sidebar-name:hover .sidebar-name-arrow {
2920 .js .postbox .handlediv .toggle-indicator:before {
2923 -webkit-border-radius: 50%;
2925 text-indent: -1px; /* account for the dashicon alignment */
2928 .rtl.js .postbox .handlediv .toggle-indicator:before {
2929 text-indent: 1px; /* account for the dashicon alignment */
2932 .js .postbox .handlediv:focus {
2933 -webkit-box-shadow: none;
2938 .js .postbox .handlediv:focus .toggle-indicator:before {
2941 0 0 2px 1px rgba(30, 140, 190, .8);
2944 0 0 2px 1px rgba(30, 140, 190, .8);
2947 /* @todo: appears to be Press This only and overridden */
2948 #photo-add-url-div input[type="text"] {
2952 /* Theme/Plugin Editor */
2957 #template textarea {
2958 font-family: Consolas, Monaco, monospace;
2961 background: #f9f9f9;
2978 word-wrap: break-word;
2982 #postcustomstuff p.submit {
3001 .theme-editor-php .highlight {
3003 padding: 3px 3px 3px 12px;
3004 text-decoration: none;
3007 .theme-editor-php .highlight {
3008 margin: -3px 3px -3px -12px;
3011 #templateside .highlight {
3027 #documentation label {
3029 vertical-align: baseline;
3034 padding: 10px 0 8px;
3038 /* @todo: can we use a common class for these? */
3039 .nav-menus-php .item-edit:before,
3040 .widget-top a.widget-action:after,
3041 .control-section .accordion-section-title:after,
3042 .accordion-section-title:after {
3047 font: normal 20px/1 dashicons;
3054 -webkit-font-smoothing: antialiased;
3055 -moz-osx-font-smoothing: grayscale;
3056 text-decoration: none !important;
3061 .sidebar-name-arrow,
3062 .accordion-section-title:after {
3067 color: #555d66; /* #fafafa background in the Widgets screen */
3070 .widget-top:hover .widget-action,
3071 .widget-action:focus,
3076 .sidebar-name:hover .sidebar-name-arrow,
3077 .accordion-section-title:hover:after {
3081 .widget-top a.widget-action:after {
3082 padding: 1px 2px 1px 0px;
3085 -webkit-border-radius: 50%;
3089 .widget-top a.widget-action:focus:after {
3092 0 0 2px 1px rgba(30,140,190,.8);
3095 0 0 2px 1px rgba(30,140,190,.8);
3098 .control-section .accordion-section-title:after,
3099 .accordion-section-title:after {
3105 .control-section.open .accordion-section-title:after,
3106 #customize-info.open .accordion-section-title:after,
3107 .nav-menus-php .menu-item-edit-active .item-edit:before,
3108 .widget.open .widget-top a.widget-action:after {
3113 * jQuery UI Draggable/Sortable 1.11.4
3114 * http://jqueryui.com
3116 * Copyright jQuery Foundation and other contributors
3117 * Released under the MIT license.
3118 * http://jquery.org/license
3120 .ui-draggable-handle,
3121 .ui-sortable-handle {
3122 -ms-touch-action: none;
3127 .accordion-section {
3128 border-bottom: 1px solid #ddd;
3132 .accordion-section.open .accordion-section-content,
3133 .no-js .accordion-section .accordion-section-content {
3137 .accordion-section.open:hover {
3138 border-bottom-color: #ddd;
3141 .accordion-section-content {
3143 padding: 10px 20px 15px;
3148 .accordion-section-title {
3150 padding: 12px 15px 15px;
3152 border-left: 1px solid #ddd;
3153 border-right: 1px solid #ddd;
3154 -webkit-user-select: none;
3155 -moz-user-select: none;
3156 -ms-user-select: none;
3160 .js .accordion-section-title {
3164 .js .accordion-section-title:after {
3171 .accordion-section-title:focus {
3175 .accordion-section-title:hover:after,
3176 .accordion-section-title:focus:after {
3177 border-color: #a0a5aa transparent;
3180 .cannot-expand .accordion-section-title {
3184 .cannot-expand .accordion-section-title:after {
3188 .control-section .accordion-section-title {
3191 padding: 10px 10px 11px 14px;
3196 .control-section .accordion-section-title:after {
3200 .js .control-section:hover .accordion-section-title,
3201 .js .control-section .accordion-section-title:hover,
3202 .js .control-section.open .accordion-section-title,
3203 .js .control-section .accordion-section-title:focus {
3205 background: #f5f5f5;
3208 .control-section.open .accordion-section-title {
3210 border-bottom: 1px solid #ddd;
3214 .network-admin .edit-site-actions {
3232 @media only screen and (max-width: 599px) {
3238 @media only screen and (min-width: 600px) {
3239 .my-sites.striped li {
3240 background-color: #fff;
3243 .my-sites.striped li:after {
3254 @media only screen and (min-width: 600px) and (max-width: 699px) {
3259 .my-sites.striped li {
3260 background-color: #fff;
3262 .my-sites.striped li:nth-of-type(2n+1) {
3265 .my-sites.striped li:nth-of-type(2n+2):after {
3268 .my-sites li:nth-of-type(4n+1),
3269 .my-sites li:nth-of-type(4n+2) {
3270 background-color: #f9f9f9;
3275 @media only screen and (min-width: 700px) and (max-width: 1199px) {
3279 background-color: #fff;
3281 .my-sites.striped li:nth-of-type(3n+3):after {
3284 .my-sites li:nth-of-type(6n+1),
3285 .my-sites li:nth-of-type(6n+2),
3286 .my-sites li:nth-of-type(6n+3) {
3287 background-color: #f9f9f9;
3291 @media only screen and (min-width: 1200px) and (max-width: 1399px) {
3296 background-color: #fff;
3298 .my-sites.striped li:nth-of-type(4n+1) {
3301 .my-sites.striped li:nth-of-type(4n+4):after {
3304 .my-sites li:nth-of-type(8n+1),
3305 .my-sites li:nth-of-type(8n+2),
3306 .my-sites li:nth-of-type(8n+3),
3307 .my-sites li:nth-of-type(8n+4) {
3308 background-color: #f9f9f9;
3312 @media only screen and (min-width: 1400px) and (max-width: 1599px) {
3317 background-color: #fff;
3319 .my-sites.striped li:nth-of-type(5n+1) {
3322 .my-sites.striped li:nth-of-type(5n+5):after {
3325 .my-sites li:nth-of-type(10n+1),
3326 .my-sites li:nth-of-type(10n+2),
3327 .my-sites li:nth-of-type(10n+3),
3328 .my-sites li:nth-of-type(10n+4),
3329 .my-sites li:nth-of-type(10n+5) {
3330 background-color: #f9f9f9;
3334 @media only screen and (min-width: 1600px) {
3339 background-color: #fff;
3341 .my-sites.striped li:nth-of-type(6n+1) {
3344 .my-sites.striped li:nth-of-type(6n+6):after {
3347 .my-sites li:nth-of-type(12n+1),
3348 .my-sites li:nth-of-type(12n+2),
3349 .my-sites li:nth-of-type(12n+3),
3350 .my-sites li:nth-of-type(12n+4),
3351 .my-sites li:nth-of-type(12n+5),
3352 .my-sites li:nth-of-type(12n+6) {
3353 background-color: #f9f9f9;
3358 text-decoration: none;
3362 -------------------------------------------------------------- */
3364 /* @todo: de-duplication */
3365 @media only screen and (min-width: 769px) {
3376 @media only screen and (max-width: 860px) {
3388 @media only screen and (min-width: 980px) {
3400 @media only screen and (max-width: 768px) {
3415 (-webkit-min-device-pixel-ratio: 1.25),
3416 (min-resolution: 120dpi) {
3417 /* Back-compat for pre-3.8 */
3419 div.star-holder .star-rating {
3420 background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
3421 -webkit-background-size: 21px 37px;
3422 background-size: 21px 37px;
3426 background-image: url(../images/spinner-2x.gif);
3429 /* @todo: evaluate - most of these were likely replaced by dashicons */
3430 .curtime #timestamp,
3431 #screen-meta-links a.show-settings,
3432 .widget-top a.widget-action,
3433 .widget-top a.widget-action:hover,
3434 .sidebar-name-arrow,
3435 .sidebar-name:hover .sidebar-name-arrow,
3436 .meta-box-sortables .postbox:hover .handlediv,
3437 .tagchecklist span a,
3439 .tagchecklist span a:hover,
3440 #bulk-titles div a:hover {
3441 background: none !important;
3447 width: device-width;
3450 @media screen and ( max-width: 782px ) {
3461 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
3471 padding-bottom: 100px;
3483 /* Hidden Elements */
3487 .post-format-select {
3488 display: none !important;
3491 .wrap .add-new-h2, /* deprecated */
3492 .wrap .add-new-h2:active, /* deprecated */
3493 .wrap .page-title-action,
3494 .wrap .page-title-action:active {
3497 white-space: nowrap;
3505 .wp-color-result:after {
3511 /* Feedback Messages */
3515 .media-upload-form div.error {
3516 margin: 20px 0 10px 0;
3522 .wp-core-ui .notice.is-dismissible {
3523 padding-right: 46px;
3530 .wrap .icon32 + h2 {
3534 .wp-responsive-open #wpbody {
3539 word-wrap: break-word;
3542 /* General Metabox */
3547 .metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
3548 .metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
3549 .metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
3550 .metabox-holder h2 {
3554 .postbox .handlediv {
3562 margin-bottom: 15px;
3565 /* Theme/Plugin File Editor */
3575 #templateside li a {
3580 #templateside .highlight {
3592 #template textarea {
3596 .fileedit-sub .alignright {
3604 #comments-form .checkforspam {
3608 .edit-comment-author {
3612 .filter-drawer .filter-group-feature input,
3613 .filter-drawer .filter-group-feature label {
3619 @media screen and (max-width: 600px) {
3620 /* Disable horizontal scroll when responsive menu is open
3621 since we push the main content off to the right. */
3622 #wpwrap.wp-responsive-open {
3634 /* Keep full-width boxes on Edit Post page from causing horizontal scroll */
3635 div#post-body.metabox-holder.columns-1 {
3640 .wrap h2.nav-tab-wrapper,
3641 h3.nav-tab-wrapper {
3648 margin: 10px 10px 0 0;
3649 border-bottom: 1px solid #ccc;
3653 @media screen and (max-width: 320px) {
3654 /* Prevent default center alignment and larger font for the Right Now widget when
3655 the network dashboard is viewed on a small mobile device. */
3656 #network_dashboard_right_now .subsubsub {