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,
181 border: 1px solid #e5e5e5;
182 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
183 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
187 .wp-editor-container,
190 .widgets-holder-wrap,
211 font-family: "Open Sans", sans-serif;
232 font-family: inherit;
234 font-weight: inherit;
235 line-height: inherit;
240 -webkit-transition-property: border, background, color;
241 transition-property: border, background, color;
242 -webkit-transition-duration: .05s;
243 transition-duration: .05s;
244 -webkit-transition-timing-function: ease-in-out;
245 transition-timing-function: ease-in-out;
262 0 0 2px 1px rgba(30, 140, 190, .8);
265 0 0 2px 1px rgba(30, 140, 190, .8);
269 outline: #5b9dd9 solid 1px;
273 .screen-reader-text:focus {
274 -webkit-box-shadow: none;
360 list-style-type: decimal;
365 list-style: disc outside;
369 list-style: square outside;
373 list-style: decimal outside;
396 font-family: Consolas, Monaco, monospace;
402 padding: 3px 5px 2px 5px;
405 background: rgba(0,0,0,0.07);
421 text-decoration: none;
425 .subsubsub a.current .count {
430 .subsubsub a.current {
436 display: inline-block;
442 /* .widefat - main style for tables */
451 word-wrap: break-word;
455 text-decoration: none;
464 border-bottom: 1px solid #e1e1e1;
468 border-top: 1px solid #e1e1e1;
472 .widefat .no-items td {
473 border-bottom-width: 0;
497 vertical-align: text-top;
500 .widefat .check-column {
506 .widefat th input[type=checkbox] {
510 .widefat tbody th.check-column {
514 .widefat.media .check-column {
518 .widefat thead th.check-column,
519 .widefat tbody th.check-column,
520 .widefat tfoot th.check-column {
521 padding: 11px 3px 0 0;
524 .widefat thead th.check-column {
528 .update-php div.updated,
529 .update-php div.error {
533 .no-js .widefat thead .check-column input,
534 .no-js .widefat tfoot .check-column input {
545 .widefat th#comments {
546 vertical-align: middle;
550 margin: 10px 2px 0 20px;
556 margin: 5px 15px 2px;
567 .media-upload-form div.error {
572 border-right: 4px solid #7ad03a;
574 background-color: #fff;
575 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
576 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
580 border-right: 4px solid #dd3d36;
582 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
583 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
600 padding: 9px 0 4px 15px;
611 .wrap .add-new-h2:active {
616 text-decoration: none;
618 -webkit-border-radius: 2px;
626 .wrap .add-new-h2:hover {
631 .wrap h2.long-header {
636 background-color: #fff;
640 #widgets-left .widget-in-question .widget-top,
641 #available-widgets .widget-top:hover,
642 div#widgets-right .widget-top:hover,
643 #widgets-left .widget-top:hover {
645 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
646 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
650 background-color: #ccf3fa;
654 .subsubsub a.current {
660 background-color: #f9f9f9;
664 background-color: #e8e8e8;
665 border-left-color: #99d;
668 .media-upload-form label.form-help,
673 /* Helper classes for plugins to leverage the active WordPress color scheme */
676 background-color: #e4f2fd;
682 background-color: #333;
684 .wp-ui-text-primary {
690 background-color: #1e8cbe;
692 .wp-ui-text-highlight {
696 .wp-ui-notification {
698 background-color: #d54e21;
700 .wp-ui-text-notification {
708 /*------------------------------------------------------------------------------
710 ------------------------------------------------------------------------------*/
715 .control-section .accordion-section-title,
722 #your-profile #rich_editing,
736 border-bottom: 1px solid #eee;
741 background-color: #ccc;
750 /* @todo can we combine these into a class or use an existing dashicon one? */
751 #welcome-panel.welcome-panel .welcome-panel-close:before,
752 .tagchecklist span a:before,
753 #bulk-titles div a:before {
757 display: block !important;
758 font: normal 16px/1 'dashicons';
763 -webkit-font-smoothing: antialiased !important;
766 #welcome-panel.welcome-panel .welcome-panel-close:before {
770 .tagchecklist span a:before,
771 #bulk-titles div a:before {
775 #welcome-panel.welcome-panel .welcome-panel-close:hover:before,
776 .tagchecklist span a:hover:before,
777 #bulk-titles div a:hover:before {
790 /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
791 white-space: pre-wrap; /* css-3 */
792 word-wrap: break-word; /* IE 5.5 - 7 */
812 border-top: 1px solid #ddd;
813 border-bottom: 1px solid #fafafa;
816 .row-actions span.delete a,
817 .row-actions span.trash a,
818 .row-actions span.spam a,
820 #all-plugins-table .plugins a.delete,
821 #search-plugins-table .plugins a.delete,
822 .submitbox .submitdelete,
823 #media-items a.delete,
824 #media-items a.delete-permanently,
825 #nav-menu-footer .menu-delete {
831 .widget-control-remove:hover,
832 .row-actions .delete a:hover,
833 .row-actions .trash a:hover,
834 .row-actions .spam a:hover,
835 .plugins a.delete:hover,
836 #all-plugins-table .plugins a.delete:hover,
837 #search-plugins-table .plugins a.delete:hover,
838 .submitbox .submitdelete:hover,
839 #media-items a.delete:hover,
840 #media-items a.delete-permanently:hover,
841 #nav-menu-footer .menu-delete:hover {
843 text-decoration: none;
847 /*------------------------------------------------------------------------------
849 ------------------------------------------------------------------------------*/
851 #major-publishing-actions {
854 border-top: 1px solid #ddd;
860 vertical-align: middle;
871 #publishing-action .spinner {
875 #misc-publishing-actions {
880 padding: 6px 10px 8px;
883 #minor-publishing-actions {
884 padding: 10px 10px 0 10px;
909 margin: 12px 2px 5px;
910 border-bottom: 1px solid #dadada;
921 .unapproved .unapprove {
925 .unapproved .approve,
938 display: inline-block;
940 -webkit-box-sizing: border-box;
941 -moz-box-sizing: border-box;
942 box-sizing: border-box;
946 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
947 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
948 border: 1px solid #e5e5e5;
955 text-decoration: none;
959 display: inline-block;
960 vertical-align: middle;
965 .filter-count .count {
966 display: inline-block;
970 -webkit-border-radius: 30px;
978 /* not a part of filter bar, but derived from it, so here for now */
987 display: inline-block;
992 display: inline-block;
996 .filter-links li > a {
997 display: inline-block;
1000 border-bottom: 4px solid #fff;
1005 .filter-links .current {
1006 -webkit-box-shadow: none;
1008 border-bottom: 4px solid #666;
1012 .filter-links li > a:hover,
1013 .filter-links li > a:focus,
1014 .show-filters .filter-links a.current:hover,
1015 .show-filters .filter-links a.current:focus {
1019 .wp-filter .search-form {
1024 .wp-filter .search-form input[type="search"] {
1033 .wp-filter .search-form select {
1035 vertical-align: top;
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 {
1088 .show-filters .wp-filter .drawer-toggle:hover,
1089 .show-filters .wp-filter .drawer-toggle:focus {
1090 background: rgb(46, 162, 204);
1093 .show-filters .filter-links a.current {
1094 border-bottom: none;
1097 .show-filters .wp-filter .drawer-toggle {
1098 -webkit-border-radius: 2px;
1105 .show-filters .wp-filter .drawer-toggle:before {
1110 -webkit-box-sizing: border-box;
1111 -moz-box-sizing: border-box;
1112 box-sizing: border-box;
1118 border: 1px solid #e5e5e5;
1119 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1120 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1123 .filter-group.wide {
1134 list-style-type: none;
1139 display: inline-block;
1140 vertical-align: top;
1144 list-style-type: none;
1147 .filter-drawer .buttons {
1148 margin-bottom: 20px;
1151 .filter-drawer .buttons .button span {
1152 display: inline-block;
1158 .wp-filter .button.clear-filters {
1160 margin: 0 10px 20px 0;
1168 .filtered-by > span {
1176 .filtered-by .tags {
1183 border: 1px solid #e5e5e5;
1184 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1185 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
1190 .filters-applied .filter-group,
1191 .filters-applied .filter-drawer .buttons,
1192 .filters-applied .filter-drawer br {
1193 display: none !important;
1196 .filters-applied .filtered-by {
1200 .filters-applied .filter-drawer {
1204 .show-filters .content-filterable,
1205 .show-filters.filters-applied.loading-content .content-filterable,
1206 .loading-content .content-filterable,
1207 .error .content-filterable {
1211 .show-filters.filters-applied .content-filterable {
1215 .loading-content .spinner {
1217 margin: 40px auto 0;
1221 @media only screen and (max-width: 1120px) {
1222 .wp-filter .search-form {
1228 border-bottom: 1px solid #eee;
1242 @media only screen and (max-width: 782px) {
1251 /*------------------------------------------------------------------------------
1253 ------------------------------------------------------------------------------*/
1257 display: inline-block;
1262 margin: 25px 2px 0 20px;
1263 background-color: #fff;
1264 border-right: 4px solid #ffba00;
1265 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
1266 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
1273 ul#dismissed-updates {
1281 form.upgrade .hint {
1284 margin: -0.5em 0 2em 0;
1287 .update-php .spinner {
1296 .list-ajax-loading { /* deprecated */
1300 #ajax-response.alignleft {
1304 /* @todo: this does not need its own section anymore */
1305 /*------------------------------------------------------------------------------
1307 ------------------------------------------------------------------------------*/
1312 text-decoration: none;
1315 /*------------------------------------------------------------------------------
1316 6.1 - Screen Options Tabs
1317 ------------------------------------------------------------------------------*/
1319 #screen-options-wrap,
1320 #contextual-help-wrap {
1322 padding: 8px 20px 12px;
1326 #contextual-help-wrap {
1328 margin-right: 0 !important;
1331 #screen-meta .screen-reader-text {
1335 #screen-meta-links {
1339 #screen-meta-links a {
1340 padding: 3px 16px 3px 6px;
1343 #screen-meta-links a:focus {
1347 /* screen options and help tabs revert */
1350 margin: 0 0px -1px 20px;
1352 background-color: #fff;
1353 border: 1px solid #ddd;
1355 -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025);
1356 box-shadow: 0 1px 0 rgba(0,0,0,.025);
1359 #screen-options-link-wrap,
1360 #contextual-help-link-wrap {
1364 border: 1px solid #ddd;
1367 -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
1368 box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
1371 #screen-meta-links .screen-meta-toggle {
1376 #screen-meta-links a {
1380 #screen-meta-links a:hover,
1381 #screen-meta-links a:active,
1382 #screen-meta-links a:focus {
1386 #screen-meta-links a.show-settings {
1391 text-decoration: none;
1395 #screen-meta-links a:after {
1398 font: normal 20px/1 'dashicons';
1400 display: inline-block;
1404 vertical-align: bottom;
1405 -webkit-font-smoothing: antialiased;
1406 -moz-osx-font-smoothing: grayscale;
1407 text-decoration: none !important;
1411 #screen-meta-links a.screen-meta-active:after {
1415 #screen-meta-links a.show-settings:hover {
1416 text-decoration: none;
1418 /* end screen options and help tabs */
1421 background-repeat: no-repeat;
1422 background-position: top right;
1423 background-color: transparent;
1429 .toggle-arrow-active {
1430 background-position: bottom right;
1433 #screen-options-wrap h5,
1434 #contextual-help-wrap h5 {
1439 .metabox-prefs label {
1440 display: inline-block;
1445 .metabox-prefs label input[type=checkbox] {
1450 .metabox-prefs label input {
1451 margin: 0 2px 0 5px;
1454 .metabox-prefs .columns-prefs label input {
1458 .metabox-prefs label a {
1462 /*------------------------------------------------------------------------------
1464 ------------------------------------------------------------------------------*/
1466 #contextual-help-wrap {
1470 #contextual-help-columns {
1474 #contextual-help-back {
1480 border: 1px solid #e1e1e1;
1482 border-bottom: none;
1483 background: #f6fbfd;
1486 #contextual-help-wrap.no-sidebar #contextual-help-back {
1488 border-left-width: 0;
1489 -webkit-border-bottom-left-radius: 2px;
1490 border-bottom-left-radius: 2px;
1493 .contextual-help-tabs {
1499 .contextual-help-tabs ul {
1503 .contextual-help-tabs li {
1505 list-style-type: none;
1506 border-style: solid;
1507 border-width: 0 2px 0 0;
1508 border-color: transparent;
1511 .contextual-help-tabs a {
1513 padding: 5px 12px 5px 5px;
1515 text-decoration: none;
1516 border: 1px solid transparent;
1521 .contextual-help-tabs a:hover {
1525 .contextual-help-tabs .active {
1528 border-right: 2px solid #2ea2cc;
1529 background: #f6fbfd;
1530 -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
1531 box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
1534 .contextual-help-tabs .active a {
1535 border-color: #e1e1e1;
1539 .contextual-help-tabs-wrap {
1546 margin: 0 0 12px 22px;
1550 .help-tab-content.active {
1554 .help-tab-content ul li {
1555 list-style-type: disc;
1559 .contextual-help-sidebar {
1562 padding: 0 12px 0 8px;
1566 /*------------------------------------------------------------------------------
1568 ------------------------------------------------------------------------------*/
1572 -webkit-box-sizing: border-box;
1573 -moz-box-sizing: border-box;
1574 box-sizing: border-box;
1579 margin-bottom: 40px;
1593 font-weight: normal;
1596 .widefat thead tr th,
1597 .widefat tfoot tr th {
1602 margin: 2px 0 0.8em;
1611 .widefat .column-comment p {
1615 /* Screens with postboxes */
1616 .postbox-container {
1620 .postbox-container .meta-box-sortables {
1621 -webkit-box-sizing: border-box;
1622 -moz-box-sizing: border-box;
1623 box-sizing: border-box;
1626 #wpbody-content .metabox-holder {
1630 .metabox-holder .postbox-container .empty-container {
1631 border: 3px dashed #bbb;
1635 .metabox-holder.columns-1 .postbox-container .empty-container,
1636 .columns-2 #postbox-container-3 .empty-container,
1637 .columns-2 #postbox-container-4 .empty-container,
1638 .columns-3 #postbox-container-4 .empty-container {
1644 #post-body-content {
1650 #post-body.columns-2 #postbox-container-1 {
1652 margin-left: -300px;
1656 #post-body.columns-2 #side-sortables {
1660 /* one column on the dash */
1661 @media only screen and (max-width: 799px) {
1662 #wpbody-content .metabox-holder .postbox-container .empty-container {
1669 .js .widget .widget-top,
1670 .js .postbox .hndle {
1676 font-weight: normal;
1679 .postbox .handlediv {
1685 .js .postbox .handlediv {
1689 .sortable-placeholder {
1690 border: 1px dashed #bbb;
1691 margin-bottom: 20px;
1696 margin-bottom: 20px;
1701 /* user-select is not a part of the CSS standard - may change behavior in the future */
1704 -webkit-user-select: none;
1705 -moz-user-select: none;
1706 -ms-user-select: none;
1712 padding: 0 12px 12px;
1722 .postbox .inside > p:last-child,
1723 .rss-widget ul li:last-child {
1724 margin-bottom: 1px !important;
1727 .postbox.closed h3 {
1729 -webkit-box-shadow: none;
1733 .postbox table.form-table {
1737 .postbox table.widefat {
1738 -webkit-box-shadow: none;
1743 border: 1px dotted #ccc;
1746 .columns-prefs label {
1750 /* @todo: what is this doing here */
1751 #dashboard_right_now .versions .b,
1752 #post-status-display,
1753 #post-visibility-display,
1754 #adminmenu .wp-submenu li.current,
1755 #adminmenu .wp-submenu li.current a,
1756 #adminmenu .wp-submenu li.current a:hover,
1757 .media-item .percent,
1759 #pass-strength-result.strong,
1760 #pass-strength-result.short,
1761 #ed_reply_toolbar #ed_reply_strong,
1762 .item-controls .item-order a,
1763 .feature-filter .feature-name {
1767 /*------------------------------------------------------------------------------
1769 ------------------------------------------------------------------------------*/
1791 text-decoration: none;
1795 text-decoration: underline;
1798 /*------------------------------------------------------------------------------
1799 25.0 - Tabbed Admin Screen Interface (Experimental)
1800 ------------------------------------------------------------------------------*/
1803 border: 1px solid #ccc;
1804 border-bottom: none;
1805 background: #e4e4e4;
1809 display: inline-block;
1810 padding: 4px 14px 6px;
1811 text-decoration: none;
1812 margin: -4px 0 -1px 4px;
1816 background-color: #fff;
1825 .nav-tab-active:hover {
1826 border-bottom: 1px solid #f1f1f1;
1827 background: #f1f1f1;
1832 h3.nav-tab-wrapper {
1833 border-bottom: 1px solid #ccc;
1835 padding-right: 10px;
1846 /*------------------------------------------------------------------------------
1848 ------------------------------------------------------------------------------*/
1851 background: url(../images/spinner.gif) no-repeat;
1852 -webkit-background-size: 20px 20px;
1853 background-size: 20px 20px;
1857 filter: alpha(opacity=70);
1867 .metabox-holder h3 {
1874 #templateside ul li a {
1875 text-decoration: none;
1879 margin: -30px 315px 0 15px;
1883 padding-right: 10px;
1892 border-top: 1px solid #f9f9f9;
1893 border-bottom: 1px solid #dfdfdf;
1894 background-color: #f9f9f9;
1895 -webkit-transition: none;
1904 white-space: nowrap;
1909 /* @todo: remove border radius */
1910 #sidemenu a.current {
1911 font-weight: normal;
1914 -webkit-border-top-right-radius: 3px;
1915 border-top-right-radius: 3px;
1916 -webkit-border-top-left-radius: 3px;
1917 border-top-left-radius: 3px;
1918 border: 1px solid #dfdfdf;
1919 border-bottom-color: #f1f1f1;
1920 background-color: #f1f1f1;
1924 #sidemenu li a .count-0 {
1928 .plugin-install #description,
1929 .plugin-install-network #description {
1934 table .column-visible,
1935 table .column-rating {
1944 /* Scrollbar fix for bulk upgrade iframe */
1949 /* Upgrader styles, Specific to Language Packs */
1953 .lp-show-latest p:last-child,
1954 .lp-show-latest .lp-error p {
1958 /* - Only used once or twice in all of WP - deprecate for global style
1959 ------------------------------------------------------------------------------*/
1964 padding-bottom: 8px;
1973 border: 1px solid rgba(0, 0, 0, 0.07);
1991 #post-body #post-body-content #namediv h3 {
1996 vertical-align: baseline;
2005 white-space: nowrap;
2017 margin-bottom: 0 !important;
2020 /* - Used - but could/should be deprecated with a CSS reset
2021 ------------------------------------------------------------------------------*/
2055 .post-categories li {
2059 /* Star Ratings - Back-compat for pre-3.8 */
2064 background: url(../images/stars.png?ver=20121108) repeat-x bottom right;
2067 div.star-holder .star-rating {
2068 background: url(../images/stars.png?ver=20121108) repeat-x top right;
2075 white-space: nowrap;
2077 .star-rating .star {
2078 display: inline-block;
2081 -webkit-font-smoothing: antialiased;
2084 font-family: 'dashicons';
2085 text-decoration: inherit;
2086 font-weight: normal;
2088 vertical-align: top;
2089 -webkit-transition: color .1s ease-in 0;
2090 transition: color .1s ease-in 0;
2095 .star-rating .star-full:before {
2099 .star-rating .star-half:before {
2103 .rtl .star-rating .star-half {
2104 -webkit-transform: rotateY(180deg);
2105 -ms-transform: rotateY(180deg);
2106 transform: rotateY(180deg);
2109 .star-rating .star-empty:before {
2114 font-weight: normal;
2118 /* Plugin install thickbox */
2119 #plugin-information {
2130 #plugin-information-scrollable {
2135 #plugin-information-title {
2137 background: #f5f5f5;
2147 text-overflow: ellipsis;
2148 white-space: nowrap;
2151 #plugin-information-title.with-banner {
2155 -webkit-background-size: 100% auto;
2156 background-size: 100% auto;
2159 #plugin-information-title h2 {
2166 text-overflow: ellipsis;
2167 white-space: nowrap;
2170 #plugin-information-title.with-banner h2 {
2171 font-family: "Helvetica Neue", sans-serif;
2172 display: inline-block;
2176 margin: 174px 10px 0 0;
2178 background: rgba( 30, 30, 30, 0.9 );
2179 text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.4 );
2180 -webkit-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
2181 box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
2182 -webkit-border-radius: 8px;
2186 #plugin-information-title div.vignette {
2190 #plugin-information-title.with-banner div.vignette {
2197 background: transparent;
2198 -webkit-box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
2199 box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
2202 #plugin-information-tabs {
2209 border-bottom: 1px solid #ddd;
2210 background: #f3f3f3;
2213 #plugin-information-tabs a {
2221 text-decoration: none;
2222 -webkit-transition: none;
2226 #plugin-information-tabs a.current {
2229 border: 1px solid #ddd;
2230 border-bottom-color: #fff;
2235 #plugin-information-tabs.with-banner a.current {
2240 #plugin-information-tabs a:active,
2241 #plugin-information-tabs a:focus {
2245 #plugin-information-content {
2246 overflow: hidden; /* equal height column trick */
2253 /* Height of title + tabs + install now */
2254 min-height: -webkit-calc( 100% - 152px );
2255 min-height: calc( 100% - 152px );
2258 #plugin-information-content.with-banner {
2259 /* Height of banner + tabs + install now */
2260 min-height: -webkit-calc( 100% - 346px );
2261 min-height: calc( 100% - 346px );
2270 margin-left: 250px; /* FYI box */
2272 margin-bottom: -99930px; /* a bit less than the padding below to accommodate footer */
2273 padding-bottom: 99999px; /* equal height column trick */
2276 #section-holder .updated {
2280 #plugin-information .fyi {
2287 margin-bottom: -99930px; /* slightly less than the padding below to accommodate footer */
2288 padding-bottom: 99999px; /* equal height column trick */
2290 border-right: 1px solid #ddd;
2291 background: #f3f3f3;
2295 #plugin-information .fyi strong {
2299 #plugin-information .fyi h3 {
2301 text-transform: uppercase;
2307 #plugin-information .fyi h2 {
2313 #plugin-information .fyi ul {
2319 #plugin-information .fyi li {
2323 #plugin-information .counter-container {
2327 #plugin-information .counter-label {
2333 #plugin-information .counter-back {
2336 background-color: #ececec;
2340 #plugin-information .counter-bar {
2342 background-color: #fddb5a;
2346 #plugin-information .counter-count {
2350 #plugin-information .fyi ul.contributors {
2354 #plugin-information .fyi ul.contributors li {
2355 display: inline-block;
2357 vertical-align: middle;
2360 #plugin-information .fyi ul.contributors li {
2361 display: inline-block;
2363 vertical-align: middle;
2366 #plugin-information .fyi ul.contributors li img {
2367 vertical-align: middle;
2371 #plugin-information-footer {
2378 border-top: 1px solid #ddd;
2379 background: #f3f3f3;
2383 #plugin-information .section {
2388 #plugin-information .section ul,
2389 #plugin-information .section ol {
2390 list-style-type: disc;
2394 #plugin-information .section,
2395 #plugin-information .section p {
2400 #plugin-information #section-screenshots ol {
2405 #plugin-information #section-screenshots li img {
2406 vertical-align: text-top;
2411 -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
2412 box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
2416 #plugin-information #section-screenshots li p {
2421 #plugin-information pre {
2424 border: 1px solid #ccc;
2428 #plugin-information .review {
2429 overflow: hidden; /* clearfix */
2431 margin-bottom: 20px;
2432 border-bottom: 1px solid #e6e6e6;
2435 #plugin-information .review-title-section {
2436 overflow: hidden; /* clearfix */
2440 #plugin-information .review-title-section h4 {
2441 display: inline-block;
2446 #plugin-information .reviewer-info p {
2453 #plugin-information .reviewer-info .avatar {
2455 margin: 4px 6px 0 0;
2459 #plugin-information .reviewer-info .star-rating {
2464 #plugin-information .review-meta {
2466 margin-left: 0.75em;
2470 #plugin-information .review-body {
2475 .plugin-version-author-uri {
2479 @media screen and ( max-width: 771px ) {
2480 #plugin-information-title.with-banner {
2485 #plugin-information-title.with-banner h2 {
2492 #plugin-information-title.with-banner div.vignette {
2498 #plugin-information-tabs {
2499 overflow: hidden; /* clearfix */
2501 height: auto; /* let tabs wrap */
2504 #plugin-information-tabs a.current {
2506 border-bottom: none;
2509 #plugin-information .fyi {
2511 border: 1px solid #ddd;
2514 margin: 26px 26px 0;
2515 padding-bottom: 0; /* reset from the two column height fix */
2521 padding-bottom: 70px; /* reset from the two column height fix, plus accomodate footer */
2524 #plugin-information .fyi h3,
2525 #plugin-information .fyi small {
2529 #plugin-information-footer {
2530 padding: 12px 16px 0;
2535 /* Thickbox for Plugin Install screen */
2536 body.plugin-install-php #TB_window,
2537 body.import-php #TB_window,
2538 body.plugins-php #TB_window,
2539 body.update-core-php #TB_window,
2540 body.index-php #TB_window {
2541 background: #fcfcfc url( ../images/spinner.gif ) no-repeat center;
2545 (-o-min-device-pixel-ratio: 5/4),
2546 (-webkit-min-device-pixel-ratio: 1.25),
2547 (min-resolution: 120dpi) {
2549 body.plugin-install-php #TB_window,
2550 body.import-php #TB_window,
2551 body.plugins-php #TB_window,
2552 body.update-core-php #TB_window,
2553 body.index-php #TB_window {
2554 background: #fcfcfc url( ../images/spinner-2x.gif ) no-repeat center;
2555 -webkit-background-size: 20px 20px;
2556 background-size: 20px 20px;
2560 body.plugin-install-php #TB_title,
2561 body.import-php #TB_title,
2562 body.plugins-php #TB_title,
2563 body.update-core-php #TB_title,
2564 body.index-php #TB_title {
2569 body.plugin-install-php #TB_ajaxWindowTitle,
2570 body.import-php #TB_ajaxWindowTitle,
2571 body.plugins-php #TB_ajaxWindowTitle,
2572 body.update-core-php #TB_ajaxWindowTitle,
2573 body.index-php #TB_ajaxWindowTitle {
2577 body.plugin-install-php .tb-close-icon,
2578 body.import-php .tb-close-icon,
2579 body.plugins-php .tb-close-icon,
2580 body.update-core-php .tb-close-icon,
2581 body.index-php .tb-close-icon {
2585 -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
2586 transition: color .1s ease-in-out, background .1s ease-in-out;
2589 body.plugin-install-php #TB_closeWindowButton:focus,
2590 body.plugin-install-php #TB_closeWindowButton:focus .tb-close-icon,
2591 body.plugin-install-php .tb-close-icon:focus,
2592 body.plugin-install-php .tb-close-icon:hover,
2593 body.import-php #TB_closeWindowButton:focus,
2594 body.import-php #TB_closeWindowButton:focus .tb-close-icon,
2595 body.import-php .tb-close-icon:focus,
2596 body.import-php .tb-close-icon:hover,
2597 body.plugins-php #TB_closeWindowButton:focus,
2598 body.plugins-php #TB_closeWindowButton:focus .tb-close-icon,
2599 body.plugins-php .tb-close-icon:focus,
2600 body.plugins-php .tb-close-icon:hover,
2601 body.update-core-php #TB_closeWindowButton:focus,
2602 body.update-core-php #TB_closeWindowButton:focus .tb-close-icon,
2603 body.update-core-php .tb-close-icon:focus,
2604 body.update-core-php .tb-close-icon:hover,
2605 body.index-php #TB_closeWindowButton:focus,
2606 body.index-php #TB_closeWindowButton:focus .tb-close-icon,
2607 body.index-php .tb-close-icon:focus,
2608 body.index-php .tb-close-icon:hover {
2611 -webkit-box-shadow: none;
2615 body.plugin-install-php .tb-close-icon:before,
2616 body.import-php .tb-close-icon:before,
2617 body.plugins-php .tb-close-icon:before,
2618 body.update-core-php .tb-close-icon:before,
2619 body.index-php .tb-close-icon:before {
2624 /* move plugin install close icon to top on narrow screens */
2625 @media screen and ( max-width: 830px ) {
2626 body.plugin-install-php .tb-close-icon,
2627 body.import-php .tb-close-icon,
2628 body.plugins-php .tb-close-icon,
2629 body.update-core-php .tb-close-icon,
2630 body.index-php .tb-close-icon {
2636 /* @todo: move this. */
2642 /* @todo: are these also specific to Press This? */
2644 border-bottom: 1px solid #dfdfdf;
2651 /* @todo: these seem misplaced */
2652 .js .meta-box-sortables .postbox:hover .handlediv {
2653 margin-left: 0 !important;
2656 /* Metabox collapse arrow indicators */
2657 .js .sidebar-name .sidebar-name-arrow:before,
2658 .js .meta-box-sortables .postbox .handlediv:before {
2660 font: normal 20px/1 'dashicons';
2662 display: inline-block;
2666 -webkit-font-smoothing: antialiased;
2667 -moz-osx-font-smoothing: grayscale;
2668 text-decoration: none !important;
2671 .js #widgets-left .sidebar-name .sidebar-name-arrow {
2675 .js #widgets-left .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow,
2676 .js #widgets-left .sidebar-name:hover .sidebar-name-arrow {
2680 /* Show the arrow only on hover */
2681 .js .sidebar-name .sidebar-name-arrow:before,
2682 .js .meta-box-sortables .postbox .handlediv:before {
2686 .js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
2687 .js .meta-box-sortables .postbox.closed .handlediv:before {
2692 text-decoration: underline;
2696 text-decoration: none;
2697 padding-bottom: 2px;
2700 /* @todo: appears to be Press This only and overridden */
2701 #photo-add-url-div input[type="text"] {
2705 /* Theme/Plugin Editor */
2710 #template textarea {
2711 font-family: Consolas, Monaco, monospace;
2714 background: #f9f9f9;
2731 word-wrap: break-word;
2735 #postcustomstuff p.submit {
2754 .theme-editor-php .highlight {
2756 padding: 3px 12px 3px 3px;
2757 text-decoration: none;
2760 .theme-editor-php .highlight {
2761 margin: -3px -12px -3px 3px;
2764 #templateside .highlight {
2773 padding-right: 12px;
2780 #documentation label {
2782 vertical-align: baseline;
2787 padding: 10px 0 8px;
2791 /* @todo: can we use a common class for these? */
2792 .nav-menus-php .item-edit:before,
2793 .widget-top a.widget-action:after,
2794 .control-section .accordion-section-title:after,
2795 .accordion-section-title:after {
2800 font: normal 20px/1 'dashicons';
2807 -webkit-font-smoothing: antialiased;
2808 -moz-osx-font-smoothing: grayscale;
2809 text-decoration: none !important;
2815 .sidebar-name-arrow,
2816 .accordion-section-title:after {
2820 .widget-action:hover,
2823 .sidebar-name:hover .sidebar-name-arrow,
2824 .accordion-section-title:hover:after {
2828 .widget-top a.widget-action:after {
2829 padding: 12px 12px 0;
2832 .nav-menus-php .item-edit:before {
2836 .control-section .accordion-section-title:after,
2837 .accordion-section-title:after {
2843 .control-section.open .accordion-section-title:after,
2844 #customize-info.open .accordion-section-title:after,
2845 .nav-menus-php .menu-item-edit-active .item-edit:before,
2846 .widget.open .widget-top a.widget-action:after {
2850 /* Enable draggable on IE10 touch events until it's rolled into jQuery UI core */
2853 -ms-touch-action: none;
2857 .meta-box-sortables.ui-sortable,
2858 .widgets-holder-wrap .ui-draggable,
2859 .widgets-holder-wrap .ui-sortable,
2861 -ms-touch-action: auto;
2865 .meta-box-sortables.ui-sortable .hndle,
2866 .menu.ui-sortable .menu-item-handle {
2867 -ms-touch-action: none;
2873 .accordion-section {
2874 border-bottom: 1px solid #dfdfdf;
2878 .accordion-section.open .accordion-section-content,
2879 .no-js .accordion-section .accordion-section-content {
2883 .accordion-section.open:hover {
2884 border-bottom-color: #dfdfdf;
2887 .accordion-section-content {
2889 padding: 10px 20px 15px;
2894 .accordion-section-title {
2896 padding: 12px 15px 15px;
2898 border-right: 1px solid #dfdfdf;
2899 border-left: 1px solid #dfdfdf;
2900 -webkit-user-select: none;
2901 -moz-user-select: none;
2902 -ms-user-select: none;
2906 .js .accordion-section-title {
2910 .js .accordion-section-title:after {
2917 .accordion-section-title:focus {
2921 .accordion-section-title:hover:after,
2922 .accordion-section-title:focus:after {
2923 border-color: #aaa transparent;
2926 .cannot-expand .accordion-section-title {
2930 .cannot-expand .accordion-section-title:after {
2934 .control-section .accordion-section-title {
2937 padding: 10px 14px 11px 10px;
2942 .control-section .accordion-section-title:after {
2946 .js .control-section:hover .accordion-section-title,
2947 .js .control-section .accordion-section-title:hover,
2948 .js .control-section.open .accordion-section-title,
2949 .js .control-section .accordion-section-title:focus {
2951 background: #f5f5f5;
2954 .control-section.open .accordion-section-title {
2956 border-bottom: 1px solid #dfdfdf;
2960 -------------------------------------------------------------- */
2962 /* @todo: de-duplication */
2963 @media only screen and (min-width: 769px) {
2974 @media only screen and (max-width: 860px) {
2986 @media only screen and (min-width: 980px) {
2998 @media only screen and (max-width: 768px) {
3013 (-o-min-device-pixel-ratio: 5/4),
3014 (-webkit-min-device-pixel-ratio: 1.25),
3015 (min-resolution: 120dpi) {
3016 /* Back-compat for pre-3.8 */
3018 div.star-holder .star-rating {
3019 background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom right;
3020 -webkit-background-size: 21px 37px;
3021 background-size: 21px 37px;
3025 background-image: url(../images/spinner-2x.gif);
3028 /* @todo: evaluate - most of these were likely replaced by dashicons */
3029 .curtime #timestamp,
3030 #screen-meta-links a.show-settings,
3031 .widget-top a.widget-action,
3032 .widget-top a.widget-action:hover,
3033 .sidebar-name-arrow,
3034 .sidebar-name:hover .sidebar-name-arrow,
3035 .meta-box-sortables .postbox:hover .handlediv,
3036 .tagchecklist span a,
3038 .tagchecklist span a:hover,
3039 #bulk-titles div a:hover {
3040 background: none !important;
3046 width: device-width;
3049 @media screen and ( max-width: 782px ) {
3060 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
3066 padding-right: 10px;
3070 padding-bottom: 100px;
3082 /* Hidden Elements */
3086 .post-format-select {
3087 display: none !important;
3090 .wrap .add-new-h2, .wrap .add-new-h2:active {
3097 padding-right: 45px;
3100 .wp-color-result:after {
3106 /* Feedback Messages */
3107 .wrap div.updated, .wrap div.error, .media-upload-form div.error {
3108 margin: 20px 0 10px 0;
3114 .wrap .icon32 + h2 {
3118 .wp-responsive-open #wpbody {
3123 word-wrap: break-word;
3126 /* General Metabox */
3131 .metabox-holder h3 {
3135 .postbox .handlediv {
3143 margin-bottom: 15px;
3146 /* Theme/Plugin File Editor */
3156 #templateside li a {
3161 #templateside .highlight {
3173 #template textarea {
3177 .fileedit-sub .alignright {
3185 #comments-form .checkforspam {
3191 @media screen and (max-width: 600px) {
3192 /* Disable horizontal scroll when responsive menu is open
3193 since we push the main content off to the right. */
3194 #wpwrap.wp-responsive-open {
3206 /* Keep full-width boxes on Edit Post page from causing horizontal scroll */
3207 div#post-body.metabox-holder.columns-1 {