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 */
117 /* Hide visually but not from screen readers */
119 .screen-reader-text span,
120 .ui-helper-hidden-accessible {
129 word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
132 .screen-reader-shortcut {
137 .screen-reader-shortcut:focus {
145 padding: 15px 23px 14px;
150 -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
151 box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
152 text-decoration: none;
159 .no-js .hide-if-no-js,
160 .js.wp-core-ui .hide-if-js,
161 .js .wp-core-ui .hide-if-js,
162 .no-js.wp-core-ui .hide-if-no-js,
163 .no-js .wp-core-ui .hide-if-no-js {
167 /* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
171 #menu-settings-column .accordion-container,
172 #menu-management .menu-edit,
177 .widgets-holder-wrap,
178 .wp-editor-container,
183 border: 1px solid #e5e5e5;
184 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
185 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
189 .wp-editor-container,
192 .widgets-holder-wrap,
214 font-family: "Open Sans", 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 {
272 0 0 2px 1px rgba(30, 140, 190, .8);
275 0 0 2px 1px rgba(30, 140, 190, .8);
279 outline: #5b9dd9 solid 1px;
283 .screen-reader-text:focus {
284 -webkit-box-shadow: none;
367 list-style-type: decimal;
372 list-style: disc outside;
376 list-style: square outside;
380 list-style: decimal outside;
403 font-family: Consolas, Monaco, monospace;
410 padding: 3px 5px 2px 5px;
413 background: rgba(0,0,0,0.07);
429 text-decoration: none;
433 .subsubsub a.current .count {
438 .subsubsub a.current {
444 display: inline-block;
450 /* .widefat - main style for tables */
459 word-wrap: break-word;
463 text-decoration: none;
473 border-bottom: 1px solid #e1e1e1;
478 border-top: 1px solid #e1e1e1;
482 .widefat .no-items td {
483 border-bottom-width: 0;
507 .widefat thead td input,
508 .widefat tfoot td input {
511 vertical-align: text-top;
514 .widefat .check-column {
520 .widefat th input[type=checkbox],
521 .widefat thead td input[type=checkbox],
522 .widefat tfoot td input[type=checkbox] {
526 .widefat tbody th.check-column {
530 .widefat thead td.check-column,
531 .widefat tbody th.check-column,
532 .widefat tfoot td.check-column {
533 padding: 11px 3px 0 0;
536 .widefat thead td.check-column,
537 .widefat tfoot td.check-column {
539 vertical-align: middle;
542 .update-php div.updated,
543 .update-php div.error {
547 .no-js .widefat thead .check-column input,
548 .no-js .widefat tfoot .check-column input {
559 .widefat th#comments {
560 vertical-align: middle;
564 margin: 10px 2px 0 20px;
567 .wrap > h2:first-child, /* Back-compat for pre-4.4 */
568 .wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
569 .postbox .inside h2, /* Back-compat for pre-4.4 */
574 padding: 9px 0 4px 15px;
586 .wrap .add-new-h2, /* deprecated */
587 .wrap .add-new-h2:active, /* deprecated */
588 .wrap .page-title-action,
589 .wrap .page-title-action:active {
594 text-decoration: none;
596 -webkit-border-radius: 2px;
604 .wrap .add-new-h2:hover, /* deprecated */
605 .wrap .page-title-action:hover {
610 .wrap h1.long-header {
615 background-color: #fff;
619 #widgets-left .widget-in-question .widget-top,
620 #available-widgets .widget-top:hover,
621 div#widgets-right .widget-top:hover,
622 #widgets-left .widget-top:hover {
624 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
625 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
629 background-color: #ccf3fa;
633 .subsubsub a.current {
637 .striped > tbody > :nth-child(odd),
638 ul.striped > :nth-child(odd),
640 background-color: #f9f9f9;
644 background-color: #e8e8e8;
645 border-left-color: #99d;
648 .media-upload-form label.form-help,
653 /* Helper classes for plugins to leverage the active WordPress color scheme */
656 background-color: #e4f2fd;
662 background-color: #32373c;
664 .wp-ui-text-primary {
670 background-color: #1e8cbe;
672 .wp-ui-text-highlight {
676 .wp-ui-notification {
678 background-color: #d54e21;
680 .wp-ui-text-notification {
688 /* For emoji replacement images */
690 display: inline !important;
691 border: none !important;
692 height: 1em !important;
693 width: 1em !important;
694 margin: 0 .07em !important;
695 vertical-align: -0.1em !important;
696 background: none !important;
697 padding: 0 !important;
698 -webkit-box-shadow: none !important;
699 box-shadow: none !important;
702 /*------------------------------------------------------------------------------
704 ------------------------------------------------------------------------------*/
709 .control-section .accordion-section-title,
716 #your-profile #rich_editing,
732 border-bottom: 1px solid #eee;
737 background-color: #ccc;
746 /* @todo can we combine these into a class or use an existing dashicon one? */
747 .welcome-panel .welcome-panel-close:before,
748 .tagchecklist span a:before,
749 #bulk-titles div a:before,
750 .notice-dismiss:before {
755 font: normal 16px/20px dashicons;
760 -webkit-font-smoothing: antialiased;
761 -moz-osx-font-smoothing: grayscale;
764 .welcome-panel .welcome-panel-close:before {
768 .tagchecklist span a:before,
769 #bulk-titles div a:before {
773 .welcome-panel .welcome-panel-close:hover:before,
774 .welcome-panel .welcome-panel-close:focus:before,
775 .tagchecklist span a:hover:before,
776 #bulk-titles div a:hover:before {
789 /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
790 white-space: pre-wrap; /* css-3 */
791 word-wrap: break-word; /* IE 5.5 - 7 */
811 border-top: 1px solid #ddd;
812 border-bottom: 1px solid #fafafa;
815 .row-actions span.delete a,
816 .row-actions span.trash a,
817 .row-actions span.spam a,
819 #all-plugins-table .plugins a.delete,
820 #search-plugins-table .plugins a.delete,
821 .submitbox .submitdelete,
822 #media-items a.delete,
823 #media-items a.delete-permanently,
824 #nav-menu-footer .menu-delete {
830 .widget-control-remove:hover,
831 .row-actions .delete a:hover,
832 .row-actions .trash a:hover,
833 .row-actions .spam a:hover,
834 .plugins a.delete:hover,
835 #all-plugins-table .plugins a.delete:hover,
836 #search-plugins-table .plugins a.delete:hover,
837 .submitbox .submitdelete:hover,
838 #media-items a.delete:hover,
839 #media-items a.delete-permanently:hover,
840 #nav-menu-footer .menu-delete:hover {
842 text-decoration: none;
846 /*------------------------------------------------------------------------------
848 ------------------------------------------------------------------------------*/
850 #major-publishing-actions {
853 border-top: 1px solid #ddd;
859 vertical-align: middle;
870 #publishing-action .spinner {
874 #misc-publishing-actions {
879 padding: 6px 10px 8px;
883 word-wrap: break-word;
886 #minor-publishing-actions {
887 padding: 10px 10px 0 10px;
912 margin: 12px 2px 5px;
913 border-bottom: 1px solid #dadada;
924 .unapproved .unapprove {
928 .unapproved .approve,
941 display: inline-block;
943 -webkit-box-sizing: border-box;
944 -moz-box-sizing: border-box;
945 box-sizing: border-box;
949 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
950 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
951 border: 1px solid #e5e5e5;
958 text-decoration: none;
962 display: inline-block;
963 vertical-align: middle;
968 .filter-count .count {
969 display: inline-block;
973 -webkit-border-radius: 30px;
981 /* not a part of filter bar, but derived from it, so here for now */
994 display: inline-block;
999 display: inline-block;
1003 .filter-links li > a {
1004 display: inline-block;
1007 border-bottom: 4px solid #fff;
1012 .filter-links .current {
1013 -webkit-box-shadow: none;
1015 border-bottom: 4px solid #666;
1019 .filter-links li > a:hover,
1020 .filter-links li > a:focus,
1021 .show-filters .filter-links a.current:hover,
1022 .show-filters .filter-links a.current:focus {
1026 .wp-filter .search-form {
1031 .wp-filter .search-form input[type="search"] {
1041 .wp-filter .search-form select {
1044 vertical-align: top;
1047 .wp-filter .search-form.search-plugins {
1048 display: inline-block;
1051 .wp-filter .drawer-toggle {
1052 display: inline-block;
1059 .wp-filter .drawer-toggle:before {
1060 display: inline-block;
1061 vertical-align: top;
1067 -webkit-transition: color .1s ease-in 0;
1068 transition: color .1s ease-in 0;
1069 font-family: dashicons;
1073 text-decoration: inherit;
1074 font-weight: normal;
1076 -webkit-font-smoothing: antialiased;
1079 .wp-filter .drawer-toggle:hover,
1080 .wp-filter .drawer-toggle:hover:before {
1084 .wp-filter .drawer-toggle.current:before {
1088 .wp-filter .favorites-form {
1092 border-top: 1px solid #eee;
1093 background: #fafafa;
1098 .show-favorites-form .wp-filter .favorites-form {
1106 border-top: 1px solid #eee;
1107 background: #fafafa;
1110 .show-filters .filter-drawer {
1116 .show-filters .wp-filter .drawer-toggle:hover,
1117 .show-filters .wp-filter .drawer-toggle:focus {
1118 background: rgb(46, 162, 204);
1121 .show-filters .filter-links a.current {
1122 border-bottom: none;
1125 .show-filters .wp-filter .drawer-toggle {
1126 -webkit-border-radius: 2px;
1133 .show-filters .wp-filter .drawer-toggle:before {
1138 -webkit-box-sizing: border-box;
1139 -moz-box-sizing: border-box;
1140 box-sizing: border-box;
1144 padding: 20px 10px 10px;
1147 border: 1px solid #e5e5e5;
1148 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1149 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1152 .filter-group legend {
1162 .filter-drawer .filter-group-feature {
1164 list-style-type: none;
1168 .filter-drawer .filter-group-feature input,
1169 .filter-drawer .filter-group-feature label {
1170 display: inline-block;
1171 margin: 7px 0 7px 4px;
1175 .filter-drawer .buttons {
1176 margin-bottom: 20px;
1179 .filter-drawer .buttons .button span {
1180 display: inline-block;
1186 .wp-filter .button.clear-filters {
1196 .filtered-by > span {
1204 .filtered-by .tags {
1211 border: 1px solid #e5e5e5;
1212 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1213 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1218 .filters-applied .filter-group,
1219 .filters-applied .filter-drawer .buttons,
1220 .filters-applied .filter-drawer br {
1221 display: none !important;
1224 .filters-applied .filtered-by {
1228 .filters-applied .filter-drawer {
1232 .show-filters .content-filterable,
1233 .show-filters.filters-applied.loading-content .content-filterable,
1234 .loading-content .content-filterable,
1235 .error .content-filterable {
1239 .show-filters.filters-applied .content-filterable {
1243 .loading-content .spinner {
1245 margin: 40px auto 0;
1249 @media only screen and (max-width: 1120px) {
1251 border-bottom: 1px solid #eee;
1265 @media only screen and (max-width: 1000px) {
1270 .wp-filter .media-toolbar-primary,
1271 .wp-filter .media-toolbar-secondary,
1272 .wp-filter .search-form {
1273 float: none; /* Remove float from media-views.css */
1279 @media only screen and (max-width: 782px) {
1286 @media only screen and (max-width: 320px) {
1291 .wp-filter .drawer-toggle {
1296 .wp-filter .search-form input[type="search"] {
1301 /*------------------------------------------------------------------------------
1303 ------------------------------------------------------------------------------*/
1309 border-right: 4px solid #fff;
1310 -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
1311 box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
1312 margin: 5px 15px 2px;
1320 .form-table td .notice p {
1326 text-decoration: underline;
1330 padding-bottom: 2px;
1331 text-decoration: none;
1335 -webkit-box-shadow: none;
1344 display: inline-block;
1349 .wp-core-ui .notice.is-dismissible {
1366 .notice-dismiss:hover:before,
1367 .notice-dismiss:active:before,
1368 .notice-dismiss:focus:before {
1372 .notice-dismiss:focus {
1374 -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
1375 box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
1378 .ie8 .notice-dismiss:focus {
1379 outline: 1px solid #5b9dd9;
1384 border-right-color: #46b450;
1387 .notice-success.notice-alt {
1388 background-color: #ecf7ed;
1392 border-right-color: #ffb900;
1395 .notice-warning.notice-alt {
1396 background-color: #fff8e5;
1401 border-right-color: #dc3232;
1404 .notice-error.notice-alt {
1405 background-color: #fbeaea;
1409 border-right-color: #00a0d2;
1412 .notice-info.notice-alt {
1413 background-color: #e5f5fa;
1419 .media-upload-form .notice,
1420 .media-upload-form div.error {
1426 display: inline-block;
1431 margin: 25px 2px 0 20px;
1432 background-color: #fff;
1433 border-right: 4px solid #ffba00;
1434 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
1435 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
1442 ul#dismissed-updates {
1450 form.upgrade .hint {
1453 margin: -0.5em 0 2em 0;
1456 .update-php .spinner {
1465 .list-ajax-loading { /* deprecated */
1469 #ajax-response.alignleft {
1473 /* @todo: this does not need its own section anymore */
1474 /*------------------------------------------------------------------------------
1476 ------------------------------------------------------------------------------*/
1480 text-decoration: none;
1483 /*------------------------------------------------------------------------------
1484 6.1 - Screen Options Tabs
1485 ------------------------------------------------------------------------------*/
1487 #screen-options-wrap,
1488 #contextual-help-wrap {
1490 padding: 8px 20px 12px;
1494 #contextual-help-wrap {
1496 margin-right: 0 !important;
1499 #screen-meta .screen-reader-text {
1503 #screen-meta-links {
1507 /* screen options and help tabs revert */
1510 margin: 0 0px -1px 20px;
1512 background-color: #fff;
1513 border: 1px solid #ddd;
1515 -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025);
1516 box-shadow: 0 1px 0 rgba(0,0,0,.025);
1519 #screen-options-link-wrap,
1520 #contextual-help-link-wrap {
1524 border: 1px solid #ddd;
1527 -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
1528 box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
1531 #screen-meta-links .screen-meta-toggle {
1536 #screen-meta-links .show-settings {
1539 -webkit-border-radius: 0;
1543 padding: 3px 16px 3px 6px;
1546 #screen-meta-links .show-settings:hover,
1547 #screen-meta-links .show-settings:active,
1548 #screen-meta-links .show-settings:focus {
1552 #screen-meta-links .show-settings:active {
1553 -webkit-box-shadow: none;
1555 -webkit-transform: none;
1556 -ms-transform: none;
1560 #screen-meta-links .show-settings:after {
1563 font: normal 20px/1 dashicons;
1565 display: inline-block;
1569 vertical-align: bottom;
1570 -webkit-font-smoothing: antialiased;
1571 -moz-osx-font-smoothing: grayscale;
1572 text-decoration: none !important;
1576 #screen-meta-links .screen-meta-active:after {
1580 /* end screen options and help tabs */
1583 background-repeat: no-repeat;
1584 background-position: top left;
1585 background-color: transparent;
1591 .toggle-arrow-active {
1592 background-position: bottom left;
1595 #screen-options-wrap h5, /* Back-compat for old plugins */
1596 #screen-options-wrap legend,
1597 #contextual-help-wrap h5 {
1604 .ie8 #screen-options-wrap legend {
1608 .metabox-prefs label {
1609 display: inline-block;
1614 #number-of-columns {
1615 display: inline-block;
1616 vertical-align: middle;
1620 .metabox-prefs input[type=checkbox] {
1625 .metabox-prefs label input,
1626 .metabox-prefs label input[type=checkbox] {
1627 margin: -4px 0 0 5px;
1630 .metabox-prefs .columns-prefs label input {
1631 margin: -1px 0 0 2px;
1634 .metabox-prefs label a {
1638 .metabox-prefs .screen-options input,
1639 .metabox-prefs .screen-options label {
1642 vertical-align: middle;
1645 .metabox-prefs .screen-options .screen-per-page {
1649 .metabox-prefs .screen-options label {
1654 .screen-options + .screen-options {
1658 .metabox-prefs .submit {
1663 /*------------------------------------------------------------------------------
1665 ------------------------------------------------------------------------------*/
1667 #contextual-help-wrap {
1671 #contextual-help-columns {
1675 #contextual-help-back {
1681 border: 1px solid #e1e1e1;
1683 border-bottom: none;
1684 background: #f6fbfd;
1687 #contextual-help-wrap.no-sidebar #contextual-help-back {
1689 border-left-width: 0;
1690 -webkit-border-bottom-left-radius: 2px;
1691 border-bottom-left-radius: 2px;
1694 .contextual-help-tabs {
1700 .contextual-help-tabs ul {
1704 .contextual-help-tabs li {
1706 list-style-type: none;
1707 border-style: solid;
1708 border-width: 0 2px 0 0;
1709 border-color: transparent;
1712 .contextual-help-tabs a {
1714 padding: 5px 12px 5px 5px;
1716 text-decoration: none;
1717 border: 1px solid transparent;
1722 .contextual-help-tabs a:hover {
1726 .contextual-help-tabs .active {
1729 border-right: 2px solid #00a0d2;
1730 background: #f6fbfd;
1731 -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
1732 box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
1735 .contextual-help-tabs .active a {
1736 border-color: #e1e1e1;
1740 .contextual-help-tabs-wrap {
1747 margin: 0 0 12px 22px;
1751 .help-tab-content.active {
1755 .help-tab-content ul li {
1756 list-style-type: disc;
1760 .contextual-help-sidebar {
1763 padding: 0 12px 0 8px;
1767 /*------------------------------------------------------------------------------
1769 ------------------------------------------------------------------------------*/
1773 -webkit-box-sizing: border-box;
1774 -moz-box-sizing: border-box;
1775 box-sizing: border-box;
1786 font-weight: normal;
1789 .widefat thead tr th,
1790 .widefat thead tr td,
1791 .widefat tfoot tr th,
1792 .widefat tfoot tr td {
1797 margin: 2px 0 0.8em;
1806 .widefat .column-comment p {
1810 /* Screens with postboxes */
1811 .postbox-container {
1815 .postbox-container .meta-box-sortables {
1816 -webkit-box-sizing: border-box;
1817 -moz-box-sizing: border-box;
1818 box-sizing: border-box;
1821 #wpbody-content .metabox-holder {
1825 .metabox-holder .postbox-container .empty-container {
1826 border: 3px dashed #b4b9be;
1830 .metabox-holder.columns-1 .postbox-container .empty-container,
1831 .columns-2 #postbox-container-3 .empty-container,
1832 .columns-2 #postbox-container-4 .empty-container,
1833 .columns-3 #postbox-container-4 .empty-container {
1839 #post-body-content {
1845 #post-body.columns-2 #postbox-container-1 {
1847 margin-left: -300px;
1851 #post-body.columns-2 #side-sortables {
1855 /* one column on the dash */
1856 @media only screen and (max-width: 799px) {
1857 #wpbody-content .metabox-holder .postbox-container .empty-container {
1864 .js .widget .widget-top,
1865 .js .postbox .hndle {
1871 font-weight: normal;
1874 .postbox .handlediv {
1882 .js .postbox .handlediv {
1886 .sortable-placeholder {
1887 border: 1px dashed #b4b9be;
1888 margin-bottom: 20px;
1893 margin-bottom: 20px;
1898 /* user-select is not a part of the CSS standard - may change behavior in the future */
1901 -webkit-user-select: none;
1902 -moz-user-select: none;
1903 -ms-user-select: none;
1909 padding: 0 12px 12px;
1919 .postbox .inside > p:last-child,
1920 .rss-widget ul li:last-child {
1921 margin-bottom: 1px !important;
1924 .postbox.closed h3 {
1926 -webkit-box-shadow: none;
1930 .postbox table.form-table {
1934 .postbox table.widefat {
1935 -webkit-box-shadow: none;
1940 border: 1px dotted #ccc;
1943 .columns-prefs label {
1944 padding: 0 0 0 10px;
1947 /* @todo: what is this doing here */
1948 #dashboard_right_now .versions .b,
1949 #post-status-display,
1950 #post-visibility-display,
1951 #adminmenu .wp-submenu li.current,
1952 #adminmenu .wp-submenu li.current a,
1953 #adminmenu .wp-submenu li.current a:hover,
1954 .media-item .percent,
1956 #pass-strength-result.strong,
1957 #pass-strength-result.short,
1958 #ed_reply_toolbar #ed_reply_strong,
1959 .item-controls .item-order a,
1960 .feature-filter .feature-name {
1964 /*------------------------------------------------------------------------------
1966 ------------------------------------------------------------------------------*/
1988 text-decoration: none;
1992 text-decoration: underline;
1995 /*------------------------------------------------------------------------------
1996 25.0 - Tabbed Admin Screen Interface (Experimental)
1997 ------------------------------------------------------------------------------*/
2001 border: 1px solid #ccc;
2002 border-bottom: none;
2003 margin-right: 0.5em; /* half the font size so set the font size properly */
2008 background: #e4e4e4;
2010 text-decoration: none;
2011 white-space: nowrap;
2014 h3 .nav-tab, /* Back-compat for pre-4.4 */
2015 .nav-tab-small .nav-tab {
2023 background-color: #fff;
2028 .nav-tab:focus:active {
2029 -webkit-box-shadow: none;
2034 margin-bottom: -1px;
2039 .nav-tab-active:hover,
2040 .nav-tab-active:focus,
2041 .nav-tab-active:focus:active {
2042 border-bottom: 1px solid #f1f1f1;
2043 background: #f1f1f1;
2047 h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
2048 .wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
2049 h3.nav-tab-wrapper {
2050 border-bottom: 1px solid #ccc;
2052 padding: 9px 0 0 15px;
2053 line-height: inherit;
2056 /* contain floats */
2057 .nav-tab-wrapper:after {
2063 /*------------------------------------------------------------------------------
2065 ------------------------------------------------------------------------------*/
2068 background: url(../images/spinner.gif) no-repeat;
2069 -webkit-background-size: 20px 20px;
2070 background-size: 20px 20px;
2071 display: inline-block;
2074 vertical-align: middle;
2076 filter: alpha(opacity=70);
2082 .spinner.is-active {
2083 visibility: visible;
2090 .metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
2091 .metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
2092 .metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
2093 .metabox-holder h2.hndle {
2100 /* Back-compat for nav-menus screen */
2101 .nav-menus-php .metabox-holder h3 {
2102 padding: 10px 14px 11px 10px;
2106 #templateside ul li a {
2107 text-decoration: none;
2110 .plugin-install #description,
2111 .plugin-install-network #description {
2116 table .column-visible,
2117 table .column-rating {
2127 /* Scrollbar fix for bulk upgrade iframe */
2132 /* Upgrader styles, Specific to Language Packs */
2136 .lp-show-latest p:last-child,
2137 .lp-show-latest .lp-error p {
2141 /* - Only used once or twice in all of WP - deprecate for global style
2142 ------------------------------------------------------------------------------*/
2144 width: 62px; /* icon + border */
2149 border: 1px solid #e7e7e7;
2150 border: 1px solid rgba(0, 0, 0, 0.07);
2168 #post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */
2169 #post-body #post-body-content #namediv h2 {
2173 .edit-comment-author {
2178 margin: 2px 9px 0 0;
2181 #namediv h3 label, /* Back-compat for pre-4.4 */
2183 vertical-align: baseline;
2192 white-space: nowrap;
2204 margin-bottom: 0 !important;
2207 /* - Used - but could/should be deprecated with a CSS reset
2208 ------------------------------------------------------------------------------*/
2242 .post-categories li {
2246 /* Star Ratings - Back-compat for pre-3.8 */
2251 background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
2254 div.star-holder .star-rating {
2255 background: url(../images/stars.png?ver=20121108) repeat-x top left;
2262 white-space: nowrap;
2264 .star-rating .star {
2265 display: inline-block;
2268 -webkit-font-smoothing: antialiased;
2271 font-family: dashicons;
2272 text-decoration: inherit;
2273 font-weight: normal;
2275 vertical-align: top;
2276 -webkit-transition: color .1s ease-in 0;
2277 transition: color .1s ease-in 0;
2282 .star-rating .star-full:before {
2286 .star-rating .star-half:before {
2290 .rtl .star-rating .star-half {
2291 -webkit-transform: rotateY(180deg);
2292 -ms-transform: rotateY(180deg);
2293 transform: rotateY(180deg);
2296 .star-rating .star-empty:before {
2301 font-weight: normal;
2305 /* Plugin install thickbox */
2306 #plugin-information {
2317 #plugin-information-scrollable {
2319 -webkit-overflow-scrolling: touch;
2323 #plugin-information-title {
2325 background: #f5f5f5;
2335 text-overflow: ellipsis;
2336 white-space: nowrap;
2339 #plugin-information-title.with-banner {
2343 -webkit-background-size: cover;
2344 background-size: cover;
2347 #plugin-information-title h2 {
2354 text-overflow: ellipsis;
2355 white-space: nowrap;
2358 #plugin-information-title.with-banner h2 {
2359 font-family: "Helvetica Neue", sans-serif;
2360 display: inline-block;
2364 margin: 174px 10px 0 0;
2366 background: rgba( 30, 30, 30, 0.9 );
2367 text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.4 );
2368 -webkit-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
2369 box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
2370 -webkit-border-radius: 8px;
2374 #plugin-information-title div.vignette {
2378 #plugin-information-title.with-banner div.vignette {
2385 background: transparent;
2386 -webkit-box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
2387 box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
2390 #plugin-information-tabs {
2397 border-bottom: 1px solid #ddd;
2398 background: #f3f3f3;
2401 #plugin-information-tabs a {
2409 text-decoration: none;
2410 -webkit-transition: none;
2414 #plugin-information-tabs a.current {
2417 border: 1px solid #ddd;
2418 border-bottom-color: #fff;
2423 #plugin-information-tabs.with-banner a.current {
2428 #plugin-information-tabs a:active,
2429 #plugin-information-tabs a:focus {
2433 #plugin-information-content {
2434 overflow: hidden; /* equal height column trick */
2441 /* Height of title + tabs + install now */
2442 min-height: -webkit-calc( 100% - 152px );
2443 min-height: calc( 100% - 152px );
2446 #plugin-information-content.with-banner {
2447 /* Height of banner + tabs + install now */
2448 min-height: -webkit-calc( 100% - 346px );
2449 min-height: calc( 100% - 346px );
2458 margin-left: 250px; /* FYI box */
2460 margin-bottom: -99939px; /* 60px less than the padding below to accommodate footer */
2461 padding-bottom: 99999px; /* equal height column trick */
2464 #section-holder .updated {
2468 #plugin-information .fyi {
2474 margin-bottom: -99939px; /* 60px less than the padding below to accommodate footer */
2475 padding-bottom: 99999px; /* equal height column trick */
2477 border-right: 1px solid #ddd;
2478 background: #f3f3f3;
2482 #plugin-information .fyi strong {
2486 #plugin-information .fyi h3 {
2488 text-transform: uppercase;
2494 #plugin-information .fyi h2 {
2500 #plugin-information .fyi ul {
2506 #plugin-information .fyi li {
2510 #plugin-information .counter-container {
2514 #plugin-information .counter-label {
2520 #plugin-information .counter-back {
2523 background-color: #ececec;
2527 #plugin-information .counter-bar {
2529 background-color: #ffc733; /* slightly lighter than stars due to larger expanse */
2533 #plugin-information .counter-count {
2537 #plugin-information .fyi ul.contributors {
2541 #plugin-information .fyi ul.contributors li {
2542 display: inline-block;
2544 vertical-align: middle;
2547 #plugin-information .fyi ul.contributors li {
2548 display: inline-block;
2550 vertical-align: middle;
2553 #plugin-information .fyi ul.contributors li img {
2554 vertical-align: middle;
2558 #plugin-information-footer {
2564 height: 33px; /* 33+13+13+1=60 */
2565 border-top: 1px solid #ddd;
2566 background: #f3f3f3;
2570 #plugin-information .section {
2575 #plugin-information .section ul,
2576 #plugin-information .section ol {
2577 list-style-type: disc;
2581 #plugin-information .section,
2582 #plugin-information .section p {
2587 #plugin-information #section-screenshots ol {
2592 #plugin-information #section-screenshots li img {
2593 vertical-align: text-top;
2598 -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
2599 box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
2603 #plugin-information #section-screenshots li p {
2608 #plugin-information pre {
2611 border: 1px solid #ccc;
2615 #plugin-information .review {
2616 overflow: hidden; /* clearfix */
2618 margin-bottom: 20px;
2619 border-bottom: 1px solid #e6e6e6;
2622 #plugin-information .review-title-section {
2623 overflow: hidden; /* clearfix */
2627 #plugin-information .review-title-section h4 {
2628 display: inline-block;
2633 #plugin-information .reviewer-info p {
2640 #plugin-information .reviewer-info .avatar {
2642 margin: 4px 6px 0 0;
2646 #plugin-information .reviewer-info .star-rating {
2651 #plugin-information .review-meta {
2653 margin-left: 0.75em;
2657 #plugin-information .review-body {
2662 .plugin-version-author-uri {
2666 @media screen and ( max-width: 771px ) {
2667 #plugin-information-title.with-banner {
2672 #plugin-information-title.with-banner h2 {
2679 #plugin-information-title.with-banner div.vignette {
2685 #plugin-information-tabs {
2686 overflow: hidden; /* clearfix */
2688 height: auto; /* let tabs wrap */
2691 #plugin-information-tabs a.current {
2693 border-bottom: none;
2696 #plugin-information .fyi {
2698 border: 1px solid #ddd;
2701 margin: 26px 26px 0;
2702 padding-bottom: 0; /* reset from the two column height fix */
2708 padding-bottom: 70px; /* reset from the two column height fix, plus accomodate footer */
2711 #plugin-information .fyi h3,
2712 #plugin-information .fyi small {
2716 #plugin-information-footer {
2717 padding: 12px 16px 0;
2722 /* Thickbox for Plugin Install screen */
2723 body.about-php #TB_window,
2724 body.plugin-install-php #TB_window,
2725 body.import-php #TB_window,
2726 body.plugins-php #TB_window,
2727 body.update-core-php #TB_window,
2728 body.index-php #TB_window {
2729 background: #fcfcfc;
2732 /* IE 8 needs a change in the pseudo element content */
2733 .ie8 body.about-php #TB_window:before,
2734 .ie8 body.plugin-install-php #TB_window:before,
2735 .ie8 body.import-php #TB_window:before,
2736 .ie8 body.plugins-php #TB_window:before,
2737 .ie8 body.update-core-php #TB_window:before,
2738 .ie8 body.index-php #TB_window:before {
2743 body.about-php #TB_window.thickbox-loading:before,
2744 body.plugin-install-php #TB_window.thickbox-loading:before,
2745 body.import-php #TB_window.thickbox-loading:before,
2746 body.plugins-php #TB_window.thickbox-loading:before,
2747 body.update-core-php #TB_window.thickbox-loading:before,
2748 body.index-php #TB_window.thickbox-loading:before {
2757 margin: -10px -10px 0 0;
2758 background: #fcfcfc url(../images/spinner.gif) no-repeat center;
2759 -webkit-background-size: 20px 20px;
2760 background-size: 20px 20px;
2761 -webkit-transform: translateZ(0);
2762 transform: translateZ(0);
2766 (-webkit-min-device-pixel-ratio: 1.25),
2767 (min-resolution: 120dpi) {
2769 body.about-php #TB_window.thickbox-loading:before,
2770 body.plugin-install-php #TB_window.thickbox-loading:before,
2771 body.import-php #TB_window.thickbox-loading:before,
2772 body.plugins-php #TB_window.thickbox-loading:before,
2773 body.update-core-php #TB_window.thickbox-loading:before,
2774 body.index-php #TB_window.thickbox-loading:before {
2775 background-image: url(../images/spinner-2x.gif);
2779 body.about-php #TB_title,
2780 body.plugin-install-php #TB_title,
2781 body.import-php #TB_title,
2782 body.plugins-php #TB_title,
2783 body.update-core-php #TB_title,
2784 body.index-php #TB_title {
2789 body.about-php #TB_ajaxWindowTitle,
2790 body.plugin-install-php #TB_ajaxWindowTitle,
2791 body.import-php #TB_ajaxWindowTitle,
2792 body.plugins-php #TB_ajaxWindowTitle,
2793 body.update-core-php #TB_ajaxWindowTitle,
2794 body.index-php #TB_ajaxWindowTitle {
2798 body.about-php .tb-close-icon,
2799 body.plugin-install-php .tb-close-icon,
2800 body.import-php .tb-close-icon,
2801 body.plugins-php .tb-close-icon,
2802 body.update-core-php .tb-close-icon,
2803 body.index-php .tb-close-icon {
2807 -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
2808 transition: color .1s ease-in-out, background .1s ease-in-out;
2811 body.about-php #TB_closeWindowButton:focus,
2812 body.about-php #TB_closeWindowButton:focus .tb-close-icon,
2813 body.about-php .tb-close-icon:focus,
2814 body.about-php .tb-close-icon:hover,
2815 body.plugin-install-php #TB_closeWindowButton:focus,
2816 body.plugin-install-php #TB_closeWindowButton:focus .tb-close-icon,
2817 body.plugin-install-php .tb-close-icon:focus,
2818 body.plugin-install-php .tb-close-icon:hover,
2819 body.import-php #TB_closeWindowButton:focus,
2820 body.import-php #TB_closeWindowButton:focus .tb-close-icon,
2821 body.import-php .tb-close-icon:focus,
2822 body.import-php .tb-close-icon:hover,
2823 body.plugins-php #TB_closeWindowButton:focus,
2824 body.plugins-php #TB_closeWindowButton:focus .tb-close-icon,
2825 body.plugins-php .tb-close-icon:focus,
2826 body.plugins-php .tb-close-icon:hover,
2827 body.update-core-php #TB_closeWindowButton:focus,
2828 body.update-core-php #TB_closeWindowButton:focus .tb-close-icon,
2829 body.update-core-php .tb-close-icon:focus,
2830 body.update-core-php .tb-close-icon:hover,
2831 body.index-php #TB_closeWindowButton:focus,
2832 body.index-php #TB_closeWindowButton:focus .tb-close-icon,
2833 body.index-php .tb-close-icon:focus,
2834 body.index-php .tb-close-icon:hover {
2837 -webkit-box-shadow: none;
2841 body.about-php .tb-close-icon:before,
2842 body.plugin-install-php .tb-close-icon:before,
2843 body.import-php .tb-close-icon:before,
2844 body.plugins-php .tb-close-icon:before,
2845 body.update-core-php .tb-close-icon:before,
2846 body.index-php .tb-close-icon:before {
2851 /* move plugin install close icon to top on narrow screens */
2852 @media screen and ( max-width: 830px ) {
2853 body.about-php .tb-close-icon,
2854 body.plugin-install-php .tb-close-icon,
2855 body.import-php .tb-close-icon,
2856 body.plugins-php .tb-close-icon,
2857 body.update-core-php .tb-close-icon,
2858 body.index-php .tb-close-icon {
2864 /* @todo: move this. */
2870 /* @todo: are these also specific to Press This? */
2872 border-bottom: 1px solid #dfdfdf;
2879 /* Metabox collapse arrow indicators */
2880 .js .sidebar-name .sidebar-name-arrow:before,
2881 .js .meta-box-sortables .postbox .toggle-indicator:before {
2883 display: inline-block;
2884 font: normal 20px/1 dashicons;
2886 -webkit-font-smoothing: antialiased;
2887 -moz-osx-font-smoothing: grayscale;
2888 text-decoration: none !important;
2891 .js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
2892 .js .meta-box-sortables .postbox.closed .handlediv .toggle-indicator:before {
2896 .js .sidebar-name .sidebar-name-arrow:before {
2901 .js #widgets-left .sidebar-name .sidebar-name-arrow {
2905 .js #widgets-left .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow,
2906 .js #widgets-left .sidebar-name:hover .sidebar-name-arrow {
2910 .js .postbox .handlediv .toggle-indicator:before {
2913 -webkit-border-radius: 50%;
2915 text-indent: -1px; /* account for the dashicon alignment */
2918 .rtl.js .postbox .handlediv .toggle-indicator:before {
2919 text-indent: 1px; /* account for the dashicon alignment */
2922 .js .postbox .handlediv:focus {
2923 -webkit-box-shadow: none;
2928 .js .postbox .handlediv:focus .toggle-indicator:before {
2931 0 0 2px 1px rgba(30, 140, 190, .8);
2934 0 0 2px 1px rgba(30, 140, 190, .8);
2937 /* @todo: appears to be Press This only and overridden */
2938 #photo-add-url-div input[type="text"] {
2942 /* Theme/Plugin Editor */
2947 #template textarea {
2948 font-family: Consolas, Monaco, monospace;
2951 background: #f9f9f9;
2968 word-wrap: break-word;
2972 #postcustomstuff p.submit {
2991 .theme-editor-php .highlight {
2993 padding: 3px 12px 3px 3px;
2994 text-decoration: none;
2997 .theme-editor-php .highlight {
2998 margin: -3px -12px -3px 3px;
3001 #templateside .highlight {
3010 padding-right: 12px;
3017 #documentation label {
3019 vertical-align: baseline;
3024 padding: 10px 0 8px;
3028 /* @todo: can we use a common class for these? */
3029 .nav-menus-php .item-edit:before,
3030 .widget-top a.widget-action:after,
3031 .control-section .accordion-section-title:after,
3032 .accordion-section-title:after {
3037 font: normal 20px/1 dashicons;
3044 -webkit-font-smoothing: antialiased;
3045 -moz-osx-font-smoothing: grayscale;
3046 text-decoration: none !important;
3052 .sidebar-name-arrow,
3053 .accordion-section-title:after {
3057 .widget-action:hover,
3061 .sidebar-name:hover .sidebar-name-arrow,
3062 .accordion-section-title:hover:after {
3066 .widget-top a.widget-action:after {
3067 padding: 1px 0px 1px 2px;
3070 -webkit-border-radius: 50%;
3074 .widget-top a.widget-action:focus:after {
3077 0 0 2px 1px rgba(30,140,190,.8);
3080 0 0 2px 1px rgba(30,140,190,.8);
3083 .control-section .accordion-section-title:after,
3084 .accordion-section-title:after {
3090 .control-section.open .accordion-section-title:after,
3091 #customize-info.open .accordion-section-title:after,
3092 .nav-menus-php .menu-item-edit-active .item-edit:before,
3093 .widget.open .widget-top a.widget-action:after {
3098 * jQuery UI Draggable/Sortable 1.11.4
3099 * http://jqueryui.com
3101 * Copyright jQuery Foundation and other contributors
3102 * Released under the MIT license.
3103 * http://jquery.org/license
3105 .ui-draggable-handle,
3106 .ui-sortable-handle {
3107 -ms-touch-action: none;
3112 .accordion-section {
3113 border-bottom: 1px solid #dfdfdf;
3117 .accordion-section.open .accordion-section-content,
3118 .no-js .accordion-section .accordion-section-content {
3122 .accordion-section.open:hover {
3123 border-bottom-color: #dfdfdf;
3126 .accordion-section-content {
3128 padding: 10px 20px 15px;
3133 .accordion-section-title {
3135 padding: 12px 15px 15px;
3137 border-right: 1px solid #dfdfdf;
3138 border-left: 1px solid #dfdfdf;
3139 -webkit-user-select: none;
3140 -moz-user-select: none;
3141 -ms-user-select: none;
3145 .js .accordion-section-title {
3149 .js .accordion-section-title:after {
3156 .accordion-section-title:focus {
3160 .accordion-section-title:hover:after,
3161 .accordion-section-title:focus:after {
3162 border-color: #a0a5aa transparent;
3165 .cannot-expand .accordion-section-title {
3169 .cannot-expand .accordion-section-title:after {
3173 .control-section .accordion-section-title {
3176 padding: 10px 14px 11px 10px;
3181 .control-section .accordion-section-title:after {
3185 .js .control-section:hover .accordion-section-title,
3186 .js .control-section .accordion-section-title:hover,
3187 .js .control-section.open .accordion-section-title,
3188 .js .control-section .accordion-section-title:focus {
3190 background: #f5f5f5;
3193 .control-section.open .accordion-section-title {
3195 border-bottom: 1px solid #dfdfdf;
3199 .network-admin .edit-site-actions {
3217 @media only screen and (max-width: 599px) {
3223 @media only screen and (min-width: 600px) {
3224 .my-sites.striped li {
3225 background-color: #fff;
3228 .my-sites.striped li:after {
3239 @media only screen and (min-width: 600px) and (max-width: 699px) {
3244 .my-sites.striped li {
3245 background-color: #fff;
3247 .my-sites.striped li:nth-of-type(2n+1) {
3250 .my-sites.striped li:nth-of-type(2n+2):after {
3253 .my-sites li:nth-of-type(4n+1),
3254 .my-sites li:nth-of-type(4n+2) {
3255 background-color: #f9f9f9;
3260 @media only screen and (min-width: 700px) and (max-width: 1199px) {
3264 background-color: #fff;
3266 .my-sites.striped li:nth-of-type(3n+3):after {
3269 .my-sites li:nth-of-type(6n+1),
3270 .my-sites li:nth-of-type(6n+2),
3271 .my-sites li:nth-of-type(6n+3) {
3272 background-color: #f9f9f9;
3276 @media only screen and (min-width: 1200px) and (max-width: 1399px) {
3281 background-color: #fff;
3283 .my-sites.striped li:nth-of-type(4n+1) {
3286 .my-sites.striped li:nth-of-type(4n+4):after {
3289 .my-sites li:nth-of-type(8n+1),
3290 .my-sites li:nth-of-type(8n+2),
3291 .my-sites li:nth-of-type(8n+3),
3292 .my-sites li:nth-of-type(8n+4) {
3293 background-color: #f9f9f9;
3297 @media only screen and (min-width: 1400px) and (max-width: 1599px) {
3302 background-color: #fff;
3304 .my-sites.striped li:nth-of-type(5n+1) {
3307 .my-sites.striped li:nth-of-type(5n+5):after {
3310 .my-sites li:nth-of-type(10n+1),
3311 .my-sites li:nth-of-type(10n+2),
3312 .my-sites li:nth-of-type(10n+3),
3313 .my-sites li:nth-of-type(10n+4),
3314 .my-sites li:nth-of-type(10n+5) {
3315 background-color: #f9f9f9;
3319 @media only screen and (min-width: 1600px) {
3324 background-color: #fff;
3326 .my-sites.striped li:nth-of-type(6n+1) {
3329 .my-sites.striped li:nth-of-type(6n+6):after {
3332 .my-sites li:nth-of-type(12n+1),
3333 .my-sites li:nth-of-type(12n+2),
3334 .my-sites li:nth-of-type(12n+3),
3335 .my-sites li:nth-of-type(12n+4),
3336 .my-sites li:nth-of-type(12n+5),
3337 .my-sites li:nth-of-type(12n+6) {
3338 background-color: #f9f9f9;
3343 text-decoration: none;
3347 -------------------------------------------------------------- */
3349 /* @todo: de-duplication */
3350 @media only screen and (min-width: 769px) {
3361 @media only screen and (max-width: 860px) {
3373 @media only screen and (min-width: 980px) {
3385 @media only screen and (max-width: 768px) {
3400 (-webkit-min-device-pixel-ratio: 1.25),
3401 (min-resolution: 120dpi) {
3402 /* Back-compat for pre-3.8 */
3404 div.star-holder .star-rating {
3405 background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
3406 -webkit-background-size: 21px 37px;
3407 background-size: 21px 37px;
3411 background-image: url(../images/spinner-2x.gif);
3414 /* @todo: evaluate - most of these were likely replaced by dashicons */
3415 .curtime #timestamp,
3416 #screen-meta-links a.show-settings,
3417 .widget-top a.widget-action,
3418 .widget-top a.widget-action:hover,
3419 .sidebar-name-arrow,
3420 .sidebar-name:hover .sidebar-name-arrow,
3421 .meta-box-sortables .postbox:hover .handlediv,
3422 .tagchecklist span a,
3424 .tagchecklist span a:hover,
3425 #bulk-titles div a:hover {
3426 background: none !important;
3432 width: device-width;
3435 @media screen and ( max-width: 782px ) {
3446 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
3452 padding-right: 10px;
3456 padding-bottom: 100px;
3468 /* Hidden Elements */
3472 .post-format-select {
3473 display: none !important;
3476 .wrap .add-new-h2, /* deprecated */
3477 .wrap .add-new-h2:active, /* deprecated */
3478 .wrap .page-title-action,
3479 .wrap .page-title-action:active {
3482 white-space: nowrap;
3487 padding-right: 45px;
3490 .wp-color-result:after {
3496 /* Feedback Messages */
3500 .media-upload-form div.error {
3501 margin: 20px 0 10px 0;
3507 .wp-core-ui .notice.is-dismissible {
3515 .wrap .icon32 + h2 {
3519 .wp-responsive-open #wpbody {
3524 word-wrap: break-word;
3527 /* General Metabox */
3532 .metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
3533 .metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
3534 .metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
3535 .metabox-holder h2 {
3539 .postbox .handlediv {
3547 margin-bottom: 15px;
3550 /* Theme/Plugin File Editor */
3560 #templateside li a {
3565 #templateside .highlight {
3577 #template textarea {
3581 .fileedit-sub .alignright {
3589 #comments-form .checkforspam {
3593 .edit-comment-author {
3597 .filter-drawer .filter-group-feature input,
3598 .filter-drawer .filter-group-feature label {
3604 @media screen and (max-width: 600px) {
3605 /* Disable horizontal scroll when responsive menu is open
3606 since we push the main content off to the right. */
3607 #wpwrap.wp-responsive-open {
3619 /* Keep full-width boxes on Edit Post page from causing horizontal scroll */
3620 div#post-body.metabox-holder.columns-1 {
3625 .wrap h2.nav-tab-wrapper,
3626 h3.nav-tab-wrapper {
3636 border-bottom: 1px solid #ccc;
3640 @media screen and (max-width: 320px) {
3641 /* Prevent default center alignment and larger font for the Right Now widget when
3642 the network dashboard is viewed on a small mobile device. */
3643 #network_dashboard_right_now .subsubsub {