1 /* 2 column liquid layout */
7 -webkit-font-smoothing: subpixel-antialiased;
28 overflow: visible !important;
31 /* inner 2 column liquid layout */
41 .columns-2 .inner-sidebar {
47 .inner-sidebar #side-sortables,
48 .columns-2 .inner-sidebar #side-sortables {
54 .has-right-sidebar .inner-sidebar {
58 .has-right-sidebar #post-body {
62 margin-right: -2000px;
65 .has-right-sidebar #post-body-content {
71 /* 2 columns main area */
116 /* Hide visually but not from screen readers */
118 .screen-reader-text span,
119 .ui-helper-hidden-accessible {
130 .screen-reader-shortcut {
135 .screen-reader-shortcut:focus {
143 padding: 15px 23px 14px;
148 -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
149 box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
150 text-decoration: none;
157 .no-js .hide-if-no-js,
158 .js.wp-core-ui .hide-if-js,
159 .js .wp-core-ui .hide-if-js,
160 .no-js.wp-core-ui .hide-if-no-js,
161 .no-js .wp-core-ui .hide-if-no-js {
165 /* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
169 #menu-settings-column .accordion-container,
170 #menu-management .menu-edit,
175 .widgets-holder-wrap,
176 .wp-editor-container,
180 border: 1px solid #e5e5e5;
181 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
182 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
186 .wp-editor-container,
189 .widgets-holder-wrap,
210 font-family: "Open Sans", sans-serif;
227 font-family: inherit;
229 font-weight: inherit;
230 line-height: inherit;
235 -webkit-transition-property: border, background, color;
236 transition-property: border, background, color;
237 -webkit-transition-duration: .05s;
238 transition-duration: .05s;
239 -webkit-transition-timing-function: ease-in-out;
240 transition-timing-function: ease-in-out;
259 outline: thin dotted;
264 .screen-reader-text:focus {
349 list-style-type: decimal;
354 list-style: disc outside;
358 list-style: square outside;
362 list-style: decimal outside;
385 font-family: Consolas, Monaco, monospace;
391 padding: 3px 5px 2px 5px;
394 background: rgba(0,0,0,0.07);
410 text-decoration: none;
414 .subsubsub a.current .count {
419 .subsubsub a.current {
425 display: inline-block;
431 /* .widefat - main style for tables */
440 word-wrap: break-word;
444 text-decoration: none;
453 border-bottom: 1px solid #e1e1e1;
457 border-top: 1px solid #e1e1e1;
461 .widefat .no-items td {
462 border-bottom-width: 0;
486 vertical-align: text-top;
489 .widefat .check-column {
495 .widefat th input[type=checkbox] {
499 .widefat tbody th.check-column {
503 .widefat.media .check-column {
507 .widefat thead th.check-column,
508 .widefat tbody th.check-column,
509 .widefat tfoot th.check-column {
510 padding: 11px 0 0 3px;
513 .widefat thead th.check-column {
517 .update-php div.updated,
518 .update-php div.error {
522 .no-js .widefat thead .check-column input,
523 .no-js .widefat tfoot .check-column input {
534 .widefat th#comments {
535 vertical-align: middle;
539 margin: 10px 20px 0 2px;
545 margin: 5px 15px 2px;
556 .media-upload-form div.error {
561 border-left: 4px solid #7ad03a;
563 background-color: #fff;
564 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
565 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
569 border-left: 4px solid #dd3d36;
571 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
572 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
589 padding: 9px 15px 4px 0;
600 .wrap .add-new-h2:active {
605 text-decoration: none;
607 -webkit-border-radius: 2px;
615 .wrap .add-new-h2:hover {
620 .wrap h2.long-header {
625 background-color: #fff;
629 #widgets-left .widget-in-question .widget-top,
630 #available-widgets .widget-top:hover,
631 div#widgets-right .widget-top:hover,
632 #widgets-left .widget-top:hover {
634 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
635 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
639 background-color: #ccf3fa;
643 .subsubsub a.current {
649 background-color: #f9f9f9;
653 background-color: #e8e8e8;
654 border-right-color: #99d;
657 .media-upload-form label.form-help,
662 /* Helper classes for plugins to leverage the active WordPress color scheme */
665 background-color: #e4f2fd;
671 background-color: #333;
673 .wp-ui-text-primary {
679 background-color: #1e8cbe;
681 .wp-ui-text-highlight {
685 .wp-ui-notification {
687 background-color: #d54e21;
689 .wp-ui-text-notification {
697 /*------------------------------------------------------------------------------
699 ------------------------------------------------------------------------------*/
704 .control-section .accordion-section-title,
705 h3.dashboard-widget-title,
706 h3.dashboard-widget-title span,
707 h3.dashboard-widget-title small,
714 #your-profile #rich_editing,
729 border-bottom: 1px solid #eee;
734 background-color: #ccc;
743 /* @todo can we combine these into a class or use an existing dashicon one? */
744 #welcome-panel.welcome-panel .welcome-panel-close::before,
745 .tagchecklist span a:before,
746 #bulk-titles div a:before {
750 display: block !important;
751 font: normal 16px/1 'dashicons';
757 -webkit-font-smoothing: antialiased !important;
760 #welcome-panel.welcome-panel .welcome-panel-close:hover:before,
761 .tagchecklist span a:hover:before,
762 #bulk-titles div a:hover:before {
775 /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
776 white-space: pre-wrap; /* css-3 */
777 word-wrap: break-word; /* IE 5.5 - 7 */
797 border-top: 1px solid #ddd;
798 border-bottom: 1px solid #fafafa;
801 .row-actions span.delete a,
802 .row-actions span.trash a,
803 .row-actions span.spam a,
805 #all-plugins-table .plugins a.delete,
806 #search-plugins-table .plugins a.delete,
807 .submitbox .submitdelete,
808 #media-items a.delete,
809 #media-items a.delete-permanently,
810 #nav-menu-footer .menu-delete {
816 .widget-control-remove:hover,
817 .row-actions .delete a:hover,
818 .row-actions .trash a:hover,
819 .row-actions .spam a:hover,
820 .plugins a.delete:hover,
821 #all-plugins-table .plugins a.delete:hover,
822 #search-plugins-table .plugins a.delete:hover,
823 .submitbox .submitdelete:hover,
824 #media-items a.delete:hover,
825 #media-items a.delete-permanently:hover,
826 #nav-menu-footer .menu-delete:hover {
828 text-decoration: none;
832 /*------------------------------------------------------------------------------
834 ------------------------------------------------------------------------------*/
836 #major-publishing-actions {
839 border-top: 1px solid #ddd;
845 vertical-align: middle;
856 #publishing-action .spinner {
860 #misc-publishing-actions {
865 padding: 6px 10px 8px;
868 #minor-publishing-actions {
869 padding: 10px 10px 0 10px;
894 margin: 12px 2px 5px;
895 border-bottom: 1px solid #dadada;
906 .unapproved .unapprove {
910 .unapproved .approve,
922 /*------------------------------------------------------------------------------
924 ------------------------------------------------------------------------------*/
928 display: inline-block;
933 margin: 25px 20px 0 2px;
934 background-color: #fff;
935 border-left: 4px solid #ffba00;
936 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
937 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
944 ul#dismissed-updates {
955 margin: -0.5em 0 2em 0;
958 .update-php .spinner {
967 .list-ajax-loading { /* deprecated */
971 #ajax-response.alignleft {
975 /* @todo: this does not need its own section anymore */
976 /*------------------------------------------------------------------------------
978 ------------------------------------------------------------------------------*/
983 text-decoration: none;
986 /*------------------------------------------------------------------------------
987 6.1 - Screen Options Tabs
988 ------------------------------------------------------------------------------*/
990 #screen-options-wrap,
991 #contextual-help-wrap {
993 padding: 8px 20px 12px;
997 #contextual-help-wrap {
999 margin-left: 0 !important;
1002 #screen-meta .screen-reader-text {
1006 #screen-meta-links {
1010 #screen-meta-links a {
1011 padding: 3px 6px 3px 16px;
1014 #screen-meta-links a:focus {
1018 /* screen options and help tabs revert */
1021 margin: 0 20px -1px 0px;
1023 background-color: #fff;
1024 border: 1px solid #ddd;
1026 -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025);
1027 box-shadow: 0 1px 0 rgba(0,0,0,.025);
1030 #screen-options-link-wrap,
1031 #contextual-help-link-wrap {
1035 border: 1px solid #ddd;
1038 -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
1039 box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
1042 #screen-meta-links .screen-meta-toggle {
1047 #screen-meta-links a {
1051 #screen-meta-links a:hover,
1052 #screen-meta-links a:active,
1053 #screen-meta-links a:focus {
1057 #screen-meta-links a:focus {
1059 -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
1060 box-shadow: 0 2px 3px rgba(0,0,0,0.15);
1063 #screen-meta-links a.show-settings {
1068 text-decoration: none;
1072 #screen-meta-links a:after {
1075 font: normal 20px/1 'dashicons';
1077 display: inline-block;
1081 vertical-align: bottom;
1082 -webkit-font-smoothing: antialiased;
1083 -moz-osx-font-smoothing: grayscale;
1084 text-decoration: none !important;
1088 #screen-meta-links a.screen-meta-active:after {
1092 #screen-meta-links a.show-settings:hover {
1093 text-decoration: none;
1095 /* end screen options and help tabs */
1098 background-repeat: no-repeat;
1099 background-position: top left;
1100 background-color: transparent;
1106 .toggle-arrow-active {
1107 background-position: bottom left;
1110 #screen-options-wrap h5,
1111 #contextual-help-wrap h5 {
1116 .metabox-prefs label {
1117 display: inline-block;
1118 padding-right: 15px;
1122 .metabox-prefs label input[type=checkbox] {
1127 .metabox-prefs label input {
1128 margin: 0 5px 0 2px;
1131 .metabox-prefs .columns-prefs label input {
1135 .metabox-prefs label a {
1139 /*------------------------------------------------------------------------------
1141 ------------------------------------------------------------------------------*/
1143 #contextual-help-wrap {
1147 #contextual-help-columns {
1151 #contextual-help-back {
1157 border: 1px solid #e1e1e1;
1159 border-bottom: none;
1160 background: #f6fbfd;
1163 #contextual-help-wrap.no-sidebar #contextual-help-back {
1165 border-right-width: 0;
1166 -webkit-border-bottom-right-radius: 2px;
1167 border-bottom-right-radius: 2px;
1170 .contextual-help-tabs {
1176 .contextual-help-tabs ul {
1180 .contextual-help-tabs li {
1182 list-style-type: none;
1183 border-style: solid;
1184 border-width: 0 0 0 2px;
1185 border-color: transparent;
1188 .contextual-help-tabs a {
1190 padding: 5px 5px 5px 12px;
1192 text-decoration: none;
1193 border: 1px solid transparent;
1198 .contextual-help-tabs a:hover {
1202 .contextual-help-tabs .active {
1205 border-left: 2px solid #2ea2cc;
1206 background: #f6fbfd;
1207 -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
1208 box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
1211 .contextual-help-tabs .active a {
1212 border-color: #e1e1e1;
1216 .contextual-help-tabs-wrap {
1223 margin: 0 22px 12px 0;
1227 .help-tab-content.active {
1231 .help-tab-content ul li {
1232 list-style-type: disc;
1236 .contextual-help-sidebar {
1239 padding: 0 8px 0 12px;
1243 /*------------------------------------------------------------------------------
1245 ------------------------------------------------------------------------------*/
1249 -webkit-box-sizing: border-box;
1250 -moz-box-sizing: border-box;
1251 box-sizing: border-box;
1256 margin-bottom: 40px;
1270 font-weight: normal;
1273 .widefat thead tr th,
1274 .widefat tfoot tr th {
1279 margin: 2px 0 0.8em;
1288 .widefat .column-comment p {
1292 /* Screens with postboxes */
1293 .postbox-container {
1297 .postbox-container .meta-box-sortables {
1298 -webkit-box-sizing: border-box;
1299 -moz-box-sizing: border-box;
1300 box-sizing: border-box;
1303 #wpbody-content .metabox-holder {
1307 .metabox-holder .postbox-container .empty-container {
1308 border: 3px dashed #bbb;
1312 .metabox-holder.columns-1 .postbox-container .empty-container,
1313 .columns-2 #postbox-container-3 .empty-container,
1314 .columns-2 #postbox-container-4 .empty-container,
1315 .columns-3 #postbox-container-4 .empty-container {
1321 #post-body-content {
1327 #post-body.columns-2 #postbox-container-1 {
1329 margin-right: -300px;
1333 #post-body.columns-2 #side-sortables {
1337 /* one column on the dash */
1338 @media only screen and (max-width: 799px) {
1339 #wpbody-content .metabox-holder .postbox-container .empty-container {
1346 .js .postbox .hndle {
1352 font-weight: normal;
1355 .postbox .handlediv {
1361 .js .postbox .handlediv {
1365 .sortable-placeholder {
1366 border: 1px dashed #bbb;
1367 margin-bottom: 20px;
1372 margin-bottom: 20px;
1380 -webkit-user-select: none;
1381 -moz-user-select: none;
1382 -ms-user-select: none;
1386 .js .widget .widget-top,
1393 padding: 0 12px 12px;
1403 .postbox .inside > p:last-child,
1404 .rss-widget ul li:last-child {
1405 margin-bottom: 1px !important;
1408 .postbox.closed h3 {
1410 -webkit-box-shadow: none;
1414 .postbox table.form-table {
1418 .postbox table.widefat {
1419 -webkit-box-shadow: none;
1424 border: 1px dotted #ccc;
1427 .columns-prefs label {
1431 /* @todo: what is this doing here */
1432 #dashboard_right_now .versions .b,
1433 #post-status-display,
1434 #post-visibility-display,
1435 #adminmenu .wp-submenu li.current,
1436 #adminmenu .wp-submenu li.current a,
1437 #adminmenu .wp-submenu li.current a:hover,
1438 .media-item .percent,
1440 #pass-strength-result.strong,
1441 #pass-strength-result.short,
1442 #ed_reply_toolbar #ed_reply_strong,
1443 .item-controls .item-order a,
1444 .feature-filter .feature-name {
1448 /*------------------------------------------------------------------------------
1450 ------------------------------------------------------------------------------*/
1473 text-decoration: none;
1477 text-decoration: underline;
1480 /*------------------------------------------------------------------------------
1481 25.0 - Tabbed Admin Screen Interface (Experimental)
1482 ------------------------------------------------------------------------------*/
1485 border: 1px solid #ccc;
1486 border-bottom: none;
1487 background: #e4e4e4;
1491 display: inline-block;
1492 padding: 4px 14px 6px;
1493 text-decoration: none;
1494 margin: -4px 4px -1px 0;
1498 background-color: #fff;
1507 .nav-tab-active:hover {
1508 border-bottom: 1px solid #f1f1f1;
1509 background: #f1f1f1;
1514 h3.nav-tab-wrapper {
1515 border-bottom: 1px solid #ccc;
1528 /*------------------------------------------------------------------------------
1530 ------------------------------------------------------------------------------*/
1533 background: url(../images/spinner.gif) no-repeat;
1534 -webkit-background-size: 20px 20px;
1535 background-size: 20px 20px;
1539 filter: alpha(opacity=70);
1546 margin-right: 190px;
1549 .metabox-holder h3 {
1556 #templateside ul li a {
1557 text-decoration: none;
1561 margin: -30px 15px 0 315px;
1574 border-top: 1px solid #f9f9f9;
1575 border-bottom: 1px solid #dfdfdf;
1576 background-color: #f9f9f9;
1577 -webkit-transition: none;
1586 white-space: nowrap;
1591 /* @todo: remove border radius */
1592 #sidemenu a.current {
1593 font-weight: normal;
1596 -webkit-border-top-left-radius: 3px;
1597 border-top-left-radius: 3px;
1598 -webkit-border-top-right-radius: 3px;
1599 border-top-right-radius: 3px;
1600 border: 1px solid #dfdfdf;
1601 border-bottom-color: #f1f1f1;
1602 background-color: #f1f1f1;
1606 #sidemenu li a .count-0 {
1610 .plugin-install #description,
1611 .plugin-install-network #description {
1616 table .column-visible,
1617 table .column-rating {
1626 /* Scrollbar fix for bulk upgrade iframe */
1631 /* Upgrader styles, Specific to Language Packs */
1635 .lp-show-latest p:last-child,
1636 .lp-show-latest .lp-error p {
1640 /* - Only used once or twice in all of WP - deprecate for global style
1641 ------------------------------------------------------------------------------*/
1646 padding-bottom: 8px;
1661 padding-right: 14px;
1669 #post-body #post-body-content #namediv h3 {
1674 vertical-align: baseline;
1683 white-space: nowrap;
1695 margin-bottom: 0 !important;
1698 /* - Used - but could/should be deprecated with a CSS reset
1699 ------------------------------------------------------------------------------*/
1733 .post-categories li {
1737 /* Star Ratings - Back-compat for pre-3.8 */
1742 background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
1745 div.star-holder .star-rating {
1746 background: url(../images/stars.png?ver=20121108) repeat-x top left;
1753 white-space: nowrap;
1755 .star-rating .star {
1756 display: inline-block;
1759 -webkit-font-smoothing: antialiased;
1762 font-family: 'dashicons';
1763 text-decoration: inherit;
1764 font-weight: normal;
1766 vertical-align: top;
1767 -webkit-transition: color .1s ease-in 0;
1768 transition: color .1s ease-in 0;
1773 .star-rating .star-full:before {
1777 .star-rating .star-half:before {
1781 .rtl .star-rating .star-half {
1782 -webkit-transform: rotateY(180deg);
1783 -ms-transform: rotateY(180deg);
1784 transform: rotateY(180deg);
1787 .star-rating .star-empty:before {
1792 font-weight: normal;
1796 /* Plugin install thickbox */
1797 #plugin-information {
1798 background: #fcfcfc;
1808 #plugin-information-title {
1809 padding: 0 76px 0 20px;
1818 text-overflow: ellipsis;
1819 white-space: nowrap;
1822 #plugin-information-tabs {
1832 #plugin-information-tabs a {
1835 padding: 8px 10px 9px;
1840 text-decoration: none;
1841 -webkit-transition: none;
1845 #plugin-information-tabs a.current {
1846 margin: -1px -1px 0;
1848 border: 1px solid #ddd;
1849 border-bottom: none;
1853 #plugin-information-tabs a:active,
1854 #plugin-information-tabs a:focus {
1858 #plugin-information-content {
1860 border-top: 1px solid #ddd;
1861 border-bottom: 1px solid #ddd;
1880 #section-holder .updated {
1884 #plugin-information .fyi {
1885 background: #f3f3f3;
1886 border-left: 1px solid #ddd;
1897 #plugin-information .fyi strong {
1901 #plugin-information .fyi h3 {
1903 text-transform: uppercase;
1909 #plugin-information .fyi h2 {
1915 #plugin-information .fyi ul {
1921 #plugin-information .fyi li {
1925 #plugin-information-footer {
1934 #plugin-information .section ul,
1935 #plugin-information .section ol {
1936 list-style-type: disc;
1940 #plugin-information .section,
1941 #plugin-information .section p {
1946 #plugin-information #section-screenshots ol {
1951 #plugin-information #section-screenshots li img {
1952 vertical-align: text-top;
1957 -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
1958 box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
1961 #plugin-information #section-screenshots li p {
1966 #plugin-information pre {
1969 border: 1px solid #ccc;
1972 .plugin-version-author-uri {
1976 @media screen and ( max-width: 782px ) {
1977 #plugin-information-content {
1982 #plugin-information .fyi {
1983 border: 1px solid #ddd;
1986 margin: 26px 26px 16px;
1993 #plugin-information .fyi h3,
1994 #plugin-information .fyi small {
1998 #plugin-information-footer {
1999 padding: 12px 16px 0;
2004 /* Thickbox for Plugin Install screen */
2005 body.plugin-install-php #TB_window,
2006 body.import-php #TB_window,
2007 body.plugins-php #TB_window,
2008 body.update-core-php #TB_window,
2009 body.index-php #TB_window {
2010 background: #fcfcfc url( ../images/spinner.gif ) no-repeat center;
2014 (-o-min-device-pixel-ratio: 5/4),
2015 (-webkit-min-device-pixel-ratio: 1.25),
2016 (min-resolution: 120dpi) {
2018 body.plugin-install-php #TB_window,
2019 body.import-php #TB_window,
2020 body.plugins-php #TB_window,
2021 body.update-core-php #TB_window,
2022 body.index-php #TB_window {
2023 background: #fcfcfc url( ../images/spinner-2x.gif ) no-repeat center;
2024 -webkit-background-size: 20px 20px;
2025 background-size: 20px 20px;
2029 body.plugin-install-php #TB_title,
2030 body.import-php #TB_title,
2031 body.plugins-php #TB_title,
2032 body.update-core-php #TB_title,
2033 body.index-php #TB_title {
2038 body.plugin-install-php #TB_ajaxWindowTitle,
2039 body.import-php #TB_ajaxWindowTitle,
2040 body.plugins-php #TB_ajaxWindowTitle,
2041 body.update-core-php #TB_ajaxWindowTitle,
2042 body.index-php #TB_ajaxWindowTitle {
2046 body.plugin-install-php .tb-close-icon,
2047 body.import-php .tb-close-icon,
2048 body.plugins-php .tb-close-icon,
2049 body.update-core-php .tb-close-icon,
2050 body.index-php .tb-close-icon {
2056 body.plugin-install-php .tb-close-icon:before,
2057 body.import-php .tb-close-icon:before,
2058 body.plugins-php .tb-close-icon:before,
2059 body.update-core-php .tb-close-icon:before,
2060 body.index-php .tb-close-icon:before {
2064 /* @todo: move this. */
2070 /* @todo: are these also specific to Press This? */
2072 border-bottom: 1px solid #dfdfdf;
2079 /* @todo: these seem misplaced */
2080 .js .meta-box-sortables .postbox:hover .handlediv {
2081 margin-right: 0 !important;
2084 /* Metabox collapse arrow indicators */
2085 .js .sidebar-name .sidebar-name-arrow:before,
2086 .js .meta-box-sortables .postbox .handlediv:before {
2088 font: normal 20px/1 'dashicons';
2090 display: inline-block;
2094 -webkit-font-smoothing: antialiased;
2095 -moz-osx-font-smoothing: grayscale;
2096 text-decoration: none !important;
2099 .js #widgets-left .sidebar-name .sidebar-name-arrow {
2103 .js #widgets-left .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow,
2104 .js #widgets-left .sidebar-name:hover .sidebar-name-arrow {
2108 /* Show the arrow only on hover */
2109 .js .sidebar-name .sidebar-name-arrow:before,
2110 .js .meta-box-sortables .postbox .handlediv:before {
2114 .js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
2115 .js .meta-box-sortables .postbox.closed .handlediv:before {
2120 text-decoration: underline;
2124 text-decoration: none;
2125 padding-bottom: 2px;
2128 /* @todo: appears to be Press This only and overridden */
2129 #photo-add-url-div input[type="text"] {
2133 /* Theme/Plugin Editor */
2138 #template textarea {
2139 font-family: Consolas, Monaco, monospace;
2142 background: #f9f9f9;
2159 word-wrap: break-word;
2163 #postcustomstuff p.submit {
2182 .theme-editor-php .highlight {
2184 padding: 3px 3px 3px 12px;
2185 text-decoration: none;
2188 .theme-editor-php .highlight {
2189 margin: -3px 3px -3px -12px;
2192 #templateside .highlight {
2208 #documentation label {
2210 vertical-align: baseline;
2215 padding: 10px 0 8px;
2219 /* @todo: can we use a common class for these? */
2220 .nav-menus-php .item-edit:before,
2221 .widget-top a.widget-action:after,
2222 .control-section .accordion-section-title:after,
2223 .accordion-section-title:after {
2228 font: normal 20px/1 'dashicons';
2235 -webkit-font-smoothing: antialiased;
2236 -moz-osx-font-smoothing: grayscale;
2237 text-decoration: none !important;
2243 .sidebar-name-arrow,
2244 .accordion-section-title:after {
2248 .widget-action:hover,
2251 .sidebar-name:hover .sidebar-name-arrow,
2252 .accordion-section-title:hover:after {
2256 .widget-top a.widget-action:after {
2257 padding: 12px 12px 0;
2260 .nav-menus-php .item-edit:before {
2264 .control-section .accordion-section-title:after,
2265 .accordion-section-title:after {
2271 .control-section.open .accordion-section-title:after,
2272 #customize-info.open .accordion-section-title:after,
2273 .nav-menus-php .menu-item-edit-active .item-edit:before {
2277 /* Enable draggable on IE10 touch events until it's rolled into jQuery UI core */
2280 -ms-touch-action: none;
2284 .meta-box-sortables.ui-sortable,
2285 .widgets-holder-wrap .ui-draggable,
2286 .widgets-holder-wrap .ui-sortable,
2288 -ms-touch-action: auto;
2292 .meta-box-sortables.ui-sortable .hndle,
2293 .menu.ui-sortable .menu-item-handle {
2294 -ms-touch-action: none;
2300 .accordion-section {
2301 border-bottom: 1px solid #dfdfdf;
2305 .accordion-section.open .accordion-section-content,
2306 .no-js .accordion-section .accordion-section-content {
2310 .accordion-section.open:hover {
2311 border-bottom-color: #dfdfdf;
2314 .accordion-section-content {
2316 padding: 10px 20px 15px;
2321 .accordion-section-title {
2323 padding: 12px 15px 15px;
2325 border-left: 1px solid #dfdfdf;
2326 border-right: 1px solid #dfdfdf;
2327 -webkit-user-select: none;
2328 -moz-user-select: none;
2329 -ms-user-select: none;
2333 .js .accordion-section-title {
2337 .js .accordion-section-title:after {
2344 .accordion-section-title:focus {
2348 .accordion-section-title:hover:after,
2349 .accordion-section-title:focus:after {
2350 border-color: #aaa transparent;
2353 .cannot-expand .accordion-section-title {
2357 .cannot-expand .accordion-section-title:after {
2361 .control-section .accordion-section-title {
2364 padding: 10px 10px 11px 14px;
2369 .control-section .accordion-section-title:after {
2373 .js .control-section:hover .accordion-section-title,
2374 .js .control-section .accordion-section-title:hover,
2375 .js .control-section.open .accordion-section-title,
2376 .js .control-section .accordion-section-title:focus {
2378 background: #f5f5f5;
2381 .control-section.open .accordion-section-title {
2383 border-bottom: 1px solid #dfdfdf;
2387 -------------------------------------------------------------- */
2389 /* @todo: de-duplication */
2390 @media only screen and (min-width: 769px) {
2401 @media only screen and (max-width: 860px) {
2413 @media only screen and (min-width: 980px) {
2425 @media only screen and (max-width: 768px) {
2440 (-o-min-device-pixel-ratio: 5/4),
2441 (-webkit-min-device-pixel-ratio: 1.25),
2442 (min-resolution: 120dpi) {
2443 /* Back-compat for pre-3.8 */
2445 div.star-holder .star-rating {
2446 background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
2447 -webkit-background-size: 21px 37px;
2448 background-size: 21px 37px;
2452 background-image: url(../images/spinner-2x.gif);
2455 /* @todo: evaluate - most of these were likely replaced by dashicons */
2456 .curtime #timestamp,
2457 #screen-meta-links a.show-settings,
2458 .widget-top a.widget-action,
2459 .widget-top a.widget-action:hover,
2460 .sidebar-name-arrow,
2461 .sidebar-name:hover .sidebar-name-arrow,
2462 .meta-box-sortables .postbox:hover .handlediv,
2463 .tagchecklist span a,
2465 .tagchecklist span a:hover,
2466 #bulk-titles div a:hover {
2467 background: none !important;
2473 width: device-width;
2476 @media screen and ( max-width: 782px ) {
2487 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
2491 background: #f0f0f0;
2501 padding-bottom: 100px;
2513 /* Hidden Elements */
2517 .post-format-select {
2518 display: none !important;
2521 .wrap .add-new-h2, .wrap .add-new-h2:active {
2531 .wp-color-result:after {
2537 /* Feedback Messages */
2538 .wrap div.updated, .wrap div.error, .media-upload-form div.error {
2539 margin: 20px 0 10px 0;
2545 .wrap .icon32 + h2 {
2549 .wp-responsive-open #wpbody {
2553 /* General Metabox */
2558 .metabox-holder h3 {
2562 .postbox .handlediv {
2570 margin-bottom: 15px;
2573 /* Theme/Plugin File Editor */
2583 #templateside li a {
2588 #templateside .highlight {
2600 #template textarea {
2604 .fileedit-sub .alignright {
2612 #comments-form .checkforspam {
2618 @media screen and (max-width: 600px) {
2619 /* Disable horizontal scroll when responsive menu is open
2620 since we push the main content off to the right. */
2621 #wpwrap.wp-responsive-open {
2633 /* Keep full-width boxes on Edit Post page from causing horizontal scroll */
2634 div#post-body.metabox-holder.columns-1 {