1 /*------------------------------------------------------------------------------
4 Hello, this is the main WordPress admin CSS file.
5 All the important stuff is in here.
16 6.1 - Screen Options Tabs
23 11.0 - Write/Edit Post Screen
26 11.3 - Featured Images
27 11.4 - Post Format Selection
33 15.0 - Comments Screen
38 16.4 - Custom Background
45 23.0 - Full Overlay w/ Sidebar
46 24.0 - Customize Loader
47 25.0 - Tabbed Admin Screen Interface
51 ------------------------------------------------------------------------*/
53 /* 2 column liquid layout */
59 -webkit-font-smoothing: subpixel-antialiased;
80 overflow: visible !important;
86 #adminmenu .wp-submenu {
104 .folded #adminmenuback,
105 .folded #adminmenuwrap,
107 .folded #adminmenu li.menu-top {
111 /* inner 2 column liquid layout */
121 .columns-2 .inner-sidebar {
127 .inner-sidebar #side-sortables,
128 .columns-2 .inner-sidebar #side-sortables {
134 .has-right-sidebar .inner-sidebar {
138 .has-right-sidebar #post-body {
142 margin-left: -2000px;
145 .has-right-sidebar #post-body-content {
151 /* 2 columns main area */
175 /* utility classes */
196 /* Hide visually but not from screen readers */
198 .screen-reader-text span,
199 .ui-helper-hidden-accessible {
210 .screen-reader-shortcut {
215 .screen-reader-shortcut:focus {
223 padding: 15px 23px 14px;
228 -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
229 box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
230 text-decoration: none;
237 .no-js .hide-if-no-js,
238 .js.wp-core-ui .hide-if-js,
239 .js .wp-core-ui .hide-if-js,
240 .no-js.wp-core-ui .hide-if-no-js,
241 .no-js .wp-core-ui .hide-if-no-js {
245 /* include margin and padding in the width calculation of input and textarea */
248 input[type="password"],
249 input[type="number"],
250 input[type="search"],
254 -moz-box-sizing: border-box;
255 -webkit-box-sizing: border-box;
256 -ms-box-sizing: border-box; /* ie8 only */
257 box-sizing: border-box;
260 input[type="checkbox"],
261 input[type="radio"] {
266 display: inline-block;
269 margin: -4px 0 0 4px;
271 padding: 0 !important;
273 vertical-align: middle;
276 -webkit-appearance: none;
277 -webkit-box-sizing: border-box;
278 box-sizing: border-box;
281 td > input[type="checkbox"],
282 .wp-admin p input[type=checkbox],
283 .wp-admin p input[type=radio] {
287 .wp-admin p label input[type=checkbox] {
291 .wp-admin p label input[type=radio] {
301 input[type=checkbox]:disabled,
302 input[type=radio]:disabled,
303 input[type=checkbox]:disabled:checked:before,
304 input[type=radio]:disabled:checked:before {
308 input[type=checkbox]:checked:before,
309 input[type=radio]:checked:before {
311 display: inline-block;
312 vertical-align: middle;
314 font: normal 21px/1 'dashicons';
316 -webkit-font-smoothing: antialiased;
317 -moz-osx-font-smoothing: grayscale;
320 input[type=checkbox]:checked:before {
322 margin: -3px -4px 0 0;
325 input[type=radio]:checked:before {
327 text-indent: -9999px;
336 @-moz-document url-prefix() {
337 input[type=checkbox],
339 .form-table input.tog {
345 input[type="search"] {
346 -webkit-appearance: textfield;
349 input[type="search"]::-webkit-search-decoration {
353 .ie8 input[type="password"],
354 .ie8 .login form .input {
355 font-family: sans-serif;
367 font-family: "Open Sans", sans-serif;
393 font-family: inherit;
395 font-weight: inherit;
400 line-height: inherit;
413 border-radius: 0; /* Reset mobile webkit's default element styling */
423 input[type="password"],
424 input[type="number"],
425 input[type="search"],
434 .wp-admin input[type="file"] {
440 outline: thin dotted;
445 .screen-reader-text:focus {
463 .wp_attachment_details label[for="content"] {
539 list-style-type: decimal;
544 list-style: disc outside;
548 list-style: square outside;
552 list-style: decimal outside;
569 font-family: Consolas, Monaco, monospace;
578 padding: 4px 6px 1px 6px;
583 padding: 3px 5px 2px 5px;
599 text-decoration: none;
603 .subsubsub a.current .count {
608 .subsubsub a.current {
614 display: inline-block;
622 input[type="password"],
624 input[type="number"],
625 input[type="search"],
629 .tablenav-pages span.current,
631 #postcustomstuff table,
632 #postcustomstuff input,
633 #postcustomstuff textarea,
635 .plugin-update-tr .update-message,
636 #poststuff .inside .the-tagcloud,
637 .nav-menus-php .list-container,
640 .nav-menus-php .major-publishing-actions .form-invalid,
648 /* .widefat - main style for tables */
657 word-wrap: break-word;
661 text-decoration: none;
672 .widefat .no-items td {
673 border-bottom-width: 0;
697 vertical-align: text-top;
700 .widefat .check-column {
706 .widefat th input[type=checkbox] {
710 .widefat tbody th.check-column {
714 .widefat.media .check-column {
718 .widefat thead th.check-column,
719 .widefat tbody th.check-column,
720 .widefat tfoot th.check-column {
721 padding: 11px 3px 0 0;
724 .widefat thead th.check-column {
728 #update-plugins-table tbody th.check-column,
729 .plugins tbody th.check-column,
731 padding: 8px 2px 0 0;
734 .plugins tbody th.check-column input[type=checkbox] {
738 #update-plugins-table tbody td p {
742 #update-plugins-table tbody td p strong {
746 .plugins thead th.check-column,
747 .plugins tfoot th.check-column,
748 .plugins .inactive th.check-column,
749 #update-plugins-table thead th.check-column,
750 #update-plugins-table tfoot th.check-column {
754 #update-plugins-table thead th.check-column,
755 #update-plugins-table tfoot th.check-column {
759 .update-php div.updated,
760 .update-php div.error {
764 .no-js .widefat thead .check-column input,
765 .no-js .widefat tfoot .check-column input {
776 .widefat th#comments {
777 vertical-align: middle;
781 margin: 10px 2px 0 20px;
787 margin: 5px 15px 2px;
798 .media-upload-form div.error {
804 .press-this #message {
810 .login #login_error {
827 padding: 9px 0 4px 15px;
837 .wrap .add-new-h2:active {
842 text-decoration: none;
850 .wrap h2.long-header {
856 background-color: #fff;
861 input[type="password"],
863 input[type="number"],
864 input[type="search"],
868 background-color: #fff;
881 input[type="text"]:focus,
882 input[type="password"]:focus,
883 input[type="email"]:focus,
884 input[type="number"]:focus,
885 input[type="search"]:focus,
886 input[type="tel"]:focus,
887 input[type="url"]:focus,
888 input[type="checkbox"]:focus,
889 input[type="radio"]:focus,
892 #widgets-left .widget-in-question .widget-top,
893 #available-widgets .widget-top:hover,
894 div#widgets-right .widget-top:hover {
895 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
896 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
900 background-color: #eee;
904 .wp-core-ui :-moz-placeholder {
908 /*------------------------------------------------------------------------------
910 ------------------------------------------------------------------------------*/
915 .control-section .accordion-section-title,
916 h3.dashboard-widget-title,
917 h3.dashboard-widget-title span,
918 h3.dashboard-widget-title small,
925 #your-profile #rich_editing,
944 margin: -6px -8px 0 0;
951 font: normal 20px/1 'dashicons';
956 display: inline-block;
957 -webkit-font-smoothing: antialiased;
958 -moz-osx-font-smoothing: grayscale;
959 -webkit-transition: all .1s ease-in-out;
960 -moz-transition: all .1s ease-in-out;
961 transition: all .1s ease-in-out;
964 .icon16.icon-dashboard:before,
965 #adminmenu .menu-icon-dashboard div.wp-menu-image:before {
969 .icon16.icon-post:before,
970 #adminmenu .menu-icon-post div.wp-menu-image:before {
974 .icon16.icon-media:before,
975 #adminmenu .menu-icon-media div.wp-menu-image:before {
979 .icon16.icon-links:before,
980 #adminmenu .menu-icon-links div.wp-menu-image:before {
984 .icon16.icon-page:before,
985 #adminmenu .menu-icon-page div.wp-menu-image:before {
989 .icon16.icon-comments:before,
990 #adminmenu .menu-icon-comments div.wp-menu-image:before {
995 .icon16.icon-appearance:before,
996 #adminmenu .menu-icon-appearance div.wp-menu-image:before {
1000 .icon16.icon-plugins:before,
1001 #adminmenu .menu-icon-plugins div.wp-menu-image:before {
1005 .icon16.icon-users:before,
1006 #adminmenu .menu-icon-users div.wp-menu-image:before {
1010 .icon16.icon-tools:before,
1011 #adminmenu .menu-icon-tools div.wp-menu-image:before {
1015 .icon16.icon-settings:before,
1016 #adminmenu .menu-icon-settings div.wp-menu-image:before {
1020 .icon16.icon-site:before,
1021 #adminmenu .menu-icon-site div.wp-menu-image:before {
1025 .icon16.icon-generic:before,
1026 #adminmenu .menu-icon-generic div.wp-menu-image:before {
1030 /* hide background-image for icons above */
1031 .icon16.icon-dashboard,
1032 .menu-icon-dashboard div.wp-menu-image,
1034 .menu-icon-post div.wp-menu-image,
1036 .menu-icon-media div.wp-menu-image,
1038 .menu-icon-links div.wp-menu-image,
1040 .menu-icon-page div.wp-menu-image,
1041 .icon16.icon-comments,
1042 .menu-icon-comments div.wp-menu-image,
1043 .icon16.icon-appearance,
1044 .menu-icon-appearance div.wp-menu-image,
1045 .icon16.icon-plugins,
1046 .menu-icon-plugins div.wp-menu-image,
1048 .menu-icon-users div.wp-menu-image,
1050 .menu-icon-tools div.wp-menu-image,
1051 .icon16.icon-settings,
1052 .menu-icon-settings div.wp-menu-image,
1054 .menu-icon-site div.wp-menu-image,
1055 .icon16.icon-generic,
1056 .menu-icon-generic div.wp-menu-image {
1057 background-image: none !important;
1069 /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
1070 white-space: pre-wrap; /* css-3 */
1071 word-wrap: break-word; /* IE 5.5 - 7 */
1085 white-space: nowrap;
1090 border-top: 1px solid #ddd;
1091 border-bottom: 1px solid #fafafa;
1094 /*------------------------------------------------------------------------------
1096 ------------------------------------------------------------------------------*/
1103 vertical-align: middle;
1106 .wp-admin .button-cancel {
1111 .meta-box-sortables select {
1115 .wp-admin select[multiple] {
1122 -webkit-border-bottom-right-radius: 3px;
1123 -webkit-border-bottom-left-radius: 3px;
1124 border-bottom-right-radius: 3px;
1125 border-bottom-left-radius: 3px;
1128 form p.submit a.cancel:hover {
1129 text-decoration: none;
1139 .textright p.submit {
1144 table.form-table + p.submit,
1145 table.form-table + input + p.submit,
1146 table.form-table + input + input + p.submit {
1151 table.widefat span.delete a:hover,
1152 table.widefat span.trash a:hover,
1153 table.widefat span.spam a:hover,
1154 #dashboard_recent_comments .delete a:hover,
1155 #dashboard_recent_comments .trash a:hover,
1156 #dashboard_recent_comments .spam a:hover,
1157 .plugins a.delete:hover,
1158 #all-plugins-table .plugins a.delete:hover,
1159 #search-plugins-table .plugins a.delete:hover,
1160 .submitbox .submitdelete:hover,
1161 #media-items a.delete:hover,
1162 #media-items a.delete-permanently:hover,
1163 #nav-menu-footer .menu-delete:hover {
1164 text-decoration: none;
1168 #minor-publishing-actions input,
1169 #major-publishing-actions input,
1170 #minor-publishing-actions .preview {
1174 textarea.all-options,
1180 textarea.large-text {
1185 #adduser .form-field input {
1194 input[type="number"].small-text {
1200 #post-query-submit {
1201 margin: 1px 0 0 8px;
1204 .tablenav #changeit,
1205 .tablenav #delete_all,
1206 .tablenav #clear-recent-list {
1210 .tablenav .actions select {
1216 .ie8 .tablenav .actions select {
1220 .ie8 .tablenav .actions select#cat {
1224 #timezone_string option {
1229 #your-profile label + a {
1230 vertical-align: middle;
1234 #your-profile label + a {
1235 vertical-align: middle;
1238 .options-media-php label[for*="_size_"],
1239 #misc-publishing-actions label {
1240 vertical-align: baseline;
1243 #misc-publishing-actions label[for="post_status"]:before {
1245 display: inline-block;
1246 font: normal 20px/1 'dashicons';
1252 text-decoration: none !important;
1253 vertical-align: top;
1255 -webkit-font-smoothing: antialiased;
1256 -moz-osx-font-smoothing: grayscale;
1259 #pass-strength-result {
1260 border-style: solid;
1263 margin: 13px 1px 5px 5px;
1278 .search-box input[name="s"],
1279 #search-plugins input[name="s"],
1286 input[type="text"].ui-autocomplete-loading {
1287 background: transparent url('../images/loading.gif') no-repeat left center;
1288 visibility: visible;
1291 ul#add-to-blog-users {
1295 .ui-autocomplete-input.open {
1296 border-bottom-left-radius: 0;
1297 border-bottom-right-radius: 0;
1306 border-bottom-left-radius: 3px;
1307 border-bottom-right-radius: 3px;
1309 border-style: solid;
1312 .ui-autocomplete li {
1314 white-space: nowrap;
1318 .ui-autocomplete li a {
1324 .ui-autocomplete li a.ui-state-focus {
1328 /*------------------------------------------------------------------------------
1330 ------------------------------------------------------------------------------*/
1332 #major-publishing-actions {
1335 border-top: 1px solid #ddd;
1336 background: #f5f5f5;
1341 vertical-align: middle;
1346 #publishing-action {
1352 #publishing-action .spinner {
1356 #misc-publishing-actions {
1361 padding: 6px 10px 8px;
1364 .misc-pub-section:first-child {
1365 border-top-width: 0;
1368 .misc-pub-section-last {
1369 border-bottom-width: 0;
1372 #minor-publishing-actions {
1373 padding: 10px 10px 0 10px;
1396 padding-bottom: 7px;
1398 margin: 12px 2px 5px;
1399 border-bottom-width: 1px;
1400 border-bottom-style: solid;
1405 padding-right: 18px;
1410 .unapproved .unapprove {
1414 .unapproved .approve,
1426 /*------------------------------------------------------------------------------
1428 ------------------------------------------------------------------------------*/
1432 display: inline-block;
1437 margin: 25px 2px 0 20px;
1440 .plugins .plugin-update {
1444 .plugin-update .update-message {
1445 margin: 0 31px 8px 10px;
1449 ul#dismissed-updates {
1457 form.upgrade .hint {
1460 margin: -0.5em 0 2em 0;
1463 .update-php .spinner {
1472 .list-ajax-loading { /* deprecated */
1476 #ajax-response.alignleft {
1480 /*------------------------------------------------------------------------------
1482 ------------------------------------------------------------------------------*/
1486 /*------------------------------------------------------------------------------
1488 ------------------------------------------------------------------------------*/
1493 text-decoration: none;
1496 /*------------------------------------------------------------------------------
1497 6.1 - Screen Options Tabs
1498 ------------------------------------------------------------------------------*/
1500 #screen-options-wrap,
1501 #contextual-help-wrap {
1503 padding: 8px 20px 12px;
1507 #contextual-help-wrap {
1509 margin-right: 0 !important;
1512 #screen-meta .screen-reader-text {
1516 #screen-meta-links {
1520 #screen-meta-links a {
1521 padding: 3px 16px 3px 6px;
1524 #screen-meta-links a:focus {
1528 /* screen options and help tabs revert */
1531 margin: 0 0px -1px 20px;
1535 #screen-options-link-wrap,
1536 #contextual-help-link-wrap {
1542 #screen-meta-links .screen-meta-toggle {
1547 #screen-meta-links a.show-settings {
1552 text-decoration: none;
1556 #screen-meta-links a:after {
1559 font: normal 20px/1 'dashicons';
1561 display: inline-block;
1565 vertical-align: bottom;
1566 -webkit-font-smoothing: antialiased;
1567 -moz-osx-font-smoothing: grayscale;
1568 text-decoration: none !important;
1571 #screen-meta-links a.screen-meta-active:after {
1575 #screen-meta-links a.show-settings:hover {
1576 text-decoration: none;
1578 /* end screen options and help tabs */
1581 background-repeat: no-repeat;
1582 background-position: top right;
1583 background-color: transparent;
1589 .toggle-arrow-active {
1590 background-position: bottom right;
1593 #screen-options-wrap h5,
1594 #contextual-help-wrap h5 {
1599 .metabox-prefs label {
1600 display: inline-block;
1605 .metabox-prefs label input[type=checkbox] {
1610 .metabox-prefs label input {
1611 margin: 0 2px 0 5px;
1614 .metabox-prefs .columns-prefs label input {
1618 .metabox-prefs label a {
1622 /*------------------------------------------------------------------------------
1624 ------------------------------------------------------------------------------*/
1626 #contextual-help-wrap {
1630 #contextual-help-columns {
1634 #contextual-help-back {
1640 border-width: 0 1px;
1641 border-style: solid;
1644 #contextual-help-wrap.no-sidebar #contextual-help-back {
1647 border-left-width: 0;
1648 -webkit-border-bottom-left-radius: 2px;
1649 border-bottom-left-radius: 2px;
1652 .contextual-help-tabs {
1658 .contextual-help-tabs ul {
1662 .contextual-help-tabs li {
1664 list-style-type: none;
1665 border-style: solid;
1666 border-width: 0 2px 0 0;
1667 border-color: transparent;
1670 .contextual-help-tabs a {
1672 padding: 5px 12px 5px 5px;
1674 text-decoration: none;
1675 border-style: solid;
1676 border-width: 1px 0 1px 0;
1677 border-color: transparent;
1680 .contextual-help-tabs .active {
1683 border-width: 0 2px 0 0;
1684 border-style: solid;
1687 .contextual-help-tabs-wrap {
1694 margin: 0 0 12px 22px;
1698 .help-tab-content.active {
1702 .help-tab-content ul li {
1703 list-style-type: disc;
1707 .contextual-help-sidebar {
1710 padding: 0 12px 0 8px;
1715 /*------------------------------------------------------------------------------
1716 7.0 - Main Navigation (Left Menu)
1717 ------------------------------------------------------------------------------*/
1724 /* side admin menu */
1726 -webkit-user-select: none;
1727 -moz-user-select: none;
1743 #adminmenu li.menu-top {
1749 #adminmenu .wp-submenu {
1755 word-wrap: break-word;
1758 #adminmenu .wp-submenu,
1759 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1760 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
1765 .js #adminmenu .sub-open,
1766 .js #adminmenu .opensub .wp-submenu,
1767 #adminmenu a.menu-top:focus + .wp-submenu,
1768 .no-js li.wp-has-submenu:hover .wp-submenu {
1772 #adminmenu .wp-has-current-submenu .wp-submenu,
1773 .no-js li.wp-has-current-submenu:hover .wp-submenu,
1774 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1775 #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
1776 #adminmenu .wp-has-current-submenu.opensub .wp-submenu {
1785 -webkit-box-shadow: none;
1789 .folded #adminmenu .wp-submenu.sub-open,
1790 .folded #adminmenu .opensub .wp-submenu,
1791 .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
1792 .folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
1793 .folded #adminmenu a.menu-top:focus + .wp-submenu,
1794 .folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
1795 .no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
1800 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1801 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
1806 #adminmenu .wp-not-current-submenu .wp-submenu,
1807 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
1812 #adminmenu .wp-submenu a {
1819 #adminmenu .wp-not-current-submenu li > a,
1820 .folded #adminmenu .wp-has-current-submenu li > a {
1822 padding-right: 14px;
1823 -moz-transition: all .1s ease-in-out;
1824 -webkit-transition: all .1s ease-in-out;
1825 transition: all .1s ease-in-out;
1828 #adminmenu .wp-has-current-submenu ul > li > a,
1829 .folded #adminmenu li.menu-top .wp-submenu > li > a {
1833 #adminmenu a.menu-top,
1834 #adminmenu .wp-submenu-head {
1841 #adminmenu .wp-submenu-head,
1842 .folded #adminmenu .wp-menu-name {
1846 .folded #adminmenu .wp-submenu-head {
1850 #adminmenu .wp-submenu li {
1856 #adminmenu .wp-menu-image img {
1857 padding: 9px 0px 0 0;
1859 filter: alpha(opacity=60);
1862 #adminmenu div.wp-menu-name {
1866 #adminmenu div.wp-menu-image {
1874 #adminmenu div.wp-menu-image.svg {
1875 background-repeat: no-repeat;
1876 background-position: center;
1877 background-size: 20px auto;
1880 div.wp-menu-image:before {
1881 font: normal 20px/1 'dashicons' !important;
1887 display: inline-block;
1888 -webkit-font-smoothing: antialiased;
1889 -moz-osx-font-smoothing: grayscale;
1890 -moz-transition: all .1s ease-in-out;
1891 -webkit-transition: all .1s ease-in-out;
1892 transition: all .1s ease-in-out;
1895 .folded #adminmenu div.wp-menu-image {
1902 .folded #adminmenu a.menu-top {
1906 /* No @font-face support */
1907 .no-font-face #adminmenu .wp-menu-image {
1911 .no-font-face #adminmenu div.wp-menu-name {
1915 .no-font-face.auto-fold #adminmenu .wp-menu-name {
1918 /* End no @font-face support */
1920 /* Sticky admin menu */
1921 .sticky-menu #adminmenuwrap {
1923 z-index: 99; /* Match the z-index of .wp-submenu to ensure flyout menus don't appear underneath main column elements */
1929 display: none !important;
1932 ul#adminmenu a.wp-has-current-submenu {
1936 ul#adminmenu a.wp-has-current-submenu:after,
1937 ul#adminmenu > li.current > a.current:after {
1939 border: solid transparent;
1944 pointer-events: none;
1950 .folded ul#adminmenu li:hover a.wp-has-current-submenu:after {
1954 .folded ul#adminmenu a.wp-has-current-submenu:after,
1955 .folded ul#adminmenu > li a.current:after {
1960 /* flyout menu arrow */
1961 #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
1963 border: solid transparent;
1968 pointer-events: none;
1974 .folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
1980 /* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
1981 #adminmenu li.menu-top:hover,
1982 #adminmenu li.opensub > a.menu-top,
1983 #adminmenu li > a.menu-top:focus {
1987 .folded #adminmenu li.menu-top:hover,
1988 .folded #adminmenu li.opensub > a.menu-top,
1989 .folded #adminmenu li > a.menu-top:focus {
1993 #adminmenu li.menu-top:hover .wp-menu-image img,
1994 #adminmenu li.wp-has-current-submenu .wp-menu-image img {
1996 filter: alpha(opacity=100);
1999 #adminmenu li.wp-menu-separator {
2003 border-width: 1px 0;
2004 border-style: solid;
2008 #adminmenu div.separator {
2011 border-width: 1px 0 0 0;
2012 border-style: solid;
2015 #adminmenu .wp-submenu .wp-submenu-head {
2018 padding: 8px 11px 8px 4px;
2019 margin: -7px 0px 4px;
2022 #adminmenu li.current,
2023 .folded #adminmenu li.wp-menu-open {
2027 #adminmenu .awaiting-mod,
2028 #adminmenu span.update-plugins,
2029 #sidemenu li a span.update-plugins {
2030 display: inline-block;
2034 margin: 1px 2px 0 0;
2035 vertical-align: top;
2036 -webkit-border-radius: 10px;
2037 border-radius: 10px;
2041 #adminmenu li .awaiting-mod span,
2042 #adminmenu li span.update-plugins span,
2043 #sidemenu li a span.update-plugins span {
2048 #adminmenu li span.count-0,
2049 #sidemenu li a .count-0 {
2053 #adminmenu #collapse-menu {
2059 .folded #collapse-menu span {
2064 #collapse-button div {
2072 margin: 10px 11px 10px 8px;
2075 -webkit-border-radius: 10px;
2076 border-radius: 10px;
2079 #wpwrap #collapse-button div {
2083 #collapse-button div:after {
2089 font: normal 20px/1 'dashicons' !important;
2092 padding: 0 !important;
2096 -moz-transition: all .1s ease-in-out;
2097 -webkit-transition: all .1s ease-in-out;
2098 transition: all .1s ease-in-out;
2100 -webkit-font-smoothing: antialiased;
2101 -moz-osx-font-smoothing: grayscale;
2104 .folded #collapse-button div:after,
2105 .rtl #collapse-button div:after {
2106 -ms-transform: rotate(180deg);
2107 -webkit-transform: rotate(180deg);
2108 transform: rotate(180deg);
2111 .rtl.folded #collapse-button div:after {
2112 -ms-transform: none;
2113 -webkit-transform: none;
2117 /* Auto-folding of the admin menu */
2118 @media only screen and (max-width: 900px) {
2119 .auto-fold #wpcontent,
2120 .auto-fold #wpfooter {
2124 .auto-fold #adminmenuback,
2125 .auto-fold #adminmenuwrap,
2126 .auto-fold #adminmenu,
2127 .auto-fold #adminmenu li.menu-top {
2131 .auto-fold #adminmenu .wp-submenu.sub-open,
2132 .auto-fold #adminmenu .opensub .wp-submenu,
2133 .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
2134 .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
2135 .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
2136 .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
2141 .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
2142 .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
2150 .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
2155 .auto-fold #adminmenu .wp-has-current-submenu li > a {
2157 padding-right: 14px;
2161 .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
2162 padding-right: 12px;
2165 .auto-fold #adminmenu .wp-menu-name {
2169 .auto-fold #adminmenu .wp-submenu-head {
2173 .auto-fold #adminmenu div.wp-menu-image {
2180 .auto-fold #adminmenu a.menu-top {
2184 .auto-fold #adminmenu li.wp-menu-open {
2188 .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
2192 .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
2196 .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
2202 .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
2203 .auto-fold ul#adminmenu > li a.current:after {
2208 .auto-fold #adminmenu li.menu-top:hover,
2209 .auto-fold #adminmenu li.opensub > a.menu-top,
2210 .auto-fold #adminmenu li > a.menu-top:focus {
2214 .auto-fold #collapse-menu span {
2218 .auto-fold #collapse-button div {
2222 .auto-fold #collapse-button div:after {
2223 -ms-transform: rotate(180deg);
2224 -webkit-transform: rotate(180deg);
2225 transform: rotate(180deg);
2228 .rtl.auto-fold #collapse-button div:after {
2229 -ms-transform: none;
2230 -webkit-transform: none;
2236 /* List table styles */
2237 .post-com-count-wrapper {
2246 text-decoration: none;
2249 background-position: center -80px;
2250 background-repeat: no-repeat;
2253 .post-com-count:after { /* draw bubble connector using CSS! */
2259 border-top: 5px solid #bbbbbb;
2260 border-left: 5px solid transparent;
2263 .post-com-count span {
2270 display: inline-block;
2271 -webkit-border-radius: 5px;
2275 strong .post-com-count {
2276 background-position: center -55px;
2279 .post-com-count:hover {
2280 background-position: center -3px;
2283 .column-response .post-com-count {
2293 #the-comment-list .attachment-80x60 {
2297 th .comment-grey-bubble {
2302 th .comment-grey-bubble:before {
2304 font: normal 20px/.5 'dashicons';
2306 display: inline-block;
2311 vertical-align: top;
2312 -webkit-font-smoothing: antialiased;
2313 -moz-osx-font-smoothing: grayscale;
2314 text-decoration: none !important;
2317 /*------------------------------------------------------------------------------
2319 ------------------------------------------------------------------------------*/
2323 -webkit-box-sizing: border-box;
2324 -moz-box-sizing: border-box;
2325 box-sizing: border-box;
2330 margin-bottom: 40px;
2343 font-weight: normal;
2347 margin: 2px 0 0.8em;
2350 .widefat .column-comment p {
2354 /* Screens with postboxes */
2355 .postbox-container {
2359 #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
2363 #wpbody-content #dashboard-widgets.columns-2 .postbox-container {
2367 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
2368 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
2369 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
2374 #wpbody-content #dashboard-widgets.columns-3 .postbox-container {
2378 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 {
2382 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
2383 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
2387 #wpbody-content #dashboard-widgets.columns-4 .postbox-container {
2391 .postbox-container .meta-box-sortables {
2392 -moz-box-sizing: border-box;
2393 -webkit-box-sizing: border-box;
2394 -ms-box-sizing: border-box;
2395 box-sizing: border-box;
2398 .metabox-holder .postbox-container .empty-container {
2399 border: 3px dashed #bbb;
2403 .metabox-holder.columns-1 .postbox-container .empty-container,
2404 .columns-2 #postbox-container-3 .empty-container,
2405 .columns-2 #postbox-container-4 .empty-container,
2406 .columns-3 #postbox-container-4 .empty-container {
2412 .ie8 #wpbody-content #dashboard-widgets .postbox-container {
2416 .ie8 #wpbody-content #dashboard-widgets #postbox-container-2,
2417 .ie8 #wpbody-content #dashboard-widgets #postbox-container-3,
2418 .ie8 #wpbody-content #dashboard-widgets #postbox-container-4 {
2423 .ie8 #dashboard-widgets #postbox-container-3 .empty-container,
2424 .ie8 #dashboard-widgets #postbox-container-4 .empty-container {
2435 #poststuff #post-body {
2439 #post-body-content {
2445 #poststuff .postbox-container {
2449 #poststuff #post-body.columns-2 {
2453 #post-body.columns-2 #postbox-container-1 {
2455 margin-left: -300px;
2459 #post-body.columns-2 #side-sortables {
2463 #dashboard-widgets .postbox-container {
2467 #dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
2468 border: none !important;
2471 #dashboard-widgets-wrap {
2475 /* one column on the dash */
2476 @media only screen and (max-width: 799px) {
2477 #wpbody-content #dashboard-widgets .postbox-container {
2481 #wpbody-content .metabox-holder .postbox-container .empty-container {
2488 /* two columns on the dash, but keep the setting if one is selected */
2489 @media only screen and (min-width: 800px) and (max-width: 1499px) {
2490 #wpbody-content #dashboard-widgets .postbox-container {
2494 #wpbody-content #dashboard-widgets #postbox-container-2,
2495 #wpbody-content #dashboard-widgets #postbox-container-3,
2496 #wpbody-content #dashboard-widgets #postbox-container-4 {
2501 #dashboard-widgets #postbox-container-3 .empty-container,
2502 #dashboard-widgets #postbox-container-4 .empty-container {
2508 #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
2512 #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container {
2518 /* show the radio buttons for column prefs only for one or two columns */
2519 .index-php .screen-layout,
2520 .index-php .columns-prefs {
2524 .columns-prefs .columns-prefs-3,
2525 .columns-prefs .columns-prefs-4 {
2530 /* three columns on the dash */
2531 @media only screen and (min-width: 1500px) and (max-width: 1800px) {
2532 #wpbody-content #dashboard-widgets .postbox-container {
2536 #wpbody-content #dashboard-widgets #postbox-container-1 {
2540 #wpbody-content #dashboard-widgets #postbox-container-3,
2541 #wpbody-content #dashboard-widgets #postbox-container-4 {
2545 #dashboard-widgets #postbox-container-4 .empty-container {
2552 /* one column on the post write/edit screen */
2553 @media only screen and (max-width: 850px) {
2558 #wpbody-content #poststuff #post-body {
2562 #wpbody-content #post-body.columns-2 #postbox-container-1 {
2567 #poststuff #postbox-container-1 .empty-container,
2568 #poststuff #postbox-container-1 #side-sortables:empty {
2574 #poststuff #post-body.columns-2 #side-sortables {
2578 /* hide the radio buttons for column prefs */
2585 .js .postbox .hndle {
2591 font-weight: normal;
2594 .postbox .handlediv {
2600 .js .postbox .handlediv {
2604 .sortable-placeholder {
2606 border-style: dashed;
2607 margin-bottom: 20px;
2612 margin-bottom: 20px;
2620 -webkit-user-select: none;
2621 -moz-user-select: none;
2625 .js .widget .widget-top,
2632 padding: 0 12px 12px;
2642 #dashboard-widgets .postbox .inside {
2646 .postbox .inside > p:last-child,
2647 .rss-widget ul li:last-child {
2648 margin-bottom: 1px !important;
2651 .postbox.closed h3 {
2653 -webkit-box-shadow: none;
2657 .postbox table.form-table {
2662 border: 1px dotted #ccc;
2665 .columns-prefs label {
2670 /*------------------------------------------------------------------------------
2672 ------------------------------------------------------------------------------*/
2674 #dashboard-widgets-wrap {
2678 #wpbody-content .metabox-holder {
2682 #dashboard-widgets .meta-box-sortables {
2687 #the-comment-list td.comment p.comment-author {
2692 #the-comment-list p.comment-author img {
2697 #the-comment-list p.comment-author strong a {
2701 #the-comment-list td {
2702 vertical-align: top;
2705 #the-comment-list td.comment {
2706 word-wrap: break-word;
2714 padding: 23px 10px 0;
2722 font-weight: normal;
2735 .welcome-panel .about-description {
2740 .welcome-panel .welcome-panel-close {
2744 padding: 20px 3px 0 15px;
2746 text-decoration: none;
2750 #welcome-panel.welcome-panel .welcome-panel-close::before,
2751 .tagchecklist span a:before,
2752 #bulk-titles div a:before {
2754 display: block !important;
2755 font: normal 16px/1 'dashicons';
2761 -webkit-font-smoothing: antialiased !important;
2764 #welcome-panel.welcome-panel .welcome-panel-close::before {
2768 -webkit-transition: all .1s ease-in-out;
2769 -moz-transition: all .1s ease-in-out;
2770 transition: all .1s ease-in-out;
2773 .wp-core-ui .welcome-panel .button.button-hero {
2777 .welcome-panel-content {
2782 .welcome-panel .welcome-panel-column-container {
2788 .welcome-panel .welcome-panel-column {
2794 .ie8 .welcome-panel .welcome-panel-column {
2798 .welcome-panel .welcome-panel-column:first-child {
2802 .welcome-panel-column p.hide-if-no-customize {
2806 .welcome-panel-column p {
2810 .welcome-panel .welcome-icon {
2813 background: transparent !important;
2816 .welcome-panel .welcome-icon:before {
2817 font: normal 20px/1 'dashicons';
2819 display: inline-block;
2820 padding: 0 0 0 10px;
2823 -webkit-font-smoothing: antialiased;
2824 -moz-osx-font-smoothing: grayscale;
2825 text-decoration: none !important;
2826 vertical-align: top;
2829 .welcome-panel .welcome-write-blog:before,
2830 .welcome-panel .welcome-edit-page:before {
2835 .welcome-panel .welcome-add-page:before {
2839 .welcome-panel .welcome-view-site:before {
2844 .welcome-panel .welcome-widgets-menus:before {
2849 .welcome-panel .welcome-comments:before {
2854 .welcome-panel .welcome-learn-more:before {
2859 .welcome-panel .welcome-widgets-menus {
2863 .welcome-panel .welcome-panel-column ul {
2864 margin: 0.8em 0 1em 1em;
2867 .welcome-panel .welcome-panel-column li {
2869 list-style-type: none;
2872 /* Dashboard WordPress news */
2874 #dashboard_primary .inside {
2879 #dashboard_primary .widget-loading,
2880 #dashboard_primary .dashboard-widget-control-form {
2881 padding: 12px 12px 0;
2884 body #dashboard-widgets .postbox form .submit {
2888 .dashboard-widget-control-form {
2892 .dashboard-widget-control-form p {
2901 #dashboard_primary .rss-widget {
2902 border-bottom: 1px solid #eee;
2904 padding: 8px 12px 10px;
2907 #dashboard_primary .rss-widget:last-child {
2908 border-bottom: none;
2909 padding-bottom: 8px;
2912 #dashboard_primary .rss-widget a {
2913 font-weight: normal;
2916 #dashboard_primary .rss-widget span,
2917 #dashboard_primary .rss-widget span.rss-date {
2921 #dashboard_primary .rss-widget span.rss-date {
2925 #dashboard_primary .rss-widget ul li {
2929 /* Dashboard right now */
2931 #dashboard_right_now ul {
2936 #dashboard_right_now li {
2939 margin-bottom: 10px;
2942 #dashboard_right_now .inside {
2947 #dashboard_right_now .main {
2948 padding: 0 12px 11px;
2951 #dashboard_right_now .main p {
2959 #dashboard-widgets h4.mu-storage {
2960 margin-bottom: 10px;
2963 /* Dashboard right now - Colors */
2965 #dashboard_right_now li a:before {
2969 #dashboard_right_now .sub {
2971 background: #f5f5f5;
2972 border-top: 1px solid #eee;
2973 padding: 10px 12px 6px 12px;
2976 #dashboard_right_now .sub h4 {
2980 #dashboard_right_now .sub p {
2984 #dashboard_right_now .warning a:before {
2988 /* Dashboard right now - Icons */
2989 #dashboard_right_now li a:before {
2991 font: normal 20px/1 'dashicons';
3000 -webkit-font-smoothing: antialiased;
3001 text-decoration: none !important;
3004 #dashboard_right_now .page-count a:before {
3008 #dashboard_right_now .post-count a:before {
3012 #dashboard_right_now .comment-count a:before {
3016 #dashboard_right_now .comment-mod-count a:before {
3020 #dashboard_right_now .storage-count a:before {
3024 #dashboard_right_now .storage-count.warning a:before {
3028 /* Dashboard Quick Draft */
3030 #dashboard_quick_press .inside {
3035 #dashboard_quick_press div.updated {
3036 margin-bottom: 10px;
3037 border: 1px solid #eee;
3038 border-width: 1px 0 1px 1px;
3041 #dashboard_quick_press form {
3046 #dashboard_quick_press .drafts,
3047 #dashboard_quick_press .easy-blogging {
3051 /* Dashboard Quick Draft - Form styling */
3057 form.initial-form.quickpress-open label.prompt {
3061 form.initial-form.quickpress-open input#title {
3065 #dashboard_quick_press input,
3066 #dashboard_quick_press textarea {
3067 box-sizing: border-box;
3068 -moz-box-sizing:border-box;
3069 -webkit-box-sizing:border-box;
3073 #dashboard_quick_press textarea {
3077 #dashboard-widgets .postbox form .submit {
3086 #title-wrap #title-prompt-text,
3087 .textarea-wrap #content-prompt-text {
3091 #title-wrap #title-prompt-text {
3101 .input-text-wrap .prompt,
3102 .textarea-wrap .prompt {
3106 .textarea-wrap #content-prompt-text {
3111 .textarea-wrap textarea#content {
3116 #quick-press textarea#content {
3122 /* Dashboard Quick Draft - Drafts list */
3124 .js #dashboard_quick_press .drafts {
3125 border-top: 1px solid #eee;
3128 #dashboard_quick_press .drafts abbr {
3132 #dashboard_quick_press .drafts h4 {
3134 font-weight: normal;
3137 #dashboard_quick_press .drafts .view-all {
3142 #dashboard_primary a.rsswidget {
3143 font-weight: normal;
3146 #dashboard_quick_press .drafts ul {
3150 #dashboard_quick_press .drafts li {
3153 #dashboard_quick_press .drafts li time {
3157 #dashboard_quick_press .drafts p {
3161 #dashboard_quick_press .draft-title {
3165 #dashboard_quick_press .draft-title a,
3166 #dashboard_quick_press .draft-title time {
3171 /* Dashboard activity widget */
3173 #dashboard-widgets #dashboard_activity h4 {
3174 margin: 0 12px 8px 0;
3175 font-weight: normal;
3178 #dashboard-widgets #dashboard_activity h4.comment-meta {
3182 #dashboard_activity h4.comment-meta {
3184 text-overflow: ellipsis;
3185 white-space: nowrap;
3189 #dashboard_activity ul {
3193 #dashboard_activity .comment-meta span.approve:before {
3195 font: 20px/.5 "dashicons";
3197 vertical-align: middle;
3203 #dashboard_activity .inside {
3208 #dashboard_activity .no-activity {
3210 padding: 0 12px 12px;
3214 #dashboard_activity .no-activity p {
3219 #dashboard_activity .no-activity .smiley {
3223 #dashboard_activity .no-activity .smiley:before {
3225 font: normal 120px/1 'dashicons';
3233 -webkit-font-smoothing: antialiased;
3234 text-decoration: none !important;
3237 #dashboard_activity .subsubsub {
3239 border-top: 1px solid #eeeeee;
3241 padding: 8px 12px 4px;
3244 #future-posts .show-more,
3245 #published-posts .show-more {
3251 #published-posts ul {
3257 #published-posts li {
3262 #future-posts ul span,
3263 #published-posts ul span {
3271 border-bottom: 1px solid #eee;
3276 .activity-block:last-child {
3277 border-bottom: none;
3280 .activity-block .subsubsub li {
3284 /* Dashboard activity widget - Comments */
3286 #activity-widget #the-comment-list tr.undo,
3287 #activity-widget #the-comment-list div.undo {
3292 #activity-widget #the-comment-list .alternate,
3293 #activity-widget #the-comment-list .alt {
3297 #activity-widget #the-comment-list .comment {
3298 background: #fafafa;
3303 #activity-widget #the-comment-list img {
3309 #activity-widget #the-comment-list .dashboard-comment-wrap {
3310 padding-right: 63px;
3313 #activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
3317 #activity-widget #the-comment-list .comment-item h4 {
3322 #activity-widget #the-comment-list .comment-item p.row-actions {
3326 #activity-widget #the-comment-list .comment-item:first-child {
3327 border-top: 1px solid #eeeeee;
3330 #activity-widget #the-comment-list .unapproved:before {
3337 background: #d54e21;
3341 #activity-widget #the-comment-list .spam-undo-inside .avatar,
3342 #activity-widget #the-comment-list .trash-undo-inside .avatar {
3348 /* Browse happy box */
3350 #dashboard-widgets #dashboard_browser_nag.postbox .inside {
3354 @media screen and (max-width: 870px) {
3355 .welcome-panel .welcome-panel-column,
3356 .welcome-panel .welcome-panel-column:first-child {
3362 .welcome-panel .welcome-panel-column li {
3363 display: inline-block;
3367 .welcome-panel .welcome-panel-column ul {
3373 /*------------------------------------------------------------------------------
3374 10.0 - List Posts (/Pages/etc)
3375 ------------------------------------------------------------------------------*/
3378 table-layout: fixed;
3381 .fixed .column-rating,
3382 .fixed .column-visible {
3386 .fixed .column-posts,
3387 .fixed .column-date,
3388 .fixed .column-parent,
3389 .fixed .column-links,
3390 .fixed .column-author,
3391 .fixed .column-format {
3395 .fixed .column-response,
3396 .fixed .column-categories,
3397 .fixed .column-tags,
3399 .fixed .column-role {
3403 .fixed .column-slug {
3407 .fixed .column-locations {
3411 .fixed .column-comments {
3417 .fixed .column-comments .vers {
3421 .fixed .column-comments a {
3425 .fixed .column-icon {
3429 #comments-form .fixed .column-author {
3433 #commentsdiv.postbox .inside {
3438 #commentsdiv .inside .row-actions {
3442 #commentsdiv .inside .column-author {
3446 #commentsdiv .column-comment p {
3451 #commentsdiv #replyrow td {
3460 #commentsdiv .comments-box {
3464 #commentsdiv .comments-box thead th {
3465 background: transparent;
3470 #commentsdiv .comments-box tr:last-child td {
3471 border-bottom: 0 none;
3474 #commentsdiv .spinner {
3478 .sorting-indicator {
3486 .sorting-indicator:before {
3489 font: normal 20px/1 'dashicons';
3491 display: inline-block;
3498 vertical-align: top;
3499 -webkit-font-smoothing: antialiased;
3500 -moz-osx-font-smoothing: grayscale;
3501 text-decoration: none !important;
3504 .column-comments .sorting-indicator:before {
3509 th.sorted.asc .sorting-indicator:before,
3510 th.desc:hover span.sorting-indicator:before {
3514 th.sorted.desc .sorting-indicator:before,
3515 th.asc:hover span.sorting-indicator:before {
3519 tr.wp-locked .locked-indicator {
3520 background: url('../images/lock.png') no-repeat;
3521 margin: -2px 6px 0 0;
3526 tr.wp-locked .check-column label,
3527 tr.wp-locked .check-column input[type="checkbox"],
3528 tr.wp-locked .row-actions .inline,
3529 tr.wp-locked .row-actions .trash {
3538 tr.wp-locked .locked-info {
3545 vertical-align: top;
3548 tr.locked-info, tr.wp-locked .locked-info {
3549 -webkit-transition: height 1s, opacity 500ms;
3550 -moz-transition: height 1s, opacity 500ms;
3551 -ms-transition: height 1s, opacity 500ms;
3552 -o-transition: height 1s, opacity 500ms;
3553 transition: height 1s, opacity 500ms;
3556 .fixed .column-comments .sorting-indicator {
3560 #menu-locations-wrap .widefat {
3564 .widefat th.sortable,
3565 .widefat th.sorted {
3573 padding: 7px 10px 8px 7px;
3576 .fixed .column-comments.sortable a,
3577 .fixed .column-comments.sorted a {
3587 th.sorted.asc .sorting-indicator,
3588 th.desc:hover span.sorting-indicator {
3590 background-position: 0 0;
3593 th.sorted.desc .sorting-indicator,
3594 th.asc:hover span.sorting-indicator {
3596 background-position: -7px 0;
3605 .tablenav-pages .current-page {
3609 .tablenav-pages .next-page {
3613 .tablenav a.button-secondary {
3615 margin: 3px 0 0 8px;
3622 vertical-align: middle;
3629 .tablenav .tablenav-pages {
3638 .tablenav .no-pages,
3639 .tablenav .one-page .pagination-links {
3643 .tablenav .tablenav-pages a,
3644 .tablenav-pages span.current {
3645 text-decoration: none;
3649 .tablenav .tablenav-pages a {
3650 padding: 0 10px 3px;
3652 font-weight: normal;
3655 .tablenav .tablenav-pages a.disabled:hover ,
3656 .tablenav .tablenav-pages a.disabled:active {
3660 .tablenav .displaying-num {
3666 .tablenav .actions {
3668 padding: 2px 0 0 8px;
3677 margin: 5px 8px 0 16px;
3685 text-decoration: none;
3689 display: inline-block;
3694 .view-switch > a:before {
3696 display: inline-block;
3698 font: normal 20px/1 'dashicons';
3700 vertical-align: middle;
3702 -webkit-font-smoothing: antialiased;
3703 -moz-osx-font-smoothing: grayscale;
3706 .view-switch > a + a:before {
3713 margin: -5px 10px 0 0;
3716 .filter .subsubsub {
3717 margin-right: -10px;
3724 #posts-filter fieldset {
3726 margin: 0 0 1em 1.5ex;
3730 #posts-filter fieldset legend {
3731 padding: 0 1px .2em 0;
3735 /*------------------------------------------------------------------------------
3736 10.1 - Inline Editing
3737 ------------------------------------------------------------------------------*/
3740 .quick-edit* is for Quick Edit
3741 .bulk-edit* is for Bulk Edit
3742 .inline-edit* is for everything
3747 #wpbody-content .inline-edit-row fieldset {
3755 tr.inline-edit-row td,
3756 #wpbody-content .inline-edit-row fieldset .inline-edit-col {
3760 #wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col {
3761 border-width: 0 1px 0 0;
3762 border-style: none none none solid;
3765 #wpbody-content .quick-edit-row-post .inline-edit-col-left {
3769 #wpbody-content .quick-edit-row-post .inline-edit-col-right {
3773 #wpbody-content .inline-edit-row-post .inline-edit-col-center {
3777 #wpbody-content .quick-edit-row-page .inline-edit-col-left {
3781 #wpbody-content .quick-edit-row-page .inline-edit-col-right,
3782 #wpbody-content .bulk-edit-row-post .inline-edit-col-right {
3786 #wpbody-content .bulk-edit-row .inline-edit-col-left {
3790 #wpbody-content .bulk-edit-row-page .inline-edit-col-right {
3794 #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
3799 #wpbody-content .inline-edit-row-page .inline-edit-col-right {
3803 .inline-edit-row fieldset .inline-edit-group {
3807 .inline-edit-row fieldset .inline-edit-group:after {
3815 .inline-edit-row p.submit {
3821 .inline-edit-row span.error {
3828 .inline-edit-row h4 {
3833 .inline-edit-row fieldset span.title,
3834 .inline-edit-row fieldset span.checkbox-title {
3840 .inline-edit-row fieldset label,
3841 .inline-edit-row fieldset span.inline-edit-categories-label {
3846 .inline-edit-row fieldset label.inline-edit-tags {
3850 .inline-edit-row fieldset label.inline-edit-tags span.title {
3855 .inline-edit-row fieldset label span.title {
3861 .inline-edit-row fieldset label span.input-text-wrap {
3866 .quick-edit-row-post fieldset.inline-edit-col-right label span.title {
3868 padding-left: 0.5em;
3871 .inline-edit-row .input-text-wrap input[type=text] {
3875 .inline-edit-row fieldset label input[type=checkbox] {
3876 vertical-align: text-bottom;
3879 .inline-edit-row fieldset label textarea {
3884 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
3888 #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
3892 .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
3896 .inline-edit-save .spinner {
3897 padding: 4px 10px 0;
3898 vertical-align: top;
3903 .inline-edit-row h4 {
3904 text-transform: uppercase;
3907 .inline-edit-row fieldset span.title,
3908 .inline-edit-row fieldset span.checkbox-title {
3913 /* Specific Elements */
3914 .inline-edit-row fieldset input[type="text"],
3915 .inline-edit-row fieldset textarea {
3916 border-style: solid;
3920 .inline-edit-row fieldset .inline-edit-date {
3924 .inline-edit-row fieldset input[name=jj],
3925 .inline-edit-row fieldset input[name=hh],
3926 .inline-edit-row fieldset input[name=mn] {
3931 .inline-edit-row fieldset input[name=aa] {
3936 .inline-edit-row fieldset label input.inline-edit-password-input {
3942 border-style: solid;
3952 border-style: solid;
3959 .inline-edit-row fieldset ul.cat-checklist li,
3960 .inline-edit-row fieldset ul.cat-checklist input {
3964 .inline-edit-row fieldset ul.cat-checklist label,
3965 .inline-edit-row #bulk-titles div {
3970 .inline-edit-row fieldset label input.inline-edit-menu-order-input {
3974 .inline-edit-row fieldset label input.inline-edit-slug-input {
3978 .quick-edit-row-post fieldset label.inline-edit-status {
3986 margin: 0.2em 0.3em;
3989 #bulk-titles div a {
3994 margin: 0 -2px 0 3px;
4000 #bulk-titles div a:before {
4006 /*------------------------------------------------------------------------------
4007 11.0 - Write/Edit Post Screen
4008 ------------------------------------------------------------------------------*/
4014 #save-action .spinner,
4016 #show-comments .spinner {
4020 #lost-connection-notice .spinner {
4028 margin-bottom: 10px;
4035 #titlediv div.inside {
4039 #poststuff #titlewrap {
4054 #titlediv #title-prompt-text,
4055 #wp-fullscreen-title-prompt-text {
4062 #wp-fullscreen-save .fs-saved {
4068 #wp-fullscreen-title-prompt-text {
4072 #poststuff .inside-submitbox,
4073 #side-sortables .inside-submitbox {
4078 input#link_description,
4093 min-height: 25px; /* Yes, line-height + 1 */
4098 #edit-slug-box .cancel {
4103 #editable-post-name-full {
4107 #editable-post-name input {
4114 .postarea h3 label {
4118 .submitbox .submit {
4120 padding: 12px 10px 10px;
4124 .submitbox .submitdelete {
4125 text-decoration: none;
4129 .submitbox .submit a:hover {
4130 text-decoration: underline;
4133 .submitbox .submit input {
4139 .inside-submitbox #post_status {
4140 margin: 2px -2px 2px 0;
4143 #post-status-select {
4148 #post-body #normal-sortables {
4161 #normal-sortables .postbox .submit {
4162 background: transparent none;
4169 .category-add input[type="text"],
4170 .category-add select {
4173 vertical-align: baseline;
4176 #side-sortables .category-add input[type="text"],
4177 #side-sortables .category-add select {
4181 .press-this #side-sortables .category-tabs li,
4182 ul.category-tabs li,
4183 #side-sortables .add-menu-item-tabs li,
4186 line-height: 1.35em;
4189 .no-js .category-tabs li.hide-if-no-js {
4194 #side-sortables .add-menu-item-tabs a,
4196 text-decoration: none;
4203 #category-adder h4 {
4207 #side-sortables .add-menu-item-tabs,
4212 #normal-sortables .postbox #replyrow .submit {
4218 #side-sortables .submitbox .submit input,
4219 #side-sortables .submitbox .submit .preview,
4220 #side-sortables .submitbox .submit a.preview:hover {
4224 #side-sortables .inside-submitbox .insidebox,
4225 .stuffbox .insidebox {
4230 ul.add-menu-item-tabs,
4235 ul.category-tabs li {
4236 border-style: solid;
4241 ul.add-menu-item-tabs li.tabs,
4243 border-style: solid solid none;
4244 border-width: 1px 1px 0;
4247 ul.add-menu-item-tabs li.tabs {
4248 padding-bottom: 3px;
4252 #post-body .add-menu-item-tabs li.tabs {
4253 border-style: solid none solid solid;
4254 border-width: 1px 1px 1px 0;
4258 ul.category-tabs li,
4259 ul.add-menu-item-tabs li,
4261 padding: 3px 5px 5px;
4264 #postimagediv .inside img {
4274 td.post-title strong,
4275 td.plugin-title strong {
4277 margin-bottom: .2em;
4286 /* Global classes */
4287 .wp-hidden-children .wp-hidden-child,
4292 .commentlist .avatar {
4293 vertical-align: text-top;
4296 #post-body .tagsdiv #newtag {
4301 #side-sortables input#post_password {
4305 #side-sortables .tagsdiv #newtag {
4313 #post-status-info td {
4322 #editorcontent #post-status-info {
4326 #content-resize-handle,
4327 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
4328 background: transparent url('../images/resize.gif') no-repeat scroll left bottom;
4334 .rtl #content-resize-handle,
4335 .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
4336 background: transparent url('../images/resize-rtl.gif') no-repeat scroll left bottom;
4339 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
4345 #post-body .postarea .wp_themeSkin .mceStatusbar a.mceResize {
4349 #content-resize-handle {
4355 .press-this #content-resize-handle {
4359 .tmce-active #content-resize-handle {
4368 #timestampdiv select {
4372 vertical-align: top;
4376 #aa, #jj, #hh, #mn {
4389 .curtime #timestamp {
4390 padding: 2px 0 1px 0;
4391 display: inline !important;
4392 height: auto !important;
4395 #post-body #visibility:before,
4396 .curtime #timestamp:before,
4397 #post-body .misc-pub-revisions:before {
4398 font: normal 20px/1 'dashicons';
4400 display: inline-block;
4405 vertical-align: top;
4406 -webkit-font-smoothing: antialiased;
4407 -moz-osx-font-smoothing: grayscale;
4408 text-decoration: none !important;
4411 #post-body #visibility:before {
4415 .curtime #timestamp:before {
4420 #post-body .misc-pub-revisions:before {
4433 #timestampdiv input {
4435 border-style: solid;
4438 .notification-dialog {
4443 margin-right: -225px;
4449 .notification-dialog-background {
4457 filter: alpha(opacity=50);
4461 #post-lock-dialog .post-locked-message,
4462 #post-lock-dialog .post-taken-over {
4466 #post-lock-dialog .post-locked-message a.button {
4470 #post-lock-dialog .post-locked-avatar {
4472 margin: 0 0 20px 20px;
4475 #post-lock-dialog .wp-tab-first {
4479 #post-lock-dialog .locked-saving img {
4484 #post-lock-dialog.saving .locked-saving,
4485 #post-lock-dialog.saved .locked-saved {
4489 /*------------------------------------------------------------------------------
4490 11.1 - Custom Fields
4491 ------------------------------------------------------------------------------*/
4493 #postcustomstuff thead th {
4494 padding: 5px 8px 8px;
4497 #postcustom #postcustomstuff .submit {
4503 #side-sortables #postcustom #postcustomstuff .submit {
4508 #side-sortables #postcustom #postcustomstuff #the-list textarea {
4512 #side-sortables #postcustom #postcustomstuff td.left input,
4513 #side-sortables #postcustom #postcustomstuff td.left select,
4514 #side-sortables #postcustomstuff #newmetaleft a {
4518 #postcustomstuff table {
4522 border-style: solid;
4526 #postcustomstuff tr {
4527 vertical-align: top;
4530 #postcustomstuff table input,
4531 #postcustomstuff table select,
4532 #postcustomstuff table textarea {
4537 #side-sortables #postcustomstuff table input,
4538 #side-sortables #postcustomstuff table select,
4539 #side-sortables #postcustomstuff table textarea {
4543 #postcustomstuff th.left,
4544 #postcustomstuff td.left {
4548 #postcustomstuff .submit input {
4553 #postcustomstuff #newmetaleft a {
4554 display: inline-block;
4556 text-decoration: none;
4559 .no-js #postcustomstuff #enternew {
4563 #post-body-content .compat-attachment-fields {
4564 margin-bottom: 20px;
4567 .compat-attachment-fields th {
4572 /*------------------------------------------------------------------------------
4573 11.2 - Post Revisions
4574 ------------------------------------------------------------------------------*/
4575 .revisions-control-frame,
4576 .revisions-diff-frame {
4580 .revisions-controls {
4586 .revisions-controls input[type="checkbox"] {
4589 vertical-align: text-bottom;
4592 .revisions.pinned .revisions-controls {
4598 .revisions-tickmarks {
4604 -moz-box-sizing: border-box;
4605 -webkit-box-sizing: border-box;
4606 box-sizing: border-box;
4609 .revisions-tickmarks > div {
4612 border-style: solid;
4613 border-width: 0 0 0 1px;
4614 -moz-box-sizing: border-box;
4615 -webkit-box-sizing: border-box;
4616 box-sizing: border-box;
4619 .revisions-tickmarks > div:first-child {
4623 .comparing-two-revisions .revisions-controls {
4627 .comparing-two-revisions.pinned .revisions-controls {
4631 .revisions .diff-error {
4639 .revisions.diff-error .diff-error {
4643 .revisions .loading-indicator {
4645 vertical-align: middle;
4649 margin-right: -90px;
4650 -webkit-transition: opacity 0.5s;
4651 -moz-transition: opacity 0.5s;
4652 -ms-transition: opacity 0.5s;
4653 -o-transition: opacity 0.5s;
4654 transition: opacity 0.5s;
4655 filter: alpha(opacity=0); /* ie8 and earlier */
4658 body.folded .revisions .loading-indicator {
4659 margin-right: -32px;
4662 .revisions .loading-indicator span.spinner {
4668 .revisions.loading .loading-indicator {
4670 filter: alpha(opacity=100); /* ie8 and earlier */
4674 -webkit-transition: opacity 0.5s;
4675 -moz-transition: opacity 0.5s;
4676 -ms-transition: opacity 0.5s;
4677 -o-transition: opacity 0.5s;
4678 transition: opacity 0.5s;
4681 .revisions.loading .diff {
4683 filter: alpha(opacity=50); /* ie8 and earlier */
4686 .revisions.diff-error .diff {
4694 .revision-toggle-compare-mode {
4700 .comparing-two-revisions .revisions-previous,
4701 .comparing-two-revisions .revisions-next,
4702 .revisions-meta .diff-meta-to strong {
4706 .revisions-controls .author-card .date {
4710 .revisions-controls .author-card.autosave {
4714 .revisions-controls .author-card .author-name {
4718 .comparing-two-revisions .diff-meta-to strong {
4722 .revisions.pinned .revisions-buttons {
4726 .revisions-previous,
4732 .revisions-previous {
4740 .revisions-controls .wp-slider {
4750 .revisions-diff h3:first-child {
4754 /* Revision meta box */
4755 .post-revisions li img,
4756 #revisions-meta-restored img {
4757 vertical-align: middle;
4760 table.diff tbody tr td:nth-child(2) {
4766 white-space: pre-wrap;
4769 table.diff col.content {
4773 table.diff col.content.diffsplit {
4777 table.diff col.diffsplit.middle {
4781 table.diff col.ltype {
4786 background-color: transparent;
4791 font-family: Consolas, Monaco, monospace;
4806 table.diff .diff-deletedline del,
4807 table.diff .diff-addedline ins {
4808 text-decoration: none;
4817 .diff-title strong {
4825 .revisions-controls .author-card .author-info {
4830 .revisions-controls .author-card .avatar,
4831 .revisions-controls .author-card .author-info {
4837 .revisions-controls .author-card .byline {
4842 .revisions-controls .author-card .avatar {
4843 vertical-align: middle;
4846 .diff-meta input.restore-revision {
4857 .comparing-two-revisions .diff-meta-from {
4861 .revisions-tooltip {
4865 margin-right: -69px;
4874 .revisions-tooltip.flipped {
4879 .revisions.pinned .revisions-tooltip {
4880 display: none !important;
4883 .comparing-two-revisions .revisions-tooltip {
4887 .revisions-tooltip-arrow {
4897 .revisions-tooltip.flipped .revisions-tooltip-arrow {
4904 .revisions-tooltip-arrow > span {
4911 -webkit-transform: rotate(45deg);
4912 -moz-transform: rotate(45deg);
4913 -ms-transform: rotate(45deg);
4914 -o-transform: rotate(45deg);
4915 transform: rotate(45deg);
4918 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
4923 .ie8 .revisions-tooltip-arrow > span {
4926 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
4929 .ie8 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
4934 .revisions-tooltip-arrow > span {
4936 border-style: solid;
4942 .revisions-tooltip {
4952 margin-right: -35px;
4977 -webkit-transform: rotate(45deg);
4978 -moz-transform: rotate(45deg);
4979 -ms-transform: rotate(45deg);
4980 -o-transform: rotate(45deg);
4981 transform: rotate(45deg);
4985 .revisions-tooltip-arrow:after {
4987 border-style: solid;
4990 div.revisions-controls > .wp-slider > .ui-slider-handle {
4991 margin-right: -10px;
4994 .rtl div.revisions-controls > .wp-slider > .ui-slider-handle {
4998 /* jQuery UI Slider */
4999 .wp-slider.ui-slider {
5002 border-style: solid;
5007 .wp-slider .ui-slider-handle {
5017 .wp-slider .ui-slider-handle:before {
5023 font: normal 18px/1 'dashicons';
5025 -webkit-font-smoothing:antialiased;
5026 -moz-osx-font-smoothing: grayscale;
5029 .wp-slider .ui-slider-handle.from-handle:before,
5030 .wp-slider .ui-slider-handle.to-handle:before {
5031 font-size: 20px !important;
5032 margin: -1px -1px 0 0;
5035 .wp-slider .ui-slider-handle.from-handle:before {
5039 .wp-slider .ui-slider-handle.to-handle:before {
5043 .rtl .wp-slider .ui-slider-handle.from-handle:before {
5047 .rtl .wp-slider .ui-slider-handle.to-handle:before {
5052 .wp-slider .ui-slider-range {
5057 background-color: transparent;
5058 background-image: none;
5061 .wp-slider.ui-slider-horizontal {
5065 .wp-slider.ui-slider-horizontal .ui-slider-handle {
5067 margin-right: -.6em;
5070 .wp-slider.ui-slider-horizontal .ui-slider-range {
5075 .wp-slider.ui-slider-horizontal .ui-slider-range-min {
5079 .wp-slider.ui-slider-horizontal .ui-slider-range-max {
5084 /*------------------------------------------------------------------------------
5085 11.3 - Featured Images
5086 ------------------------------------------------------------------------------*/
5088 #select-featured-image {
5093 #select-featured-image img {
5096 margin-bottom: 10px;
5099 #select-featured-image a {
5104 #select-featured-image .remove {
5109 .js #select-featured-image.has-featured-image .remove {
5110 display: inline-block;
5113 .no-js #select-featured-image .choose {
5117 /*------------------------------------------------------------------------------
5119 ------------------------------------------------------------------------------*/
5121 .post-state-format {
5123 display: inline-block;
5124 vertical-align: middle;
5131 .post-state-format:before {
5135 font: normal 20px/1 'dashicons' !important;
5137 -webkit-font-smoothing: antialiased;
5138 -moz-osx-font-smoothing: grayscale;
5141 #post-formats-select {
5145 #post-formats-select .post-format-icon:before {
5153 label.post-format-icon {
5155 padding: 2px 0px 2px 0;
5158 .post-format-icon:before {
5160 display: inline-block;
5162 font: normal 20px/1 'dashicons';
5164 -webkit-font-smoothing: antialiased;
5165 -moz-osx-font-smoothing: grayscale;
5168 .post-state-format.post-format-standard:before,
5169 .post-format-icon.post-format-standard:before,
5170 a.post-state-format.format-standard:before {
5174 .post-state-format.post-format-image:before,
5175 .post-format-icon.post-format-image:before,
5176 a.post-state-format.format-image:before {
5180 .post-state-format.post-format-gallery:before,
5181 .post-format-icon.post-format-gallery:before,
5182 a.post-state-format.format-gallery:before {
5186 .post-state-format.post-format-audio:before,
5187 .post-format-icon.post-format-audio:before,
5188 a.post-state-format.format-audio:before {
5192 .post-state-format.post-format-video:before,
5193 .post-format-icon.post-format-video:before,
5194 a.post-state-format.format-video:before {
5198 .post-state-format.post-format-chat:before,
5199 .post-format-icon.post-format-chat:before,
5200 a.post-state-format.format-chat:before {
5204 .post-state-format.post-format-status:before,
5205 .post-format-icon.post-format-status:before,
5206 a.post-state-format.format-status:before {
5210 .post-state-format.post-format-aside:before,
5211 .post-format-icon.post-format-aside:before,
5212 a.post-state-format.format-aside:before {
5216 .post-state-format.post-format-quote:before,
5217 .post-format-icon.post-format-quote:before,
5218 a.post-state-format.format-quote:before {
5222 .post-state-format.post-format-link:before,
5223 .post-format-icon.post-format-link:before,
5224 a.post-state-format.format-link:before {
5228 /*------------------------------------------------------------------------------
5230 ------------------------------------------------------------------------------*/
5233 margin-right: 120px;
5237 .category-adder h4 {
5241 #side-sortables .category-adder {
5245 #post-body ul.add-menu-item-tabs {
5249 /* Negative margin for the sake of those without JS: all tabs display */
5250 margin: 0 5px 0 -120px;
5254 ul.add-menu-item-tabs li {
5255 padding: 3px 8px 3px 5px;
5258 #post-body ul.add-menu-item-tabs li.tabs {
5259 -webkit-border-top-right-radius: 3px;
5260 -webkit-border-bottom-right-radius: 3px;
5261 border-top-right-radius: 3px;
5262 border-bottom-right-radius: 3px;
5266 .categorydiv div.tabs-panel,
5267 .customlinkdiv div.tabs-panel,
5268 .posttypediv div.tabs-panel,
5269 .taxonomydiv div.tabs-panel {
5274 border-style: solid;
5278 div.tabs-panel-active {
5282 div.tabs-panel-inactive {
5286 #front-page-warning,
5287 #front-static-pages ul,
5289 .inline-editor ul.cat-checklist ul,
5290 .categorydiv ul.categorychecklist ul,
5291 .customlinkdiv ul.categorychecklist ul,
5292 .posttypediv ul.categorychecklist ul,
5293 .taxonomydiv ul.categorychecklist ul {
5297 ul.categorychecklist li {
5301 word-wrap: break-word;
5304 .categorydiv .tabs-panel,
5305 .customlinkdiv .tabs-panel,
5306 .posttypediv .tabs-panel,
5307 .taxonomydiv .tabs-panel {
5309 border-style: solid;
5324 .form-field textarea {
5325 border-style: solid;
5343 .form-wrap .form-field {
5348 .form-wrap .form-field #parent {
5357 .col-wrap p.submit {
5362 /*------------------------------------------------------------------------------
5364 ------------------------------------------------------------------------------*/
5370 #poststuff .taghint {
5372 margin: 15px 12px -24px 0;
5375 #poststuff .tagsdiv .howto {
5387 .tagsdiv .the-tags {
5395 #post-body-content .tagsdiv .the-tags {
5403 padding: 8px 12px 12px;
5404 text-align: justify;
5414 text-align: justify;
5429 border-style: solid;
5432 .wp-customizer .ac_results {
5438 white-space: nowrap;
5447 text-decoration: underline;
5456 font-weight: normal;
5458 vertical-align: top;
5461 word-wrap: break-word;
5469 .links-table td label {
5473 .links-table td input[type="text"],
5474 .links-table td textarea {
5478 .links-table #link_rel {
5482 /*------------------------------------------------------------------------------
5484 ------------------------------------------------------------------------------*/
5486 .media-item .describe {
5487 border-collapse: collapse;
5489 border-top-style: solid;
5490 border-top-width: 1px;
5495 .media-item.media-blank .describe {
5499 .media-item .describe th {
5500 vertical-align: top;
5502 padding: 5px 10px 10px;
5506 .media-item .describe .align th {
5510 .media-item .media-item-info tr {
5511 background-color: transparent;
5514 .media-item .describe td {
5515 padding: 0 0 8px 8px;
5516 vertical-align: top;
5519 .media-item thead.media-item-info td {
5520 padding: 4px 10px 0;
5523 .media-item .media-item-info .A1B1 {
5524 padding: 0 10px 0 0;
5527 .media-item td.savesend {
5528 padding-bottom: 15px;
5531 .media-item .thumbnail {
5536 #wpbody-content #async-upload-wrap a {
5540 .media-upload-form {
5544 .media-upload-form td label {
5549 .media-upload-form .align .field label {
5551 padding: 0 23px 0 0;
5552 margin: 0 3px 0 1em;
5556 .media-upload-form tr.image-size label {
5561 .media-upload-form th.label label {
5567 .media-upload-form th.label label span {
5572 border: medium none;
5573 text-decoration: none;
5576 .media-item .describe input[type="text"],
5577 .media-item .describe textarea {
5581 .media-item .describe p.help {
5586 .media-item .edit-attachment,
5587 .describe-toggle-on,
5588 .describe-toggle-off {
5594 .media-item .describe-toggle-off,
5595 .media-item.open .describe-toggle-on {
5599 .media-item.open .describe-toggle-off {
5603 #media-items .media-item {
5604 border-bottom-style: solid;
5605 border-bottom-width: 1px;
5615 .media-new-php #media-items {
5619 #media-items:empty {
5623 .media-item .filename {
5628 .media-item .error-div {
5629 padding-right: 10px;
5632 .media-item .pinkynail {
5634 margin: 2px 0 0 10px;
5639 .media-item .startopen,
5640 .media-item .startclosed {
5644 .media-item .original {
5649 .media-item .progress {
5658 border-radius: 22px;
5660 -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
5661 box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
5669 border-radius: 22px;
5670 background-color: #0074a2;
5671 -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
5672 box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
5675 .media-item .progress .percent {
5684 text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
5687 .upload-php .fixed .column-parent {
5691 .js .html-uploader #plupload-upload-ui {
5695 .js .html-uploader #html-upload-ui {
5699 .media-upload-form .media-item.error {
5704 .media-upload-form .media-item.error p,
5705 .media-item .error-div {
5711 .media-item .error-div a.dismiss {
5714 margin: 5px 15px 0 4px;
5717 /*------------------------------------------------------------------------------
5718 14.1 - Media Library
5719 ------------------------------------------------------------------------------*/
5725 padding: 33px 0 51px;
5753 .find-box-search .spinner {
5766 #find-posts-search {
5768 margin: 1px 3px 0 4px;
5771 #find-posts-response {
5776 #find-posts-response table {
5780 #find-posts-response .found-radio {
5781 padding: 3px 8px 0 0;
5790 .find-box #resize-se {
5800 background-color: #000;
5802 filter: alpha(opacity=60);
5805 ul#dismissed-updates {
5813 form.upgrade .hint {
5816 margin: -0.5em 0 2em 0;
5819 #poststuff .inside .the-tagcloud {
5823 border-style: solid;
5826 -webkit-border-radius: 6px;
5830 .drag-drop #drag-drop-area {
5831 border: 4px dashed #bbb;
5835 .drag-drop .drag-drop-inside {
5836 margin: 70px auto 0;
5840 .drag-drop-inside p {
5847 .drag-drop .drag-drop-inside p {
5851 .drag-drop-inside p.drag-drop-info {
5855 .drag-drop .drag-drop-inside p,
5856 .drag-drop-inside p.drag-drop-buttons {
5861 #drag-drop-area:-moz-drag-over {
5862 border-color: #83b4d8;
5864 borger color while dragging a file over the uploader drop area */
5865 .drag-drop.drag-over #drag-drop-area {
5866 border-color: #83b4d8;
5869 #plupload-upload-ui {
5874 /*------------------------------------------------------------------------------
5876 ------------------------------------------------------------------------------*/
5878 .wp_attachment_details #attachment_caption {
5882 .describe .image-editor {
5883 vertical-align: top;
5890 .imgedit-settings p {
5894 .post-php .imgedit-wrap table {
5898 .describe .imgedit-wrap table td,
5899 .wp_attachment_holder .imgedit-wrap table td {
5900 vertical-align: top;
5904 .describe .imgedit-wrap table td.imgedit-settings {
5908 .wp_attachment_holder .imgedit-wrap table td.imgedit-settings {
5912 td.imgedit-settings input {
5914 vertical-align: middle;
5920 background: #fff url('../images/spinner.gif') no-repeat scroll 22px 10px;
5921 background-size: 20px 20px;
5923 filter: alpha(opacity=70);
5930 background: url('../images/spinner.gif') no-repeat;
5931 background-size: 20px 20px;
5935 filter: alpha(opacity=70);
5946 .imgedit-settings .disabled {
5950 .wp_attachment_image,
5955 .wp_attachment_image .button,
5960 .no-js .wp_attachment_image .button {
5964 .wp_attachment_image .spinner,
5968 vertical-align: bottom;
5982 -webkit-font-smoothing: antialiased;
5983 -moz-osx-font-smoothing: grayscale;
5988 .imgedit-menu div:before {
5989 font: normal 20px/1 'dashicons';
5991 vertical-align: middle;
5994 .imgedit-crop:before {
5998 .imgedit-rleft:before {
6002 .imgedit-rright:before {
6006 .imgedit-flipv:before {
6010 .imgedit-fliph:before {
6014 .imgedit-undo:before {
6018 .imgedit-redo:before {
6022 .imgedit-crop-wrap {
6035 margin: 0 3px 0 8px;
6043 margin: 0 3px 0 8px;
6051 margin: 0 3px 0 8px;
6054 .imgedit-applyto img {
6058 .imgedit-group-top {
6062 .imgedit-applyto .imgedit-label {
6073 a.imgedit-help-toggle {
6074 text-decoration: none;
6077 .form-table td.imgedit-response {
6085 .imgedit-submit-btn {
6089 .imgedit-wrap .nowrap {
6090 white-space: nowrap;
6093 span.imgedit-scale-warn {
6098 vertical-align: middle;
6106 /*------------------------------------------------------------------------------
6107 15.0 - Comments Screen
6108 ------------------------------------------------------------------------------*/
6111 border-collapse: collapse;
6129 vertical-align: middle;
6134 font-weight: normal;
6136 vertical-align: baseline;
6140 vertical-align: top;
6142 padding: 20px 0 20px 10px;
6148 .form-table th.th-full {
6153 .form-table input.tog {
6164 .form-table td fieldset label {
6165 margin: 0.25em 0 0.5em !important;
6166 display: inline-block;
6169 .form-table td fieldset label,
6170 .form-table td fieldset p,
6171 .form-table td fieldset li {
6175 .form-table input.tog,
6176 .form-table input[type=radio] {
6183 padding: 1em 1em .2em;
6185 border-bottom-width: 1px;
6186 border-bottom-style: solid;
6189 .commentlist li li {
6199 /* reply to comments */
6202 border-style: solid;
6215 #replysubmit .spinner {
6217 vertical-align: top;
6221 #replysubmit .button {
6225 #replysubmit .error {
6240 padding: 3px 5px 2px 0;
6245 #edithead .inside input {
6259 -webkit-box-shadow: none;
6263 .comment-php .wp-editor-area {
6269 border-bottom-style: solid;
6270 border-bottom-width: 1px;
6274 background-color: transparent;
6279 margin: 1px 0 1px 8px;
6283 .spam-undo-inside .avatar,
6284 .trash-undo-inside .avatar {
6288 vertical-align: middle;
6291 .stuffbox .editcomment {
6295 #comment-status-radio p {
6299 #comment-status-radio input {
6300 margin: 2px 0 5px 3px;
6301 vertical-align: middle;
6304 #comment-status-radio label {
6308 .commentlist .avatar {
6309 vertical-align: text-top;
6312 #the-comment-list .unapproved th.check-column input {
6317 /*------------------------------------------------------------------------------
6319 ------------------------------------------------------------------------------*/
6322 /*------------------------------------------------------------------------------
6323 16.1 - Manage Themes
6324 ------------------------------------------------------------------------------*/
6326 .theme-browser .themes {
6331 .themes-php .wrap h2 {
6333 margin-bottom: 15px;
6336 .themes-php .wrap h2 .button {
6340 .themes-php .theme-count {
6342 border-radius: 30px;
6353 /* Position admin messages */
6354 .themes-php div.updated,
6355 .themes-php div.error {
6360 .themes-php div.updated a {
6361 text-decoration: underline;
6365 * Main theme element
6366 * (has flexible margins)
6368 .theme-browser .theme {
6374 border: 1px solid #dedede;
6375 -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
6376 box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
6377 -webkit-box-sizing: border-box;
6378 -moz-box-sizing: border-box;
6379 box-sizing: border-box;
6382 .theme-browser .theme:nth-child(3n) {
6386 .theme-browser .theme:hover,
6387 .theme-browser .theme:focus {
6391 .theme-browser .theme .theme-name {
6396 -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
6397 box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
6399 white-space: nowrap;
6400 text-overflow: ellipsis;
6402 background: rgba(255,255,255,0.65);
6405 /* Activate and Customize buttons, shown on hover */
6406 .theme-browser .theme .theme-actions {
6408 -webkit-transition: opacity 0.1s ease-in-out;
6409 transition: opacity 0.1s ease-in-out;
6414 padding: 9px 10px 0 10px;
6415 background: rgba(244, 244, 244, 0.7);
6416 border-right: 1px solid rgba(0,0,0,0.05);
6419 .theme-browser .theme:hover .theme-actions {
6423 .theme-browser .theme .theme-actions .button-primary {
6427 .theme-browser .theme .theme-actions .button-secondary {
6435 * Has a fixed aspect ratio of 1.5 to 1 regardless of screenshot size
6436 * It is also responsive.
6438 .theme-browser .theme .theme-screenshot {
6442 -webkit-transition: opacity 0.2s ease-in-out;
6443 transition: opacity 0.2s ease-in-out;
6446 .theme-browser .theme .theme-screenshot:after {
6449 padding-top: 66.66666%; /* using a 3/2 aspect ratio */
6452 .theme-browser .theme .theme-screenshot img {
6458 -webkit-transform: translateZ( 0 ); /* Prevents rendering bugs in Chrome */
6459 -webkit-transition: opacity 0.2s ease-in-out;
6460 transition: opacity 0.2s ease-in-out;
6463 .theme-browser .theme:hover .theme-screenshot {
6467 .theme-browser.rendered .theme:hover .theme-screenshot img {
6471 .theme-browser .theme .more-details {
6477 background: rgba(0,0,0,0.7);
6480 text-shadow: 0 1px 0 rgba(0,0,0,0.6);
6481 -webkit-font-smoothing: antialiased;
6486 -webkit-transition: opacity 0.1s ease-in-out;
6487 transition: opacity 0.1s ease-in-out;
6490 .theme-browser.rendered .theme:hover .more-details {
6495 * Displays a theme update notice
6496 * when an update is available.
6498 .theme-browser .theme .theme-update {
6499 background: #d54e21;
6500 background: rgba(213, 78, 33, 0.95);
6512 border-bottom: 1px solid rgba(0,0,0,0.25);
6516 .theme-browser .theme .theme-update:before {
6518 display: inline-block;
6519 font: normal 20px/1 'dashicons';
6525 -webkit-font-smoothing: antialiased;
6530 * The currently active theme
6532 .theme-browser .theme.active .theme-name {
6533 background: #2f2f2f;
6535 padding-left: 110px;
6537 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
6538 box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
6541 .theme-browser .theme.active .theme-name span {
6545 .theme-browser .theme.active .theme-actions {
6546 background: rgba(49,49,49,0.7);
6551 .theme-browser .theme.active .theme-actions .button-primary {
6555 .theme-browser .theme .theme-author {
6566 .theme-browser .theme.display-author .theme-author {
6570 .theme-browser .theme.display-author .theme-author a {
6572 text-decoration: none;
6578 .theme-browser .theme.add-new-theme {
6583 .theme-browser .theme.add-new-theme a {
6585 text-decoration: none;
6591 .theme-browser .theme.add-new-theme:after {
6595 background: rgba(0, 0, 0, 0);
6603 border: 5px dashed rgba(0, 0, 0, 0.1);
6604 -webkit-transition: opacity 0.2s ease-in-out;
6605 transition: opacity 0.2s ease-in-out;
6606 -webkit-box-sizing: border-box;
6607 -moz-box-sizing: border-box;
6608 box-sizing: border-box;
6611 .theme-browser .theme.add-new-theme span:after {
6612 background: rgba(153, 153, 153, 0.1);
6614 display: inline-block;
6616 -webkit-font-smoothing: antialiased;
6617 font: normal 74px/115px 'dashicons';
6620 vertical-align: middle;
6622 color: rgb(153, 153, 153);
6626 margin-right: -50px;
6633 .rtl .theme-browser .theme.add-new-theme span:after {
6637 .theme-browser .theme.add-new-theme:hover .theme-screenshot {
6641 .theme-browser .theme.add-new-theme:hover span:after {
6646 .theme-browser .theme.add-new-theme:hover:after {
6647 border-color: transparent;
6649 background: #0074a2;
6652 .theme-browser .theme.add-new-theme .theme-name {
6663 .theme-browser .theme.add-new-theme:hover .theme-name {
6671 .themes-php .theme-search {
6683 * Shown when clicking a theme
6685 .theme-overlay .theme-backdrop {
6691 background: rgba( 238, 238, 238, 0.9 );
6695 body.theme-overlay-open {
6699 .theme-overlay .theme-header {
6705 border-bottom: 1px solid #ddd;
6708 .theme-overlay .theme-header .close {
6714 border-right: 1px solid #ddd;
6717 .theme-overlay .theme-header .close:hover:before {
6721 .theme-overlay .theme-header .close:before {
6722 font: normal 30px/50px 'dashicons' !important;
6724 display: inline-block;
6729 /* Left and right navigation */
6730 .theme-overlay .theme-header .right,
6731 .theme-overlay .theme-header .left {
6738 border-left: 1px solid #ddd;
6739 -webkit-user-select: none;
6740 -moz-user-select: none;
6741 -ms-user-select: none;
6745 .theme-overlay .theme-header .close:hover,
6746 .theme-overlay .theme-header .right:hover,
6747 .theme-overlay .theme-header .left:hover {
6748 background: #0074a2;
6752 .theme-overlay .theme-header .left.disabled,
6753 .theme-overlay .theme-header .right.disabled,
6754 .theme-overlay .theme-header .left.disabled:hover,
6755 .theme-overlay .theme-header .right.disabled:hover {
6757 background: inherit;
6761 .theme-overlay .theme-header .right:before,
6762 .theme-overlay .theme-header .left:before {
6763 font: normal 20px/50px 'dashicons' !important;
6768 .theme-overlay .theme-header .left:before {
6772 .theme-overlay .theme-header .right:before {
6776 .rtl .theme-overlay .theme-header .left:before {
6780 .rtl .theme-overlay .theme-header .right:before {
6784 .theme-overlay .theme-wrap {
6792 -webkit-box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
6793 box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
6795 box-sizing: border-box;
6798 .theme-overlay .theme-wrap:after {
6806 body.folded .theme-overlay .theme-wrap {
6810 .theme-overlay .theme-about {
6819 .theme-overlay .theme-about:after {
6827 .theme-overlay .theme-actions {
6833 padding: 10px 25px 5px;
6834 background: #f3f3f3;
6836 box-sizing: border-box;
6837 border-top: 1px solid #eee;
6840 .theme-overlay .theme-actions a {
6845 .theme-overlay .theme-actions .delete-theme {
6850 text-decoration: none;
6851 border-color: transparent;
6853 background: transparent;
6856 .theme-overlay .theme-actions .delete-theme:hover {
6857 background: #d54e21;
6859 border-color: #d54e21;
6862 .theme-overlay .theme-actions .active-theme,
6863 .theme-overlay.active .theme-actions .inactive-theme {
6867 .theme-overlay .theme-actions .inactive-theme,
6868 .theme-overlay.active .theme-actions .active-theme {
6873 * Theme Screenshots gallery
6875 .theme-overlay .theme-screenshots {
6883 /* First screenshot, shown big */
6884 .theme-overlay .screenshot {
6885 border: 1px solid #fff;
6886 -webkit-box-sizing: border-box;
6887 -moz-box-sizing: border-box;
6888 box-sizing: border-box;
6891 -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
6892 box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
6895 .theme-overlay .screenshot:after {
6898 padding-top: 75%; /* using a 4/3 aspect ratio */
6901 .theme-overlay .screenshot img {
6908 /* Handles old 300px screenshots */
6909 .theme-overlay.small-screenshot .theme-screenshots {
6913 .theme-overlay.small-screenshot .theme-info {
6914 margin-right: 350px;
6918 /* Other screenshots, shown small and square */
6919 .theme-overlay .screenshot.thumb {
6921 border: 1px solid #eee;
6923 display: inline-block;
6930 .theme-overlay .screenshot.thumb:after {
6933 padding-top: 100%; /* using a 1/1 aspect ratio */
6936 .theme-overlay .screenshot.thumb img {
6946 .theme-overlay .screenshot.selected {
6947 background: transparent;
6948 border: 2px solid #2ea2cc;
6951 .theme-overlay .screenshot.selected img {
6955 /* No screenshot placeholder */
6956 .theme-browser .theme .theme-screenshot.blank,
6957 .theme-overlay .screenshot.blank {
6958 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=);
6962 * Theme heading information
6964 .theme-overlay .theme-info {
6969 .theme-overlay .current-label {
6973 display: inline-block;
6977 -webkit-user-select: none;
6978 -moz-user-select: none;
6979 -ms-user-select: none;
6983 .theme-overlay .theme-name {
6991 .theme-overlay .theme-version {
6996 display: inline-block;
6998 -webkit-user-select: none;
6999 -moz-user-select: none;
7000 -ms-user-select: none;
7004 .theme-overlay .theme-author {
7008 margin: 15px 0 25px;
7011 .theme-overlay .theme-author a {
7012 text-decoration: none;
7015 .theme-overlay .theme-description {
7023 .theme-overlay .theme-tags {
7024 border-top: 3px solid #eee;
7032 .theme-overlay .theme-tags span {
7038 /* Theme Updates info */
7039 .theme-overlay .theme-update-message {
7040 background: #fefaf7;
7041 border: 1px solid #eee;
7042 border-right: 4px solid #d54e21;
7044 padding: 5px 20px 10px;
7047 .theme-overlay .theme-update {
7050 display: inline-block;
7055 .theme-overlay .parent-theme {
7056 background: #f7fcfe;
7057 border: 1px solid #eee;
7058 border-right: 4px solid #2ea2cc;
7060 font-weight: normal;
7062 padding: 10px 20px 10px 10px;
7065 .theme-overlay .parent-theme strong {
7071 * Displays detailed view inline when a user has no switch capabilities
7073 .single-theme .theme-overlay .theme-backdrop,
7074 .single-theme .theme-overlay .theme-header,
7075 .single-theme .theme {
7079 .single-theme .theme-overlay .theme-wrap {
7089 .single-theme .theme-overlay .theme-about {
7090 padding: 30px 30px 70px;
7094 .single-theme .theme-overlay .theme-actions {
7099 * Basic Responsive structure...
7101 * Shuffles theme columns around based on screen width
7104 @media only screen and (min-width: 2000px) {
7105 #wpwrap .theme-browser .theme {
7110 #wpwrap .theme-browser .theme:nth-child(3n),
7111 #wpwrap .theme-browser .theme:nth-child(4n) {
7115 #wpwrap .theme-browser .theme:nth-child(5n) {
7120 @media only screen and (min-width: 1680px) {
7121 .theme-overlay .theme-wrap {
7127 /* Maximum screenshot width reaches 440px */
7128 @media only screen and (min-width: 1640px) {
7129 .theme-browser .theme {
7133 .theme-browser .theme .theme-screenshot:after {
7134 padding-top: 75%; /* using a 4/3 aspect ratio */
7137 .theme-browser .theme:nth-child(3n) {
7141 .theme-browser .theme:nth-child(4n) {
7145 /* Maximum screenshot width reaches 440px */
7146 @media only screen and (max-width: 1120px) {
7147 .theme-browser .theme {
7152 .theme-browser .theme:nth-child(even) {
7156 .theme-browser .theme:nth-child(odd) {
7161 /* Admin menu is folded */
7162 @media only screen and (max-width: 900px) {
7163 .theme-overlay .theme-wrap {
7168 @media only screen and (max-width: 780px) {
7169 body.folded .theme-overlay .theme-wrap,
7170 .theme-overlay .theme-wrap {
7171 top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */
7175 padding: 70px 20px 20px;
7177 z-index: 500; /* should overlap #wpadminbar, which is 500 on mobile. */
7181 .theme-browser .theme.active .theme-name span {
7182 /* Hide the "Active: " label on smaller screens. */
7186 .theme-overlay .theme-screenshots {
7190 .theme-overlay .theme-info {
7193 .single-theme .theme-wrap {
7197 .theme-browser .theme .theme-actions {
7198 padding: 5px 10px 4px 10px;
7201 .theme-overlay.small-screenshot .theme-screenshots {
7207 .theme-overlay.small-screenshot .theme-info {
7212 .theme:not(.active):hover .theme-actions,
7213 .theme:hover .more-details {
7217 .theme-browser.rendered .theme:hover .theme-screenshot img {
7222 @media only screen and (max-width: 480px) {
7223 .theme-browser .theme {
7228 .theme-browser .theme:nth-child(2n),
7229 .theme-browser .theme:nth-child(3n) {
7234 @media only screen and (max-width: 650px) {
7235 .theme-overlay .theme-update,
7236 .theme-overlay .theme-description {
7240 .theme-overlay .theme-actions .delete-theme {
7246 .theme-overlay .theme-actions .inactive-theme {
7250 .theme-overlay .theme-screenshots {
7255 .theme-overlay .theme-info {
7259 .theme-overlay .theme-author {
7260 margin: 5px 0 15px 0;
7263 .theme-overlay .current-label {
7268 .themes-php .wrap h2 {
7272 .themes-php .theme-search {
7282 .theme-browser .theme.add-new-theme span:after {
7283 font: normal 60px/90px 'dashicons';
7289 margin-right: -40px;
7292 .single-theme .theme-wrap {
7293 margin: 0 -10px 0 -12px;
7296 .single-theme .theme-overlay .theme-about {
7300 .single-theme .current-label {
7303 .single-theme .theme-overlay .theme-actions {
7312 .broken-themes table {
7315 border-spacing: 3px;
7320 /*------------------------------------------------------------------------------
7321 16.2 - Install Themes
7322 ------------------------------------------------------------------------------*/
7324 .theme-install-php h4 {
7325 margin: 2.5em 0 8px;
7328 .theme-install-php .tablenav {
7332 .theme-install-php .spinner {
7337 display: inline-block;
7340 padding: 20px 0 20px 20px;
7341 vertical-align: top;
7345 .available-theme .screenshot {
7350 border-style: solid;
7351 margin-bottom: 10px;
7355 .available-theme img {
7359 .available-theme h3 {
7363 .available-theme .theme-author {
7367 .available-theme .action-links {
7372 .available-theme a.screenshot:focus {
7376 .available-theme .action-links li {
7380 border-left: 1px solid #dfdfdf;
7383 .available-theme .action-links li {
7388 .ie8 .available-theme .action-links li {
7393 .available-theme .action-links li:last-child {
7399 .available-theme .action-links .delete-theme {
7405 .available-theme .action-links .delete-theme a {
7410 .available-theme .action-links .delete-theme a:hover {
7413 text-decoration: none;
7416 .available-theme .action-links p {
7420 /* Allow for three-up in small windows when sidebar is collapsed */
7421 @media only screen and (max-width: 1200px) {
7422 .folded .available-theme,
7423 .folded .available-theme .screenshot {
7427 .folded .available-theme .screenshot {
7432 /* Adjust three-up display in smaller windows when sidebar is collapsed */
7433 @media only screen and (max-width: 1079px) {
7434 .folded .available-theme,
7435 .folded .available-theme .screenshot {
7439 .folded .available-theme .screenshot {
7444 /* Allow for three-up on 1024px wide screens, e.g. tablets */
7445 @media only screen and (max-width: 1200px) {
7447 .available-theme .screenshot {
7451 .available-theme .screenshot {
7455 .available-theme img {
7460 #post-body ul.add-menu-item-tabs li.tabs a,
7461 #TB_window #TB_title a.tb-theme-preview-link,
7462 #TB_window #TB_title a.tb-theme-preview-link:visited {
7464 text-decoration: none;
7467 #TB_window #TB_title {
7468 background-color: #222;
7473 /*------------------------------------------------------------------------------
7474 16.3 - Custom Header Screen
7475 ------------------------------------------------------------------------------*/
7477 .appearance_page_custom-header #headimg {
7478 border: 1px solid #DFDFDF;
7483 .appearance_page_custom-header #upload-form p label {
7487 .appearance_page_custom-header .available-headers .default-header {
7489 margin: 0 0 20px 20px;
7492 .appearance_page_custom-header .random-header {
7494 margin: 0 0 20px 20px;
7495 vertical-align: middle;
7498 .appearance_page_custom-header .available-headers label input,
7499 .appearance_page_custom-header .random-header label input {
7503 .appearance_page_custom-header .available-headers label img {
7504 vertical-align: middle;
7508 /*------------------------------------------------------------------------------
7509 16.4 - Custom Background Screen
7510 ------------------------------------------------------------------------------*/
7512 div#custom-background-image {
7514 border: 1px solid #dfdfdf;
7517 div#custom-background-image img {
7523 /*------------------------------------------------------------------------------
7525 ------------------------------------------------------------------------------*/
7527 #dashboard_right_now .versions .b,
7528 #post-status-display,
7529 #post-visibility-display,
7530 #adminmenu .wp-submenu li.current,
7531 #adminmenu .wp-submenu li.current a,
7532 #adminmenu .wp-submenu li.current a:hover,
7533 .media-item .percent,
7535 #pass-strength-result.strong,
7536 #pass-strength-result.short,
7537 #ed_reply_toolbar #ed_reply_strong,
7538 .item-controls .item-order a,
7539 .feature-filter .feature-name {
7562 list-style-type: disc;
7565 .plugins .row-actions {
7570 .plugins .inactive td,
7571 .plugins .inactive th,
7572 .plugins .active td,
7573 .plugins .active th {
7577 .plugins .update th,
7578 .plugins .update td {
7581 .plugin-update-tr td {
7585 #wpbody-content .plugins .plugin-title,
7586 #wpbody-content .plugins .theme-title {
7591 .plugins .inactive .plugin-title strong {
7596 .plugins .row-actions {
7600 .plugins .update .second,
7601 .plugins .update .row-actions {
7605 .plugins-php .widefat tfoot th,
7606 .plugins-php .widefat tfoot td {
7607 border-top-style: solid;
7608 border-top-width: 1px;
7611 .plugin-update-tr .update-message {
7614 font-weight: normal;
7615 margin: 6px 12px 12px;
7619 .plugin-update-tr .update-message:before {
7621 display: inline-block;
7622 font: normal 20px/1 'dashicons';
7624 margin: 0 -2px 0 8px;
7625 -webkit-font-smoothing: antialiased;
7626 -moz-osx-font-smoothing: grayscale;
7627 vertical-align: top;
7630 .plugin-install-php h4 {
7631 margin: 2.5em 0 8px;
7635 /*------------------------------------------------------------------------------
7637 ------------------------------------------------------------------------------*/
7639 #profile-page .form-table textarea {
7644 #profile-page .form-table #rich_editing {
7648 #your-profile legend {
7656 #createuser .form-field input {
7665 display: inline-block;
7667 padding: 5px 15px 15px;
7668 -moz-box-sizing: border-box;
7669 box-sizing: border-box;
7673 .color-option:hover,
7674 .color-option.selected {
7681 border-collapse: collapse;
7693 /*------------------------------------------------------------------------------
7695 ------------------------------------------------------------------------------*/
7705 .press-this #titlediv #title {
7709 .press-this #site-heading:before {
7712 display: inline-block;
7713 font: normal 18px/1 'dashicons';
7717 -webkit-font-smoothing: antialiased;
7718 -moz-osx-font-smoothing: grayscale;
7728 .pressthis a:active {
7729 display: inline-block;
7733 background: #e6e6e6;
7734 -webkit-border-radius: 5px;
7736 border: 1px solid #b4b4b4;
7740 text-decoration: none;
7743 .pressthis a:active {
7747 .pressthis a:hover:after {
7748 -webkit-transform: skew(20deg) rotate(9deg);
7749 -moz-transform: skew(20deg) rotate(9deg);
7750 transform: skew(20deg) rotate(9deg);
7751 -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
7752 box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
7756 display: inline-block;
7758 padding: 0px 9px 8px 12px;
7761 .pressthis a span:before {
7762 font: normal 20px/1 'dashicons';
7765 display: inline-block;
7770 .pressthis a:after {
7778 background: transparent;
7780 -webkit-transform: skew(20deg) rotate(6deg);
7781 -moz-transform: skew(20deg) rotate(6deg);
7782 transform: skew(20deg) rotate(6deg);
7783 -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
7784 box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
7787 /*------------------------------------------------------------------------------
7789 ------------------------------------------------------------------------------*/
7791 #utc-time, #local-time {
7792 padding-right: 25px;
7796 .defaultavatarpicker .avatar {
7798 vertical-align: middle;
7801 .options-general-php .spinner {
7806 /*------------------------------------------------------------------------------
7808 ------------------------------------------------------------------------------*/
7817 border-top-width: 1px;
7818 border-top-style: solid;
7832 text-decoration: none;
7836 text-decoration: underline;
7839 /*------------------------------------------------------------------------------
7841 ------------------------------------------------------------------------------*/
7845 margin: 25px 20px 0 40px;
7846 max-width: 1050px; /* readability */
7851 .about-wrap div.updated,
7852 .about-wrap div.error {
7853 display: none !important;
7860 border-top: 1px solid rgba(0, 0, 0, 0.1);
7864 margin: 0.5em 5px 0.5em 0;
7876 margin: 0.2em 0 0 200px;
7882 .about-wrap .about-text,
7883 .about-wrap p.about-description,
7884 .about-wrap li.wp-person a.web {
7885 font-weight: normal;
7890 .about-description {
7895 margin: 1em 0 1em 200px;
7900 .about-wrap .changelog h2.about-headline-callout {
7901 margin: 1.1em 0 0.2em;
7914 .about-wrap .feature-section h4 {
7915 margin: 1.4em 0 0.6em 0;
7919 .about-wrap .feature-section p {
7924 .about-wrap ol li p {
7930 .about-wrap .about-colors-img {
7934 .about-wrap .about-themes-img {
7938 .about-wrap .about-overview-img {
7939 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
7943 .about-colors-img img,
7944 .about-themes-img img {
7950 /* Point Releases */
7952 .about-wrap .point-releases {
7956 .about-wrap .changelog.point-releases h3 {
7960 .about-wrap .changelog.point-releases h3:first-child {
7964 /* WordPress Version Badge */
7967 background: url('../images/w-logo-white.png?ver=20131202') no-repeat;
7968 background: none, url('../images/wordpress-logo-white.svg?ver=20131110') no-repeat;
7969 background-position: center 24px;
7970 background-size: 85px 85px;
7977 display: inline-block;
7979 text-rendering: optimizeLegibility;
7983 .about-wrap .wp-badge {
7991 .about-wrap h2.nav-tab-wrapper {
7995 .about-wrap h2 .nav-tab {
7996 padding: 4px 15px 6px;
7997 margin: 0 0 -1px 3px;
7999 vertical-align: top;
8003 .about-wrap h2 .nav-tab-active {
8007 /* Changelog / Update screen */
8009 .about-wrap .feature-section {
8010 padding-bottom: 20px;
8013 .about-wrap .feature-section.col {
8017 .about-wrap .feature-section.center-col > div {
8022 .about-wrap .about-colors .one-col > div {
8026 .about-wrap .feature-section.two-col > div {
8032 .about-wrap .feature-section.three-col > div {
8035 margin-left: 4.999999999%;
8039 .about-wrap .feature-section.col .last-feature {
8043 .about-wrap .about-updates img,
8044 .about-wrap .about-twentyfourteen img {
8046 border: 1px solid #ddd;
8047 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
8048 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
8051 .about-wrap .about-twentyfourteen img {
8055 .about-wrap .changelog .feature-section {
8059 .about-wrap .about-colors .scheme-list {
8063 .about-wrap .about-colors .color-option {
8066 .about-wrap .about-colors .color-option label {
8067 display: inline-block;
8068 margin: 0.25em 0 0.5em;
8071 .about-wrap .feature-section.two-col div p {
8075 .about-wrap .feature-section div p img {
8081 .about-wrap .changelog li {
8082 list-style-type: disc;
8086 /* Return to Dashboard Home link */
8088 .about-wrap .return-to-dashboard {
8089 margin: 30px -5px 0 0;
8094 .about-wrap .return-to-dashboard a {
8095 text-decoration: none;
8101 .about-wrap h4.wp-people-group {
8106 .about-wrap ul.wp-people-group {
8109 margin: 0 -5px 0 -15px;
8112 .about-wrap ul.compact {
8116 .about-wrap li.wp-person {
8121 .about-wrap li.wp-person img.gravatar {
8123 margin: 0 0 10px 10px;
8129 .about-wrap ul.compact li.wp-person img.gravatar {
8134 .about-wrap li.wp-person {
8137 padding-bottom: 15px;
8140 .about-wrap ul.compact li.wp-person {
8147 .about-wrap #wp-people-group-validators + p.wp-credits-list {
8151 .about-wrap li.wp-person a.web {
8155 text-decoration: none;
8158 .about-wrap p.wp-credits-list a {
8159 white-space: nowrap;
8164 .freedoms-php .about-wrap ol {
8168 .freedoms-php .about-wrap ol li {
8169 list-style-type: decimal;
8173 .freedoms-php .about-wrap ol p {
8174 font-weight: normal;
8178 /*------------------------------------------------------------------------------
8179 23.0 - Full Overlay w/ Sidebar
8180 ------------------------------------------------------------------------------*/
8182 body.full-overlay-active {
8187 background: transparent;
8199 .wp-full-overlay-sidebar {
8200 -webkit-box-sizing: border-box;
8201 -moz-box-sizing: border-box;
8202 box-sizing: border-box;
8213 background: transparent;
8217 .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
8221 .wp-full-overlay.collapsed,
8222 .wp-full-overlay.expanded .wp-full-overlay-sidebar {
8223 margin-right: 0 !important;
8226 .wp-full-overlay.expanded {
8227 margin-right: 300px;
8230 .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
8231 margin-right: -300px;
8234 .wp-full-overlay-sidebar:after {
8245 .wp-full-overlay-main {
8254 .wp-full-overlay-sidebar .wp-full-overlay-header {
8264 -webkit-box-shadow: none;
8268 .wp-full-overlay-sidebar .wp-full-overlay-header a.back {
8272 .wp-full-overlay-sidebar .wp-full-overlay-footer {
8274 border-bottom: none;
8276 -webkit-box-shadow: none;
8280 .wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
8290 .wp-full-overlay .close-full-overlay {
8291 text-decoration: none;
8294 /* Collapse Button */
8295 .wp-full-overlay a.collapse-sidebar {
8306 text-decoration: none;
8309 .wp-full-overlay.collapsed .collapse-sidebar {
8314 .wp-full-overlay .collapse-sidebar-arrow {
8324 .wp-full-overlay .collapse-sidebar-arrow:before {
8328 font: normal 20px/1 'dashicons';
8335 -webkit-font-smoothing: antialiased;
8336 -moz-osx-font-smoothing: grayscale;
8337 text-decoration: none !important;
8340 .wp-full-overlay.collapsed .collapse-sidebar-arrow:before,
8341 .rtl .wp-full-overlay .collapse-sidebar-arrow:before {
8342 -ms-transform: rotate(180deg);
8343 -webkit-transform: rotate(180deg);
8344 transform: rotate(180deg);
8347 .rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before {
8348 -ms-transform: none;
8349 -webkit-transform: none;
8353 .wp-full-overlay.collapsed .collapse-sidebar-arrow {
8354 background-position: -1px -109px;
8357 .wp-full-overlay .collapse-sidebar-label {
8364 .wp-full-overlay.collapsed .collapse-sidebar-label {
8370 .wp-full-overlay-sidebar,
8371 .wp-full-overlay .collapse-sidebar,
8372 .wp-full-overlay-main {
8373 -webkit-transition-property: right, left, top, bottom, width, margin;
8374 -moz-transition-property: right, left, top, bottom, width, margin;
8375 -ms-transition-property: right, left, top, bottom, width, margin;
8376 -o-transition-property: right, left, top, bottom, width, margin;
8377 transition-property: right, left, top, bottom, width, margin;
8378 -webkit-transition-duration: 0.2s;
8379 -moz-transition-duration: 0.2s;
8380 -ms-transition-duration: 0.2s;
8381 -o-transition-duration: 0.2s;
8382 transition-duration: 0.2s;
8385 /*------------------------------------------------------------------------------
8386 24.0 - Customize Loader
8387 ------------------------------------------------------------------------------*/
8389 .no-customize-support .hide-if-no-customize,
8390 .customize-support .hide-if-customize,
8391 .no-customize-support.wp-core-ui .hide-if-no-customize,
8392 .no-customize-support .wp-core-ui .hide-if-no-customize,
8393 .customize-support.wp-core-ui .hide-if-customize,
8394 .customize-support .wp-core-ui .hide-if-customize {
8398 #customize-container {
8411 .customize-active #customize-container {
8415 .customize-loading #customize-container iframe {
8419 .customize-loading #customize-container {
8420 background: #fff url('../images/spinner.gif') no-repeat fixed center center;
8421 background-size: 20px 20px;
8424 #customize-container iframe,
8425 #theme-installer iframe {
8430 -webkit-transition: opacity 0.3s;
8431 -moz-transition: opacity 0.3s;
8432 -ms-transition: opacity 0.3s;
8433 -o-transition: opacity 0.3s;
8434 transition: opacity 0.3s;
8437 #customize-container .collapse-sidebar {
8441 #customize-controls {
8449 #theme-installer.single-theme {
8453 .install-theme-info {
8455 padding: 10px 20px 20px;
8458 .single-theme .install-theme-info {
8462 #theme-installer .install-theme-info {
8466 .install-theme-info .theme-install {
8471 .install-theme-info .theme-name {
8478 .install-theme-info .theme-screenshot {
8481 border: 1px solid #ccc;
8484 .install-theme-info .theme-details {
8488 .theme-details .theme-version {
8493 .theme-details .star-rating {
8498 .theme-details .theme-description {
8504 #theme-installer .wp-full-overlay-header {
8508 #theme-installer .wp-full-overlay-header .theme-install {
8510 /* For when .theme-install is a span rather than a.button-primary (already installed theme) */
8514 #theme-installer .wp-full-overlay-sidebar {
8516 border-left: 1px solid #DDD;
8519 #theme-installer .wp-full-overlay-main {
8520 background: #fff url('../images/spinner.gif') no-repeat fixed center center;
8521 background-size: 20px 20px;
8525 /*------------------------------------------------------------------------------
8526 25.0 - Tabbed Admin Screen Interface (Experimental)
8527 ------------------------------------------------------------------------------*/
8530 border-style: solid;
8531 border-width: 1px 1px 0;
8534 display: inline-block;
8535 padding: 4px 14px 6px;
8536 text-decoration: none;
8537 margin: -4px 0 -1px 4px;
8545 .nav-tab-active:hover {
8546 border-bottom-width: 1px;
8547 border-bottom-style: solid;
8551 h3.nav-tab-wrapper {
8552 border-bottom-width: 1px;
8553 border-bottom-style: solid;
8555 padding-right: 10px;
8566 /*------------------------------------------------------------------------------
8568 ------------------------------------------------------------------------------*/
8592 font-size: 14px !important;
8596 .column-author img, .column-username img {
8608 tr:hover .row-actions,
8609 .mobile .row-actions,
8610 .row-actions.visible,
8611 div.comment-item:hover .row-actions {
8612 visibility: visible;
8616 .row-actions-visible {
8625 table.form-table td .updated {
8637 .tagchecklist strong {
8641 .tagchecklist span {
8647 white-space: nowrap;
8651 .tagchecklist span a {
8652 margin: 1px -17px 0 0;
8666 margin-bottom: 15px;
8672 .metabox-holder h3 {
8679 #poststuff .inside {
8683 #poststuff .inside #parent_id,
8684 #poststuff .inside #page_template {
8688 .inline-edit-row #post_parent,
8689 .inline-edit-row select[name="page_template"] {
8693 .ie8 #poststuff .inside #parent_id,
8694 .ie8 #poststuff .inside #page_template,
8695 .ie8 .inline-edit-row #post_parent,
8696 .ie8 .inline-edit-row select[name="page_template"] {
8700 #post-visibility-select {
8705 #poststuff #submitdiv .inside {
8710 .edit-form-section {
8711 margin-bottom: 20px;
8714 #templateside ul li a {
8715 text-decoration: none;
8721 font-weight: normal;
8726 margin: -30px 315px 0 15px;
8730 padding-right: 10px;
8739 border-top-width: 1px;
8740 border-top-style: solid;
8741 border-bottom-width: 1px;
8742 border-bottom-style: solid;
8743 -webkit-transition: none;
8744 -moz-transition: none;
8753 white-space: nowrap;
8758 #sidemenu a.current {
8759 font-weight: normal;
8762 -webkit-border-top-right-radius: 3px;
8763 -webkit-border-top-left-radius: 3px;
8764 border-top-right-radius: 3px;
8765 border-top-left-radius: 3px;
8767 border-style: solid;
8770 #sidemenu li a .count-0 {
8774 .plugin-install #description,
8775 .plugin-install-network #description {
8780 table .column-visible,
8781 table .column-rating {
8790 /* Scrollbar fix for bulk upgrade iframe */
8795 /* Upgrader styles, Specific to Language Packs */
8799 .lp-show-latest p:last-child,
8800 .lp-show-latest .lp-error p {
8804 /* - Only used once or twice in all of WP - deprecate for global style
8805 ------------------------------------------------------------------------------*/
8810 padding-bottom: 8px;
8833 #post-body #post-body-content #namediv h3 {
8838 vertical-align: baseline;
8847 white-space: nowrap;
8859 margin-bottom: 0 !important;
8862 /* - Used - but could/should be deprecated with a CSS reset
8863 ------------------------------------------------------------------------------*/
8897 .post-categories li {
8901 /*------------------------------------------------------------------------------
8903 ------------------------------------------------------------------------------*/
8905 /* RTL except Hebrew (see below): Tahoma as the first font; */
8907 body.rtl .press-this a.wp-switch-editor {
8908 font-family: Tahoma, Arial, sans-serif;
8912 /* he_IL: Remove Tahoma from the font stack. Arial is best for Hebrew. */
8914 body.locale-he-il .press-this a.wp-switch-editor {
8915 font-family: Arial, sans-serif;
8918 /* he_IL: Have <em> be bold rather than italic. */
8925 /*-----------------------------------------------------------------------------
8927 -------------------------------------------------------------------------------*/
8934 h3:hover .edit-box {
8938 #dashboard-widgets form .input-text-wrap input {
8942 #dashboard-widgets form .textarea-wrap textarea {
8946 #dashboard-widgets .postbox form .submit {
8953 #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
8957 #dashboard-widgets a {
8958 text-decoration: none;
8961 #dashboard-widgets h3 a {
8962 text-decoration: underline;
8965 #dashboard-widgets h3 .postbox-title-action {
8972 .js #dashboard-widgets h3 .postbox-title-action {
8976 #dashboard-widgets h4 {
8977 font-weight: normal;
8983 #dashboard_plugins h5 {
8987 /* Recent Comments */
8989 #latest-comments #the-comment-list {
8993 #activity-widget #latest-comments #the-comment-list .comment-item {
8997 #latest-comments #the-comment-list .pingback {
8998 padding-right: 12px !important;
9001 #latest-comments #the-comment-list .comment-item:first-child {
9005 #latest-comments #the-comment-list .comment-item h4 {
9011 #latest-comments #the-comment-list .comment-item h4 cite {
9013 font-weight: normal;
9016 #latest-comments #the-comment-list .comment-item blockquote,
9017 #latest-comments #the-comment-list .comment-item blockquote p {
9023 #latest-comments #the-comment-list .comment-item p.row-actions {
9035 #title-wrap #title {
9042 #title-wrap #title-prompt-text {
9062 margin-bottom: 12px;
9065 .rss-widget span.rss-date {
9078 .rss-widget cite:before {
9082 .dashboard-comment-wrap {
9084 word-wrap: break-word;
9088 #dashboard_browser_nag a.update-browser-link {
9093 #dashboard_browser_nag a {
9094 text-decoration: underline;
9097 #dashboard_browser_nag p.browser-update-nag.has-browser-icon {
9098 padding-left: 125px;
9101 #dashboard_browser_nag .browser-icon {
9105 #dashboard_browser_nag.postbox.browser-insecure {
9106 background-color: #ac1b1b;
9107 border-color: #ac1b1b;
9110 #dashboard_browser_nag.postbox {
9111 background-color: #e29808;
9112 background-image: none;
9113 border-color: #edc048;
9115 -webkit-box-shadow: none;
9119 #dashboard_browser_nag.postbox.browser-insecure h3 {
9120 border-bottom-color: #cd5a5a;
9124 #dashboard_browser_nag.postbox h3 {
9125 border-bottom-color: #f6e2ac;
9126 background: transparent none;
9128 -webkit-box-shadow: none;
9132 #dashboard_browser_nag a {
9136 /* Make the browser nags easier to read with Open Sans */
9138 #dashboard_browser_nag h3.hndle {
9145 .postbox#dashboard_browser_nag p a.dismiss {
9149 .postbox#dashboard_browser_nag p,
9150 .postbox#dashboard_browser_nag a,
9151 .postbox#dashboard_browser_nag p.browser-update-nag {
9158 #loginform p.submit,
9159 .login-action-lostpassword p.submit {
9161 margin: -10px 0 20px; /* May want to revisit this */
9172 padding: 26px 24px 46px;
9173 font-weight: normal;
9177 .login form .forgetmenot {
9178 font-weight: normal;
9183 .login .button-primary {
9191 #login form p.submit {
9201 .login form .forgetmenot label {
9211 background-image: url('../images/w-logo-blue.png?ver=20131202');
9212 background-image: none, url('../images/wordpress-logo.svg?ver=20131107');
9213 background-size: 80px 80px;
9214 background-position: center top;
9215 background-repeat: no-repeat;
9219 font-weight: normal;
9221 margin: 0 auto 25px;
9223 text-decoration: none;
9225 text-indent: -9999px;
9244 .login #backtoblog {
9258 .login input[type="text"] {
9263 margin: 2px 0 16px 6px;
9266 .login #pass-strength-result {
9269 border-style: solid;
9280 .mobile #login form,
9281 .mobile #login .message,
9282 .mobile #login_error {
9286 .mobile #login #nav,
9287 .mobile #login #backtoblog {
9291 .mobile #login h1 a {
9295 body.interim-login {
9299 .interim-login #login {
9301 margin: 5px auto 20px;
9304 .interim-login.login h1 a {
9308 .interim-login #login_error,
9309 .interim-login.login .message {
9313 .interim-login.login form {
9318 /* Background Color for Site Status */
9319 .wp-list-table .site-deleted {
9320 background: #ff8573;
9322 .wp-list-table .site-spammed {
9323 background: #faafaa;
9325 .wp-list-table .site-archived {
9326 background: #ffebe8;
9328 .wp-list-table .site-mature {
9329 background: #fecac2;
9338 .accordion-section ul.category-tabs,
9339 .accordion-section ul.add-menu-item-tabs,
9340 .accordion-section ul.wp-tab-bar {
9344 .accordion-section .categorychecklist {
9348 #nav-menu-meta .accordion-section-content {
9352 #nav-menu-meta .button-controls {
9357 margin-right: 300px;
9361 #nav-menus-frame .accordion-section-content .inside {
9365 #wpbody-content #menu-settings-column {
9368 margin-right: -300px;
9374 #menu-settings-column .inside {
9379 .metabox-holder-disabled .postbox,
9380 .metabox-holder-disabled .accordion-section-content,
9381 .metabox-holder-disabled .accordion-section-title {
9383 filter: alpha(opacity=50);
9386 .metabox-holder-disabled .button-controls .select-all {
9394 .blank-slate .menu-name {
9398 .blank-slate .menu-settings {
9407 font-weight: normal;
9417 .manage-menus select {
9422 .manage-menus .selected-menu {
9424 margin: 5px 0 0 6px;
9427 .manage-menus .submit-btn {
9433 margin: .3em 0 .6em;
9436 .menu-edit #post-body-content h3 {
9441 border-top-width: 1px;
9442 border-top-style: solid;
9463 margin-right: -21.951%;
9466 .menu-settings label {
9467 vertical-align: baseline;
9470 .menu-edit .checkbox-input {
9474 .theme-location-set {
9478 /* Menu Container */
9479 #menu-management-liquid {
9492 #menu-management .menu-edit {
9493 margin-bottom: 20px;
9496 .nav-menus-php #post-body {
9497 padding: 0 10px 10px;
9498 border-width: 1px 0;
9499 border-style: solid;
9508 border-bottom: 1px solid;
9512 #nav-menu-header .menu-name-label {
9516 .nav-menus-php #post-body div.updated,
9517 .nav-menus-php #post-body div.error {
9521 .nav-menus-php #post-body-content {
9526 #menu-management .menu-add-new abbr {
9530 #select-nav-menu-container {
9532 padding: 0 10px 3px 10px;
9545 .widefat td.menu-location-menus {
9546 padding-bottom: 5px;
9549 .menu-location-menus select {
9553 #locations-nav-menu-wrapper {
9557 .locations-nav-menu-select select {
9563 .locations-row-links {
9565 margin: 6px 6px 0 0;
9568 .locations-edit-menu-link,
9569 .locations-add-menu-link {
9573 .locations-edit-menu-link {
9575 border-left: 1px solid #ccc;
9578 #wpbody .open-label {
9583 #wpbody .open-label span {
9587 .js .input-with-default-title {
9591 #menu-management .inside {
9595 /* Add Menu Item Boxes */
9596 .postbox .howto input,
9597 .accordion-container .howto input {
9602 .accordion-container .outer-border {
9606 .customlinkdiv .howto input {
9614 #nav-menu-theme-locations .howto select {
9618 #nav-menu-theme-locations .button-controls {
9622 .add-menu-item-view-all {
9626 /* Button Primary Actions */
9627 #menu-container .submit {
9632 .nav-menus-php .add-new-menu-action {
9634 margin: 6px 6px 0 0;
9638 .nav-menus-php .meta-sep,
9639 .nav-menus-php .submitdelete,
9640 .nav-menus-php .submitcancel {
9652 text-decoration: underline;
9658 .button.right, .button-secondary.right, .button-primary.right {
9662 /* Button Secondary Actions */
9674 vertical-align: middle;
9696 #manage-menu .inside {
9701 #available-links dt {
9705 #add-custom-link .howto {
9709 #add-custom-link label span {
9716 .menu-item-textbox {
9720 .nav-menus-php .howto span {
9726 /* Menu item types */
9731 .nav-menus-php .list-wrap {
9734 margin-bottom: 10px;
9737 .nav-menus-php .list-container {
9740 padding: 10px 10px 5px;
9743 .nav-menus-php .postbox p.submit {
9748 .nav-menus-php .list li {
9754 .nav-menus-php .list li .menu-item-title {
9759 .nav-menus-php .list li .menu-item-title input {
9764 .menu-item-title input[type=checkbox] {
9765 display: inline-block;
9770 #menu-container .inside {
9771 padding-bottom: 10px;
9799 .menu-item-bar .menu-item-handle {
9800 border: 1px solid #dfdfdf;
9807 word-wrap: break-word;
9810 #menu-to-edit .menu-item-invalid .menu-item-handle {
9811 background: #f6c9cc;
9812 border-color: #f1acb1;
9815 .no-js .menu-item-edit-active .item-edit {
9819 .js .menu-item-handle {
9823 .menu li.deleting .menu-item-handle {
9824 background-image: none;
9827 .menu-item-handle .item-title {
9836 li.menu-item.ui-sortable-helper dl {
9840 li.menu-item.ui-sortable-helper .menu-item-transport dl {
9844 .menu .sortable-placeholder {
9850 /* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */
9851 .menu-item-depth-0 { margin-right: 0px; }
9852 .menu-item-depth-1 { margin-right: 30px; }
9853 .menu-item-depth-2 { margin-right: 60px; }
9854 .menu-item-depth-3 { margin-right: 90px; }
9855 .menu-item-depth-4 { margin-right: 120px; }
9856 .menu-item-depth-5 { margin-right: 150px; }
9857 .menu-item-depth-6 { margin-right: 180px; }
9858 .menu-item-depth-7 { margin-right: 210px; }
9859 .menu-item-depth-8 { margin-right: 240px; }
9860 .menu-item-depth-9 { margin-right: 270px; }
9861 .menu-item-depth-10 { margin-right: 300px; }
9862 .menu-item-depth-11 { margin-right: 330px; }
9864 .menu-item-depth-0 .menu-item-transport { margin-right: 0px; }
9865 .menu-item-depth-1 .menu-item-transport { margin-right: -30px; }
9866 .menu-item-depth-2 .menu-item-transport { margin-right: -60px; }
9867 .menu-item-depth-3 .menu-item-transport { margin-right: -90px; }
9868 .menu-item-depth-4 .menu-item-transport { margin-right: -120px; }
9869 .menu-item-depth-5 .menu-item-transport { margin-right: -150px; }
9870 .menu-item-depth-6 .menu-item-transport { margin-right: -180px; }
9871 .menu-item-depth-7 .menu-item-transport { margin-right: -210px; }
9872 .menu-item-depth-8 .menu-item-transport { margin-right: -240px; }
9873 .menu-item-depth-9 .menu-item-transport { margin-right: -270px; }
9874 .menu-item-depth-10 .menu-item-transport { margin-right: -300px; }
9875 .menu-item-depth-11 .menu-item-transport { margin-right: -330px; }
9877 body.menu-max-depth-0 { min-width: 950px !important; }
9878 body.menu-max-depth-1 { min-width: 980px !important; }
9879 body.menu-max-depth-2 { min-width: 1010px !important; }
9880 body.menu-max-depth-3 { min-width: 1040px !important; }
9881 body.menu-max-depth-4 { min-width: 1070px !important; }
9882 body.menu-max-depth-5 { min-width: 1100px !important; }
9883 body.menu-max-depth-6 { min-width: 1130px !important; }
9884 body.menu-max-depth-7 { min-width: 1160px !important; }
9885 body.menu-max-depth-8 { min-width: 1190px !important; }
9886 body.menu-max-depth-9 { min-width: 1220px !important; }
9887 body.menu-max-depth-10 { min-width: 1250px !important; }
9888 body.menu-max-depth-11 { min-width: 1280px !important; }
9890 /* Menu item controls */
9906 text-decoration: none;
9909 .item-controls a:hover {
9913 .item-controls .item-order {
9917 .nav-menus-php .item-edit {
9924 margin-left: 0 !important;
9928 white-space: nowrap;
9932 .menu-instructions-inactive {
9936 .menu-item-settings {
9939 padding: 10px 10px 10px 0;
9941 z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
9944 .menu-item-settings .field-move a {
9949 .menu-item-edit-active .menu-item-settings {
9953 .menu-item-edit-inactive .menu-item-settings {
9957 .add-menu-item-pagelinks {
9965 padding: 3px 5px 5px;
9970 .link-to-original a {
9979 .menu-item-settings .description-thin,
9980 .menu-item-settings .description-wide {
9994 .menu-item-actions {
10002 /* Major/minor publishing actions (classes) */
10003 .nav-menus-php .major-publishing-actions {
10005 padding: 3px 0 6px;
10008 .nav-menus-php .major-publishing-actions .publishing-action {
10015 .nav-menus-php .blank-slate .menu-settings {
10019 .nav-menus-php .delete-action {
10024 .nav-menus-php .submitbox .submitcancel {
10025 border-bottom: 1px solid;
10027 text-decoration: none;
10030 .nav-menus-php .major-publishing-actions .form-invalid {
10031 padding-right: 4px;
10032 margin-right: -4px;
10037 #menu-item-name-wrap:after,
10038 #menu-item-url-wrap:after,
10039 #menu-name-label:after,
10040 #menu-settings-column .inside:after,
10041 #nav-menus-frame:after,
10042 .nav-menus-php #post-body-content:after,
10043 .nav-menus-php .button-controls:after,
10044 .nav-menus-php .major-publishing-actions:after,
10045 .nav-menus-php .menu-item-settings:after {
10050 visibility: hidden;
10055 #menu-item-url-wrap,
10056 #menu-item-name-wrap {
10060 /* Star Ratings - Back-compat for pre-3.8 */
10062 position: relative;
10065 background: url('../images/stars.png?ver=20121108') repeat-x bottom right;
10068 div.star-holder .star-rating {
10069 background: url('../images/stars.png?ver=20121108') repeat-x top right;
10076 white-space: nowrap;
10078 .star-rating .star {
10079 display: inline-block;
10082 -webkit-font-smoothing: antialiased;
10085 font-family: 'dashicons';
10086 text-decoration: inherit;
10087 font-weight: normal;
10088 font-style: normal;
10089 vertical-align: top;
10090 -moz-transition: color .1s ease-in 0;
10091 -webkit-transition: color .1s ease-in 0;
10092 text-align: center;
10096 .star-rating .star-full:before {
10100 .star-rating .star-half:before {
10104 .star-rating .star-empty:before {
10109 font-weight: normal;
10113 /* Header on thickbox */
10114 #plugin-information-header {
10118 position: relative;
10119 border-bottom-width: 1px;
10120 border-bottom-style: solid;
10123 #plugin-information ul#sidemenu {
10124 font-weight: normal;
10126 position: absolute;
10131 /* Install sidemenu */
10132 #plugin-information {
10136 #plugin-information p.action-button {
10141 -webkit-border-top-right-radius: 3px;
10142 -webkit-border-bottom-right-radius: 3px;
10143 border-top-right-radius: 3px;
10144 border-bottom-right-radius: 3px;
10147 #plugin-information .action-button a {
10148 text-align: center;
10150 text-decoration: none;
10155 #plugin-information h2 {
10156 clear: none !important;
10157 margin-left: 200px;
10160 #plugin-information .fyi {
10161 margin: 0 10px 50px;
10165 #plugin-information .fyi h2 {
10171 #plugin-information .fyi h2.mainheader {
10173 -webkit-border-top-right-radius: 3px;
10174 border-top-right-radius: 3px;
10177 #plugin-information .fyi ul {
10178 padding: 10px 7px 10px 5px;
10181 -webkit-border-bottom-right-radius: 3px;
10182 border-bottom-right-radius: 3px;
10185 #plugin-information .fyi li {
10189 #plugin-information #section-holder {
10193 #plugin-information .section ul,
10194 #plugin-information .section ol {
10195 margin-right: 16px;
10196 list-style-type: square;
10197 list-style-image: none;
10200 #plugin-information #section-screenshots ol {
10205 #plugin-information #section-screenshots li img {
10206 vertical-align: text-top;
10212 #plugin-information #section-screenshots li p {
10213 font-style: italic;
10214 padding-right: 20px;
10215 padding-bottom: 2em;
10218 #plugin-information #section-screenshots ol,
10219 #plugin-information .updated,
10220 #plugin-information pre {
10221 margin-left: 215px;
10224 #plugin-information pre {
10228 border-style: solid;
10231 .plugin-version-author-uri {
10241 border-bottom-width: 1px;
10242 border-bottom-style: solid;
10245 .press-this #wphead {
10249 margin-bottom: 5px;
10252 .press-this #header-logo {
10255 -webkit-user-select: none;
10256 -moz-user-select: none;
10260 .press-this #wphead h1 {
10261 font-weight: normal;
10268 .press-this #wphead h1 a {
10269 text-decoration: none;
10272 .press-this #wphead h1 a:hover {
10273 text-decoration: underline;
10276 .press-this #message {
10280 .press-this .posting {
10281 margin-left: 252px;
10284 .press-this-sidebar {
10290 .press-this #title {
10293 -moz-box-sizing: border-box;
10294 -webkit-box-sizing: border-box;
10295 -ms-box-sizing: border-box;
10296 box-sizing: border-box;
10299 .press-this .tagchecklist {
10303 .press-this #titlediv {
10307 .press-this .wp-media-buttons {
10309 padding: 8px 8px 6px;
10312 .press-this .howto {
10314 margin-bottom: 3px;
10316 font-style: italic;
10320 .press-this #wp-content-editor-container {
10324 .press-this #poststuff .inside {
10328 .press-this .category-tabs {
10329 margin-bottom: 3px;
10332 /* Editor/Main Column */
10333 .press-this #poststuff {
10334 margin: 0 10px 10px;
10338 .press-this #photo-add-url-div input[type="text"] {
10342 #poststuff #editor-toolbar {
10356 margin-left: 212px;
10357 position: relative;
10360 .press-this .inner-sidebar {
10364 .press-this .inner-sidebar .sleeve {
10368 .press-this #submitdiv p {
10373 .press-this #submitdiv #publishing-actions {
10374 border-bottom: 1px solid #dfdfdf;
10377 .press-this #publish {
10381 .press-this #poststuff h2,
10382 .press-this #poststuff h3 {
10387 .press-this #tagsdiv-post_tag h3,
10388 .press-this #categorydiv h3 {
10392 .press-this #submitdiv h3 {
10403 border: 1px solid #333;
10406 .press-this .postbox,
10407 .press-this .stuffbox {
10408 margin-bottom: 10px;
10412 .js .meta-box-sortables .postbox:hover .handlediv {
10413 margin-left: 0 !important;
10416 /* Metabox collapse arrow indicators */
10417 .js .sidebar-name .sidebar-name-arrow:before,
10418 .js .meta-box-sortables .postbox .handlediv:before {
10420 font: normal 20px/1 'dashicons';
10422 display: inline-block;
10425 position: relative;
10426 -webkit-font-smoothing: antialiased;
10427 -moz-osx-font-smoothing: grayscale;
10428 text-decoration: none !important;
10431 .js #widgets-left .sidebar-name .sidebar-name-arrow {
10435 .js #widgets-left .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow,
10436 .js #widgets-left .sidebar-name:hover .sidebar-name-arrow {
10440 /* Show the arrow only on hover */
10441 .js .sidebar-name .sidebar-name-arrow:before,
10442 .js .meta-box-sortables .postbox .handlediv:before {
10446 .js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
10447 .js .meta-box-sortables .postbox.closed .handlediv:before {
10451 .press-this #submitdiv:hover .handlediv {
10459 border-color: #dfdfdf;
10462 .press-this .actions {
10467 .press-this #extra-fields .actions {
10468 margin: -32px 0 0 -7px;
10471 .press-this .actions li {
10477 #extra-fields .button {
10484 vertical-align: middle;
10487 #img_container_container {
10493 position: relative;
10510 #waiting .spinner {
10514 #extra-fields .postbox {
10515 margin-bottom: 5px;
10518 #extra-fields .titlewrap {
10530 #img_container img,
10536 #img_container img {
10538 background-color: #f4f4f4;
10543 #img_container a:link,
10544 #img_container a:visited {
10545 border: 1px solid #ccc;
10547 position: relative;
10550 #img_container a:hover,
10551 #img_container a:active {
10552 border-color: #000;
10564 .press-this .categorydiv div.tabs-panel {
10569 .press-this .tagsdiv .newtag {
10573 .press-this #content {
10578 font-family: Consolas, Monaco, monospace;
10581 background: transparent;
10585 .press-this #publishing-actions .spinner {
10587 vertical-align: middle;
10590 #TB_ajaxContent #options {
10591 position: absolute;
10597 #TB_ajaxContent h3 {
10598 margin-bottom: .25em;
10602 text-decoration: underline;
10606 text-decoration: none;
10607 padding-bottom: 2px;
10613 margin: -17px 7px 0 0;
10614 visibility: hidden;
10617 input.newtag ~ div.taghint {
10618 visibility: visible;
10621 input.newtag:focus ~ div.taghint {
10622 visibility: hidden;
10626 #mce_fullscreen_container {
10630 #photo-add-url-div input[type="text"] {
10634 /* Theme/Plugin Editor */
10639 #template textarea {
10640 font-family: Consolas, Monaco, monospace;
10643 background: #f9f9f9;
10654 word-wrap: break-word;
10658 #postcustomstuff p.submit {
10677 .theme-editor-php .highlight {
10679 padding: 3px 12px 3px 3px;
10680 text-decoration: none;
10683 .theme-editor-php .highlight {
10684 margin: -3px -12px -3px 3px;
10687 #templateside .highlight {
10694 font-style: italic;
10695 padding-right: 12px;
10702 #documentation label {
10704 vertical-align: baseline;
10709 padding: 10px 0 8px;
10714 padding: 8px 12px 0;
10717 .feature-filter .feature-group {
10719 margin: 5px 10px 10px;
10722 .feature-filter .feature-group li {
10723 display: inline-block;
10724 vertical-align: top;
10725 list-style-type: none;
10726 padding-left: 25px;
10730 /* General Widgets Styles */
10733 margin: 0 auto 10px;
10734 position: relative;
10735 box-sizing: border-box;
10736 -moz-box-sizing: border-box;
10737 -webkit-box-sizing: border-box;
10743 background: #f7f7f7;
10746 .widget-top a.widget-action,
10747 .widget-top a.widget-action:hover {
10748 text-decoration: none;
10756 white-space: nowrap;
10757 text-overflow: ellipsis;
10758 -webkit-user-select: none;
10759 -moz-user-select: none;
10763 .widgets-holder-wrap .widget-inside {
10765 padding: 1px 15px 15px 15px;
10769 /* Widget Dragging Helpers */
10770 .widget.ui-draggable-dragging {
10774 .widget.ui-sortable-helper {
10778 .widget-placeholder {
10779 border: 1px dashed #bbb;
10780 margin: 0 auto 10px;
10783 -webkit-box-sizing: border-box;
10784 -moz-box-sizing: border-box;
10785 box-sizing: border-box;
10788 #widgets-right .widget-placeholder {
10792 #widgets-right .closed .widget-placeholder {
10798 /* Widget Sidebars */
10801 position: relative;
10802 -webkit-box-sizing: border-box;
10803 -moz-box-sizing: border-box;
10804 box-sizing: border-box;
10807 .sidebar-name-arrow {
10808 position: absolute;
10814 .js .sidebar-name {
10822 white-space: nowrap;
10825 .widgets-holder-wrap .description {
10828 font-style: normal;
10832 #widgets-right .widgets-holder-wrap .description {
10833 padding-right: 7px;
10837 /* Widgets 2-col Layout */
10838 div.widget-liquid-left {
10844 div.widget-liquid-right {
10849 /* Widgets Left - Available Widgets */
10855 div#widgets-left .closed .sidebar-name,
10856 div#widgets-left .inactive-sidebar.closed .sidebar-name {
10857 margin-bottom: 10px;
10860 div#widgets-left .sidebar-name h3 {
10862 margin: 0 0 0 10px;
10865 div#widgets-left .sidebar-name .sidebar-name-arrow:before {
10868 padding: 4px 4px 4px 6px;
10871 div#widgets-left .widget-holder {
10872 background: transparent;
10876 #available-widgets .widget-action {
10880 #available-widgets .widget {
10884 #available-widgets .widget:nth-child(odd) {
10888 #available-widgets .widget .widget-description {
10890 padding: 10px 15px;
10894 #available-widgets #widget-list {
10895 position: relative;
10898 /* Inactive Sidebars */
10899 #widgets-left .inactive-sidebar {
10902 background: transparent;
10904 margin: 0 0 20px 0;
10909 #widgets-left .inactive-sidebar.first {
10913 /* Not sure what this is for... */
10914 div#widgets-left .inactive-sidebar .widget.expanded {
10918 .widget-title-action {
10920 position: relative;
10923 div#widgets-left .inactive-sidebar .widgets-sortables {
10926 background: transparent;
10928 position: relative;
10931 /* Widgets Right */
10933 div#widgets-right:after {
10938 visibility: hidden;
10941 div#widgets-right .sidebars-column-1,
10942 div#widgets-right .sidebars-column-2 {
10946 div#widgets-right .widgets-holder-wrap {
10947 margin: 10px 0 0 0;
10950 div#widgets-right .sidebar-description {
10955 div#widgets-right .sidebar-name h3 {
10959 div#widgets-right .sidebar-name .sidebar-name-arrow:before {
10964 div#widgets-right .widget-top {
10968 div#widgets-right .widgets-sortables {
10970 margin-bottom: 9px;
10971 position: relative;
10975 div#widgets-right .closed .widgets-sortables {
10980 .sidebar-name .spinner {
10985 /* Dragging a widget over a closed sidebar */
10986 #widgets-right .widgets-holder-wrap.widget-hover {
10987 border-color: #777;
10988 box-shadow: 0 1px 2px rgba(0,0,0,0.3);
10991 /* Accessibility Mode */
10992 .widgets_access #widgets-left .widget .widget-top {
10996 .widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description,
10997 .widgets_access #wpwrap .widgets-holder-wrap.closed .widget,
10998 .widgets_access #wpwrap .widget-control-edit {
11002 .widgets_access #widgets-left .widget .widget-top:hover,
11003 .widgets_access #widgets-right .widget .widget-top:hover {
11004 border-color: #ddd;
11007 #available-widgets .widget-control-edit .edit,
11008 #widgets-left .inactive-sidebar .widget-control-edit .add,
11009 #widgets-right .widget-control-edit .add {
11013 .widget-control-edit {
11019 border-right: 1px solid #DDD;
11022 #widgets-left .widget-control-edit:hover,
11023 #widgets-right .widget-control-edit:hover {
11027 outline: 1px solid #444;
11030 .widgets-holder-wrap .sidebar-name,
11031 .widgets-holder-wrap .sidebar-description {
11032 -webkit-user-select: none;
11033 -moz-user-select: none;
11041 .editwidget .widget-inside {
11046 .editwidget .widget-control-actions {
11050 .js .widgets-holder-wrap.closed .widget,
11051 .js .widgets-holder-wrap.closed .sidebar-description,
11052 .js .closed br.clear {
11056 .nav-menus-php .item-edit:before,
11057 .widget-top a.widget-action:after,
11058 .control-section .accordion-section-title:after,
11059 .accordion-section-title:after {
11064 font: normal 20px/1 'dashicons';
11069 text-align: center;
11070 position: relative;
11071 -webkit-font-smoothing: antialiased;
11072 -moz-osx-font-smoothing: grayscale;
11073 text-decoration: none !important;
11076 .widget-top a.widget-action:after {
11077 padding: 12px 12px 0;
11080 .nav-menus-php .item-edit:before {
11084 .control-section .accordion-section-title:after,
11085 .accordion-section-title:after {
11091 .control-section.open .accordion-section-title:after,
11092 #customize-info.open .accordion-section-title:after,
11093 .nav-menus-php .menu-item-edit-active .item-edit:before {
11097 /* Hide Widget Settings by Default */
11099 .widget-description {
11103 /* Dragging widgets over the available widget area show's a "Deactivate" message */
11106 font-weight: normal;
11107 padding-right: 15px;
11112 .widget-control-noform,
11114 .widgets_access .widget-action,
11115 .widgets_access .sidebar-name-arrow,
11116 .widgets_access #access-on,
11117 .widgets_access .widget-holder .description,
11118 .no-js .widget-holder .description {
11122 .widgets_access .widget-holder,
11123 .widgets_access #widget-list {
11127 .widgets_access #access-off {
11131 .widgets_access .sidebar-name,
11132 .widgets_access .widget .widget-top {
11137 /* Widgets Area Chooser */
11138 .widget-liquid-left #widgets-left.chooser #available-widgets .widget,
11139 .widget-liquid-left #widgets-left.chooser .inactive-sidebar {
11140 transition: opacity 0.1s linear;
11143 .widget-liquid-left #widgets-left.chooser #available-widgets .widget,
11144 .widget-liquid-left #widgets-left.chooser .inactive-sidebar {
11145 /* -webkit-filter: blur(1px); */
11147 pointer-events: none;
11150 .widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question {
11151 /* -webkit-filter: none; */
11153 pointer-events: auto;
11156 .widgets-chooser ul.widgets-chooser-sidebars {
11158 list-style-type: none;
11167 .widgets-chooser ul {
11168 border: 1px solid #ccc;
11171 .widgets-chooser li {
11172 padding: 10px 35px 10px 15px;
11173 border-bottom: 1px solid #ccc;
11178 position: relative;
11179 transition: background: 0.2s ease-in-out;
11182 .widgets-chooser li:hover,
11183 .widgets-chooser li:focus {
11184 background: rgba(255,255,255,0.7);
11187 .widgets-chooser li:focus:before {
11190 -webkit-font-smoothing: antialiased;
11191 font: normal 26px/1 'dashicons';
11193 position: absolute;
11198 .widgets-chooser li:last-child {
11202 .widgets-chooser li.widgets-chooser-selected {
11203 background: #2ea2cc;
11207 .widgets-chooser li.widgets-chooser-selected:before,
11208 .widgets-chooser li.widgets-chooser-selected:focus:before {
11211 -webkit-font-smoothing: antialiased;
11212 font: normal 26px/1 'dashicons';
11214 position: absolute;
11219 .widgets-chooser .widgets-chooser-actions {
11220 padding: 10px 0 12px 0;
11221 text-align: center;
11224 .widgets-chooser button {
11228 #available-widgets .widget .widget-top {
11232 /* Enable draggable on IE10 touch events until it's rolled into jQuery UI core */
11235 -ms-touch-action: none;
11236 touch-action: none;
11239 .meta-box-sortables.ui-sortable,
11240 .widgets-holder-wrap .ui-draggable,
11241 .widgets-holder-wrap .ui-sortable,
11242 .menu.ui-sortable {
11243 -ms-touch-action: auto;
11244 touch-action: auto;
11247 .meta-box-sortables.ui-sortable .hndle,
11248 .menu.ui-sortable .menu-item-handle {
11249 -ms-touch-action: none;
11250 touch-action: none;
11255 .accordion-section {
11256 border-bottom: 1px solid #dfdfdf;
11260 .accordion-section.open .accordion-section-content,
11261 .no-js .accordion-section .accordion-section-content {
11265 .accordion-section.open:hover {
11266 border-bottom-color: #dfdfdf;
11269 .accordion-section-content {
11271 padding: 10px 20px 15px;
11274 border-right: 1px solid #dfdfdf;
11275 border-left: 1px solid #dfdfdf;
11278 .accordion-section-title {
11280 padding: 12px 15px 15px;
11281 position: relative;
11282 border-right: 1px solid #dfdfdf;
11283 border-left: 1px solid #dfdfdf;
11285 -webkit-user-select: none;
11286 -moz-user-select: none;
11290 .js .accordion-section-title {
11294 .js .accordion-section-title:after {
11295 position: absolute;
11301 .accordion-section-title:focus {
11305 .accordion-section-title:hover:after,
11306 .accordion-section-title:focus:after {
11307 border-color: #aaa transparent;
11310 .cannot-expand .accordion-section-title {
11314 .cannot-expand .accordion-section-title:after {
11318 .control-section .accordion-section-title {
11319 border-right: none;
11321 padding: 10px 14px 11px 10px;
11326 .control-section .accordion-section-title:after {
11330 .js .control-section:hover .accordion-section-title,
11331 .js .control-section .accordion-section-title:hover,
11332 .js .control-section.open .accordion-section-title,
11333 .js .control-section .accordion-section-title:focus {
11335 background: #f5f5f5;
11338 .control-section.open .accordion-section-title {
11339 /* When expanded */
11340 border-bottom: 1px solid #dfdfdf;
11343 .sticky-menu #TB_window .updated {
11347 li#wp-admin-bar-menu-toggle {
11352 -------------------------------------------------------------- */
11354 @media screen and (max-width: 480px) {
11355 div.widget-liquid-left {
11362 #widgets-left .sidebar-name {
11366 #widgets-left #available-widgets .widget-top {
11370 #widgets-left .inactive-sidebar .widgets-sortables {
11374 div.widget-liquid-right {
11380 @media only screen and (max-width: 768px) {
11391 @media only screen and (min-width: 769px) {
11402 @media only screen and (max-width: 860px) {
11414 @media only screen and (min-width: 980px) {
11426 @media only screen and (max-width: 768px) {
11437 .form-field textarea {
11441 .form-wrap .form-field {
11446 #profile-page .form-table textarea {
11451 /* menu locations */
11452 #menu-locations-wrap .widefat {
11457 @media only screen and (min-width: 1250px) {
11458 #widgets-left #available-widgets .widget {
11463 .widget.ui-draggable-dragging {
11467 #widgets-left #available-widgets .widget:nth-child(even) {
11471 #widgets-right .sidebars-column-1,
11472 #widgets-right .sidebars-column-2 {
11477 #widgets-right .sidebars-column-1 {
11481 #widgets-right.single-sidebar .sidebars-column-1,
11482 #widgets-right.single-sidebar .sidebars-column-2 {
11493 (-o-min-device-pixel-ratio: 5/4),
11494 (-webkit-min-device-pixel-ratio: 1.25),
11495 (min-resolution: 120dpi) {
11496 tr.wp-locked .locked-indicator {
11497 background-image: url('../images/lock-2x.png');
11498 background-size: 16px 16px;
11501 #content-resize-handle,
11502 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
11503 background: transparent url('../images/resize-2x.gif') no-repeat scroll left bottom;
11504 background-size: 11px 11px;
11507 .rtl #content-resize-handle,
11508 .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
11509 background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll left bottom;
11512 /* Back-compat for pre-3.8 */
11514 background: url('../images/stars-2x.png?ver=20121108') repeat-x bottom right;
11515 background-size: 21px 37px;
11518 /* Back-compat for pre-3.8 */
11519 div.star-holder .star-rating {
11520 background: url('../images/stars-2x.png?ver=20121108') repeat-x top right;
11521 background-size: 21px 37px;
11524 .wp-full-overlay .collapse-sidebar-arrow {
11525 background-image: url('../images/arrows-2x.png');
11526 background-size: 15px 123px;
11531 .customize-loading #customize-container,
11532 .revision-tick.completed-false,
11533 #theme-installer .wp-full-overlay-main {
11534 background-image: url('../images/spinner-2x.gif');
11540 -------------------------------------------------------------- */
11542 /* zh_CN: Remove italic properties. */
11543 .locale-zh-cn .howto,
11544 .locale-zh-cn .tablenav .displaying-num,
11545 .locale-zh-cn .js .input-with-default-title,
11546 .locale-zh-cn .link-to-original,
11547 .locale-zh-cn .inline-edit-row fieldset span.title,
11548 .locale-zh-cn .inline-edit-row fieldset span.checkbox-title,
11549 .locale-zh-cn #utc-time,
11550 .locale-zh-cn #local-time,
11551 .locale-zh-cn p.install-help,
11552 .locale-zh-cn p.help,
11553 .locale-zh-cn p.description,
11554 .locale-zh-cn span.description,
11555 .locale-zh-cn .form-wrap p {
11556 font-style: normal;
11559 /* zh_CN: Enlarge dashboard widget 'Configure' link */
11560 .locale-zh-cn .hdnle a { font-size: 12px; }
11562 /* zn_CH: Enlarge font size, set font-size: normal */
11563 .locale-zh-cn form.upgrade .hint { font-style: normal; font-size: 100%; }
11565 /* Zn_CH: Distraction free writing.
11566 * More beautiful font for "Just write."
11567 * Larger text for HTML/Visual mode.
11569 .locale-zh-cn #wp-fullscreen-tagline { font-family: KaiTi, "楷体", sans-serif; }
11570 .locale-zh-cn #wp-fullscreen-modes a { font-size: 12px; }
11572 /* zh_CN: Enlarge font-size. */
11573 .locale-zh-cn #sort-buttons { font-size: 1em !important; }
11575 /* de_DE: Text needs more space for translation */
11576 .locale-de-de .inline-edit-row fieldset label span.title {
11577 width: 7em; /* default 5em */
11579 .locale-de-de .inline-edit-row fieldset label span.input-text-wrap {
11580 margin-right: 7em; /* default 5em */
11582 .locale-de-de #customize-header-actions .button {
11583 padding: 0 5px 1px; /* default 0 10px 1px */
11585 .locale-de-de #customize-header-actions .spinner {
11586 margin: 16px 3px 0; /* default 16px 4px 0 5px */
11589 /* ru_RU: Text needs more room to breathe. */
11590 .locale-ru-ru .inline-edit-row fieldset label span.title {
11591 width: 8em; /* default 5em */
11593 .locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap {
11594 margin-right: 8em; /* default 5em */
11596 .locale-ru-ru.press-this .posting {
11597 margin-left: 277px; /* default 252px + 25px */
11599 .locale-ru-ru .press-this-sidebar {
11600 width: 265px; /* default 240px + 25px */
11602 .locale-ru-ru #customize-header-actions .button {
11603 padding: 0 5px 1px; /* default 0 10px 1px */
11605 .locale-ru-ru #customize-header-actions .spinner {
11606 margin: 16px 3px 0; /* default 16px 4px 0 5px */
11609 /* lt_LT: QuickEdit */
11610 .locale-lt-lt .inline-edit-row fieldset label span.title {
11613 .locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap {
11619 width: device-width;
11622 @media screen and ( max-width: 782px ) {
11629 overflow-x: hidden;
11633 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
11637 background: #f0f0f0;
11640 #wpcontent, .auto-fold #wpcontent {
11641 position: relative;
11643 padding-right: 10px;
11655 .sticky-menu #adminmenuwrap {
11656 position: relative;
11661 /* Hidden Elements */
11663 #screen-meta-links,
11665 .post-format-select {
11666 display: none !important;
11669 /* Input Elements */
11671 -webkit-appearance: none;
11674 input[type=text], input[type=search],
11675 input[type=password], input[type=number] {
11676 -webkit-appearance: none;
11681 padding-bottom: 5px;
11685 input[type=checkbox], .widefat th input[type=checkbox] {
11686 -webkit-appearance: none;
11690 .widefat th input[type=checkbox] {
11691 margin-bottom: 8px;
11694 input[type=checkbox]:checked:before, .widefat th input[type=checkbox]:before {
11695 font: normal 30px/1 'Dashicons';
11700 input[type=checkbox] {
11705 .wp-admin p input[type=checkbox],
11706 .wp-admin p input[type=radio] {
11710 input[type=radio]:checked:before {
11711 vertical-align: middle;
11718 .wp-upload-form input[type=submit] {
11727 .wp-admin .button-cancel {
11732 .wrap .add-new-h2, .wrap .add-new-h2:active {
11733 padding: 10px 15px;
11739 padding-right: 45px;
11742 .wp-color-result:after {
11748 #createuser .form-field input {
11752 /* Feedback Messages */
11753 .wrap div.updated, .wrap div.error, .media-upload-form div.error {
11754 margin: 20px 0 10px 0;
11760 /* Sidebar Adjustments */
11761 .auto-fold #adminmenu,
11762 .auto-fold #adminmenuback,
11763 .auto-fold #adminmenuwrap {
11764 position: absolute;
11769 .auto-fold #adminmenuback,
11770 .auto-fold #adminmenuwrap {
11774 .auto-fold #adminmenuwrap,
11775 .auto-fold #adminmenu,
11776 .auto-fold #adminmenuback {
11780 .auto-fold #adminmenu li.menu-top {
11784 /* Resize the admin menu items to a comfortable touch size */
11785 .auto-fold #adminmenu li a {
11790 .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
11791 padding: 10px 20px 10px 10px;
11794 /* Restore the menu names */
11795 .auto-fold #adminmenu .wp-menu-name {
11797 margin-right: 35px;
11800 /* Switch the arrow side */
11801 .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
11802 .auto-fold ul#adminmenu > li.current > a.current:after {
11807 .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
11811 /* Make the submenus appear correctly when tapped. */
11812 #adminmenu .wp-submenu {
11813 position: relative;
11817 .auto-fold #adminmenu .selected .wp-submenu,
11818 .auto-fold #adminmenu .wp-menu-open .wp-submenu {
11819 position: relative;
11823 -webkit-box-shadow: none;
11827 .auto-fold #adminmenu .selected .wp-submenu:after,
11828 .auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
11832 .auto-fold #adminmenu .opensub .wp-submenu {
11836 .auto-fold #adminmenu .selected .wp-submenu {
11840 .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
11844 .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
11845 .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
11846 position: relative;
11852 /* Remove submenu headers and adjust sub meu*/
11853 #adminmenu .wp-submenu .wp-submenu-head {
11857 /* Sidebar Toggle */
11858 #wp-responsive-toggle {
11862 padding-left: 10px;
11865 box-sizing: border-box;
11866 -moz-box-sizing: border-box;
11869 .wrap .icon32 + h2 {
11873 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
11877 .wp-responsive-open #wpbody {
11881 .auto-fold .wp-responsive-open #adminmenuback,
11882 .auto-fold .wp-responsive-open #adminmenuwrap {
11886 /* General New Post Form */
11887 #post-body-content {
11891 #titlediv #title-prompt-text,
11892 #wp-fullscreen-title-prompt-text {
11893 padding: 10px 10px;
11896 .post-format-options {
11900 .post-format-options a {
11902 margin-bottom: 5px;
11906 .post-format-options .post-format-title {
11910 .post-format-options a div {
11915 .post-format-options a div:before {
11916 font-size: 26px !important;
11919 /* General Metabox */
11925 .metabox-holder h3 {
11929 .postbox .handlediv {
11933 /* Publish Metabox Options */
11934 #post-visibility-select {
11938 .wp-core-ui .save-post-visibility,
11939 .wp-core-ui .save-timestamp {
11940 vertical-align: middle;
11944 .timestamp-wrap select#mm {
11947 margin-bottom: 10px;
11950 .timestamp-wrap #jj,
11951 .timestamp-wrap #aa,
11952 .timestamp-wrap #hh,
11953 .timestamp-wrap #mn {
11956 margin-bottom: 5px;
11958 text-align: center;
11961 /* Categories Metabox */
11963 margin: 30px 0 15px;
11966 ul.category-tabs li.tabs {
11970 .press-this ul.category-tabs li.tabs {
11971 padding: 3px 5px 5px; /* Reset tabs in Press This to standard size */
11974 ul.categorychecklist li {
11975 margin-bottom: 15px;
11978 ul.categorychecklist ul {
11982 .category-add input[type=text],
11983 .category-add select {
11985 margin-bottom: 15px;
11991 padding: 25px 10px;
11992 margin-bottom: 15px;
11999 .tagchecklist span {
12005 #diff-next-revision,
12006 #diff-previous-revision {
12011 -ms-word-break: break-all;
12012 word-break: break-all;
12013 word-wrap: break-word;
12017 #commentstatusdiv p {
12021 /* TinyMCE Adjustments */
12023 white-space: normal !important;
12028 float: right !important;
12031 .wp_themeSkin a.mceButton {
12036 .wp_themeSkin .mceButton .mceIcon {
12041 .wp_themeSkin .mceSplitButton {
12045 .wp_themeSkin .mceSplitButton td a.mceAction {
12047 padding-bottom: 6px;
12048 padding-right: 6px;
12052 .wp_themeSkin .mceSplitButton td a.mceOpen,
12053 .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
12055 padding-bottom: 6px;
12056 background-position: 1px 6px;
12059 .wp_themeSkin table.mceListBox {
12063 div.quicktags-toolbar input {
12064 padding: 10px 20px;
12067 #wp-content-editor-tools {
12069 padding: 20px 0 1px 15px;
12073 a.wp-switch-editor {
12076 margin: 3px 7px 0 0;
12077 padding: 12px 15px;
12080 #wp-content-media-buttons a {
12084 padding: 0 15px 0 20px;
12087 .wp-media-buttons span.wp-media-buttons-icon,
12088 .wp-media-buttons span.jetpack-contact-form-icon {
12089 width: 22px !important;
12090 margin-top: -3px !important;
12091 margin-right: -5px !important;
12094 .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
12095 .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
12096 font-size: 20px !important;
12099 #content_wp_fullscreen {
12103 .misc-pub-section {
12104 padding: 20px 10px 20px;
12107 .misc-pub-section > a {
12113 #publishing-action {
12117 /* Subsubsub Nav */
12120 text-align: center;
12121 margin-bottom: 15px;
12124 /* WP List Table Options & Filters */
12134 position: relative;
12142 .tablenav br.clear {
12147 padding-bottom: 100px;
12152 position: absolute;
12156 margin-bottom: 20px;
12159 p.search-box input[name="s"] {
12163 margin-bottom: 10px;
12164 vertical-align: middle;
12165 -webkit-appearance: none;
12168 p.search-box input[type="submit"] {
12169 margin-bottom: 10px;
12172 .tablenav.top .actions, .view-switch {
12177 .tablenav.top .displaying-num {
12181 .tablenav.bottom .displaying-num {
12182 position: absolute;
12190 text-align: center;
12194 .tablenav.bottom .tablenav-pages {
12198 .tablenav.top .tablenav-pages.one-page {
12202 .tablenav.bottom .tablenav-pages.one-page {
12203 margin: 15px 0 0 0;
12207 .tablenav-pages .pagination-links .paging-input {
12211 .tablenav-pages .pagination-links a {
12212 padding: 8px 20px 11px;
12214 background: rgba(0, 0, 0, 0.05);
12217 .tablenav-pages .pagination-links .current-page {
12222 /* WP List Table Adjustments: General */
12231 /* Columns to hide */
12232 .fixed .column-date,
12233 .fixed .column-author,
12234 .column-categories,
12236 .tags .column-description,
12237 .media .column-parent,
12238 .users .column-email,
12239 .users .column-name,
12240 .sites .column-registered,
12241 .sites .column-users {
12250 .fixed .column-comments, .widefat .check-column {
12254 .widefat thead .check-column, .widefat tfoot .check-column {
12255 padding: 10px 0 10px;
12262 /* Quick Edit and Bulk Edit */
12263 #wpbody-content .quick-edit-row-post .inline-edit-col-left,
12264 #wpbody-content .quick-edit-row-post .inline-edit-col-right,
12265 #wpbody-content .inline-edit-row-post .inline-edit-col-center,
12266 #wpbody-content .quick-edit-row-page .inline-edit-col-left,
12267 #wpbody-content .quick-edit-row-page .inline-edit-col-right,
12268 #wpbody-content .bulk-edit-row-post .inline-edit-col-right,
12269 #wpbody-content .bulk-edit-row .inline-edit-col-left,
12270 #wpbody-content .bulk-edit-row-page .inline-edit-col-right,
12271 #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
12276 #wpbody-content .quick-edit-row fieldset .inline-edit-col label,
12277 #wpbody-content .quick-edit-row fieldset .inline-edit-group label,
12278 #wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
12279 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
12282 margin-bottom: 5px;
12285 #wpbody .bulk-edit-row fieldset select {
12289 -moz-box-sizing: border-box;
12290 box-sizing: border-box;
12293 .inline-edit-row fieldset ul.cat-checklist label,
12294 .inline-edit-row #bulk-titles div {
12298 .inline-edit-row fieldset label span.title {
12302 .inline-edit-row fieldset label.inline-edit-tags {
12306 .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
12310 .inline-edit-row fieldset label span.input-text-wrap {
12314 .inline-edit-row fieldset input[name=jj],
12315 .inline-edit-row fieldset input[name=hh],
12316 .inline-edit-row fieldset input[name=mn] {
12320 .inline-edit-row fieldset input[name=aa] {
12325 margin: 0.8em 0.3em;
12328 #bulk-titles div a {
12333 .tags .column-posts {
12337 .tags .column-slug {
12342 .comments .column-response {
12347 .users .column-role {
12351 /* Network admin sites */
12352 .sites .column-blogname {
12357 #wpbody-content #update-themes-table .plugin-title {
12363 -moz-box-sizing: border-box;
12364 box-sizing: border-box;
12371 vertical-align: middle;
12374 .form-table .color-palette td {
12375 display: table-cell;
12379 .form-table table.color-palette {
12388 .form-table td input[type="text"],
12389 .form-table td input[type="password"],
12390 .form-table td select,
12391 .form-table td textarea,
12392 .form-table span.description,
12393 #profile-page .form-table textarea {
12400 box-sizing: border-box;
12401 -mox-box-sizing: border-box;
12404 input[type=text].small-text,
12405 input[type=search].small-text,
12406 input[type=password].small-text,
12407 input[type=number].small-text,
12408 input[type="number"].small-text,
12409 .form-table input[type=text].small-text {
12417 #pass-strength-result {
12419 box-sizing: border-box;
12420 -mox-box-sizing: border-box;
12424 .form-table span.description {
12426 line-height: 1.4em;
12440 .form-table input.regular-text {
12444 .form-table label {
12448 .form-table fieldset label {
12464 /* Add/Edit Media */
12465 .wp_attachment_details label[for="content"] {
12467 line-height: 1.5em;
12471 .link-manager-php #posts-filter {
12475 .link-manager-php .tablenav.bottom {
12479 .links-table #link_rel {
12490 * ----------------------------------------------------------------------------
12492 body.nav-menus-php {
12493 min-width: 0 !important;
12502 #wpbody-content #menu-settings-column {
12509 #side-sortables .add-menu-item-tabs {
12510 margin: 15px 0 14px;
12513 ul.add-menu-item-tabs li.tabs {
12514 padding: 13px 15px 14px;
12517 .nav-menus-php .item-controls .item-type {
12521 .nav-menus-php .customlinkdiv .howto input {
12525 .nav-menus-php .quick-search {
12529 #menu-management-liquid {
12533 .nav-menus-php .menu-name-label.howto span {
12537 .menu-name-label #menu-name {
12541 .nav-menus-php .major-publishing-actions .publishing-action {
12545 .nav-menus-php .delete-action {
12551 .menu-item-bar .menu-item-handle,
12552 .menu-item-settings,
12553 .description-wide {
12557 .menu-item-settings {
12561 .menu-item-settings .description-thin,
12562 .menu-item-settings .description-wide {
12567 .menu-item-settings input {
12571 .menu-settings dl {
12575 .menu-settings dd {
12578 margin-bottom: 15px;
12581 .menu-settings dt {
12585 margin-bottom: 15px;
12588 .available-theme .action-links .delete-theme {
12595 .available-theme .action-links .delete-theme a {
12599 /* Widget Management Page (Needs UX work on mobile) */
12609 #templateside li a {
12614 #templateside .highlight {
12616 margin-right: -5px;
12626 #template textarea {
12630 .fileedit-sub .alignright {
12634 /* Plugin/Theme Management Page */
12635 .wp-list-table.plugins {
12636 position: relative;
12638 margin-bottom: 50px;
12641 .wp-list-table.plugins thead .column-description,
12642 #wpbody-content .wp-list-table.plugins tfoot .column-description,
12643 .wp-list-table.plugins th#description {
12647 #wpbody-content .wp-list-table.plugins,
12648 #wpbody-content .wp-list-table.plugins thead,
12649 #wpbody-content .wp-list-table.plugins tbody,
12650 #wpbody-content .wp-list-table.plugins tr,
12651 #wpbody-content .wp-list-table.plugins .column-description,
12652 #wpbody-content .wp-list-table.plugins .plugin-title,
12653 #wpbody-content .wp-list-table.plugins .theme-title,
12654 #wpbody-content .wp-list-table.plugins .plugin-update,
12655 #wpbody-content .wp-list-table.plugins .manage-column.column-name {
12660 .wp-list-table.plugins thead,
12661 .wp-list-table.plugins tfoot {
12662 position: absolute;
12670 .wp-list-table.plugins tfoot {
12675 .active, .inactive {
12679 .wp-list-table.plugins .plugin-title,
12680 .wp-list-table.plugins .theme-title {
12682 padding-bottom: 4px;
12685 .plugins tr.active + tr.inactive th.check-column,
12686 .plugins tr.active + tr.inactive td,
12687 .wp-list-table.plugins .plugin-title,
12688 .wp-list-table.plugins .theme-title,
12689 .wp-list-table.plugins tbody th {
12691 -webkit-box-shadow: none;
12698 .plugins tr.active + tr.inactive td.column-description {
12699 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
12700 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
12701 -ms-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
12702 -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
12703 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
12706 .plugins tr.active + tr.inactive th.check-column,
12707 .plugins tr.active + tr.inactive td {
12711 .wp-list-table.plugins .column-description {
12715 .wp-list-table.plugins .manage-column.column-name,
12716 .wp-list-table.plugins .column-description,
12717 .wp-list-table.plugins .plugin-title,
12718 .wp-list-table.plugins .theme-title {
12719 padding-left: 12px;
12720 padding-right: 46px;
12723 .wp-list-table.plugins tr {
12724 position: relative;
12727 .wp-list-table.plugins th.check-column,
12728 .wp-list-table.plugins tr.update th.check-column {
12729 position: absolute;
12734 padding-right: 2px;
12738 .wp-list-table.plugins thead th.check-column,
12739 .wp-list-table.plugins tfoot th.check-column {
12740 padding-right: 3px;
12745 .widefat tbody th.check-column input[type="checkbox"] {
12750 .wp-list-table.plugins .active .check-column input,
12751 .wp-list-table.plugins .update .check-column input {
12755 .wp-list-table.plugins thead .check-column input,
12756 .wp-list-table.plugins tfoot .check-column input {
12760 .wp-list-table.plugins .active th.check-column {
12764 .wp-list-table.plugins .plugin-title strong,
12765 .wp-list-table.plugins .theme-title strong {
12767 line-height: 1.6em;
12770 /* Add New plugins page */
12771 table.plugin-install .column-name,
12772 table.plugin-install .column-version,
12773 table.plugin-install .column-rating,
12774 table.plugin-install .column-description {
12779 table.plugin-install th.column-name,
12780 table.plugin-install th.column-version,
12781 table.plugin-install th.column-rating,
12782 table.plugin-install th.column-description {
12786 table.plugin-install td.column-name strong {
12788 line-height: 1.6em;
12791 table.plugin-install #the-list td {
12792 -webkit-box-shadow: none;
12796 table.plugin-install #the-list tr {
12798 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
12799 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
12803 #dashboard_recent_comments #the-comment-list .comment-item .avatar {
12806 margin: 4px 0 5px 10px;
12810 .about-wrap .feature-section.one-col > div,
12811 .about-wrap .feature-section.two-col > div,
12812 .about-wrap .three-col.about-updates > div {
12818 .about-wrap .about-colors .color-option {
12822 /* Moderate Comment */
12824 border-bottom: none;
12831 #comments-form .checkforspam {
12835 /* Reset responsive styles in Press This */
12837 .press-this a.wp-switch-editor {
12838 font: 13px/19px "Open Sans", sans-serif;
12839 margin: 5px 5px 0 0;
12840 padding: 3px 8px 4px;
12843 .press-this #wp-content-media-buttons a {
12845 line-height: normal;
12849 .press-this #wp-content-editor-tools {
12854 .press-this .category-tabs {
12858 .press-this .tagsdiv .newtag {
12864 .press-this .tagchecklist {
12869 .press-this .wp_themeSkin a.mceButton {
12874 .press-this .wp_themeSkin .mceButton .mceIcon {
12878 .press-this #poststuff h3,
12879 .press-this .metabox-holder h3 {
12883 .interim-login input[type=checkbox],
12884 .press-this input[type=checkbox],
12885 .press-this input[type=radio] {
12890 .interim-login input[type=checkbox]:checked:before,
12891 .press-this input[type=checkbox]:checked:before {
12893 font: normal 21px/1 'dashicons';
12894 margin: -3px -4px 0 0;
12897 .press-this input[type=radio]:checked:before {
12898 font: normal 21px/1 'dashicons';
12904 .press-this ul.categorychecklist ul,
12905 .press-this ul.categorychecklist li {
12910 .press-this div.quicktags-toolbar input {
12914 .press-this textarea,
12915 .press-this input {
12919 .press-this .tagchecklist span {
12921 line-height: 1.8em;
12925 @media only screen and (max-width: 500px) {
12928 margin-right: 10px;
12937 margin-bottom: 0.25em;
12940 .about-wrap .wp-badge {
12941 position: relative;
12942 margin-bottom: 1.5em;
12946 .about-wrap .feature-section.three-col div {
12951 .about-wrap .three-col.about-updates .col-1 {
12956 .about-wrap .three-col.about-updates .col-2 {
12962 /* Align Add Media + Visual + Text tabs */
12963 #wp-content-media-buttons a {
12965 padding: 0 10px 0 10px;
12969 @media screen and ( max-width: 782px ) {
12970 #wpadminbar #wp-admin-bar-menu-toggle a {
12975 text-decoration: none;
12976 border: 1px solid transparent;
12979 margin-right: -1px;
12982 li#wp-admin-bar-menu-toggle {
12986 #wpadminbar #wp-admin-bar-menu-toggle a:hover {
12987 border: 1px solid transparent;
12990 #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
12992 display: inline-block;
12994 font: normal 40px/45px 'Dashicons';
12995 vertical-align: middle;
12998 -webkit-font-smoothing: antialiased;
12999 -moz-osx-font-smoothing: grayscale;
13004 text-align: center;
13005 text-decoration: none;
13006 box-sizing: border-box;
13007 -moz-box-sizing: border-box;
13012 @media screen and (max-width: 600px) {
13018 .wp-responsive-open #adminmenuwrap,
13019 .wp-responsive-open #adminmenuback {
13023 /* Disable horizontal scroll when responsive menu is open
13024 since we push the main content off to the right. */
13025 #wpwrap.wp-responsive-open {
13026 overflow-x: hidden;
13037 .auto-fold #adminmenu {
13041 #wp-responsive-overlay {
13050 /* Keep the close icon from overlapping the Welcome text. */
13051 .welcome-panel .welcome-panel-close {
13054 white-space: nowrap;
13061 /* Make the close icon larger for tappability. */
13062 #welcome-panel.welcome-panel .welcome-panel-close::before {
13067 /* Keep full-width boxes on Edit Post page from causing horizontal scroll */
13068 div#post-body.metabox-holder.columns-1 {
13069 overflow-x: hidden;
13072 /* Color Picker Options */