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 */
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 0 0 3px;
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 20px 0 2px;
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 15px 4px 0;
588 .wrap .add-new-h2, /* deprecated */
589 .wrap .add-new-h2:active, /* deprecated */
590 .wrap .page-title-action,
591 .wrap .page-title-action:active {
596 text-decoration: none;
598 border: 1px solid #ccc;
599 -webkit-border-radius: 2px;
605 line-height: normal; /* IE8-IE11 need this for buttons */
606 color: #0073aa; /* some of these controls are button elements and don't inherit from links */
611 .wrap .add-new-h2:hover, /* deprecated */
612 .wrap .page-title-action:hover {
613 border-color: #008EC2;
618 /* lower specificity: color needs to be overridden by :hover and :active */
619 .page-title-action:focus {
623 .wrap .page-title-action:focus {
624 border-color: #5b9dd9;
625 -webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
626 box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
629 .wrap h1.long-header {
634 background-color: #fff;
638 #widgets-left .widget-in-question .widget-top,
639 #available-widgets .widget-top:hover,
640 div#widgets-right .widget-top:hover,
641 #widgets-left .widget-top:hover {
643 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
644 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
648 background-color: #ccf3fa;
652 .subsubsub a.current {
656 .striped > tbody > :nth-child(odd),
657 ul.striped > :nth-child(odd),
659 background-color: #f9f9f9;
663 background-color: #e8e8e8;
664 border-right-color: #99d;
667 /* Helper classes for plugins to leverage the active WordPress color scheme */
670 background-color: #e4f2fd;
676 background-color: #32373c;
678 .wp-ui-text-primary {
684 background-color: #1e8cbe;
686 .wp-ui-text-highlight {
690 .wp-ui-notification {
692 background-color: #d54e21;
694 .wp-ui-text-notification {
699 color: #82878c; /* same as new icons */
702 /* For emoji replacement images */
704 display: inline !important;
705 border: none !important;
706 height: 1em !important;
707 width: 1em !important;
708 margin: 0 .07em !important;
709 vertical-align: -0.1em !important;
710 background: none !important;
711 padding: 0 !important;
712 -webkit-box-shadow: none !important;
713 box-shadow: none !important;
716 /*------------------------------------------------------------------------------
718 ------------------------------------------------------------------------------*/
723 .control-section .accordion-section-title,
730 #your-profile #rich_editing,
746 border-bottom: 1px solid #eee;
751 background-color: #ccc;
760 /* @todo can we combine these into a class or use an existing dashicon one? */
761 .welcome-panel .welcome-panel-close:before,
762 .tagchecklist span a:before,
763 #bulk-titles div a:before,
764 .notice-dismiss:before {
769 font: normal 16px/20px dashicons;
774 -webkit-font-smoothing: antialiased;
775 -moz-osx-font-smoothing: grayscale;
778 .welcome-panel .welcome-panel-close:before {
782 .tagchecklist span a:before,
783 #bulk-titles div a:before {
787 .welcome-panel .welcome-panel-close:hover:before,
788 .welcome-panel .welcome-panel-close:focus:before,
789 .tagchecklist span a:hover:before,
790 #bulk-titles div a:hover:before {
803 /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
804 white-space: pre-wrap; /* css-3 */
805 word-wrap: break-word; /* IE 5.5 - 7 */
825 border-top: 1px solid #ddd;
826 border-bottom: 1px solid #fafafa;
829 .row-actions span.delete a,
830 .row-actions span.trash a,
831 .row-actions span.spam a,
833 #all-plugins-table .plugins a.delete,
834 #search-plugins-table .plugins a.delete,
835 .submitbox .submitdelete,
836 #media-items a.delete,
837 #media-items a.delete-permanently,
838 #nav-menu-footer .menu-delete {
845 .widget-control-remove:hover,
846 .row-actions .delete a:hover,
847 .row-actions .trash a:hover,
848 .row-actions .spam a:hover,
849 .plugins a.delete:hover,
850 #all-plugins-table .plugins a.delete:hover,
851 #search-plugins-table .plugins a.delete:hover,
852 .submitbox .submitdelete:hover,
853 #media-items a.delete:hover,
854 #media-items a.delete-permanently:hover,
855 #nav-menu-footer .menu-delete:hover {
857 text-decoration: none;
861 /*------------------------------------------------------------------------------
863 ------------------------------------------------------------------------------*/
865 #major-publishing-actions {
868 border-top: 1px solid #ddd;
874 vertical-align: middle;
885 #publishing-action .spinner {
889 #misc-publishing-actions {
894 padding: 6px 10px 8px;
898 word-wrap: break-word;
901 #minor-publishing-actions {
902 padding: 10px 10px 0 10px;
919 .unapproved .unapprove {
923 .unapproved .approve,
936 display: inline-block;
938 -webkit-box-sizing: border-box;
939 -moz-box-sizing: border-box;
940 box-sizing: border-box;
944 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
945 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
946 border: 1px solid #e5e5e5;
953 text-decoration: none;
957 display: inline-block;
958 vertical-align: middle;
963 .filter-count .count {
964 display: inline-block;
968 -webkit-border-radius: 30px;
976 /* not a part of filter bar, but derived from it, so here for now */
989 display: inline-block;
994 display: inline-block;
998 .filter-links li > a {
999 display: inline-block;
1002 border-bottom: 4px solid #fff;
1007 .filter-links .current {
1008 -webkit-box-shadow: none;
1010 border-bottom: 4px solid #666;
1014 .filter-links li > a:hover,
1015 .filter-links li > a:focus,
1016 .show-filters .filter-links a.current:hover,
1017 .show-filters .filter-links a.current:focus {
1021 .wp-filter .search-form {
1026 .wp-filter .search-form input[type="search"] {
1036 .wp-filter .search-form select {
1039 vertical-align: top;
1042 .wp-filter .search-form.search-plugins {
1043 display: inline-block;
1046 .wp-filter .drawer-toggle {
1047 display: inline-block;
1054 .wp-filter .drawer-toggle:before {
1055 display: inline-block;
1056 vertical-align: top;
1062 -webkit-transition: color .1s ease-in 0;
1063 transition: color .1s ease-in 0;
1064 font-family: dashicons;
1068 text-decoration: inherit;
1071 -webkit-font-smoothing: antialiased;
1074 .wp-filter .drawer-toggle:hover,
1075 .wp-filter .drawer-toggle:hover:before {
1079 .wp-filter .drawer-toggle.current:before {
1083 .wp-filter .favorites-form {
1087 border-top: 1px solid #eee;
1088 background: #fafafa;
1093 .show-favorites-form .wp-filter .favorites-form {
1101 border-top: 1px solid #eee;
1102 background: #fafafa;
1105 .show-filters .filter-drawer {
1111 .show-filters .wp-filter .drawer-toggle:hover,
1112 .show-filters .wp-filter .drawer-toggle:focus {
1113 background: rgb(46, 162, 204);
1116 .show-filters .filter-links a.current {
1117 border-bottom: none;
1120 .show-filters .wp-filter .drawer-toggle {
1121 -webkit-border-radius: 2px;
1124 background: #72777c;
1128 .show-filters .wp-filter .drawer-toggle:before {
1133 -webkit-box-sizing: border-box;
1134 -moz-box-sizing: border-box;
1135 box-sizing: border-box;
1139 padding: 20px 10px 10px;
1142 border: 1px solid #e5e5e5;
1143 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1144 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1147 .filter-group legend {
1157 .filter-drawer .filter-group-feature {
1159 list-style-type: none;
1163 .filter-drawer .filter-group-feature input,
1164 .filter-drawer .filter-group-feature label {
1165 display: inline-block;
1166 margin: 7px 4px 7px 0;
1170 .filter-drawer .buttons {
1171 margin-bottom: 20px;
1174 .filter-drawer .buttons .button span {
1175 display: inline-block;
1181 .wp-filter .button.clear-filters {
1191 .filtered-by > span {
1199 .filtered-by .tags {
1206 border: 1px solid #e5e5e5;
1207 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1208 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1213 .filters-applied .filter-group,
1214 .filters-applied .filter-drawer .buttons,
1215 .filters-applied .filter-drawer br {
1216 display: none !important;
1219 .filters-applied .filtered-by {
1223 .filters-applied .filter-drawer {
1227 .show-filters .content-filterable,
1228 .show-filters.filters-applied.loading-content .content-filterable,
1229 .loading-content .content-filterable,
1230 .error .content-filterable {
1234 .show-filters.filters-applied .content-filterable {
1238 .loading-content .spinner {
1240 margin: 40px auto 0;
1244 @media only screen and (max-width: 1120px) {
1246 border-bottom: 1px solid #eee;
1260 @media only screen and (max-width: 1000px) {
1265 .wp-filter .media-toolbar-primary,
1266 .wp-filter .media-toolbar-secondary,
1267 .wp-filter .search-form {
1268 float: none; /* Remove float from media-views.css */
1274 @media only screen and (max-width: 782px) {
1281 @media only screen and (max-width: 320px) {
1286 .wp-filter .drawer-toggle {
1291 .wp-filter .search-form input[type="search"] {
1296 /*------------------------------------------------------------------------------
1298 ------------------------------------------------------------------------------*/
1304 border-left: 4px solid #fff;
1305 -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
1306 box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
1307 margin: 5px 15px 2px;
1311 div[class="update-message"] { /* back-compat for pre-4.6 */
1312 padding: 0.5em 12px 0.5em 0;
1319 .form-table td .notice p {
1325 text-decoration: underline;
1329 padding-bottom: 2px;
1333 -webkit-box-shadow: none;
1342 display: inline-block;
1347 .wp-core-ui .notice.is-dismissible {
1348 padding-right: 38px;
1364 .notice-dismiss:hover:before,
1365 .notice-dismiss:active:before,
1366 .notice-dismiss:focus:before {
1370 .notice-dismiss:focus {
1372 -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
1373 box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
1376 .ie8 .notice-dismiss:focus {
1377 outline: 1px solid #5b9dd9;
1382 border-left-color: #46b450;
1385 .notice-success.notice-alt {
1386 background-color: #ecf7ed;
1390 border-left-color: #ffb900;
1393 .notice-warning.notice-alt {
1394 background-color: #fff8e5;
1399 border-left-color: #dc3232;
1402 .notice-error.notice-alt {
1403 background-color: #fbeaea;
1407 border-left-color: #00a0d2;
1410 .notice-info.notice-alt {
1411 background-color: #e5f5fa;
1414 .update-message p:before,
1415 .updating-message p:before,
1416 .updated-message p:before,
1417 .import-php .updating-message:before,
1418 .button.updating-message:before,
1419 .button.updated-message:before,
1420 .button.installed:before,
1421 .button.installing:before {
1422 display: inline-block;
1423 font: normal 20px/1 'dashicons';
1424 -webkit-font-smoothing: antialiased;
1425 -moz-osx-font-smoothing: grayscale;
1426 vertical-align: top;
1432 .media-upload-form .notice,
1433 .media-upload-form div.error {
1438 .update-message p:before,
1439 .updating-message p:before,
1440 .import-php .updating-message:before,
1441 .button.updating-message:before,
1442 .button.installing:before {
1447 /* Spins the update icon. */
1448 .updating-message p:before,
1449 .import-php .updating-message:before,
1450 .button.updating-message:before,
1451 .button.installing:before {
1452 -webkit-animation: rotation 2s infinite linear;
1453 animation: rotation 2s infinite linear;
1456 /* Updated icon (check mark). */
1457 .updated-message p:before,
1458 .installed p:before,
1459 .button.updated-message:before {
1465 .update-message.notice-error p:before {
1470 .wrap .notice p:before,
1471 .import-php .updating-message:before {
1473 vertical-align: bottom;
1478 display: inline-block;
1483 margin: 25px 20px 0 2px;
1484 background-color: #fff;
1485 border-left: 4px solid #ffba00;
1486 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
1487 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
1490 ul#dismissed-updates {
1498 form.upgrade .hint {
1501 margin: -0.5em 0 2em 0;
1504 .update-php .spinner {
1513 .list-ajax-loading { /* deprecated */
1517 #ajax-response.alignleft {
1521 .button.updating-message:before,
1522 .button.updated-message:before,
1523 .button.installed:before,
1524 .button.installing:before {
1525 margin: 3px 5px 0 -2px;
1528 .button-primary.updating-message:before {
1532 .button-primary.updated-message:before {
1536 .button.updated-message,
1537 .notice .button-link {
1538 -webkit-transition-property: border, background, color;
1539 transition-property: border, background, color;
1540 -webkit-transition-duration: .05s;
1541 transition-duration: .05s;
1542 -webkit-transition-timing-function: ease-in-out;
1543 transition-timing-function: ease-in-out;
1546 .notice .button-link {
1550 .notice .button-link:hover,
1551 .notice .button-link:active {
1556 .wrap .notice p:before,
1557 .button.installing:before,
1558 .button.installed:before,
1559 .update-message p:before {
1565 /* @todo: this does not need its own section anymore */
1566 /*------------------------------------------------------------------------------
1568 ------------------------------------------------------------------------------*/
1572 text-decoration: none;
1575 /*------------------------------------------------------------------------------
1576 6.1 - Screen Options Tabs
1577 ------------------------------------------------------------------------------*/
1579 #screen-options-wrap,
1580 #contextual-help-wrap {
1582 padding: 8px 20px 12px;
1586 #contextual-help-wrap {
1588 margin-left: 0 !important;
1591 #screen-meta .screen-reader-text {
1595 #screen-meta-links {
1599 /* screen options and help tabs revert */
1602 margin: 0 20px -1px 0px;
1604 background-color: #fff;
1605 border: 1px solid #ddd;
1607 -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025);
1608 box-shadow: 0 1px 0 rgba(0,0,0,.025);
1611 #screen-options-link-wrap,
1612 #contextual-help-link-wrap {
1616 border: 1px solid #ddd;
1619 -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
1620 box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
1623 #screen-meta-links .screen-meta-toggle {
1628 #screen-meta-links .show-settings {
1631 -webkit-border-radius: 0;
1635 padding: 3px 6px 3px 16px;
1638 #screen-meta-links .show-settings:hover,
1639 #screen-meta-links .show-settings:active,
1640 #screen-meta-links .show-settings:focus {
1644 #screen-meta-links .show-settings:active {
1645 -webkit-box-shadow: none;
1647 -webkit-transform: none;
1648 -ms-transform: none;
1652 #screen-meta-links .show-settings:after {
1655 font: normal 20px/1 dashicons;
1657 display: inline-block;
1661 vertical-align: bottom;
1662 -webkit-font-smoothing: antialiased;
1663 -moz-osx-font-smoothing: grayscale;
1664 text-decoration: none !important;
1668 #screen-meta-links .screen-meta-active:after {
1672 /* end screen options and help tabs */
1675 background-repeat: no-repeat;
1676 background-position: top left;
1677 background-color: transparent;
1683 .toggle-arrow-active {
1684 background-position: bottom left;
1687 #screen-options-wrap h5, /* Back-compat for old plugins */
1688 #screen-options-wrap legend,
1689 #contextual-help-wrap h5 {
1696 .ie8 #screen-options-wrap legend {
1700 .metabox-prefs label {
1701 display: inline-block;
1702 padding-right: 15px;
1706 #number-of-columns {
1707 display: inline-block;
1708 vertical-align: middle;
1712 .metabox-prefs input[type=checkbox] {
1717 .metabox-prefs label input,
1718 .metabox-prefs label input[type=checkbox] {
1719 margin: -4px 5px 0 0;
1722 .metabox-prefs .columns-prefs label input {
1723 margin: -1px 2px 0 0;
1726 .metabox-prefs label a {
1730 .metabox-prefs .screen-options input,
1731 .metabox-prefs .screen-options label {
1734 vertical-align: middle;
1737 .metabox-prefs .screen-options .screen-per-page {
1741 .metabox-prefs .screen-options label {
1746 .screen-options + .screen-options {
1750 .metabox-prefs .submit {
1755 /*------------------------------------------------------------------------------
1757 ------------------------------------------------------------------------------*/
1759 #contextual-help-wrap {
1763 #contextual-help-columns {
1767 #contextual-help-back {
1773 border: 1px solid #e1e1e1;
1775 border-bottom: none;
1776 background: #f6fbfd;
1779 #contextual-help-wrap.no-sidebar #contextual-help-back {
1781 border-right-width: 0;
1782 -webkit-border-bottom-right-radius: 2px;
1783 border-bottom-right-radius: 2px;
1786 .contextual-help-tabs {
1792 .contextual-help-tabs ul {
1796 .contextual-help-tabs li {
1798 list-style-type: none;
1799 border-style: solid;
1800 border-width: 0 0 0 2px;
1801 border-color: transparent;
1804 .contextual-help-tabs a {
1806 padding: 5px 5px 5px 12px;
1808 text-decoration: none;
1809 border: 1px solid transparent;
1814 .contextual-help-tabs a:hover {
1818 .contextual-help-tabs .active {
1821 border-left: 2px solid #00a0d2;
1822 background: #f6fbfd;
1823 -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
1824 box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
1827 .contextual-help-tabs .active a {
1828 border-color: #e1e1e1;
1832 .contextual-help-tabs-wrap {
1839 margin: 0 22px 12px 0;
1843 .help-tab-content.active {
1847 .help-tab-content ul li {
1848 list-style-type: disc;
1852 .contextual-help-sidebar {
1855 padding: 0 8px 0 12px;
1859 /*------------------------------------------------------------------------------
1861 ------------------------------------------------------------------------------*/
1865 -webkit-box-sizing: border-box;
1866 -moz-box-sizing: border-box;
1867 box-sizing: border-box;
1881 .widefat thead tr th,
1882 .widefat thead tr td,
1883 .widefat tfoot tr th,
1884 .widefat tfoot tr td {
1889 margin: 2px 0 0.8em;
1898 .widefat .column-comment p {
1902 .widefat .column-comment ul {
1903 list-style: initial;
1907 /* Screens with postboxes */
1908 .postbox-container {
1912 .postbox-container .meta-box-sortables {
1913 -webkit-box-sizing: border-box;
1914 -moz-box-sizing: border-box;
1915 box-sizing: border-box;
1918 #wpbody-content .metabox-holder {
1922 .metabox-holder .postbox-container .empty-container {
1923 border: 3px dashed #b4b9be;
1928 .metabox-holder .postbox-container .empty-container:after {
1929 content: attr(data-emptystring);
1944 .metabox-holder.columns-1 .postbox-container .empty-container,
1945 .columns-2 #postbox-container-3 .empty-container,
1946 .columns-2 #postbox-container-4 .empty-container,
1947 .columns-3 #postbox-container-4 .empty-container {
1953 #post-body-content {
1959 #post-body.columns-2 #postbox-container-1 {
1961 margin-right: -300px;
1965 #post-body.columns-2 #side-sortables {
1969 /* one column on the dash */
1970 @media only screen and (max-width: 799px) {
1971 #wpbody-content .metabox-holder .postbox-container .empty-container {
1978 .js .widget .widget-top,
1979 .js .postbox .hndle {
1988 .postbox .handlediv {
1996 .js .postbox .handlediv {
2000 .sortable-placeholder {
2001 border: 1px dashed #b4b9be;
2002 margin-bottom: 20px;
2007 margin-bottom: 20px;
2012 /* user-select is not a part of the CSS standard - may change behavior in the future */
2015 -webkit-user-select: none;
2016 -moz-user-select: none;
2017 -ms-user-select: none;
2023 padding: 0 12px 12px;
2033 .postbox .inside > p:last-child,
2034 .rss-widget ul li:last-child {
2035 margin-bottom: 1px !important;
2038 .postbox.closed h3 {
2040 -webkit-box-shadow: none;
2044 .postbox table.form-table {
2048 .postbox table.widefat {
2049 -webkit-box-shadow: none;
2054 border: 1px dotted #ccc;
2057 .columns-prefs label {
2058 padding: 0 10px 0 0;
2061 /* @todo: what is this doing here */
2062 #dashboard_right_now .versions .b,
2063 #post-status-display,
2064 #post-visibility-display,
2065 #adminmenu .wp-submenu li.current,
2066 #adminmenu .wp-submenu li.current a,
2067 #adminmenu .wp-submenu li.current a:hover,
2068 .media-item .percent,
2070 #pass-strength-result.strong,
2071 #pass-strength-result.short,
2072 #ed_reply_toolbar #ed_reply_strong,
2073 .item-controls .item-order a,
2074 .feature-filter .feature-name {
2078 /*------------------------------------------------------------------------------
2080 ------------------------------------------------------------------------------*/
2102 text-decoration: none;
2106 text-decoration: underline;
2109 /*------------------------------------------------------------------------------
2110 25.0 - Tabbed Admin Screen Interface (Experimental)
2111 ------------------------------------------------------------------------------*/
2115 border: 1px solid #ccc;
2116 border-bottom: none;
2117 margin-left: 0.5em; /* half the font size so set the font size properly */
2122 background: #e5e5e5;
2124 text-decoration: none;
2125 white-space: nowrap;
2128 h3 .nav-tab, /* Back-compat for pre-4.4 */
2129 .nav-tab-small .nav-tab {
2137 background-color: #fff;
2142 .nav-tab:focus:active {
2143 -webkit-box-shadow: none;
2148 margin-bottom: -1px;
2153 .nav-tab-active:hover,
2154 .nav-tab-active:focus,
2155 .nav-tab-active:focus:active {
2156 border-bottom: 1px solid #f1f1f1;
2157 background: #f1f1f1;
2161 h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
2162 .wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
2163 h3.nav-tab-wrapper {
2164 border-bottom: 1px solid #ccc;
2168 line-height: inherit;
2171 /* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */
2172 .nav-tab-wrapper:not(.wp-clearfix):after {
2178 .ie8 .nav-tab-wrapper {
2179 /* contain floats establishing a new block formatting context */
2180 display: inline-block;
2182 vertical-align: top;
2185 /*------------------------------------------------------------------------------
2187 ------------------------------------------------------------------------------*/
2190 background: url(../images/spinner.gif) no-repeat;
2191 -webkit-background-size: 20px 20px;
2192 background-size: 20px 20px;
2193 display: inline-block;
2196 vertical-align: middle;
2198 filter: alpha(opacity=70);
2205 .loading-content .spinner {
2206 visibility: visible;
2210 margin-right: 190px;
2213 .metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
2214 .metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
2215 .metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
2216 .metabox-holder h2.hndle {
2223 /* Back-compat for nav-menus screen */
2224 .nav-menus-php .metabox-holder h3 {
2225 padding: 10px 10px 11px 14px;
2229 #templateside ul li a {
2230 text-decoration: none;
2233 .plugin-install #description,
2234 .plugin-install-network #description {
2239 table .column-visible,
2240 table .column-rating {
2250 /* Scrollbar fix for bulk upgrade iframe */
2255 /* Upgrader styles, Specific to Language Packs */
2259 .lp-show-latest p:last-child,
2260 .lp-show-latest .lp-error p {
2264 /* - Only used once or twice in all of WP - deprecate for global style
2265 ------------------------------------------------------------------------------*/
2267 width: 62px; /* icon + border */
2272 border: 1px solid #e5e5e5;
2273 border: 1px solid rgba(0, 0, 0, 0.07);
2288 padding-right: 14px;
2292 .importers .import-system {
2296 .importers td.desc {
2310 margin-bottom: .2em;
2314 line-height: 20px; /* Same as with .updating-message */
2319 .not-installed-main-site .importer-action {
2323 #post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */
2324 #post-body #post-body-content #namediv h2 {
2328 .edit-comment-author {
2333 margin: 2px 0 0 9px;
2336 #namediv h3 label, /* Back-compat for pre-4.4 */
2338 vertical-align: baseline;
2347 white-space: nowrap;
2359 margin-bottom: 0 !important;
2362 /* - Used - but could/should be deprecated with a CSS reset
2363 ------------------------------------------------------------------------------*/
2397 .post-categories li {
2401 /* Star Ratings - Back-compat for pre-3.8 */
2406 background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
2409 div.star-holder .star-rating {
2410 background: url(../images/stars.png?ver=20121108) repeat-x top left;
2417 white-space: nowrap;
2419 .star-rating .star {
2420 display: inline-block;
2423 -webkit-font-smoothing: antialiased;
2426 font-family: dashicons;
2427 text-decoration: inherit;
2430 vertical-align: top;
2431 -webkit-transition: color .1s ease-in 0;
2432 transition: color .1s ease-in 0;
2437 .star-rating .star-full:before {
2441 .star-rating .star-half:before {
2445 .rtl .star-rating .star-half {
2446 -webkit-transform: rotateY(180deg);
2447 -ms-transform: rotateY(180deg);
2448 transform: rotateY(180deg);
2451 .star-rating .star-empty:before {
2460 /* Plugin install thickbox */
2461 #plugin-information {
2472 #plugin-information-scrollable {
2474 -webkit-overflow-scrolling: touch;
2478 #plugin-information-title {
2480 background: #f5f5f5;
2490 text-overflow: ellipsis;
2491 white-space: nowrap;
2494 #plugin-information-title.with-banner {
2498 -webkit-background-size: cover;
2499 background-size: cover;
2502 #plugin-information-title h2 {
2509 text-overflow: ellipsis;
2510 white-space: nowrap;
2513 #plugin-information-title.with-banner h2 {
2514 font-family: "Helvetica Neue", sans-serif;
2515 display: inline-block;
2519 margin: 174px 0 0 10px;
2521 background: rgba( 30, 30, 30, 0.9 );
2522 text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.4 );
2523 -webkit-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
2524 box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
2525 -webkit-border-radius: 8px;
2529 #plugin-information-title div.vignette {
2533 #plugin-information-title.with-banner div.vignette {
2540 background: transparent;
2541 -webkit-box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
2542 box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
2545 #plugin-information-tabs {
2553 border-bottom: 1px solid #ddd;
2554 background: #f3f3f3;
2557 #plugin-information-tabs a {
2559 display: inline-block;
2565 text-decoration: none;
2566 -webkit-transition: none;
2570 #plugin-information-tabs a.current {
2571 margin: 0 -1px -1px;
2573 border: 1px solid #ddd;
2574 border-bottom-color: #fff;
2579 #plugin-information-tabs.with-banner a.current {
2584 #plugin-information-tabs a:active,
2585 #plugin-information-tabs a:focus {
2589 #plugin-information-content {
2590 overflow: hidden; /* equal height column trick */
2597 /* Height of title + tabs + install now */
2598 min-height: -webkit-calc( 100% - 152px );
2599 min-height: calc( 100% - 152px );
2602 #plugin-information-content.with-banner {
2603 /* Height of banner + tabs + install now */
2604 min-height: -webkit-calc( 100% - 346px );
2605 min-height: calc( 100% - 346px );
2614 margin-right: 250px; /* FYI box */
2616 margin-bottom: -99939px; /* 60px less than the padding below to accommodate footer */
2617 padding-bottom: 99999px; /* equal height column trick */
2620 #section-holder .updated {
2624 #plugin-information .fyi {
2630 margin-bottom: -99939px; /* 60px less than the padding below to accommodate footer */
2631 padding-bottom: 99999px; /* equal height column trick */
2633 border-left: 1px solid #ddd;
2634 background: #f3f3f3;
2638 #plugin-information .fyi strong {
2642 #plugin-information .fyi h3 {
2644 text-transform: uppercase;
2650 #plugin-information .fyi h2 {
2656 #plugin-information .fyi ul {
2662 #plugin-information .fyi li {
2666 #plugin-information .fyi-description {
2670 #plugin-information .counter-container {
2674 #plugin-information .counter-label {
2680 #plugin-information .counter-back {
2683 background-color: #e5e5e5;
2687 #plugin-information .counter-bar {
2689 background-color: #ffc733; /* slightly lighter than stars due to larger expanse */
2693 #plugin-information .counter-count {
2697 #plugin-information .fyi ul.contributors {
2701 #plugin-information .fyi ul.contributors li {
2702 display: inline-block;
2704 vertical-align: middle;
2707 #plugin-information .fyi ul.contributors li {
2708 display: inline-block;
2710 vertical-align: middle;
2713 #plugin-information .fyi ul.contributors li img {
2714 vertical-align: middle;
2718 #plugin-information-footer {
2724 height: 33px; /* 33+13+13+1=60 */
2725 border-top: 1px solid #ddd;
2726 background: #f3f3f3;
2730 #plugin-information .section {
2735 #plugin-information .section ul,
2736 #plugin-information .section ol {
2737 list-style-type: disc;
2741 #plugin-information .section,
2742 #plugin-information .section p {
2747 #plugin-information #section-screenshots ol {
2752 #plugin-information #section-screenshots li img {
2753 vertical-align: text-top;
2758 -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
2759 box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
2763 #plugin-information #section-screenshots li p {
2768 #plugin-information pre {
2771 border: 1px solid #ccc;
2775 #plugin-information .review {
2776 overflow: hidden; /* clearfix */
2778 margin-bottom: 20px;
2779 border-bottom: 1px solid #e5e5e5;
2782 #plugin-information .review-title-section {
2783 overflow: hidden; /* clearfix */
2787 #plugin-information .review-title-section h4 {
2788 display: inline-block;
2793 #plugin-information .reviewer-info p {
2800 #plugin-information .reviewer-info .avatar {
2802 margin: 4px 6px 0 0;
2806 #plugin-information .reviewer-info .star-rating {
2811 #plugin-information .review-meta {
2813 margin-left: 0.75em;
2817 #plugin-information .review-body {
2822 .plugin-version-author-uri {
2826 @media screen and ( max-width: 771px ) {
2827 #plugin-information-title.with-banner {
2832 #plugin-information-title.with-banner h2 {
2839 #plugin-information-title.with-banner div.vignette {
2845 #plugin-information-tabs {
2846 overflow: hidden; /* clearfix */
2848 height: auto; /* let tabs wrap */
2851 #plugin-information-tabs a.current {
2853 border-bottom: none;
2856 #plugin-information .fyi {
2858 border: 1px solid #ddd;
2861 margin: 26px 26px 0;
2862 padding-bottom: 0; /* reset from the two column height fix */
2868 padding-bottom: 70px; /* reset from the two column height fix, plus accomodate footer */
2871 #plugin-information .fyi h3,
2872 #plugin-information .fyi small {
2876 #plugin-information-footer {
2877 padding: 12px 16px 0;
2882 /* Thickbox for Plugin Install screen */
2883 body.about-php #TB_window,
2884 body.plugin-install-php #TB_window,
2885 body.import-php #TB_window,
2886 body.plugins-php #TB_window,
2887 body.update-core-php #TB_window,
2888 body.index-php #TB_window {
2889 background: #fcfcfc;
2892 /* IE 8 needs a change in the pseudo element content */
2893 .ie8 body.about-php #TB_window:before,
2894 .ie8 body.plugin-install-php #TB_window:before,
2895 .ie8 body.import-php #TB_window:before,
2896 .ie8 body.plugins-php #TB_window:before,
2897 .ie8 body.update-core-php #TB_window:before,
2898 .ie8 body.index-php #TB_window:before {
2903 body.about-php #TB_window.thickbox-loading:before,
2904 body.plugin-install-php #TB_window.thickbox-loading:before,
2905 body.import-php #TB_window.thickbox-loading:before,
2906 body.plugins-php #TB_window.thickbox-loading:before,
2907 body.update-core-php #TB_window.thickbox-loading:before,
2908 body.index-php #TB_window.thickbox-loading:before {
2917 margin: -10px 0 0 -10px;
2918 background: #fcfcfc url(../images/spinner.gif) no-repeat center;
2919 -webkit-background-size: 20px 20px;
2920 background-size: 20px 20px;
2921 -webkit-transform: translateZ(0);
2922 transform: translateZ(0);
2926 (-webkit-min-device-pixel-ratio: 1.25),
2927 (min-resolution: 120dpi) {
2929 body.about-php #TB_window.thickbox-loading:before,
2930 body.plugin-install-php #TB_window.thickbox-loading:before,
2931 body.import-php #TB_window.thickbox-loading:before,
2932 body.plugins-php #TB_window.thickbox-loading:before,
2933 body.update-core-php #TB_window.thickbox-loading:before,
2934 body.index-php #TB_window.thickbox-loading:before {
2935 background-image: url(../images/spinner-2x.gif);
2939 body.about-php #TB_title,
2940 body.plugin-install-php #TB_title,
2941 body.import-php #TB_title,
2942 body.plugins-php #TB_title,
2943 body.update-core-php #TB_title,
2944 body.index-php #TB_title {
2949 body.about-php #TB_ajaxWindowTitle,
2950 body.plugin-install-php #TB_ajaxWindowTitle,
2951 body.import-php #TB_ajaxWindowTitle,
2952 body.plugins-php #TB_ajaxWindowTitle,
2953 body.update-core-php #TB_ajaxWindowTitle,
2954 body.index-php #TB_ajaxWindowTitle {
2958 /* only on these screens */
2959 .about-php #TB_closeWindowButton,
2960 .plugin-install-php #TB_closeWindowButton,
2961 .import-php #TB_closeWindowButton,
2962 .plugins-php #TB_closeWindowButton,
2963 .update-core-php #TB_closeWindowButton,
2964 .index-php #TB_closeWindowButton {
2971 body.about-php #TB_closeWindowButton:hover,
2972 body.about-php #TB_closeWindowButton:focus,
2973 body.plugin-install-php #TB_closeWindowButton:hover,
2974 body.plugin-install-php #TB_closeWindowButton:focus,
2975 body.import-php #TB_closeWindowButton:hover,
2976 body.import-php #TB_closeWindowButton:focus,
2977 body.plugins-php #TB_closeWindowButton:hover,
2978 body.plugins-php #TB_closeWindowButton:focus,
2979 body.update-core-php #TB_closeWindowButton:hover,
2980 body.update-core-php #TB_closeWindowButton:focus,
2981 body.index-php #TB_closeWindowButton:hover,
2982 body.index-php #TB_closeWindowButton:focus {
2985 -webkit-box-shadow: none;
2989 body.about-php .tb-close-icon,
2990 body.plugin-install-php .tb-close-icon,
2991 body.import-php .tb-close-icon,
2992 body.plugins-php .tb-close-icon,
2993 body.update-core-php .tb-close-icon,
2994 body.index-php .tb-close-icon {
2998 body.about-php #TB_closeWindowButton:after,
2999 body.plugin-install-php #TB_closeWindowButton:after,
3000 body.import-php #TB_closeWindowButton:after,
3001 body.plugins-php #TB_closeWindowButton:after,
3002 body.update-core-php #TB_closeWindowButton:after,
3003 body.index-php #TB_closeWindowButton:after {
3005 font: normal 32px/29px 'dashicons';
3007 -webkit-font-smoothing: antialiased;
3008 -moz-osx-font-smoothing: grayscale;
3011 /* move plugin install close icon to top on narrow screens */
3012 @media screen and ( max-width: 830px ) {
3013 body.about-php #TB_closeWindowButton,
3014 body.plugin-install-php #TB_closeWindowButton,
3015 body.import-php #TB_closeWindowButton,
3016 body.plugins-php #TB_closeWindowButton,
3017 body.update-core-php #TB_closeWindowButton,
3018 body.index-php #TB_closeWindowButton {
3024 /* @todo: move this. */
3029 /* Metabox collapse arrow indicators */
3030 .js .sidebar-name .sidebar-name-arrow:before,
3031 .js .meta-box-sortables .postbox .toggle-indicator:before,
3032 .bulk-action-notice .toggle-indicator:before {
3034 display: inline-block;
3035 font: normal 20px/1 dashicons;
3037 -webkit-font-smoothing: antialiased;
3038 -moz-osx-font-smoothing: grayscale;
3039 text-decoration: none !important;
3042 .js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
3043 .js .meta-box-sortables .postbox.closed .handlediv .toggle-indicator:before,
3044 .bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator:before {
3048 .js .sidebar-name .sidebar-name-arrow:before {
3053 .js #widgets-left .sidebar-name .sidebar-name-arrow {
3057 .js #widgets-left .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow,
3058 .js #widgets-left .sidebar-name:hover .sidebar-name-arrow {
3062 .js .postbox .handlediv .toggle-indicator:before {
3065 -webkit-border-radius: 50%;
3067 text-indent: -1px; /* account for the dashicon alignment */
3070 .rtl.js .postbox .handlediv .toggle-indicator:before {
3071 text-indent: 1px; /* account for the dashicon alignment */
3074 .bulk-action-notice .toggle-indicator:before {
3076 vertical-align: top;
3080 .js .postbox .handlediv:focus {
3081 -webkit-box-shadow: none;
3086 .js .postbox .handlediv:focus .toggle-indicator:before {
3089 0 0 2px 1px rgba(30, 140, 190, .8);
3092 0 0 2px 1px rgba(30, 140, 190, .8);
3095 /* @todo: appears to be Press This only and overridden */
3096 #photo-add-url-div input[type="text"] {
3100 /* Theme/Plugin Editor */
3105 #template textarea {
3106 font-family: Consolas, Monaco, monospace;
3109 background: #f9f9f9;
3126 word-wrap: break-word;
3130 #postcustomstuff p.submit {
3149 .theme-editor-php .highlight {
3151 padding: 3px 3px 3px 12px;
3152 text-decoration: none;
3155 .theme-editor-php .highlight {
3156 margin: -3px 3px -3px -12px;
3159 #templateside .highlight {
3175 #documentation label {
3177 vertical-align: baseline;
3182 padding: 10px 0 8px;
3186 /* @todo: can we use a common class for these? */
3187 .nav-menus-php .item-edit:before,
3188 .widget-top a.widget-action:after,
3189 .control-section .accordion-section-title:after,
3190 .accordion-section-title:after {
3195 font: normal 20px/1 dashicons;
3202 -webkit-font-smoothing: antialiased;
3203 -moz-osx-font-smoothing: grayscale;
3204 text-decoration: none !important;
3209 .sidebar-name-arrow,
3210 .accordion-section-title:after {
3215 color: #555d66; /* #fafafa background in the Widgets screen */
3218 .widget-top:hover .widget-action,
3219 .widget-action:focus,
3224 .sidebar-name:hover .sidebar-name-arrow,
3225 .accordion-section-title:hover:after {
3229 .widget-top a.widget-action:after {
3230 padding: 1px 2px 1px 0px;
3233 -webkit-border-radius: 50%;
3237 .widget-top a.widget-action:focus:after {
3240 0 0 2px 1px rgba(30,140,190,.8);
3243 0 0 2px 1px rgba(30,140,190,.8);
3246 .control-section .accordion-section-title:after,
3247 .accordion-section-title:after {
3253 .control-section.open .accordion-section-title:after,
3254 #customize-info.open .accordion-section-title:after,
3255 .nav-menus-php .menu-item-edit-active .item-edit:before,
3256 .widget.open .widget-top a.widget-action:after {
3261 * jQuery UI Draggable/Sortable 1.11.4
3262 * http://jqueryui.com
3264 * Copyright jQuery Foundation and other contributors
3265 * Released under the MIT license.
3266 * http://jquery.org/license
3268 .ui-draggable-handle,
3269 .ui-sortable-handle {
3270 -ms-touch-action: none;
3275 .accordion-section {
3276 border-bottom: 1px solid #ddd;
3280 .accordion-section.open .accordion-section-content,
3281 .no-js .accordion-section .accordion-section-content {
3285 .accordion-section.open:hover {
3286 border-bottom-color: #ddd;
3289 .accordion-section-content {
3291 padding: 10px 20px 15px;
3296 .accordion-section-title {
3298 padding: 12px 15px 15px;
3300 border-left: 1px solid #ddd;
3301 border-right: 1px solid #ddd;
3302 -webkit-user-select: none;
3303 -moz-user-select: none;
3304 -ms-user-select: none;
3308 .js .accordion-section-title {
3312 .js .accordion-section-title:after {
3319 .accordion-section-title:focus {
3323 .accordion-section-title:hover:after,
3324 .accordion-section-title:focus:after {
3325 border-color: #a0a5aa transparent;
3328 .cannot-expand .accordion-section-title {
3332 .cannot-expand .accordion-section-title:after {
3336 .control-section .accordion-section-title {
3339 padding: 10px 10px 11px 14px;
3344 .control-section .accordion-section-title:after {
3348 .js .control-section:hover .accordion-section-title,
3349 .js .control-section .accordion-section-title:hover,
3350 .js .control-section.open .accordion-section-title,
3351 .js .control-section .accordion-section-title:focus {
3353 background: #f5f5f5;
3356 .control-section.open .accordion-section-title {
3358 border-bottom: 1px solid #ddd;
3362 .network-admin .edit-site-actions {
3380 @media only screen and (max-width: 599px) {
3386 @media only screen and (min-width: 600px) {
3387 .my-sites.striped li {
3388 background-color: #fff;
3391 .my-sites.striped li:after {
3402 @media only screen and (min-width: 600px) and (max-width: 699px) {
3407 .my-sites.striped li {
3408 background-color: #fff;
3410 .my-sites.striped li:nth-of-type(2n+1) {
3413 .my-sites.striped li:nth-of-type(2n+2):after {
3416 .my-sites li:nth-of-type(4n+1),
3417 .my-sites li:nth-of-type(4n+2) {
3418 background-color: #f9f9f9;
3423 @media only screen and (min-width: 700px) and (max-width: 1199px) {
3427 background-color: #fff;
3429 .my-sites.striped li:nth-of-type(3n+3):after {
3432 .my-sites li:nth-of-type(6n+1),
3433 .my-sites li:nth-of-type(6n+2),
3434 .my-sites li:nth-of-type(6n+3) {
3435 background-color: #f9f9f9;
3439 @media only screen and (min-width: 1200px) and (max-width: 1399px) {
3444 background-color: #fff;
3446 .my-sites.striped li:nth-of-type(4n+1) {
3449 .my-sites.striped li:nth-of-type(4n+4):after {
3452 .my-sites li:nth-of-type(8n+1),
3453 .my-sites li:nth-of-type(8n+2),
3454 .my-sites li:nth-of-type(8n+3),
3455 .my-sites li:nth-of-type(8n+4) {
3456 background-color: #f9f9f9;
3460 @media only screen and (min-width: 1400px) and (max-width: 1599px) {
3465 background-color: #fff;
3467 .my-sites.striped li:nth-of-type(5n+1) {
3470 .my-sites.striped li:nth-of-type(5n+5):after {
3473 .my-sites li:nth-of-type(10n+1),
3474 .my-sites li:nth-of-type(10n+2),
3475 .my-sites li:nth-of-type(10n+3),
3476 .my-sites li:nth-of-type(10n+4),
3477 .my-sites li:nth-of-type(10n+5) {
3478 background-color: #f9f9f9;
3482 @media only screen and (min-width: 1600px) {
3487 background-color: #fff;
3489 .my-sites.striped li:nth-of-type(6n+1) {
3492 .my-sites.striped li:nth-of-type(6n+6):after {
3495 .my-sites li:nth-of-type(12n+1),
3496 .my-sites li:nth-of-type(12n+2),
3497 .my-sites li:nth-of-type(12n+3),
3498 .my-sites li:nth-of-type(12n+4),
3499 .my-sites li:nth-of-type(12n+5),
3500 .my-sites li:nth-of-type(12n+6) {
3501 background-color: #f9f9f9;
3506 text-decoration: none;
3510 -------------------------------------------------------------- */
3516 (-webkit-min-device-pixel-ratio: 1.25),
3517 (min-resolution: 120dpi) {
3518 /* Back-compat for pre-3.8 */
3520 div.star-holder .star-rating {
3521 background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
3522 -webkit-background-size: 21px 37px;
3523 background-size: 21px 37px;
3527 background-image: url(../images/spinner-2x.gif);
3530 /* @todo: evaluate - most of these were likely replaced by dashicons */
3531 .curtime #timestamp,
3532 #screen-meta-links a.show-settings,
3533 .widget-top a.widget-action,
3534 .widget-top a.widget-action:hover,
3535 .sidebar-name-arrow,
3536 .sidebar-name:hover .sidebar-name-arrow,
3537 .meta-box-sortables .postbox:hover .handlediv,
3538 .tagchecklist span a,
3540 .tagchecklist span a:hover,
3541 #bulk-titles div a:hover {
3542 background: none !important;
3548 width: device-width;
3551 @media screen and ( max-width: 782px ) {
3562 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
3572 padding-bottom: 100px;
3587 #col-left .col-wrap,
3588 #col-right .col-wrap {
3592 /* Hidden Elements */
3596 .post-format-select {
3597 display: none !important;
3600 .wrap .add-new-h2, /* deprecated */
3601 .wrap .add-new-h2:active, /* deprecated */
3602 .wrap .page-title-action,
3603 .wrap .page-title-action:active {
3606 white-space: nowrap;
3614 .wp-color-result:after {
3620 /* Feedback Messages */
3624 .media-upload-form div.error {
3625 margin: 20px 0 10px 0;
3631 .wp-core-ui .notice.is-dismissible {
3632 padding-right: 46px;
3639 .wrap .icon32 + h2 {
3643 .wp-responsive-open #wpbody {
3648 word-wrap: break-word;
3651 /* General Metabox */
3656 .metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
3657 .metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
3658 .metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
3659 .metabox-holder h2 {
3663 .postbox .handlediv {
3671 margin-bottom: 15px;
3674 /* Theme/Plugin File Editor */
3684 #templateside li a {
3689 #templateside .highlight {
3701 #template textarea {
3705 .fileedit-sub .alignright {
3713 #comments-form .checkforspam {
3717 .edit-comment-author {
3721 .filter-drawer .filter-group-feature input,
3722 .filter-drawer .filter-group-feature label {
3728 @media screen and (max-width: 600px) {
3729 /* Disable horizontal scroll when responsive menu is open
3730 since we push the main content off to the right. */
3731 #wpwrap.wp-responsive-open {
3743 /* Keep full-width boxes on Edit Post page from causing horizontal scroll */
3744 div#post-body.metabox-holder.columns-1 {
3749 .wrap h2.nav-tab-wrapper,
3750 h3.nav-tab-wrapper {
3757 margin: 10px 10px 0 0;
3758 border-bottom: 1px solid #ccc;
3762 @media screen and (max-width: 320px) {
3763 /* Prevent default center alignment and larger font for the Right Now widget when
3764 the network dashboard is viewed on a small mobile device. */
3765 #network_dashboard_right_now .subsubsub {