1 /* 2 column liquid layout */
7 -webkit-font-smoothing: subpixel-antialiased;
29 overflow: visible !important;
32 /* inner 2 column liquid layout */
42 .columns-2 .inner-sidebar {
48 .inner-sidebar #side-sortables,
49 .columns-2 .inner-sidebar #side-sortables {
55 .has-right-sidebar .inner-sidebar {
59 .has-right-sidebar #post-body {
63 margin-right: -2000px;
66 .has-right-sidebar #post-body-content {
72 /* 2 columns main area */
117 /* 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;
371 list-style-type: decimal;
376 list-style: disc outside;
380 list-style: square outside;
384 list-style: decimal outside;
407 font-family: Consolas, Monaco, monospace;
414 padding: 3px 5px 2px 5px;
417 background: rgba(0,0,0,0.07);
433 text-decoration: none;
437 .subsubsub a.current .count {
442 .subsubsub a.current {
448 display: inline-block;
454 /* .widefat - main style for tables */
463 word-wrap: break-word;
467 text-decoration: none;
477 border-bottom: 1px solid #e1e1e1;
482 border-top: 1px solid #e1e1e1;
486 .widefat .no-items td {
487 border-bottom-width: 0;
511 .widefat thead td input,
512 .widefat tfoot td input {
515 vertical-align: text-top;
518 .widefat .check-column {
524 .widefat th input[type=checkbox],
525 .widefat thead td input[type=checkbox],
526 .widefat tfoot td input[type=checkbox] {
530 .widefat tbody th.check-column {
534 .widefat thead td.check-column,
535 .widefat tbody th.check-column,
536 .widefat tfoot td.check-column {
537 padding: 11px 0 0 3px;
540 .widefat thead td.check-column,
541 .widefat tfoot td.check-column {
545 .update-php div.updated,
546 .update-php div.error {
550 .no-js .widefat thead .check-column input,
551 .no-js .widefat tfoot .check-column input {
562 .widefat th#comments {
563 vertical-align: middle;
567 margin: 10px 20px 0 2px;
581 padding: 9px 15px 4px 0;
591 .wrap .add-new-h2, /* deprecated */
592 .wrap .add-new-h2:active, /* deprecated */
593 .wrap .page-title-action,
594 .wrap .page-title-action:active {
599 text-decoration: none;
601 -webkit-border-radius: 2px;
609 .wrap .add-new-h2:hover, /* deprecated */
610 .wrap .page-title-action:hover {
615 .wrap h1.long-header {
620 background-color: #fff;
624 #widgets-left .widget-in-question .widget-top,
625 #available-widgets .widget-top:hover,
626 div#widgets-right .widget-top:hover,
627 #widgets-left .widget-top:hover {
629 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
630 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
634 background-color: #ccf3fa;
638 .subsubsub a.current {
642 .striped > tbody > :nth-child(odd),
643 ul.striped > :nth-child(odd),
645 background-color: #f9f9f9;
649 background-color: #e8e8e8;
650 border-right-color: #99d;
653 .media-upload-form label.form-help,
658 /* Helper classes for plugins to leverage the active WordPress color scheme */
661 background-color: #e4f2fd;
667 background-color: #32373c;
669 .wp-ui-text-primary {
675 background-color: #1e8cbe;
677 .wp-ui-text-highlight {
681 .wp-ui-notification {
683 background-color: #d54e21;
685 .wp-ui-text-notification {
693 /* For emoji replacement images */
695 display: inline !important;
696 border: none !important;
697 height: 1em !important;
698 width: 1em !important;
699 margin: 0 .07em !important;
700 vertical-align: -0.1em !important;
701 background: none !important;
702 padding: 0 !important;
703 -webkit-box-shadow: none !important;
704 box-shadow: none !important;
707 /*------------------------------------------------------------------------------
709 ------------------------------------------------------------------------------*/
714 .control-section .accordion-section-title,
721 #your-profile #rich_editing,
737 border-bottom: 1px solid #eee;
742 background-color: #ccc;
751 /* @todo can we combine these into a class or use an existing dashicon one? */
752 .welcome-panel .welcome-panel-close:before,
753 .tagchecklist span a:before,
754 #bulk-titles div a:before,
755 .notice-dismiss:before {
760 font: normal 16px/20px 'dashicons';
765 -webkit-font-smoothing: antialiased;
766 -moz-osx-font-smoothing: grayscale;
769 .welcome-panel .welcome-panel-close:before {
773 .tagchecklist span a:before,
774 #bulk-titles div a:before {
778 .welcome-panel .welcome-panel-close:hover:before,
779 .welcome-panel .welcome-panel-close:focus:before,
780 .tagchecklist span a:hover:before,
781 #bulk-titles div a:hover:before {
794 /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
795 white-space: pre-wrap; /* css-3 */
796 word-wrap: break-word; /* IE 5.5 - 7 */
816 border-top: 1px solid #ddd;
817 border-bottom: 1px solid #fafafa;
820 .row-actions span.delete a,
821 .row-actions span.trash a,
822 .row-actions span.spam a,
824 #all-plugins-table .plugins a.delete,
825 #search-plugins-table .plugins a.delete,
826 .submitbox .submitdelete,
827 #media-items a.delete,
828 #media-items a.delete-permanently,
829 #nav-menu-footer .menu-delete {
835 .widget-control-remove:hover,
836 .row-actions .delete a:hover,
837 .row-actions .trash a:hover,
838 .row-actions .spam a:hover,
839 .plugins a.delete:hover,
840 #all-plugins-table .plugins a.delete:hover,
841 #search-plugins-table .plugins a.delete:hover,
842 .submitbox .submitdelete:hover,
843 #media-items a.delete:hover,
844 #media-items a.delete-permanently:hover,
845 #nav-menu-footer .menu-delete:hover {
847 text-decoration: none;
851 /*------------------------------------------------------------------------------
853 ------------------------------------------------------------------------------*/
855 #major-publishing-actions {
858 border-top: 1px solid #ddd;
864 vertical-align: middle;
875 #publishing-action .spinner {
879 #misc-publishing-actions {
884 padding: 6px 10px 8px;
887 #minor-publishing-actions {
888 padding: 10px 10px 0 10px;
913 margin: 12px 2px 5px;
914 border-bottom: 1px solid #dadada;
925 .unapproved .unapprove {
929 .unapproved .approve,
942 display: inline-block;
944 -webkit-box-sizing: border-box;
945 -moz-box-sizing: border-box;
946 box-sizing: border-box;
950 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
951 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
952 border: 1px solid #e5e5e5;
959 text-decoration: none;
963 display: inline-block;
964 vertical-align: middle;
969 .filter-count .count {
970 display: inline-block;
974 -webkit-border-radius: 30px;
982 /* not a part of filter bar, but derived from it, so here for now */
995 display: inline-block;
1000 display: inline-block;
1004 .filter-links li > a {
1005 display: inline-block;
1008 border-bottom: 4px solid #fff;
1013 .filter-links .current {
1014 -webkit-box-shadow: none;
1016 border-bottom: 4px solid #666;
1020 .filter-links li > a:hover,
1021 .filter-links li > a:focus,
1022 .show-filters .filter-links a.current:hover,
1023 .show-filters .filter-links a.current:focus {
1027 .wp-filter .search-form {
1032 .wp-filter .search-form input[type="search"] {
1042 .wp-filter .search-form select {
1045 vertical-align: top;
1048 .wp-filter .search-form.search-plugins {
1049 display: inline-block;
1052 .wp-filter .drawer-toggle {
1053 display: inline-block;
1060 .wp-filter .drawer-toggle:before {
1061 display: inline-block;
1062 vertical-align: top;
1068 -webkit-transition: color .1s ease-in 0;
1069 transition: color .1s ease-in 0;
1070 font-family: "dashicons";
1074 text-decoration: inherit;
1075 font-weight: normal;
1077 -webkit-font-smoothing: antialiased;
1080 .wp-filter .drawer-toggle:hover,
1081 .wp-filter .drawer-toggle:hover:before {
1085 .wp-filter .drawer-toggle.current:before {
1093 border-top: 1px solid #eee;
1094 background: #fafafa;
1097 .show-filters .filter-drawer {
1103 .show-filters .wp-filter .drawer-toggle:hover,
1104 .show-filters .wp-filter .drawer-toggle:focus {
1105 background: rgb(46, 162, 204);
1108 .show-filters .filter-links a.current {
1109 border-bottom: none;
1112 .show-filters .wp-filter .drawer-toggle {
1113 -webkit-border-radius: 2px;
1120 .show-filters .wp-filter .drawer-toggle:before {
1125 -webkit-box-sizing: border-box;
1126 -moz-box-sizing: border-box;
1127 box-sizing: border-box;
1133 border: 1px solid #e5e5e5;
1134 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1135 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1145 list-style-type: none;
1150 display: inline-block;
1151 vertical-align: top;
1153 padding-right: 25px;
1155 list-style-type: none;
1158 .filter-drawer .buttons {
1159 margin-bottom: 20px;
1162 .filter-drawer .buttons .button span {
1163 display: inline-block;
1169 .wp-filter .button.clear-filters {
1179 .filtered-by > span {
1187 .filtered-by .tags {
1194 border: 1px solid #e5e5e5;
1195 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1196 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1201 .filters-applied .filter-group,
1202 .filters-applied .filter-drawer .buttons,
1203 .filters-applied .filter-drawer br {
1204 display: none !important;
1207 .filters-applied .filtered-by {
1211 .filters-applied .filter-drawer {
1215 .show-filters .content-filterable,
1216 .show-filters.filters-applied.loading-content .content-filterable,
1217 .loading-content .content-filterable,
1218 .error .content-filterable {
1222 .show-filters.filters-applied .content-filterable {
1226 .loading-content .spinner {
1228 margin: 40px auto 0;
1232 @media only screen and (max-width: 1120px) {
1234 border-bottom: 1px solid #eee;
1248 @media only screen and (max-width: 1000px) {
1253 .wp-filter .media-toolbar-primary,
1254 .wp-filter .media-toolbar-secondary,
1255 .wp-filter .search-form {
1256 float: none; /* Remove float from media-views.css */
1262 @media only screen and (max-width: 782px) {
1269 @media only screen and (max-width: 320px) {
1274 .wp-filter .drawer-toggle {
1279 .wp-filter .search-form input[type="search"] {
1284 /*------------------------------------------------------------------------------
1286 ------------------------------------------------------------------------------*/
1292 border-left: 4px solid #fff;
1293 -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
1294 box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
1295 margin: 5px 15px 2px;
1302 .form-table td .notice p {
1307 .wp-core-ui .notice.is-dismissible {
1308 padding-right: 38px;
1324 .notice-dismiss:hover:before,
1325 .notice-dismiss:active:before,
1326 .notice-dismiss:focus:before {
1330 .notice-dismiss:focus {
1332 -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
1333 box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
1336 .ie8 .notice-dismiss:focus {
1337 outline: 1px solid #5b9dd9;
1342 border-color: #7ad03a;
1346 border-color: #ffba00;
1351 border-color: #dd3d36;
1355 border-color: #00a0d2;
1361 .media-upload-form .notice,
1362 .media-upload-form div.error {
1368 display: inline-block;
1373 margin: 25px 20px 0 2px;
1374 background-color: #fff;
1375 border-left: 4px solid #ffba00;
1376 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
1377 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
1384 ul#dismissed-updates {
1392 form.upgrade .hint {
1395 margin: -0.5em 0 2em 0;
1398 .update-php .spinner {
1407 .list-ajax-loading { /* deprecated */
1411 #ajax-response.alignleft {
1415 /* @todo: this does not need its own section anymore */
1416 /*------------------------------------------------------------------------------
1418 ------------------------------------------------------------------------------*/
1422 text-decoration: none;
1425 /*------------------------------------------------------------------------------
1426 6.1 - Screen Options Tabs
1427 ------------------------------------------------------------------------------*/
1429 #screen-options-wrap,
1430 #contextual-help-wrap {
1432 padding: 8px 20px 12px;
1436 #contextual-help-wrap {
1438 margin-left: 0 !important;
1441 #screen-meta .screen-reader-text {
1445 #screen-meta-links {
1449 /* screen options and help tabs revert */
1452 margin: 0 20px -1px 0px;
1454 background-color: #fff;
1455 border: 1px solid #ddd;
1457 -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025);
1458 box-shadow: 0 1px 0 rgba(0,0,0,.025);
1461 #screen-options-link-wrap,
1462 #contextual-help-link-wrap {
1466 border: 1px solid #ddd;
1469 -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
1470 box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
1473 #screen-meta-links .screen-meta-toggle {
1478 #screen-meta-links .show-settings {
1481 -webkit-border-radius: 0;
1485 padding: 3px 6px 3px 16px;
1488 #screen-meta-links .show-settings:hover,
1489 #screen-meta-links .show-settings:active,
1490 #screen-meta-links .show-settings:focus {
1494 #screen-meta-links .show-settings:after {
1497 font: normal 20px/1 'dashicons';
1499 display: inline-block;
1503 vertical-align: bottom;
1504 -webkit-font-smoothing: antialiased;
1505 -moz-osx-font-smoothing: grayscale;
1506 text-decoration: none !important;
1510 #screen-meta-links .screen-meta-active:after {
1514 /* end screen options and help tabs */
1517 background-repeat: no-repeat;
1518 background-position: top left;
1519 background-color: transparent;
1525 .toggle-arrow-active {
1526 background-position: bottom left;
1529 #screen-options-wrap h5,
1530 #contextual-help-wrap h5 {
1535 .metabox-prefs label {
1536 display: inline-block;
1537 padding-right: 15px;
1541 .metabox-prefs label input[type=checkbox] {
1546 .metabox-prefs label input {
1547 margin: 0 5px 0 2px;
1550 .metabox-prefs .columns-prefs label input {
1554 .metabox-prefs label a {
1558 .metabox-prefs .screen-options {
1562 .metabox-prefs .screen-options input,
1563 .metabox-prefs .screen-options label {
1566 vertical-align: middle;
1569 .metabox-prefs .screen-options .screen-per-page {
1573 .metabox-prefs .screen-options label {
1578 /*------------------------------------------------------------------------------
1580 ------------------------------------------------------------------------------*/
1582 #contextual-help-wrap {
1586 #contextual-help-columns {
1590 #contextual-help-back {
1596 border: 1px solid #e1e1e1;
1598 border-bottom: none;
1599 background: #f6fbfd;
1602 #contextual-help-wrap.no-sidebar #contextual-help-back {
1604 border-right-width: 0;
1605 -webkit-border-bottom-right-radius: 2px;
1606 border-bottom-right-radius: 2px;
1609 .contextual-help-tabs {
1615 .contextual-help-tabs ul {
1619 .contextual-help-tabs li {
1621 list-style-type: none;
1622 border-style: solid;
1623 border-width: 0 0 0 2px;
1624 border-color: transparent;
1627 .contextual-help-tabs a {
1629 padding: 5px 5px 5px 12px;
1631 text-decoration: none;
1632 border: 1px solid transparent;
1637 .contextual-help-tabs a:hover {
1641 .contextual-help-tabs .active {
1644 border-left: 2px solid #00a0d2;
1645 background: #f6fbfd;
1646 -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
1647 box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
1650 .contextual-help-tabs .active a {
1651 border-color: #e1e1e1;
1655 .contextual-help-tabs-wrap {
1662 margin: 0 22px 12px 0;
1666 .help-tab-content.active {
1670 .help-tab-content ul li {
1671 list-style-type: disc;
1675 .contextual-help-sidebar {
1678 padding: 0 8px 0 12px;
1682 /*------------------------------------------------------------------------------
1684 ------------------------------------------------------------------------------*/
1688 -webkit-box-sizing: border-box;
1689 -moz-box-sizing: border-box;
1690 box-sizing: border-box;
1701 font-weight: normal;
1704 .widefat thead tr th,
1705 .widefat thead tr td,
1706 .widefat tfoot tr th,
1707 .widefat tfoot tr td {
1712 margin: 2px 0 0.8em;
1721 .widefat .column-comment p {
1725 /* Screens with postboxes */
1726 .postbox-container {
1730 .postbox-container .meta-box-sortables {
1731 -webkit-box-sizing: border-box;
1732 -moz-box-sizing: border-box;
1733 box-sizing: border-box;
1736 #wpbody-content .metabox-holder {
1740 .metabox-holder .postbox-container .empty-container {
1741 border: 3px dashed #b4b9be;
1745 .metabox-holder.columns-1 .postbox-container .empty-container,
1746 .columns-2 #postbox-container-3 .empty-container,
1747 .columns-2 #postbox-container-4 .empty-container,
1748 .columns-3 #postbox-container-4 .empty-container {
1754 #post-body-content {
1760 #post-body.columns-2 #postbox-container-1 {
1762 margin-right: -300px;
1766 #post-body.columns-2 #side-sortables {
1770 /* one column on the dash */
1771 @media only screen and (max-width: 799px) {
1772 #wpbody-content .metabox-holder .postbox-container .empty-container {
1779 .js .widget .widget-top,
1780 .js .postbox .hndle {
1786 font-weight: normal;
1789 .postbox .handlediv {
1795 .js .postbox .handlediv {
1799 .sortable-placeholder {
1800 border: 1px dashed #b4b9be;
1801 margin-bottom: 20px;
1806 margin-bottom: 20px;
1811 /* user-select is not a part of the CSS standard - may change behavior in the future */
1814 -webkit-user-select: none;
1815 -moz-user-select: none;
1816 -ms-user-select: none;
1822 padding: 0 12px 12px;
1832 .postbox .inside > p:last-child,
1833 .rss-widget ul li:last-child {
1834 margin-bottom: 1px !important;
1837 .postbox.closed h3 {
1839 -webkit-box-shadow: none;
1843 .postbox table.form-table {
1847 .postbox table.widefat {
1848 -webkit-box-shadow: none;
1853 border: 1px dotted #ccc;
1856 .columns-prefs label {
1860 /* @todo: what is this doing here */
1861 #dashboard_right_now .versions .b,
1862 #post-status-display,
1863 #post-visibility-display,
1864 #adminmenu .wp-submenu li.current,
1865 #adminmenu .wp-submenu li.current a,
1866 #adminmenu .wp-submenu li.current a:hover,
1867 .media-item .percent,
1869 #pass-strength-result.strong,
1870 #pass-strength-result.short,
1871 #ed_reply_toolbar #ed_reply_strong,
1872 .item-controls .item-order a,
1873 .feature-filter .feature-name {
1877 /*------------------------------------------------------------------------------
1879 ------------------------------------------------------------------------------*/
1901 text-decoration: none;
1905 text-decoration: underline;
1908 /*------------------------------------------------------------------------------
1909 25.0 - Tabbed Admin Screen Interface (Experimental)
1910 ------------------------------------------------------------------------------*/
1913 border: 1px solid #ccc;
1914 border-bottom: none;
1915 background: #e4e4e4;
1919 display: inline-block;
1920 padding: 4px 14px 6px;
1921 text-decoration: none;
1922 margin: -4px 4px -1px 0;
1926 background-color: #fff;
1935 .nav-tab-active:hover {
1936 border-bottom: 1px solid #f1f1f1;
1937 background: #f1f1f1;
1943 h3.nav-tab-wrapper {
1944 border-bottom: 1px solid #ccc;
1958 /*------------------------------------------------------------------------------
1960 ------------------------------------------------------------------------------*/
1963 background: url(../images/spinner.gif) no-repeat;
1964 -webkit-background-size: 20px 20px;
1965 background-size: 20px 20px;
1966 display: inline-block;
1969 vertical-align: middle;
1971 filter: alpha(opacity=70);
1977 .spinner.is-active {
1978 visibility: visible;
1982 margin-right: 190px;
1985 .metabox-holder h3 {
1992 #templateside ul li a {
1993 text-decoration: none;
1996 .plugin-install #description,
1997 .plugin-install-network #description {
2002 table .column-visible,
2003 table .column-rating {
2013 /* Scrollbar fix for bulk upgrade iframe */
2018 /* Upgrader styles, Specific to Language Packs */
2022 .lp-show-latest p:last-child,
2023 .lp-show-latest .lp-error p {
2027 /* - Only used once or twice in all of WP - deprecate for global style
2028 ------------------------------------------------------------------------------*/
2030 width: 62px; /* icon + border */
2035 border: 1px solid #e7e7e7;
2036 border: 1px solid rgba(0, 0, 0, 0.07);
2046 padding-right: 14px;
2054 #post-body #post-body-content #namediv h3 {
2058 .edit-comment-author {
2063 margin: 2px 0 0 9px;
2067 vertical-align: baseline;
2076 white-space: nowrap;
2088 margin-bottom: 0 !important;
2091 /* - Used - but could/should be deprecated with a CSS reset
2092 ------------------------------------------------------------------------------*/
2126 .post-categories li {
2130 /* Star Ratings - Back-compat for pre-3.8 */
2135 background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
2138 div.star-holder .star-rating {
2139 background: url(../images/stars.png?ver=20121108) repeat-x top left;
2146 white-space: nowrap;
2148 .star-rating .star {
2149 display: inline-block;
2152 -webkit-font-smoothing: antialiased;
2155 font-family: 'dashicons';
2156 text-decoration: inherit;
2157 font-weight: normal;
2159 vertical-align: top;
2160 -webkit-transition: color .1s ease-in 0;
2161 transition: color .1s ease-in 0;
2166 .star-rating .star-full:before {
2170 .star-rating .star-half:before {
2174 .rtl .star-rating .star-half {
2175 -webkit-transform: rotateY(180deg);
2176 -ms-transform: rotateY(180deg);
2177 transform: rotateY(180deg);
2180 .star-rating .star-empty:before {
2185 font-weight: normal;
2189 /* Plugin install thickbox */
2190 #plugin-information {
2201 #plugin-information-scrollable {
2203 -webkit-overflow-scrolling: touch;
2207 #plugin-information-title {
2209 background: #f5f5f5;
2219 text-overflow: ellipsis;
2220 white-space: nowrap;
2223 #plugin-information-title.with-banner {
2227 -webkit-background-size: cover;
2228 background-size: cover;
2231 #plugin-information-title h2 {
2238 text-overflow: ellipsis;
2239 white-space: nowrap;
2242 #plugin-information-title.with-banner h2 {
2243 font-family: "Helvetica Neue", sans-serif;
2244 display: inline-block;
2248 margin: 174px 0 0 10px;
2250 background: rgba( 30, 30, 30, 0.9 );
2251 text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.4 );
2252 -webkit-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
2253 box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
2254 -webkit-border-radius: 8px;
2258 #plugin-information-title div.vignette {
2262 #plugin-information-title.with-banner div.vignette {
2269 background: transparent;
2270 -webkit-box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
2271 box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
2274 #plugin-information-tabs {
2281 border-bottom: 1px solid #ddd;
2282 background: #f3f3f3;
2285 #plugin-information-tabs a {
2293 text-decoration: none;
2294 -webkit-transition: none;
2298 #plugin-information-tabs a.current {
2301 border: 1px solid #ddd;
2302 border-bottom-color: #fff;
2307 #plugin-information-tabs.with-banner a.current {
2312 #plugin-information-tabs a:active,
2313 #plugin-information-tabs a:focus {
2317 #plugin-information-content {
2318 overflow: hidden; /* equal height column trick */
2325 /* Height of title + tabs + install now */
2326 min-height: -webkit-calc( 100% - 152px );
2327 min-height: calc( 100% - 152px );
2330 #plugin-information-content.with-banner {
2331 /* Height of banner + tabs + install now */
2332 min-height: -webkit-calc( 100% - 346px );
2333 min-height: calc( 100% - 346px );
2342 margin-right: 250px; /* FYI box */
2344 margin-bottom: -99930px; /* a bit less than the padding below to accommodate footer */
2345 padding-bottom: 99999px; /* equal height column trick */
2348 #section-holder .updated {
2352 #plugin-information .fyi {
2359 margin-bottom: -99930px; /* slightly less than the padding below to accommodate footer */
2360 padding-bottom: 99999px; /* equal height column trick */
2362 border-left: 1px solid #ddd;
2363 background: #f3f3f3;
2367 #plugin-information .fyi strong {
2371 #plugin-information .fyi h3 {
2373 text-transform: uppercase;
2379 #plugin-information .fyi h2 {
2385 #plugin-information .fyi ul {
2391 #plugin-information .fyi li {
2395 #plugin-information .counter-container {
2399 #plugin-information .counter-label {
2405 #plugin-information .counter-back {
2408 background-color: #ececec;
2412 #plugin-information .counter-bar {
2414 background-color: #ffc733; /* slightly lighter than stars due to larger expanse */
2418 #plugin-information .counter-count {
2422 #plugin-information .fyi ul.contributors {
2426 #plugin-information .fyi ul.contributors li {
2427 display: inline-block;
2429 vertical-align: middle;
2432 #plugin-information .fyi ul.contributors li {
2433 display: inline-block;
2435 vertical-align: middle;
2438 #plugin-information .fyi ul.contributors li img {
2439 vertical-align: middle;
2443 #plugin-information-footer {
2450 border-top: 1px solid #ddd;
2451 background: #f3f3f3;
2455 #plugin-information .section {
2460 #plugin-information .section ul,
2461 #plugin-information .section ol {
2462 list-style-type: disc;
2466 #plugin-information .section,
2467 #plugin-information .section p {
2472 #plugin-information #section-screenshots ol {
2477 #plugin-information #section-screenshots li img {
2478 vertical-align: text-top;
2483 -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
2484 box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
2488 #plugin-information #section-screenshots li p {
2493 #plugin-information pre {
2496 border: 1px solid #ccc;
2500 #plugin-information .review {
2501 overflow: hidden; /* clearfix */
2503 margin-bottom: 20px;
2504 border-bottom: 1px solid #e6e6e6;
2507 #plugin-information .review-title-section {
2508 overflow: hidden; /* clearfix */
2512 #plugin-information .review-title-section h4 {
2513 display: inline-block;
2518 #plugin-information .reviewer-info p {
2525 #plugin-information .reviewer-info .avatar {
2527 margin: 4px 6px 0 0;
2531 #plugin-information .reviewer-info .star-rating {
2536 #plugin-information .review-meta {
2538 margin-left: 0.75em;
2542 #plugin-information .review-body {
2547 .plugin-version-author-uri {
2551 @media screen and ( max-width: 771px ) {
2552 #plugin-information-title.with-banner {
2557 #plugin-information-title.with-banner h2 {
2564 #plugin-information-title.with-banner div.vignette {
2570 #plugin-information-tabs {
2571 overflow: hidden; /* clearfix */
2573 height: auto; /* let tabs wrap */
2576 #plugin-information-tabs a.current {
2578 border-bottom: none;
2581 #plugin-information .fyi {
2583 border: 1px solid #ddd;
2586 margin: 26px 26px 0;
2587 padding-bottom: 0; /* reset from the two column height fix */
2593 padding-bottom: 70px; /* reset from the two column height fix, plus accomodate footer */
2596 #plugin-information .fyi h3,
2597 #plugin-information .fyi small {
2601 #plugin-information-footer {
2602 padding: 12px 16px 0;
2607 /* Thickbox for Plugin Install screen */
2608 body.plugin-install-php #TB_window,
2609 body.import-php #TB_window,
2610 body.plugins-php #TB_window,
2611 body.update-core-php #TB_window,
2612 body.index-php #TB_window {
2613 background: #fcfcfc url( ../images/spinner.gif ) no-repeat center;
2617 (-webkit-min-device-pixel-ratio: 1.25),
2618 (min-resolution: 120dpi) {
2620 body.plugin-install-php #TB_window,
2621 body.import-php #TB_window,
2622 body.plugins-php #TB_window,
2623 body.update-core-php #TB_window,
2624 body.index-php #TB_window {
2625 background: #fcfcfc url( ../images/spinner-2x.gif ) no-repeat center;
2626 -webkit-background-size: 20px 20px;
2627 background-size: 20px 20px;
2631 body.plugin-install-php #TB_title,
2632 body.import-php #TB_title,
2633 body.plugins-php #TB_title,
2634 body.update-core-php #TB_title,
2635 body.index-php #TB_title {
2640 body.plugin-install-php #TB_ajaxWindowTitle,
2641 body.import-php #TB_ajaxWindowTitle,
2642 body.plugins-php #TB_ajaxWindowTitle,
2643 body.update-core-php #TB_ajaxWindowTitle,
2644 body.index-php #TB_ajaxWindowTitle {
2648 body.plugin-install-php .tb-close-icon,
2649 body.import-php .tb-close-icon,
2650 body.plugins-php .tb-close-icon,
2651 body.update-core-php .tb-close-icon,
2652 body.index-php .tb-close-icon {
2656 -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
2657 transition: color .1s ease-in-out, background .1s ease-in-out;
2660 body.plugin-install-php #TB_closeWindowButton:focus,
2661 body.plugin-install-php #TB_closeWindowButton:focus .tb-close-icon,
2662 body.plugin-install-php .tb-close-icon:focus,
2663 body.plugin-install-php .tb-close-icon:hover,
2664 body.import-php #TB_closeWindowButton:focus,
2665 body.import-php #TB_closeWindowButton:focus .tb-close-icon,
2666 body.import-php .tb-close-icon:focus,
2667 body.import-php .tb-close-icon:hover,
2668 body.plugins-php #TB_closeWindowButton:focus,
2669 body.plugins-php #TB_closeWindowButton:focus .tb-close-icon,
2670 body.plugins-php .tb-close-icon:focus,
2671 body.plugins-php .tb-close-icon:hover,
2672 body.update-core-php #TB_closeWindowButton:focus,
2673 body.update-core-php #TB_closeWindowButton:focus .tb-close-icon,
2674 body.update-core-php .tb-close-icon:focus,
2675 body.update-core-php .tb-close-icon:hover,
2676 body.index-php #TB_closeWindowButton:focus,
2677 body.index-php #TB_closeWindowButton:focus .tb-close-icon,
2678 body.index-php .tb-close-icon:focus,
2679 body.index-php .tb-close-icon:hover {
2682 -webkit-box-shadow: none;
2686 body.plugin-install-php .tb-close-icon:before,
2687 body.import-php .tb-close-icon:before,
2688 body.plugins-php .tb-close-icon:before,
2689 body.update-core-php .tb-close-icon:before,
2690 body.index-php .tb-close-icon:before {
2695 /* move plugin install close icon to top on narrow screens */
2696 @media screen and ( max-width: 830px ) {
2697 body.plugin-install-php .tb-close-icon,
2698 body.import-php .tb-close-icon,
2699 body.plugins-php .tb-close-icon,
2700 body.update-core-php .tb-close-icon,
2701 body.index-php .tb-close-icon {
2707 /* @todo: move this. */
2713 /* @todo: are these also specific to Press This? */
2715 border-bottom: 1px solid #dfdfdf;
2722 /* @todo: these seem misplaced */
2723 .js .meta-box-sortables .postbox:hover .handlediv {
2724 margin-right: 0 !important;
2727 /* Metabox collapse arrow indicators */
2728 .js .sidebar-name .sidebar-name-arrow:before,
2729 .js .meta-box-sortables .postbox .handlediv:before {
2731 font: normal 20px/1 'dashicons';
2733 display: inline-block;
2737 -webkit-font-smoothing: antialiased;
2738 -moz-osx-font-smoothing: grayscale;
2739 text-decoration: none !important;
2742 .js #widgets-left .sidebar-name .sidebar-name-arrow {
2746 .js #widgets-left .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow,
2747 .js #widgets-left .sidebar-name:hover .sidebar-name-arrow {
2751 /* Show the arrow only on hover */
2752 .js .sidebar-name .sidebar-name-arrow:before,
2753 .js .meta-box-sortables .postbox .handlediv:before {
2757 .js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
2758 .js .meta-box-sortables .postbox.closed .handlediv:before {
2763 text-decoration: underline;
2767 text-decoration: none;
2768 padding-bottom: 2px;
2771 /* @todo: appears to be Press This only and overridden */
2772 #photo-add-url-div input[type="text"] {
2776 /* Theme/Plugin Editor */
2781 #template textarea {
2782 font-family: Consolas, Monaco, monospace;
2785 background: #f9f9f9;
2802 word-wrap: break-word;
2806 #postcustomstuff p.submit {
2825 .theme-editor-php .highlight {
2827 padding: 3px 3px 3px 12px;
2828 text-decoration: none;
2831 .theme-editor-php .highlight {
2832 margin: -3px 3px -3px -12px;
2835 #templateside .highlight {
2851 #documentation label {
2853 vertical-align: baseline;
2858 padding: 10px 0 8px;
2862 /* @todo: can we use a common class for these? */
2863 .nav-menus-php .item-edit:before,
2864 .widget-top a.widget-action:after,
2865 .control-section .accordion-section-title:after,
2866 .accordion-section-title:after {
2871 font: normal 20px/1 'dashicons';
2878 -webkit-font-smoothing: antialiased;
2879 -moz-osx-font-smoothing: grayscale;
2880 text-decoration: none !important;
2886 .sidebar-name-arrow,
2887 .accordion-section-title:after {
2891 .widget-action:hover,
2894 .sidebar-name:hover .sidebar-name-arrow,
2895 .accordion-section-title:hover:after {
2899 .widget-top a.widget-action:after {
2900 padding: 12px 12px 11px;
2903 .widget-top a.widget-action:focus:after {
2904 -webkit-box-shadow: 0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8);
2905 box-shadow: 0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8);
2908 .nav-menus-php .item-edit:before {
2912 .control-section .accordion-section-title:after,
2913 .accordion-section-title:after {
2919 .control-section.open .accordion-section-title:after,
2920 #customize-info.open .accordion-section-title:after,
2921 .nav-menus-php .menu-item-edit-active .item-edit:before,
2922 .widget.open .widget-top a.widget-action:after {
2927 * jQuery UI Draggable/Sortable 1.11.4
2928 * http://jqueryui.com
2930 * Copyright jQuery Foundation and other contributors
2931 * Released under the MIT license.
2932 * http://jquery.org/license
2934 .ui-draggable-handle,
2935 .ui-sortable-handle {
2936 -ms-touch-action: none;
2941 .accordion-section {
2942 border-bottom: 1px solid #dfdfdf;
2946 .accordion-section.open .accordion-section-content,
2947 .no-js .accordion-section .accordion-section-content {
2951 .accordion-section.open:hover {
2952 border-bottom-color: #dfdfdf;
2955 .accordion-section-content {
2957 padding: 10px 20px 15px;
2962 .accordion-section-title {
2964 padding: 12px 15px 15px;
2966 border-left: 1px solid #dfdfdf;
2967 border-right: 1px solid #dfdfdf;
2968 -webkit-user-select: none;
2969 -moz-user-select: none;
2970 -ms-user-select: none;
2974 .js .accordion-section-title {
2978 .js .accordion-section-title:after {
2985 .accordion-section-title:focus {
2989 .accordion-section-title:hover:after,
2990 .accordion-section-title:focus:after {
2991 border-color: #a0a5aa transparent;
2994 .cannot-expand .accordion-section-title {
2998 .cannot-expand .accordion-section-title:after {
3002 .control-section .accordion-section-title {
3005 padding: 10px 10px 11px 14px;
3010 .control-section .accordion-section-title:after {
3014 .js .control-section:hover .accordion-section-title,
3015 .js .control-section .accordion-section-title:hover,
3016 .js .control-section.open .accordion-section-title,
3017 .js .control-section .accordion-section-title:focus {
3019 background: #f5f5f5;
3022 .control-section.open .accordion-section-title {
3024 border-bottom: 1px solid #dfdfdf;
3028 .network-admin .edit-site-actions {
3046 @media only screen and (max-width: 599px) {
3052 @media only screen and (min-width: 600px) {
3053 .my-sites.striped li {
3054 background-color: #fff;
3057 .my-sites.striped li:after {
3068 @media only screen and (min-width: 600px) and (max-width: 699px) {
3073 .my-sites.striped li {
3074 background-color: #fff;
3076 .my-sites.striped li:nth-of-type(2n+1) {
3079 .my-sites.striped li:nth-of-type(2n+2):after {
3082 .my-sites li:nth-of-type(4n+1),
3083 .my-sites li:nth-of-type(4n+2) {
3084 background-color: #f9f9f9;
3089 @media only screen and (min-width: 700px) and (max-width: 1199px) {
3093 background-color: #fff;
3095 .my-sites.striped li:nth-of-type(3n+3):after {
3098 .my-sites li:nth-of-type(6n+1),
3099 .my-sites li:nth-of-type(6n+2),
3100 .my-sites li:nth-of-type(6n+3) {
3101 background-color: #f9f9f9;
3105 @media only screen and (min-width: 1200px) and (max-width: 1399px) {
3110 background-color: #fff;
3112 .my-sites.striped li:nth-of-type(4n+1) {
3115 .my-sites.striped li:nth-of-type(4n+4):after {
3118 .my-sites li:nth-of-type(8n+1),
3119 .my-sites li:nth-of-type(8n+2),
3120 .my-sites li:nth-of-type(8n+3),
3121 .my-sites li:nth-of-type(8n+4) {
3122 background-color: #f9f9f9;
3126 @media only screen and (min-width: 1400px) and (max-width: 1599px) {
3131 background-color: #fff;
3133 .my-sites.striped li:nth-of-type(5n+1) {
3136 .my-sites.striped li:nth-of-type(5n+5):after {
3139 .my-sites li:nth-of-type(10n+1),
3140 .my-sites li:nth-of-type(10n+2),
3141 .my-sites li:nth-of-type(10n+3),
3142 .my-sites li:nth-of-type(10n+4),
3143 .my-sites li:nth-of-type(10n+5) {
3144 background-color: #f9f9f9;
3148 @media only screen and (min-width: 1600px) {
3153 background-color: #fff;
3155 .my-sites.striped li:nth-of-type(6n+1) {
3158 .my-sites.striped li:nth-of-type(6n+6):after {
3161 .my-sites li:nth-of-type(12n+1),
3162 .my-sites li:nth-of-type(12n+2),
3163 .my-sites li:nth-of-type(12n+3),
3164 .my-sites li:nth-of-type(12n+4),
3165 .my-sites li:nth-of-type(12n+5),
3166 .my-sites li:nth-of-type(12n+6) {
3167 background-color: #f9f9f9;
3172 text-decoration: none;
3176 -------------------------------------------------------------- */
3178 /* @todo: de-duplication */
3179 @media only screen and (min-width: 769px) {
3190 @media only screen and (max-width: 860px) {
3202 @media only screen and (min-width: 980px) {
3214 @media only screen and (max-width: 768px) {
3229 (-webkit-min-device-pixel-ratio: 1.25),
3230 (min-resolution: 120dpi) {
3231 /* Back-compat for pre-3.8 */
3233 div.star-holder .star-rating {
3234 background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
3235 -webkit-background-size: 21px 37px;
3236 background-size: 21px 37px;
3240 background-image: url(../images/spinner-2x.gif);
3243 /* @todo: evaluate - most of these were likely replaced by dashicons */
3244 .curtime #timestamp,
3245 #screen-meta-links a.show-settings,
3246 .widget-top a.widget-action,
3247 .widget-top a.widget-action:hover,
3248 .sidebar-name-arrow,
3249 .sidebar-name:hover .sidebar-name-arrow,
3250 .meta-box-sortables .postbox:hover .handlediv,
3251 .tagchecklist span a,
3253 .tagchecklist span a:hover,
3254 #bulk-titles div a:hover {
3255 background: none !important;
3261 width: device-width;
3264 @media screen and ( max-width: 782px ) {
3275 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
3285 padding-bottom: 100px;
3297 /* Hidden Elements */
3301 .post-format-select {
3302 display: none !important;
3305 .wrap .add-new-h2, /* deprecated */
3306 .wrap .add-new-h2:active, /* deprecated */
3307 .wrap .page-title-action,
3308 .wrap .page-title-action:active {
3311 white-space: nowrap;
3319 .wp-color-result:after {
3325 /* Feedback Messages */
3329 .media-upload-form div.error {
3330 margin: 20px 0 10px 0;
3336 .wp-core-ui .notice.is-dismissible {
3337 padding-right: 46px;
3344 .wrap .icon32 + h2 {
3348 .wp-responsive-open #wpbody {
3353 word-wrap: break-word;
3356 /* General Metabox */
3361 .metabox-holder h3 {
3365 .postbox .handlediv {
3373 margin-bottom: 15px;
3376 /* Theme/Plugin File Editor */
3386 #templateside li a {
3391 #templateside .highlight {
3403 #template textarea {
3407 .fileedit-sub .alignright {
3415 #comments-form .checkforspam {
3419 .edit-comment-author {
3425 @media screen and (max-width: 600px) {
3426 /* Disable horizontal scroll when responsive menu is open
3427 since we push the main content off to the right. */
3428 #wpwrap.wp-responsive-open {
3440 /* Keep full-width boxes on Edit Post page from causing horizontal scroll */
3441 div#post-body.metabox-holder.columns-1 {
3446 @media screen and (max-width: 320px) {
3447 /* Prevent default center alignment and larger font for the Right Now widget when
3448 the network dashboard is viewed on a small mobile device. */
3449 #network_dashboard_right_now .subsubsub {