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 {
131 .screen-reader-shortcut {
136 .screen-reader-shortcut:focus {
144 padding: 15px 23px 14px;
149 -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
150 box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
151 text-decoration: none;
158 .no-js .hide-if-no-js,
159 .js.wp-core-ui .hide-if-js,
160 .js .wp-core-ui .hide-if-js,
161 .no-js.wp-core-ui .hide-if-no-js,
162 .no-js .wp-core-ui .hide-if-no-js {
166 /* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
170 #menu-settings-column .accordion-container,
171 #menu-management .menu-edit,
176 .widgets-holder-wrap,
177 .wp-editor-container,
182 border: 1px solid #e5e5e5;
183 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
184 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
188 .wp-editor-container,
191 .widgets-holder-wrap,
213 font-family: "Open Sans", sans-serif;
228 body.mobile.modal-open #wpwrap {
240 font-family: inherit;
242 font-weight: inherit;
243 line-height: inherit;
248 -webkit-transition-property: border, background, color;
249 transition-property: border, background, color;
250 -webkit-transition-duration: .05s;
251 transition-duration: .05s;
252 -webkit-transition-timing-function: ease-in-out;
253 transition-timing-function: ease-in-out;
270 0 0 2px 1px rgba(30, 140, 190, .8);
273 0 0 2px 1px rgba(30, 140, 190, .8);
277 outline: #5b9dd9 solid 1px;
281 .screen-reader-text:focus {
282 -webkit-box-shadow: none;
368 list-style-type: decimal;
373 list-style: disc outside;
377 list-style: square outside;
381 list-style: decimal outside;
404 font-family: Consolas, Monaco, monospace;
411 padding: 3px 5px 2px 5px;
414 background: rgba(0,0,0,0.07);
430 text-decoration: none;
434 .subsubsub a.current .count {
439 .subsubsub a.current {
445 display: inline-block;
451 /* .widefat - main style for tables */
460 word-wrap: break-word;
464 text-decoration: none;
473 border-bottom: 1px solid #e1e1e1;
477 border-top: 1px solid #e1e1e1;
481 .widefat .no-items td {
482 border-bottom-width: 0;
506 vertical-align: text-top;
509 .widefat .check-column {
515 .widefat th input[type=checkbox] {
519 .widefat tbody th.check-column {
523 .widefat.media .check-column {
527 .widefat thead th.check-column,
528 .widefat tbody th.check-column,
529 .widefat tfoot th.check-column {
530 padding: 11px 3px 0 0;
533 .widefat thead th.check-column {
537 .update-php div.updated,
538 .update-php div.error {
542 .no-js .widefat thead .check-column input,
543 .no-js .widefat tfoot .check-column input {
554 .widefat th#comments {
555 vertical-align: middle;
559 margin: 10px 2px 0 20px;
575 padding: 9px 0 4px 15px;
586 .wrap .add-new-h2:active {
591 text-decoration: none;
593 -webkit-border-radius: 2px;
601 .wrap .add-new-h2:hover {
606 .wrap h2.long-header {
611 background-color: #fff;
615 #widgets-left .widget-in-question .widget-top,
616 #available-widgets .widget-top:hover,
617 div#widgets-right .widget-top:hover,
618 #widgets-left .widget-top:hover {
620 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
621 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
625 background-color: #ccf3fa;
629 .subsubsub a.current {
633 .striped > tbody > :nth-child(odd),
635 background-color: #f9f9f9;
639 background-color: #e8e8e8;
640 border-left-color: #99d;
643 .media-upload-form label.form-help,
648 /* Helper classes for plugins to leverage the active WordPress color scheme */
651 background-color: #e4f2fd;
657 background-color: #32373c;
659 .wp-ui-text-primary {
665 background-color: #1e8cbe;
667 .wp-ui-text-highlight {
671 .wp-ui-notification {
673 background-color: #d54e21;
675 .wp-ui-text-notification {
683 /* For emoji replacement images */
685 display: inline !important;
686 border: none !important;
687 height: 1em !important;
688 width: 1em !important;
689 margin: 0 .07em !important;
690 vertical-align: -0.1em !important;
691 background: none !important;
692 padding: 0 !important;
693 -webkit-box-shadow: none !important;
694 box-shadow: none !important;
697 /*------------------------------------------------------------------------------
699 ------------------------------------------------------------------------------*/
704 .control-section .accordion-section-title,
711 #your-profile #rich_editing,
725 border-bottom: 1px solid #eee;
730 background-color: #ccc;
739 /* @todo can we combine these into a class or use an existing dashicon one? */
740 #welcome-panel.welcome-panel .welcome-panel-close:before,
741 .tagchecklist span a:before,
742 #bulk-titles div a:before,
743 .notice-dismiss:before {
747 display: block !important;
748 font: normal 16px/1 'dashicons';
753 -webkit-font-smoothing: antialiased !important;
756 #welcome-panel.welcome-panel .welcome-panel-close:before {
760 .tagchecklist span a:before,
761 #bulk-titles div a:before {
765 #welcome-panel.welcome-panel .welcome-panel-close:hover:before,
766 .tagchecklist span a:hover:before,
767 #bulk-titles div a:hover:before {
780 /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
781 white-space: pre-wrap; /* css-3 */
782 word-wrap: break-word; /* IE 5.5 - 7 */
802 border-top: 1px solid #ddd;
803 border-bottom: 1px solid #fafafa;
806 .row-actions span.delete a,
807 .row-actions span.trash a,
808 .row-actions span.spam a,
810 #all-plugins-table .plugins a.delete,
811 #search-plugins-table .plugins a.delete,
812 .submitbox .submitdelete,
813 #media-items a.delete,
814 #media-items a.delete-permanently,
815 #nav-menu-footer .menu-delete {
821 .widget-control-remove:hover,
822 .row-actions .delete a:hover,
823 .row-actions .trash a:hover,
824 .row-actions .spam a:hover,
825 .plugins a.delete:hover,
826 #all-plugins-table .plugins a.delete:hover,
827 #search-plugins-table .plugins a.delete:hover,
828 .submitbox .submitdelete:hover,
829 #media-items a.delete:hover,
830 #media-items a.delete-permanently:hover,
831 #nav-menu-footer .menu-delete:hover {
833 text-decoration: none;
837 /*------------------------------------------------------------------------------
839 ------------------------------------------------------------------------------*/
841 #major-publishing-actions {
844 border-top: 1px solid #ddd;
850 vertical-align: middle;
861 #publishing-action .spinner {
865 #misc-publishing-actions {
870 padding: 6px 10px 8px;
873 #minor-publishing-actions {
874 padding: 10px 10px 0 10px;
899 margin: 12px 2px 5px;
900 border-bottom: 1px solid #dadada;
911 .unapproved .unapprove {
915 .unapproved .approve,
928 display: inline-block;
930 -webkit-box-sizing: border-box;
931 -moz-box-sizing: border-box;
932 box-sizing: border-box;
936 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
937 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
938 border: 1px solid #e5e5e5;
945 text-decoration: none;
949 display: inline-block;
950 vertical-align: middle;
955 .filter-count .count {
956 display: inline-block;
960 -webkit-border-radius: 30px;
968 /* not a part of filter bar, but derived from it, so here for now */
981 display: inline-block;
986 display: inline-block;
990 .filter-links li > a {
991 display: inline-block;
994 border-bottom: 4px solid #fff;
999 .filter-links .current {
1000 -webkit-box-shadow: none;
1002 border-bottom: 4px solid #666;
1006 .filter-links li > a:hover,
1007 .filter-links li > a:focus,
1008 .show-filters .filter-links a.current:hover,
1009 .show-filters .filter-links a.current:focus {
1013 .wp-filter .search-form {
1018 .wp-filter .search-form input[type="search"] {
1028 .wp-filter .search-form select {
1031 vertical-align: top;
1034 .wp-filter .search-form.search-plugins {
1035 display: inline-block;
1038 .wp-filter .drawer-toggle {
1039 display: inline-block;
1046 .wp-filter .drawer-toggle:before {
1047 display: inline-block;
1048 vertical-align: top;
1054 -webkit-transition: color .1s ease-in 0;
1055 transition: color .1s ease-in 0;
1056 font-family: "dashicons";
1060 text-decoration: inherit;
1061 font-weight: normal;
1063 -webkit-font-smoothing: antialiased;
1066 .wp-filter .drawer-toggle:hover,
1067 .wp-filter .drawer-toggle:hover:before {
1071 .wp-filter .drawer-toggle.current:before {
1079 border-top: 1px solid #eee;
1080 background: #fafafa;
1083 .show-filters .filter-drawer {
1089 .show-filters .wp-filter .drawer-toggle:hover,
1090 .show-filters .wp-filter .drawer-toggle:focus {
1091 background: rgb(46, 162, 204);
1094 .show-filters .filter-links a.current {
1095 border-bottom: none;
1098 .show-filters .wp-filter .drawer-toggle {
1099 -webkit-border-radius: 2px;
1106 .show-filters .wp-filter .drawer-toggle:before {
1111 -webkit-box-sizing: border-box;
1112 -moz-box-sizing: border-box;
1113 box-sizing: border-box;
1119 border: 1px solid #e5e5e5;
1120 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1121 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1131 list-style-type: none;
1136 display: inline-block;
1137 vertical-align: top;
1141 list-style-type: none;
1144 .filter-drawer .buttons {
1145 margin-bottom: 20px;
1148 .filter-drawer .buttons .button span {
1149 display: inline-block;
1155 .wp-filter .button.clear-filters {
1165 .filtered-by > span {
1173 .filtered-by .tags {
1180 border: 1px solid #e5e5e5;
1181 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1182 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1187 .filters-applied .filter-group,
1188 .filters-applied .filter-drawer .buttons,
1189 .filters-applied .filter-drawer br {
1190 display: none !important;
1193 .filters-applied .filtered-by {
1197 .filters-applied .filter-drawer {
1201 .show-filters .content-filterable,
1202 .show-filters.filters-applied.loading-content .content-filterable,
1203 .loading-content .content-filterable,
1204 .error .content-filterable {
1208 .show-filters.filters-applied .content-filterable {
1212 .loading-content .spinner {
1214 margin: 40px auto 0;
1218 @media only screen and (max-width: 1120px) {
1220 border-bottom: 1px solid #eee;
1234 @media only screen and (max-width: 1000px) {
1239 .wp-filter .media-toolbar-primary,
1240 .wp-filter .media-toolbar-secondary,
1241 .wp-filter .search-form {
1242 float: none; /* Remove float from media-views.css */
1248 @media only screen and (max-width: 782px) {
1255 @media only screen and (max-width: 320px) {
1260 .wp-filter .drawer-toggle {
1265 .wp-filter .search-form input[type="search"] {
1270 /*------------------------------------------------------------------------------
1272 ------------------------------------------------------------------------------*/
1278 border-right: 4px solid #fff;
1279 -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
1280 box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
1281 margin: 5px 15px 2px;
1288 .form-table td .notice p {
1293 .wp-core-ui .notice.is-dismissible {
1310 .notice-dismiss:before {
1317 .notice-dismiss:hover:before,
1318 .notice-dismiss:active:before,
1319 .notice-dismiss:focus:before {
1323 .notice-dismiss:focus {
1325 -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
1326 box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
1330 .ie8 .notice-dismiss:focus {
1331 outline: 1px solid #5b9dd9;
1336 border-color: #7ad03a;
1340 border-color: #ffba00;
1345 border-color: #dd3d36;
1349 border-color: #00a0d2;
1355 .media-upload-form .notice,
1356 .media-upload-form div.error {
1362 display: inline-block;
1367 margin: 25px 2px 0 20px;
1368 background-color: #fff;
1369 border-right: 4px solid #ffba00;
1370 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
1371 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
1378 ul#dismissed-updates {
1386 form.upgrade .hint {
1389 margin: -0.5em 0 2em 0;
1392 .update-php .spinner {
1401 .list-ajax-loading { /* deprecated */
1405 #ajax-response.alignleft {
1409 /* @todo: this does not need its own section anymore */
1410 /*------------------------------------------------------------------------------
1412 ------------------------------------------------------------------------------*/
1416 text-decoration: none;
1419 /*------------------------------------------------------------------------------
1420 6.1 - Screen Options Tabs
1421 ------------------------------------------------------------------------------*/
1423 #screen-options-wrap,
1424 #contextual-help-wrap {
1426 padding: 8px 20px 12px;
1430 #contextual-help-wrap {
1432 margin-right: 0 !important;
1435 #screen-meta .screen-reader-text {
1439 #screen-meta-links {
1443 #screen-meta-links a {
1444 padding: 3px 16px 3px 6px;
1447 #screen-meta-links a:focus {
1451 /* screen options and help tabs revert */
1454 margin: 0 0px -1px 20px;
1456 background-color: #fff;
1457 border: 1px solid #ddd;
1459 -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025);
1460 box-shadow: 0 1px 0 rgba(0,0,0,.025);
1463 #screen-options-link-wrap,
1464 #contextual-help-link-wrap {
1468 border: 1px solid #ddd;
1471 -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
1472 box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
1475 #screen-meta-links .screen-meta-toggle {
1480 #screen-meta-links a {
1484 #screen-meta-links a:hover,
1485 #screen-meta-links a:active,
1486 #screen-meta-links a:focus {
1490 #screen-meta-links a.show-settings {
1495 text-decoration: none;
1499 #screen-meta-links a:after {
1502 font: normal 20px/1 'dashicons';
1504 display: inline-block;
1508 vertical-align: bottom;
1509 -webkit-font-smoothing: antialiased;
1510 -moz-osx-font-smoothing: grayscale;
1511 text-decoration: none !important;
1515 #screen-meta-links a.screen-meta-active:after {
1519 #screen-meta-links a.show-settings:hover {
1520 text-decoration: none;
1522 /* end screen options and help tabs */
1525 background-repeat: no-repeat;
1526 background-position: top left;
1527 background-color: transparent;
1533 .toggle-arrow-active {
1534 background-position: bottom left;
1537 #screen-options-wrap h5,
1538 #contextual-help-wrap h5 {
1543 .metabox-prefs label {
1544 display: inline-block;
1549 .metabox-prefs label input[type=checkbox] {
1554 .metabox-prefs label input {
1555 margin: 0 2px 0 5px;
1558 .metabox-prefs .columns-prefs label input {
1562 .metabox-prefs label a {
1566 .metabox-prefs .screen-options {
1570 .metabox-prefs .screen-options input,
1571 .metabox-prefs .screen-options label {
1574 vertical-align: middle;
1577 .metabox-prefs .screen-options .screen-per-page {
1581 .metabox-prefs .screen-options label {
1586 /*------------------------------------------------------------------------------
1588 ------------------------------------------------------------------------------*/
1590 #contextual-help-wrap {
1594 #contextual-help-columns {
1598 #contextual-help-back {
1604 border: 1px solid #e1e1e1;
1606 border-bottom: none;
1607 background: #f6fbfd;
1610 #contextual-help-wrap.no-sidebar #contextual-help-back {
1612 border-left-width: 0;
1613 -webkit-border-bottom-left-radius: 2px;
1614 border-bottom-left-radius: 2px;
1617 .contextual-help-tabs {
1623 .contextual-help-tabs ul {
1627 .contextual-help-tabs li {
1629 list-style-type: none;
1630 border-style: solid;
1631 border-width: 0 2px 0 0;
1632 border-color: transparent;
1635 .contextual-help-tabs a {
1637 padding: 5px 12px 5px 5px;
1639 text-decoration: none;
1640 border: 1px solid transparent;
1645 .contextual-help-tabs a:hover {
1649 .contextual-help-tabs .active {
1652 border-right: 2px solid #00a0d2;
1653 background: #f6fbfd;
1654 -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
1655 box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
1658 .contextual-help-tabs .active a {
1659 border-color: #e1e1e1;
1663 .contextual-help-tabs-wrap {
1670 margin: 0 0 12px 22px;
1674 .help-tab-content.active {
1678 .help-tab-content ul li {
1679 list-style-type: disc;
1683 .contextual-help-sidebar {
1686 padding: 0 12px 0 8px;
1690 /*------------------------------------------------------------------------------
1692 ------------------------------------------------------------------------------*/
1696 -webkit-box-sizing: border-box;
1697 -moz-box-sizing: border-box;
1698 box-sizing: border-box;
1707 font-weight: normal;
1710 .widefat thead tr th,
1711 .widefat tfoot tr th {
1716 margin: 2px 0 0.8em;
1725 .widefat .column-comment p {
1729 /* Screens with postboxes */
1730 .postbox-container {
1734 .postbox-container .meta-box-sortables {
1735 -webkit-box-sizing: border-box;
1736 -moz-box-sizing: border-box;
1737 box-sizing: border-box;
1740 #wpbody-content .metabox-holder {
1744 .metabox-holder .postbox-container .empty-container {
1745 border: 3px dashed #b4b9be;
1749 .metabox-holder.columns-1 .postbox-container .empty-container,
1750 .columns-2 #postbox-container-3 .empty-container,
1751 .columns-2 #postbox-container-4 .empty-container,
1752 .columns-3 #postbox-container-4 .empty-container {
1758 #post-body-content {
1764 #post-body.columns-2 #postbox-container-1 {
1766 margin-left: -300px;
1770 #post-body.columns-2 #side-sortables {
1774 /* one column on the dash */
1775 @media only screen and (max-width: 799px) {
1776 #wpbody-content .metabox-holder .postbox-container .empty-container {
1783 .js .widget .widget-top,
1784 .js .postbox .hndle {
1790 font-weight: normal;
1793 .postbox .handlediv {
1799 .js .postbox .handlediv {
1803 .sortable-placeholder {
1804 border: 1px dashed #b4b9be;
1805 margin-bottom: 20px;
1810 margin-bottom: 20px;
1815 /* user-select is not a part of the CSS standard - may change behavior in the future */
1818 -webkit-user-select: none;
1819 -moz-user-select: none;
1820 -ms-user-select: none;
1826 padding: 0 12px 12px;
1836 .postbox .inside > p:last-child,
1837 .rss-widget ul li:last-child {
1838 margin-bottom: 1px !important;
1841 .postbox.closed h3 {
1843 -webkit-box-shadow: none;
1847 .postbox table.form-table {
1851 .postbox table.widefat {
1852 -webkit-box-shadow: none;
1857 border: 1px dotted #ccc;
1860 .columns-prefs label {
1864 /* @todo: what is this doing here */
1865 #dashboard_right_now .versions .b,
1866 #post-status-display,
1867 #post-visibility-display,
1868 #adminmenu .wp-submenu li.current,
1869 #adminmenu .wp-submenu li.current a,
1870 #adminmenu .wp-submenu li.current a:hover,
1871 .media-item .percent,
1873 #pass-strength-result.strong,
1874 #pass-strength-result.short,
1875 #ed_reply_toolbar #ed_reply_strong,
1876 .item-controls .item-order a,
1877 .feature-filter .feature-name {
1881 /*------------------------------------------------------------------------------
1883 ------------------------------------------------------------------------------*/
1905 text-decoration: none;
1909 text-decoration: underline;
1912 /*------------------------------------------------------------------------------
1913 25.0 - Tabbed Admin Screen Interface (Experimental)
1914 ------------------------------------------------------------------------------*/
1917 border: 1px solid #ccc;
1918 border-bottom: none;
1919 background: #e4e4e4;
1923 display: inline-block;
1924 padding: 4px 14px 6px;
1925 text-decoration: none;
1926 margin: -4px 0 -1px 4px;
1930 background-color: #fff;
1939 .nav-tab-active:hover {
1940 border-bottom: 1px solid #f1f1f1;
1941 background: #f1f1f1;
1946 h3.nav-tab-wrapper {
1947 border-bottom: 1px solid #ccc;
1949 padding-right: 10px;
1960 /*------------------------------------------------------------------------------
1962 ------------------------------------------------------------------------------*/
1965 background: url(../images/spinner.gif) no-repeat;
1966 -webkit-background-size: 20px 20px;
1967 background-size: 20px 20px;
1968 display: inline-block;
1971 vertical-align: middle;
1973 filter: alpha(opacity=70);
1979 .spinner.is-active {
1980 visibility: visible;
1987 .metabox-holder h3 {
1994 #templateside ul li a {
1995 text-decoration: none;
1998 .plugin-install #description,
1999 .plugin-install-network #description {
2004 table .column-visible,
2005 table .column-rating {
2014 /* Scrollbar fix for bulk upgrade iframe */
2019 /* Upgrader styles, Specific to Language Packs */
2023 .lp-show-latest p:last-child,
2024 .lp-show-latest .lp-error p {
2028 /* - Only used once or twice in all of WP - deprecate for global style
2029 ------------------------------------------------------------------------------*/
2034 padding-bottom: 8px;
2045 border: 1px solid rgba(0, 0, 0, 0.07);
2063 #post-body #post-body-content #namediv h3 {
2068 vertical-align: baseline;
2077 white-space: nowrap;
2089 margin-bottom: 0 !important;
2092 /* - Used - but could/should be deprecated with a CSS reset
2093 ------------------------------------------------------------------------------*/
2127 .post-categories li {
2131 /* Star Ratings - Back-compat for pre-3.8 */
2136 background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
2139 div.star-holder .star-rating {
2140 background: url(../images/stars.png?ver=20121108) repeat-x top left;
2147 white-space: nowrap;
2149 .star-rating .star {
2150 display: inline-block;
2153 -webkit-font-smoothing: antialiased;
2156 font-family: 'dashicons';
2157 text-decoration: inherit;
2158 font-weight: normal;
2160 vertical-align: top;
2161 -webkit-transition: color .1s ease-in 0;
2162 transition: color .1s ease-in 0;
2167 .star-rating .star-full:before {
2171 .star-rating .star-half:before {
2175 .rtl .star-rating .star-half {
2176 -webkit-transform: rotateY(180deg);
2177 -ms-transform: rotateY(180deg);
2178 transform: rotateY(180deg);
2181 .star-rating .star-empty:before {
2186 font-weight: normal;
2190 /* Plugin install thickbox */
2191 #plugin-information {
2202 #plugin-information-scrollable {
2204 -webkit-overflow-scrolling: touch;
2208 #plugin-information-title {
2210 background: #f5f5f5;
2220 text-overflow: ellipsis;
2221 white-space: nowrap;
2224 #plugin-information-title.with-banner {
2228 -webkit-background-size: cover;
2229 background-size: cover;
2232 #plugin-information-title h2 {
2239 text-overflow: ellipsis;
2240 white-space: nowrap;
2243 #plugin-information-title.with-banner h2 {
2244 font-family: "Helvetica Neue", sans-serif;
2245 display: inline-block;
2249 margin: 174px 10px 0 0;
2251 background: rgba( 30, 30, 30, 0.9 );
2252 text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.4 );
2253 -webkit-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
2254 box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
2255 -webkit-border-radius: 8px;
2259 #plugin-information-title div.vignette {
2263 #plugin-information-title.with-banner div.vignette {
2270 background: transparent;
2271 -webkit-box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
2272 box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
2275 #plugin-information-tabs {
2282 border-bottom: 1px solid #ddd;
2283 background: #f3f3f3;
2286 #plugin-information-tabs a {
2294 text-decoration: none;
2295 -webkit-transition: none;
2299 #plugin-information-tabs a.current {
2302 border: 1px solid #ddd;
2303 border-bottom-color: #fff;
2308 #plugin-information-tabs.with-banner a.current {
2313 #plugin-information-tabs a:active,
2314 #plugin-information-tabs a:focus {
2318 #plugin-information-content {
2319 overflow: hidden; /* equal height column trick */
2326 /* Height of title + tabs + install now */
2327 min-height: -webkit-calc( 100% - 152px );
2328 min-height: calc( 100% - 152px );
2331 #plugin-information-content.with-banner {
2332 /* Height of banner + tabs + install now */
2333 min-height: -webkit-calc( 100% - 346px );
2334 min-height: calc( 100% - 346px );
2343 margin-left: 250px; /* FYI box */
2345 margin-bottom: -99930px; /* a bit less than the padding below to accommodate footer */
2346 padding-bottom: 99999px; /* equal height column trick */
2349 #section-holder .updated {
2353 #plugin-information .fyi {
2360 margin-bottom: -99930px; /* slightly less than the padding below to accommodate footer */
2361 padding-bottom: 99999px; /* equal height column trick */
2363 border-right: 1px solid #ddd;
2364 background: #f3f3f3;
2368 #plugin-information .fyi strong {
2372 #plugin-information .fyi h3 {
2374 text-transform: uppercase;
2380 #plugin-information .fyi h2 {
2386 #plugin-information .fyi ul {
2392 #plugin-information .fyi li {
2396 #plugin-information .counter-container {
2400 #plugin-information .counter-label {
2406 #plugin-information .counter-back {
2409 background-color: #ececec;
2413 #plugin-information .counter-bar {
2415 background-color: #ffc733; /* slightly lighter than stars due to larger expanse */
2419 #plugin-information .counter-count {
2423 #plugin-information .fyi ul.contributors {
2427 #plugin-information .fyi ul.contributors li {
2428 display: inline-block;
2430 vertical-align: middle;
2433 #plugin-information .fyi ul.contributors li {
2434 display: inline-block;
2436 vertical-align: middle;
2439 #plugin-information .fyi ul.contributors li img {
2440 vertical-align: middle;
2444 #plugin-information-footer {
2451 border-top: 1px solid #ddd;
2452 background: #f3f3f3;
2456 #plugin-information .section {
2461 #plugin-information .section ul,
2462 #plugin-information .section ol {
2463 list-style-type: disc;
2467 #plugin-information .section,
2468 #plugin-information .section p {
2473 #plugin-information #section-screenshots ol {
2478 #plugin-information #section-screenshots li img {
2479 vertical-align: text-top;
2484 -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
2485 box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
2489 #plugin-information #section-screenshots li p {
2494 #plugin-information pre {
2497 border: 1px solid #ccc;
2501 #plugin-information .review {
2502 overflow: hidden; /* clearfix */
2504 margin-bottom: 20px;
2505 border-bottom: 1px solid #e6e6e6;
2508 #plugin-information .review-title-section {
2509 overflow: hidden; /* clearfix */
2513 #plugin-information .review-title-section h4 {
2514 display: inline-block;
2519 #plugin-information .reviewer-info p {
2526 #plugin-information .reviewer-info .avatar {
2528 margin: 4px 6px 0 0;
2532 #plugin-information .reviewer-info .star-rating {
2537 #plugin-information .review-meta {
2539 margin-left: 0.75em;
2543 #plugin-information .review-body {
2548 .plugin-version-author-uri {
2552 @media screen and ( max-width: 771px ) {
2553 #plugin-information-title.with-banner {
2558 #plugin-information-title.with-banner h2 {
2565 #plugin-information-title.with-banner div.vignette {
2571 #plugin-information-tabs {
2572 overflow: hidden; /* clearfix */
2574 height: auto; /* let tabs wrap */
2577 #plugin-information-tabs a.current {
2579 border-bottom: none;
2582 #plugin-information .fyi {
2584 border: 1px solid #ddd;
2587 margin: 26px 26px 0;
2588 padding-bottom: 0; /* reset from the two column height fix */
2594 padding-bottom: 70px; /* reset from the two column height fix, plus accomodate footer */
2597 #plugin-information .fyi h3,
2598 #plugin-information .fyi small {
2602 #plugin-information-footer {
2603 padding: 12px 16px 0;
2608 /* Thickbox for Plugin Install screen */
2609 body.plugin-install-php #TB_window,
2610 body.import-php #TB_window,
2611 body.plugins-php #TB_window,
2612 body.update-core-php #TB_window,
2613 body.index-php #TB_window {
2614 background: #fcfcfc url( ../images/spinner.gif ) no-repeat center;
2618 (-webkit-min-device-pixel-ratio: 1.25),
2619 (min-resolution: 120dpi) {
2621 body.plugin-install-php #TB_window,
2622 body.import-php #TB_window,
2623 body.plugins-php #TB_window,
2624 body.update-core-php #TB_window,
2625 body.index-php #TB_window {
2626 background: #fcfcfc url( ../images/spinner-2x.gif ) no-repeat center;
2627 -webkit-background-size: 20px 20px;
2628 background-size: 20px 20px;
2632 body.plugin-install-php #TB_title,
2633 body.import-php #TB_title,
2634 body.plugins-php #TB_title,
2635 body.update-core-php #TB_title,
2636 body.index-php #TB_title {
2641 body.plugin-install-php #TB_ajaxWindowTitle,
2642 body.import-php #TB_ajaxWindowTitle,
2643 body.plugins-php #TB_ajaxWindowTitle,
2644 body.update-core-php #TB_ajaxWindowTitle,
2645 body.index-php #TB_ajaxWindowTitle {
2649 body.plugin-install-php .tb-close-icon,
2650 body.import-php .tb-close-icon,
2651 body.plugins-php .tb-close-icon,
2652 body.update-core-php .tb-close-icon,
2653 body.index-php .tb-close-icon {
2657 -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
2658 transition: color .1s ease-in-out, background .1s ease-in-out;
2661 body.plugin-install-php #TB_closeWindowButton:focus,
2662 body.plugin-install-php #TB_closeWindowButton:focus .tb-close-icon,
2663 body.plugin-install-php .tb-close-icon:focus,
2664 body.plugin-install-php .tb-close-icon:hover,
2665 body.import-php #TB_closeWindowButton:focus,
2666 body.import-php #TB_closeWindowButton:focus .tb-close-icon,
2667 body.import-php .tb-close-icon:focus,
2668 body.import-php .tb-close-icon:hover,
2669 body.plugins-php #TB_closeWindowButton:focus,
2670 body.plugins-php #TB_closeWindowButton:focus .tb-close-icon,
2671 body.plugins-php .tb-close-icon:focus,
2672 body.plugins-php .tb-close-icon:hover,
2673 body.update-core-php #TB_closeWindowButton:focus,
2674 body.update-core-php #TB_closeWindowButton:focus .tb-close-icon,
2675 body.update-core-php .tb-close-icon:focus,
2676 body.update-core-php .tb-close-icon:hover,
2677 body.index-php #TB_closeWindowButton:focus,
2678 body.index-php #TB_closeWindowButton:focus .tb-close-icon,
2679 body.index-php .tb-close-icon:focus,
2680 body.index-php .tb-close-icon:hover {
2683 -webkit-box-shadow: none;
2687 body.plugin-install-php .tb-close-icon:before,
2688 body.import-php .tb-close-icon:before,
2689 body.plugins-php .tb-close-icon:before,
2690 body.update-core-php .tb-close-icon:before,
2691 body.index-php .tb-close-icon:before {
2696 /* move plugin install close icon to top on narrow screens */
2697 @media screen and ( max-width: 830px ) {
2698 body.plugin-install-php .tb-close-icon,
2699 body.import-php .tb-close-icon,
2700 body.plugins-php .tb-close-icon,
2701 body.update-core-php .tb-close-icon,
2702 body.index-php .tb-close-icon {
2708 /* @todo: move this. */
2714 /* @todo: are these also specific to Press This? */
2716 border-bottom: 1px solid #dfdfdf;
2723 /* @todo: these seem misplaced */
2724 .js .meta-box-sortables .postbox:hover .handlediv {
2725 margin-left: 0 !important;
2728 /* Metabox collapse arrow indicators */
2729 .js .sidebar-name .sidebar-name-arrow:before,
2730 .js .meta-box-sortables .postbox .handlediv:before {
2732 font: normal 20px/1 'dashicons';
2734 display: inline-block;
2738 -webkit-font-smoothing: antialiased;
2739 -moz-osx-font-smoothing: grayscale;
2740 text-decoration: none !important;
2743 .js #widgets-left .sidebar-name .sidebar-name-arrow {
2747 .js #widgets-left .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow,
2748 .js #widgets-left .sidebar-name:hover .sidebar-name-arrow {
2752 /* Show the arrow only on hover */
2753 .js .sidebar-name .sidebar-name-arrow:before,
2754 .js .meta-box-sortables .postbox .handlediv:before {
2758 .js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
2759 .js .meta-box-sortables .postbox.closed .handlediv:before {
2764 text-decoration: underline;
2768 text-decoration: none;
2769 padding-bottom: 2px;
2772 /* @todo: appears to be Press This only and overridden */
2773 #photo-add-url-div input[type="text"] {
2777 /* Theme/Plugin Editor */
2782 #template textarea {
2783 font-family: Consolas, Monaco, monospace;
2786 background: #f9f9f9;
2803 word-wrap: break-word;
2807 #postcustomstuff p.submit {
2826 .theme-editor-php .highlight {
2828 padding: 3px 12px 3px 3px;
2829 text-decoration: none;
2832 .theme-editor-php .highlight {
2833 margin: -3px -12px -3px 3px;
2836 #templateside .highlight {
2845 padding-right: 12px;
2852 #documentation label {
2854 vertical-align: baseline;
2859 padding: 10px 0 8px;
2863 /* @todo: can we use a common class for these? */
2864 .nav-menus-php .item-edit:before,
2865 .widget-top a.widget-action:after,
2866 .control-section .accordion-section-title:after,
2867 .accordion-section-title:after {
2872 font: normal 20px/1 'dashicons';
2879 -webkit-font-smoothing: antialiased;
2880 -moz-osx-font-smoothing: grayscale;
2881 text-decoration: none !important;
2887 .sidebar-name-arrow,
2888 .accordion-section-title:after {
2892 .widget-action:hover,
2895 .sidebar-name:hover .sidebar-name-arrow,
2896 .accordion-section-title:hover:after {
2900 .widget-top a.widget-action:after {
2901 padding: 12px 12px 11px;
2904 .widget-top a.widget-action:focus:after {
2905 -webkit-box-shadow: 0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8);
2906 box-shadow: 0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8);
2909 .nav-menus-php .item-edit:before {
2913 .control-section .accordion-section-title:after,
2914 .accordion-section-title:after {
2920 .control-section.open .accordion-section-title:after,
2921 #customize-info.open .accordion-section-title:after,
2922 .nav-menus-php .menu-item-edit-active .item-edit:before,
2923 .widget.open .widget-top a.widget-action:after {
2928 * jQuery UI Draggable/Sortable 1.11.4
2929 * http://jqueryui.com
2931 * Copyright jQuery Foundation and other contributors
2932 * Released under the MIT license.
2933 * http://jquery.org/license
2935 .ui-draggable-handle,
2936 .ui-sortable-handle {
2937 -ms-touch-action: none;
2942 .accordion-section {
2943 border-bottom: 1px solid #dfdfdf;
2947 .accordion-section.open .accordion-section-content,
2948 .no-js .accordion-section .accordion-section-content {
2952 .accordion-section.open:hover {
2953 border-bottom-color: #dfdfdf;
2956 .accordion-section-content {
2958 padding: 10px 20px 15px;
2963 .accordion-section-title {
2965 padding: 12px 15px 15px;
2967 border-right: 1px solid #dfdfdf;
2968 border-left: 1px solid #dfdfdf;
2969 -webkit-user-select: none;
2970 -moz-user-select: none;
2971 -ms-user-select: none;
2975 .js .accordion-section-title {
2979 .js .accordion-section-title:after {
2986 .accordion-section-title:focus {
2990 .accordion-section-title:hover:after,
2991 .accordion-section-title:focus:after {
2992 border-color: #a0a5aa transparent;
2995 .cannot-expand .accordion-section-title {
2999 .cannot-expand .accordion-section-title:after {
3003 .control-section .accordion-section-title {
3006 padding: 10px 14px 11px 10px;
3011 .control-section .accordion-section-title:after {
3015 .js .control-section:hover .accordion-section-title,
3016 .js .control-section .accordion-section-title:hover,
3017 .js .control-section.open .accordion-section-title,
3018 .js .control-section .accordion-section-title:focus {
3020 background: #f5f5f5;
3023 .control-section.open .accordion-section-title {
3025 border-bottom: 1px solid #dfdfdf;
3029 -------------------------------------------------------------- */
3031 /* @todo: de-duplication */
3032 @media only screen and (min-width: 769px) {
3043 @media only screen and (max-width: 860px) {
3055 @media only screen and (min-width: 980px) {
3067 @media only screen and (max-width: 768px) {
3082 (-webkit-min-device-pixel-ratio: 1.25),
3083 (min-resolution: 120dpi) {
3084 /* Back-compat for pre-3.8 */
3086 div.star-holder .star-rating {
3087 background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
3088 -webkit-background-size: 21px 37px;
3089 background-size: 21px 37px;
3093 background-image: url(../images/spinner-2x.gif);
3096 /* @todo: evaluate - most of these were likely replaced by dashicons */
3097 .curtime #timestamp,
3098 #screen-meta-links a.show-settings,
3099 .widget-top a.widget-action,
3100 .widget-top a.widget-action:hover,
3101 .sidebar-name-arrow,
3102 .sidebar-name:hover .sidebar-name-arrow,
3103 .meta-box-sortables .postbox:hover .handlediv,
3104 .tagchecklist span a,
3106 .tagchecklist span a:hover,
3107 #bulk-titles div a:hover {
3108 background: none !important;
3114 width: device-width;
3117 @media screen and ( max-width: 782px ) {
3128 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
3134 padding-right: 10px;
3138 padding-bottom: 100px;
3150 /* Hidden Elements */
3154 .post-format-select {
3155 display: none !important;
3158 .wrap .add-new-h2, .wrap .add-new-h2:active {
3165 padding-right: 45px;
3168 .wp-color-result:after {
3174 /* Feedback Messages */
3178 .media-upload-form div.error {
3179 margin: 20px 0 10px 0;
3185 .wp-core-ui .notice.is-dismissible {
3193 .wrap .icon32 + h2 {
3197 .wp-responsive-open #wpbody {
3202 word-wrap: break-word;
3205 /* General Metabox */
3210 .metabox-holder h3 {
3214 .postbox .handlediv {
3222 margin-bottom: 15px;
3225 /* Theme/Plugin File Editor */
3235 #templateside li a {
3240 #templateside .highlight {
3252 #template textarea {
3256 .fileedit-sub .alignright {
3264 #comments-form .checkforspam {
3270 @media screen and (max-width: 600px) {
3271 /* Disable horizontal scroll when responsive menu is open
3272 since we push the main content off to the right. */
3273 #wpwrap.wp-responsive-open {
3285 /* Keep full-width boxes on Edit Post page from causing horizontal scroll */
3286 div#post-body.metabox-holder.columns-1 {