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-right: -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 4px 0 0;
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 0 0 -4px;
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;
570 font-family: Consolas, Monaco, monospace;
580 padding: 4px 6px 1px 6px;
585 padding: 3px 5px 2px 5px;
601 text-decoration: none;
605 .subsubsub a.current .count {
610 .subsubsub a.current {
616 display: inline-block;
624 input[type="password"],
626 input[type="number"],
627 input[type="search"],
631 .tablenav-pages span.current,
633 #postcustomstuff table,
634 #postcustomstuff input,
635 #postcustomstuff textarea,
637 .plugin-update-tr .update-message,
638 #poststuff .inside .the-tagcloud,
639 .nav-menus-php .list-container,
642 .nav-menus-php .major-publishing-actions .form-invalid,
650 /* .widefat - main style for tables */
659 word-wrap: break-word;
663 text-decoration: none;
674 .widefat .no-items td {
675 border-bottom-width: 0;
699 vertical-align: text-top;
702 .widefat .check-column {
708 .widefat th input[type=checkbox] {
712 .widefat tbody th.check-column {
716 .widefat.media .check-column {
720 .widefat thead th.check-column,
721 .widefat tbody th.check-column,
722 .widefat tfoot th.check-column {
723 padding: 11px 0 0 3px;
726 .widefat thead th.check-column {
730 .plugins tbody th.check-column,
732 padding: 8px 0 0 2px;
735 .plugins tbody th.check-column input[type=checkbox] {
739 #update-plugins-table tbody td p {
743 #update-plugins-table tbody td p strong {
747 .plugins thead th.check-column,
748 .plugins tfoot th.check-column,
749 .plugins .inactive th.check-column {
753 .upgrade .plugins td,
754 .upgrade .plugins th {
755 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
756 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
759 .upgrade .plugins tr:last-of-type td,
760 .upgrade .plugins tr:last-of-type th {
761 -webkit-box-shadow: none;
765 #update-plugins-table thead th.check-column,
766 #update-plugins-table tfoot th.check-column {
770 .update-php div.updated,
771 .update-php div.error {
775 .no-js .widefat thead .check-column input,
776 .no-js .widefat tfoot .check-column input {
787 .widefat th#comments {
788 vertical-align: middle;
792 margin: 10px 20px 0 2px;
798 margin: 5px 15px 2px;
809 .media-upload-form div.error {
815 .press-this #message {
821 .login #login_error {
838 padding: 9px 15px 4px 0;
848 .wrap .add-new-h2:active {
853 text-decoration: none;
861 .wrap h2.long-header {
867 background-color: #fff;
872 input[type="password"],
874 input[type="number"],
875 input[type="search"],
879 background-color: #fff;
892 input[type="text"]:focus,
893 input[type="password"]:focus,
894 input[type="email"]:focus,
895 input[type="number"]:focus,
896 input[type="search"]:focus,
897 input[type="tel"]:focus,
898 input[type="url"]:focus,
899 input[type="checkbox"]:focus,
900 input[type="radio"]:focus,
903 #widgets-left .widget-in-question .widget-top,
904 #available-widgets .widget-top:hover,
905 div#widgets-right .widget-top:hover {
906 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
907 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
911 background-color: #eee;
915 .wp-core-ui :-moz-placeholder {
919 /*------------------------------------------------------------------------------
921 ------------------------------------------------------------------------------*/
926 .control-section .accordion-section-title,
927 h3.dashboard-widget-title,
928 h3.dashboard-widget-title span,
929 h3.dashboard-widget-title small,
936 #your-profile #rich_editing,
955 margin: -6px 0 0 -8px;
962 font: normal 20px/1 'dashicons';
967 display: inline-block;
968 -webkit-font-smoothing: antialiased;
969 -moz-osx-font-smoothing: grayscale;
970 -webkit-transition: all .1s ease-in-out;
971 -moz-transition: all .1s ease-in-out;
972 transition: all .1s ease-in-out;
975 .icon16.icon-dashboard:before,
976 #adminmenu .menu-icon-dashboard div.wp-menu-image:before {
980 .icon16.icon-post:before,
981 #adminmenu .menu-icon-post div.wp-menu-image:before {
985 .icon16.icon-media:before,
986 #adminmenu .menu-icon-media div.wp-menu-image:before {
990 .icon16.icon-links:before,
991 #adminmenu .menu-icon-links div.wp-menu-image:before {
995 .icon16.icon-page:before,
996 #adminmenu .menu-icon-page div.wp-menu-image:before {
1000 .icon16.icon-comments:before,
1001 #adminmenu .menu-icon-comments div.wp-menu-image:before {
1006 .icon16.icon-appearance:before,
1007 #adminmenu .menu-icon-appearance div.wp-menu-image:before {
1011 .icon16.icon-plugins:before,
1012 #adminmenu .menu-icon-plugins div.wp-menu-image:before {
1016 .icon16.icon-users:before,
1017 #adminmenu .menu-icon-users div.wp-menu-image:before {
1021 .icon16.icon-tools:before,
1022 #adminmenu .menu-icon-tools div.wp-menu-image:before {
1026 .icon16.icon-settings:before,
1027 #adminmenu .menu-icon-settings div.wp-menu-image:before {
1031 .icon16.icon-site:before,
1032 #adminmenu .menu-icon-site div.wp-menu-image:before {
1036 .icon16.icon-generic:before,
1037 #adminmenu .menu-icon-generic div.wp-menu-image:before {
1041 /* hide background-image for icons above */
1042 .icon16.icon-dashboard,
1043 .menu-icon-dashboard div.wp-menu-image,
1045 .menu-icon-post div.wp-menu-image,
1047 .menu-icon-media div.wp-menu-image,
1049 .menu-icon-links div.wp-menu-image,
1051 .menu-icon-page div.wp-menu-image,
1052 .icon16.icon-comments,
1053 .menu-icon-comments div.wp-menu-image,
1054 .icon16.icon-appearance,
1055 .menu-icon-appearance div.wp-menu-image,
1056 .icon16.icon-plugins,
1057 .menu-icon-plugins div.wp-menu-image,
1059 .menu-icon-users div.wp-menu-image,
1061 .menu-icon-tools div.wp-menu-image,
1062 .icon16.icon-settings,
1063 .menu-icon-settings div.wp-menu-image,
1065 .menu-icon-site div.wp-menu-image,
1066 .icon16.icon-generic,
1067 .menu-icon-generic div.wp-menu-image {
1068 background-image: none !important;
1080 /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
1081 white-space: pre-wrap; /* css-3 */
1082 word-wrap: break-word; /* IE 5.5 - 7 */
1096 white-space: nowrap;
1101 border-top: 1px solid #ddd;
1102 border-bottom: 1px solid #fafafa;
1105 /*------------------------------------------------------------------------------
1107 ------------------------------------------------------------------------------*/
1114 vertical-align: middle;
1117 .wp-admin .button-cancel {
1122 .meta-box-sortables select {
1126 .wp-admin select[multiple] {
1133 -webkit-border-bottom-left-radius: 3px;
1134 -webkit-border-bottom-right-radius: 3px;
1135 border-bottom-left-radius: 3px;
1136 border-bottom-right-radius: 3px;
1139 form p.submit a.cancel:hover {
1140 text-decoration: none;
1150 .textright p.submit {
1155 table.form-table + p.submit,
1156 table.form-table + input + p.submit,
1157 table.form-table + input + input + p.submit {
1162 table.widefat span.delete a:hover,
1163 table.widefat span.trash a:hover,
1164 table.widefat span.spam a:hover,
1165 #dashboard_recent_comments .delete a:hover,
1166 #dashboard_recent_comments .trash a:hover,
1167 #dashboard_recent_comments .spam a:hover,
1168 .plugins a.delete:hover,
1169 #all-plugins-table .plugins a.delete:hover,
1170 #search-plugins-table .plugins a.delete:hover,
1171 .submitbox .submitdelete:hover,
1172 #media-items a.delete:hover,
1173 #media-items a.delete-permanently:hover,
1174 #nav-menu-footer .menu-delete:hover {
1175 text-decoration: none;
1179 #minor-publishing-actions input,
1180 #major-publishing-actions input,
1181 #minor-publishing-actions .preview {
1185 textarea.all-options,
1191 textarea.large-text {
1196 #adduser .form-field input {
1205 input[type="number"].small-text {
1211 #post-query-submit {
1212 margin: 1px 8px 0 0;
1215 .tablenav #changeit,
1216 .tablenav #delete_all,
1217 .tablenav #clear-recent-list {
1221 .tablenav .actions select {
1227 .ie8 .tablenav .actions select {
1231 .ie8 .tablenav .actions select#cat {
1235 #timezone_string option {
1240 #your-profile label + a {
1241 vertical-align: middle;
1245 #your-profile label + a {
1246 vertical-align: middle;
1249 .options-media-php label[for*="_size_"],
1250 #misc-publishing-actions label {
1251 vertical-align: baseline;
1254 #misc-publishing-actions label[for="post_status"]:before {
1256 display: inline-block;
1257 font: normal 20px/1 'dashicons';
1263 text-decoration: none !important;
1264 vertical-align: top;
1266 -webkit-font-smoothing: antialiased;
1267 -moz-osx-font-smoothing: grayscale;
1270 #pass-strength-result {
1271 border-style: solid;
1274 margin: 13px 5px 5px 1px;
1289 .network-admin.themes-php p.search-box {
1293 .search-box input[name="s"],
1294 #search-plugins input[name="s"],
1301 input[type="text"].ui-autocomplete-loading {
1302 background: transparent url('../images/loading.gif') no-repeat right center;
1303 visibility: visible;
1306 ul#add-to-blog-users {
1310 .ui-autocomplete-input.open {
1311 border-bottom-right-radius: 0;
1312 border-bottom-left-radius: 0;
1321 border-bottom-right-radius: 3px;
1322 border-bottom-left-radius: 3px;
1324 border-style: solid;
1327 .ui-autocomplete li {
1329 white-space: nowrap;
1333 .ui-autocomplete li a {
1339 .ui-autocomplete li a.ui-state-focus {
1343 /*------------------------------------------------------------------------------
1345 ------------------------------------------------------------------------------*/
1347 #major-publishing-actions {
1350 border-top: 1px solid #ddd;
1351 background: #f5f5f5;
1356 vertical-align: middle;
1361 #publishing-action {
1367 #publishing-action .spinner {
1371 #misc-publishing-actions {
1376 padding: 6px 10px 8px;
1379 .misc-pub-section:first-child {
1380 border-top-width: 0;
1383 .misc-pub-section-last {
1384 border-bottom-width: 0;
1387 #minor-publishing-actions {
1388 padding: 10px 10px 0 10px;
1411 padding-bottom: 7px;
1413 margin: 12px 2px 5px;
1414 border-bottom-width: 1px;
1415 border-bottom-style: solid;
1425 .unapproved .unapprove {
1429 .unapproved .approve,
1441 /*------------------------------------------------------------------------------
1443 ------------------------------------------------------------------------------*/
1447 display: inline-block;
1452 margin: 25px 20px 0 2px;
1455 .plugins .plugin-update {
1459 .plugin-update .update-message {
1460 margin: 0 10px 8px 31px;
1464 ul#dismissed-updates {
1472 form.upgrade .hint {
1475 margin: -0.5em 0 2em 0;
1478 .update-php .spinner {
1487 .list-ajax-loading { /* deprecated */
1491 #ajax-response.alignleft {
1495 /*------------------------------------------------------------------------------
1497 ------------------------------------------------------------------------------*/
1501 /*------------------------------------------------------------------------------
1503 ------------------------------------------------------------------------------*/
1508 text-decoration: none;
1511 /*------------------------------------------------------------------------------
1512 6.1 - Screen Options Tabs
1513 ------------------------------------------------------------------------------*/
1515 #screen-options-wrap,
1516 #contextual-help-wrap {
1518 padding: 8px 20px 12px;
1522 #contextual-help-wrap {
1524 margin-left: 0 !important;
1527 #screen-meta .screen-reader-text {
1531 #screen-meta-links {
1535 #screen-meta-links a {
1536 padding: 3px 6px 3px 16px;
1539 #screen-meta-links a:focus {
1543 /* screen options and help tabs revert */
1546 margin: 0 20px -1px 0px;
1550 #screen-options-link-wrap,
1551 #contextual-help-link-wrap {
1557 #screen-meta-links .screen-meta-toggle {
1562 #screen-meta-links a.show-settings {
1567 text-decoration: none;
1571 #screen-meta-links a:after {
1574 font: normal 20px/1 'dashicons';
1576 display: inline-block;
1580 vertical-align: bottom;
1581 -webkit-font-smoothing: antialiased;
1582 -moz-osx-font-smoothing: grayscale;
1583 text-decoration: none !important;
1586 #screen-meta-links a.screen-meta-active:after {
1590 #screen-meta-links a.show-settings:hover {
1591 text-decoration: none;
1593 /* end screen options and help tabs */
1596 background-repeat: no-repeat;
1597 background-position: top left;
1598 background-color: transparent;
1604 .toggle-arrow-active {
1605 background-position: bottom left;
1608 #screen-options-wrap h5,
1609 #contextual-help-wrap h5 {
1614 .metabox-prefs label {
1615 display: inline-block;
1616 padding-right: 15px;
1620 .metabox-prefs label input[type=checkbox] {
1625 .metabox-prefs label input {
1626 margin: 0 5px 0 2px;
1629 .metabox-prefs .columns-prefs label input {
1633 .metabox-prefs label a {
1637 /*------------------------------------------------------------------------------
1639 ------------------------------------------------------------------------------*/
1641 #contextual-help-wrap {
1645 #contextual-help-columns {
1649 #contextual-help-back {
1655 border-width: 0 1px;
1656 border-style: solid;
1659 #contextual-help-wrap.no-sidebar #contextual-help-back {
1662 border-right-width: 0;
1663 -webkit-border-bottom-right-radius: 2px;
1664 border-bottom-right-radius: 2px;
1667 .contextual-help-tabs {
1673 .contextual-help-tabs ul {
1677 .contextual-help-tabs li {
1679 list-style-type: none;
1680 border-style: solid;
1681 border-width: 0 0 0 2px;
1682 border-color: transparent;
1685 .contextual-help-tabs a {
1687 padding: 5px 5px 5px 12px;
1689 text-decoration: none;
1690 border-style: solid;
1691 border-width: 1px 0 1px 0;
1692 border-color: transparent;
1695 .contextual-help-tabs .active {
1698 border-width: 0 0 0 2px;
1699 border-style: solid;
1702 .contextual-help-tabs-wrap {
1709 margin: 0 22px 12px 0;
1713 .help-tab-content.active {
1717 .help-tab-content ul li {
1718 list-style-type: disc;
1722 .contextual-help-sidebar {
1725 padding: 0 8px 0 12px;
1730 /*------------------------------------------------------------------------------
1731 7.0 - Main Navigation (Left Menu)
1732 ------------------------------------------------------------------------------*/
1739 /* side admin menu */
1741 -webkit-user-select: none;
1742 -moz-user-select: none;
1758 #adminmenu li.menu-top {
1764 #adminmenu .wp-submenu {
1770 word-wrap: break-word;
1773 #adminmenu .wp-submenu,
1774 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1775 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
1780 .js #adminmenu .sub-open,
1781 .js #adminmenu .opensub .wp-submenu,
1782 #adminmenu a.menu-top:focus + .wp-submenu,
1783 .no-js li.wp-has-submenu:hover .wp-submenu {
1787 #adminmenu .wp-has-current-submenu .wp-submenu,
1788 .no-js li.wp-has-current-submenu:hover .wp-submenu,
1789 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1790 #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
1791 #adminmenu .wp-has-current-submenu.opensub .wp-submenu {
1800 -webkit-box-shadow: none;
1804 .folded #adminmenu .wp-submenu.sub-open,
1805 .folded #adminmenu .opensub .wp-submenu,
1806 .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
1807 .folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
1808 .folded #adminmenu a.menu-top:focus + .wp-submenu,
1809 .folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
1810 .no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
1815 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1816 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
1821 #adminmenu .wp-not-current-submenu .wp-submenu,
1822 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
1827 #adminmenu .wp-submenu a {
1834 #adminmenu .wp-not-current-submenu li > a,
1835 .folded #adminmenu .wp-has-current-submenu li > a {
1836 padding-right: 16px;
1838 -moz-transition: all .1s ease-in-out;
1839 -webkit-transition: all .1s ease-in-out;
1840 transition: all .1s ease-in-out;
1843 #adminmenu .wp-has-current-submenu ul > li > a,
1844 .folded #adminmenu li.menu-top .wp-submenu > li > a {
1848 #adminmenu a.menu-top,
1849 #adminmenu .wp-submenu-head {
1856 #adminmenu .wp-submenu-head,
1857 .folded #adminmenu .wp-menu-name {
1861 .folded #adminmenu .wp-submenu-head {
1865 #adminmenu .wp-submenu li {
1871 #adminmenu .wp-menu-image img {
1872 padding: 9px 0 0 0px;
1874 filter: alpha(opacity=60);
1877 #adminmenu div.wp-menu-name {
1881 #adminmenu div.wp-menu-image {
1889 #adminmenu div.wp-menu-image.svg {
1890 background-repeat: no-repeat;
1891 background-position: center;
1892 background-size: 20px auto;
1895 div.wp-menu-image:before {
1896 font: normal 20px/1 'dashicons' !important;
1902 display: inline-block;
1903 -webkit-font-smoothing: antialiased;
1904 -moz-osx-font-smoothing: grayscale;
1905 -moz-transition: all .1s ease-in-out;
1906 -webkit-transition: all .1s ease-in-out;
1907 transition: all .1s ease-in-out;
1910 .folded #adminmenu div.wp-menu-image {
1917 .folded #adminmenu a.menu-top {
1921 /* No @font-face support */
1922 .no-font-face #adminmenu .wp-menu-image {
1926 .no-font-face #adminmenu div.wp-menu-name {
1930 .no-font-face.auto-fold #adminmenu .wp-menu-name {
1933 /* End no @font-face support */
1935 /* Sticky admin menu */
1936 .sticky-menu #adminmenuwrap {
1938 z-index: 99; /* Match the z-index of .wp-submenu to ensure flyout menus don't appear underneath main column elements */
1944 display: none !important;
1947 ul#adminmenu a.wp-has-current-submenu {
1951 ul#adminmenu a.wp-has-current-submenu:after,
1952 ul#adminmenu > li.current > a.current:after {
1954 border: solid transparent;
1959 pointer-events: none;
1965 .folded ul#adminmenu li:hover a.wp-has-current-submenu:after {
1969 .folded ul#adminmenu a.wp-has-current-submenu:after,
1970 .folded ul#adminmenu > li a.current:after {
1975 /* flyout menu arrow */
1976 #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
1978 border: solid transparent;
1983 pointer-events: none;
1989 .folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
1995 /* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
1996 #adminmenu li.menu-top:hover,
1997 #adminmenu li.opensub > a.menu-top,
1998 #adminmenu li > a.menu-top:focus {
2002 .folded #adminmenu li.menu-top:hover,
2003 .folded #adminmenu li.opensub > a.menu-top,
2004 .folded #adminmenu li > a.menu-top:focus {
2008 #adminmenu li.menu-top:hover .wp-menu-image img,
2009 #adminmenu li.wp-has-current-submenu .wp-menu-image img {
2011 filter: alpha(opacity=100);
2014 #adminmenu li.wp-menu-separator {
2018 border-width: 1px 0;
2019 border-style: solid;
2023 #adminmenu div.separator {
2026 border-width: 1px 0 0 0;
2027 border-style: solid;
2030 #adminmenu .wp-submenu .wp-submenu-head {
2033 padding: 8px 4px 8px 11px;
2034 margin: -7px 0px 4px;
2037 #adminmenu li.current,
2038 .folded #adminmenu li.wp-menu-open {
2042 #adminmenu .awaiting-mod,
2043 #adminmenu span.update-plugins,
2044 #sidemenu li a span.update-plugins {
2045 display: inline-block;
2049 margin: 1px 0 0 2px;
2050 vertical-align: top;
2051 -webkit-border-radius: 10px;
2052 border-radius: 10px;
2056 #adminmenu li .awaiting-mod span,
2057 #adminmenu li span.update-plugins span,
2058 #sidemenu li a span.update-plugins span {
2063 #adminmenu li span.count-0,
2064 #sidemenu li a .count-0 {
2068 #adminmenu #collapse-menu {
2074 .folded #collapse-menu span {
2079 #collapse-button div {
2087 margin: 10px 8px 10px 11px;
2090 -webkit-border-radius: 10px;
2091 border-radius: 10px;
2094 #wpwrap #collapse-button div {
2098 #collapse-button div:after {
2104 font: normal 20px/1 'dashicons' !important;
2107 padding: 0 !important;
2111 -moz-transition: all .1s ease-in-out;
2112 -webkit-transition: all .1s ease-in-out;
2113 transition: all .1s ease-in-out;
2115 -webkit-font-smoothing: antialiased;
2116 -moz-osx-font-smoothing: grayscale;
2119 .folded #collapse-button div:after,
2120 .rtl #collapse-button div:after {
2121 -ms-transform: rotate(180deg);
2122 -webkit-transform: rotate(180deg);
2123 transform: rotate(180deg);
2126 .rtl.folded #collapse-button div:after {
2127 -ms-transform: none;
2128 -webkit-transform: none;
2132 /* Auto-folding of the admin menu */
2133 @media only screen and (max-width: 900px) {
2134 .auto-fold #wpcontent,
2135 .auto-fold #wpfooter {
2139 .auto-fold #adminmenuback,
2140 .auto-fold #adminmenuwrap,
2141 .auto-fold #adminmenu,
2142 .auto-fold #adminmenu li.menu-top {
2146 .auto-fold #adminmenu .wp-submenu.sub-open,
2147 .auto-fold #adminmenu .opensub .wp-submenu,
2148 .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
2149 .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
2150 .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
2151 .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
2156 .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
2157 .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
2165 .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
2170 .auto-fold #adminmenu .wp-has-current-submenu li > a {
2171 padding-right: 16px;
2176 .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
2180 .auto-fold #adminmenu .wp-menu-name {
2184 .auto-fold #adminmenu .wp-submenu-head {
2188 .auto-fold #adminmenu div.wp-menu-image {
2195 .auto-fold #adminmenu a.menu-top {
2199 .auto-fold #adminmenu li.wp-menu-open {
2203 .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
2207 .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
2211 .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
2217 .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
2218 .auto-fold ul#adminmenu > li a.current:after {
2223 .auto-fold #adminmenu li.menu-top:hover,
2224 .auto-fold #adminmenu li.opensub > a.menu-top,
2225 .auto-fold #adminmenu li > a.menu-top:focus {
2229 .auto-fold #collapse-menu span {
2233 .auto-fold #collapse-button div {
2237 .auto-fold #collapse-button div:after {
2238 -ms-transform: rotate(180deg);
2239 -webkit-transform: rotate(180deg);
2240 transform: rotate(180deg);
2243 .rtl.auto-fold #collapse-button div:after {
2244 -ms-transform: none;
2245 -webkit-transform: none;
2251 /* List table styles */
2252 .post-com-count-wrapper {
2261 text-decoration: none;
2264 background-position: center -80px;
2265 background-repeat: no-repeat;
2268 .post-com-count:after { /* draw bubble connector using CSS! */
2274 border-top: 5px solid #bbbbbb;
2275 border-right: 5px solid transparent;
2278 .post-com-count span {
2285 display: inline-block;
2286 -webkit-border-radius: 5px;
2290 strong .post-com-count {
2291 background-position: center -55px;
2294 .post-com-count:hover {
2295 background-position: center -3px;
2298 .column-response .post-com-count {
2308 #the-comment-list .attachment-80x60 {
2312 th .comment-grey-bubble {
2317 th .comment-grey-bubble:before {
2319 font: normal 20px/.5 'dashicons';
2321 display: inline-block;
2326 vertical-align: top;
2327 -webkit-font-smoothing: antialiased;
2328 -moz-osx-font-smoothing: grayscale;
2329 text-decoration: none !important;
2332 /*------------------------------------------------------------------------------
2334 ------------------------------------------------------------------------------*/
2338 -webkit-box-sizing: border-box;
2339 -moz-box-sizing: border-box;
2340 box-sizing: border-box;
2345 margin-bottom: 40px;
2358 font-weight: normal;
2362 margin: 2px 0 0.8em;
2365 .widefat .column-comment p {
2369 /* Screens with postboxes */
2370 .postbox-container {
2374 #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
2378 #wpbody-content #dashboard-widgets.columns-2 .postbox-container {
2382 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
2383 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
2384 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
2389 #wpbody-content #dashboard-widgets.columns-3 .postbox-container {
2393 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 {
2397 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
2398 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
2402 #wpbody-content #dashboard-widgets.columns-4 .postbox-container {
2406 .postbox-container .meta-box-sortables {
2407 -moz-box-sizing: border-box;
2408 -webkit-box-sizing: border-box;
2409 -ms-box-sizing: border-box;
2410 box-sizing: border-box;
2413 .metabox-holder .postbox-container .empty-container {
2414 border: 3px dashed #bbb;
2418 .metabox-holder.columns-1 .postbox-container .empty-container,
2419 .columns-2 #postbox-container-3 .empty-container,
2420 .columns-2 #postbox-container-4 .empty-container,
2421 .columns-3 #postbox-container-4 .empty-container {
2427 .ie8 #wpbody-content #dashboard-widgets .postbox-container {
2431 .ie8 #wpbody-content #dashboard-widgets #postbox-container-2,
2432 .ie8 #wpbody-content #dashboard-widgets #postbox-container-3,
2433 .ie8 #wpbody-content #dashboard-widgets #postbox-container-4 {
2438 .ie8 #dashboard-widgets #postbox-container-3 .empty-container,
2439 .ie8 #dashboard-widgets #postbox-container-4 .empty-container {
2450 #poststuff #post-body {
2454 #post-body-content {
2460 #poststuff .postbox-container {
2464 #poststuff #post-body.columns-2 {
2465 margin-right: 300px;
2468 #post-body.columns-2 #postbox-container-1 {
2470 margin-right: -300px;
2474 #post-body.columns-2 #side-sortables {
2478 #dashboard-widgets .postbox-container {
2482 #dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
2483 border: none !important;
2486 #dashboard-widgets-wrap {
2490 /* one column on the dash */
2491 @media only screen and (max-width: 799px) {
2492 #wpbody-content #dashboard-widgets .postbox-container {
2496 #wpbody-content .metabox-holder .postbox-container .empty-container {
2503 /* two columns on the dash, but keep the setting if one is selected */
2504 @media only screen and (min-width: 800px) and (max-width: 1499px) {
2505 #wpbody-content #dashboard-widgets .postbox-container {
2509 #wpbody-content #dashboard-widgets #postbox-container-2,
2510 #wpbody-content #dashboard-widgets #postbox-container-3,
2511 #wpbody-content #dashboard-widgets #postbox-container-4 {
2516 #dashboard-widgets #postbox-container-3 .empty-container,
2517 #dashboard-widgets #postbox-container-4 .empty-container {
2523 #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
2527 #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container {
2533 /* show the radio buttons for column prefs only for one or two columns */
2534 .index-php .screen-layout,
2535 .index-php .columns-prefs {
2539 .columns-prefs .columns-prefs-3,
2540 .columns-prefs .columns-prefs-4 {
2545 /* three columns on the dash */
2546 @media only screen and (min-width: 1500px) and (max-width: 1800px) {
2547 #wpbody-content #dashboard-widgets .postbox-container {
2551 #wpbody-content #dashboard-widgets #postbox-container-1 {
2555 #wpbody-content #dashboard-widgets #postbox-container-3,
2556 #wpbody-content #dashboard-widgets #postbox-container-4 {
2560 #dashboard-widgets #postbox-container-4 .empty-container {
2567 /* one column on the post write/edit screen */
2568 @media only screen and (max-width: 850px) {
2573 #wpbody-content #poststuff #post-body {
2577 #wpbody-content #post-body.columns-2 #postbox-container-1 {
2582 #poststuff #postbox-container-1 .empty-container,
2583 #poststuff #postbox-container-1 #side-sortables:empty {
2589 #poststuff #post-body.columns-2 #side-sortables {
2593 /* hide the radio buttons for column prefs */
2600 .js .postbox .hndle {
2606 font-weight: normal;
2609 .postbox .handlediv {
2615 .js .postbox .handlediv {
2619 .sortable-placeholder {
2621 border-style: dashed;
2622 margin-bottom: 20px;
2627 margin-bottom: 20px;
2635 -webkit-user-select: none;
2636 -moz-user-select: none;
2640 .js .widget .widget-top,
2647 padding: 0 12px 12px;
2657 #dashboard-widgets .postbox .inside {
2661 .postbox .inside > p:last-child,
2662 .rss-widget ul li:last-child {
2663 margin-bottom: 1px !important;
2666 .postbox.closed h3 {
2668 -webkit-box-shadow: none;
2672 .postbox table.form-table {
2677 border: 1px dotted #ccc;
2680 .columns-prefs label {
2685 /*------------------------------------------------------------------------------
2687 ------------------------------------------------------------------------------*/
2689 #dashboard-widgets-wrap {
2693 #wpbody-content .metabox-holder {
2697 #dashboard-widgets .meta-box-sortables {
2702 #the-comment-list td.comment p.comment-author {
2707 #the-comment-list p.comment-author img {
2712 #the-comment-list p.comment-author strong a {
2716 #the-comment-list td {
2717 vertical-align: top;
2720 #the-comment-list td.comment {
2721 word-wrap: break-word;
2729 padding: 23px 10px 0;
2737 font-weight: normal;
2750 .welcome-panel .about-description {
2755 .welcome-panel .welcome-panel-close {
2759 padding: 20px 15px 0 3px;
2761 text-decoration: none;
2765 #welcome-panel.welcome-panel .welcome-panel-close::before,
2766 .tagchecklist span a:before,
2767 #bulk-titles div a:before {
2769 display: block !important;
2770 font: normal 16px/1 'dashicons';
2776 -webkit-font-smoothing: antialiased !important;
2779 #welcome-panel.welcome-panel .welcome-panel-close::before {
2783 -webkit-transition: all .1s ease-in-out;
2784 -moz-transition: all .1s ease-in-out;
2785 transition: all .1s ease-in-out;
2788 .wp-core-ui .welcome-panel .button.button-hero {
2792 .welcome-panel-content {
2797 .welcome-panel .welcome-panel-column-container {
2803 .welcome-panel .welcome-panel-column {
2809 .ie8 .welcome-panel .welcome-panel-column {
2813 .welcome-panel .welcome-panel-column:first-child {
2817 .welcome-panel-column p.hide-if-no-customize {
2821 .welcome-panel-column p {
2825 .welcome-panel .welcome-icon {
2828 background: transparent !important;
2831 .welcome-panel .welcome-icon:before {
2832 font: normal 20px/1 'dashicons';
2834 display: inline-block;
2835 padding: 0 10px 0 0;
2838 -webkit-font-smoothing: antialiased;
2839 -moz-osx-font-smoothing: grayscale;
2840 text-decoration: none !important;
2841 vertical-align: top;
2844 .welcome-panel .welcome-write-blog:before,
2845 .welcome-panel .welcome-edit-page:before {
2850 .welcome-panel .welcome-add-page:before {
2854 .welcome-panel .welcome-view-site:before {
2859 .welcome-panel .welcome-widgets-menus:before {
2864 .welcome-panel .welcome-comments:before {
2869 .welcome-panel .welcome-learn-more:before {
2874 .welcome-panel .welcome-widgets-menus {
2878 .welcome-panel .welcome-panel-column ul {
2879 margin: 0.8em 1em 1em 0;
2882 .welcome-panel .welcome-panel-column li {
2884 list-style-type: none;
2887 /* Dashboard WordPress news */
2889 #dashboard_primary .inside {
2894 #dashboard_primary .widget-loading,
2895 #dashboard_primary .dashboard-widget-control-form {
2896 padding: 12px 12px 0;
2899 body #dashboard-widgets .postbox form .submit {
2903 .dashboard-widget-control-form {
2907 .dashboard-widget-control-form p {
2916 #dashboard_primary .rss-widget {
2917 border-bottom: 1px solid #eee;
2919 padding: 8px 12px 10px;
2922 #dashboard_primary .rss-widget:last-child {
2923 border-bottom: none;
2924 padding-bottom: 8px;
2927 #dashboard_primary .rss-widget a {
2928 font-weight: normal;
2931 #dashboard_primary .rss-widget span,
2932 #dashboard_primary .rss-widget span.rss-date {
2936 #dashboard_primary .rss-widget span.rss-date {
2940 #dashboard_primary .rss-widget ul li {
2944 /* Dashboard right now */
2946 #dashboard_right_now ul {
2951 #dashboard_right_now li {
2954 margin-bottom: 10px;
2957 #dashboard_right_now .inside {
2962 #dashboard_right_now .main {
2963 padding: 0 12px 11px;
2966 #dashboard_right_now .main p {
2974 #dashboard-widgets h4.mu-storage {
2975 margin-bottom: 10px;
2978 /* Dashboard right now - Colors */
2980 #dashboard_right_now li a:before,
2981 #dashboard_right_now li span:before {
2985 #dashboard_right_now .sub {
2987 background: #f5f5f5;
2988 border-top: 1px solid #eee;
2989 padding: 10px 12px 6px 12px;
2992 #dashboard_right_now .sub h4 {
2996 #dashboard_right_now .sub p {
3000 #dashboard_right_now .warning a:before,
3001 #dashboard_right_now .warning span:before {
3005 /* Dashboard right now - Icons */
3006 #dashboard_right_now li a:before,
3007 #dashboard_right_now li span:before {
3009 font: normal 20px/1 'dashicons';
3018 -webkit-font-smoothing: antialiased;
3019 text-decoration: none !important;
3022 #dashboard_right_now .page-count a:before,
3023 #dashboard_right_now .page-count span:before {
3027 #dashboard_right_now .post-count a:before,
3028 #dashboard_right_now .post-count span:before {
3032 #dashboard_right_now .comment-count a:before {
3036 #dashboard_right_now .comment-mod-count a:before {
3040 #dashboard_right_now .storage-count a:before {
3044 #dashboard_right_now .storage-count.warning a:before {
3048 /* Dashboard Quick Draft */
3050 #dashboard_quick_press .inside {
3055 #dashboard_quick_press div.updated {
3056 margin-bottom: 10px;
3057 border: 1px solid #eee;
3058 border-width: 1px 1px 1px 0;
3061 #dashboard_quick_press form {
3066 #dashboard_quick_press .drafts,
3067 #dashboard_quick_press .easy-blogging {
3071 /* Dashboard Quick Draft - Form styling */
3077 form.initial-form.quickpress-open label.prompt {
3081 form.initial-form.quickpress-open input#title {
3085 #dashboard_quick_press input,
3086 #dashboard_quick_press textarea {
3087 box-sizing: border-box;
3088 -moz-box-sizing:border-box;
3089 -webkit-box-sizing:border-box;
3093 #dashboard_quick_press textarea {
3097 #dashboard-widgets .postbox form .submit {
3106 #title-wrap #title-prompt-text,
3107 .textarea-wrap #content-prompt-text {
3111 #title-wrap #title-prompt-text {
3121 .input-text-wrap .prompt,
3122 .textarea-wrap .prompt {
3126 .textarea-wrap #content-prompt-text {
3131 .textarea-wrap textarea#content {
3136 #quick-press textarea#content {
3142 /* Dashboard Quick Draft - Drafts list */
3144 .js #dashboard_quick_press .drafts {
3145 border-top: 1px solid #eee;
3148 #dashboard_quick_press .drafts abbr {
3152 #dashboard_quick_press .drafts h4 {
3154 font-weight: normal;
3157 #dashboard_quick_press .drafts .view-all {
3162 #dashboard_primary a.rsswidget {
3163 font-weight: normal;
3166 #dashboard_quick_press .drafts ul {
3170 #dashboard_quick_press .drafts li {
3173 #dashboard_quick_press .drafts li time {
3177 #dashboard_quick_press .drafts p {
3179 word-wrap: break-word;
3182 #dashboard_quick_press .draft-title {
3186 #dashboard_quick_press .draft-title a,
3187 #dashboard_quick_press .draft-title time {
3192 /* Dashboard activity widget */
3194 #dashboard-widgets #dashboard_activity h4 {
3195 margin: 0 0 8px 12px;
3196 font-weight: normal;
3199 #dashboard-widgets #dashboard_activity h4.comment-meta {
3203 #dashboard_activity h4.comment-meta {
3205 text-overflow: ellipsis;
3206 white-space: nowrap;
3210 #dashboard_activity ul {
3214 #dashboard_activity .comment-meta span.approve:before {
3216 font: 20px/.5 "dashicons";
3218 vertical-align: middle;
3224 #dashboard_activity .inside {
3229 #dashboard_activity .no-activity {
3231 padding: 0 12px 12px;
3235 #dashboard_activity .no-activity p {
3240 #dashboard_activity .no-activity .smiley {
3244 #dashboard_activity .no-activity .smiley:before {
3246 font: normal 120px/1 'dashicons';
3254 -webkit-font-smoothing: antialiased;
3255 text-decoration: none !important;
3258 #dashboard_activity .subsubsub {
3260 border-top: 1px solid #eeeeee;
3262 padding: 8px 12px 4px;
3265 #future-posts .show-more,
3266 #published-posts .show-more {
3272 #published-posts ul {
3278 #published-posts li {
3283 #future-posts ul span,
3284 #published-posts ul span {
3292 border-bottom: 1px solid #eee;
3297 .activity-block:last-child {
3298 border-bottom: none;
3301 .activity-block .subsubsub li {
3305 /* Dashboard activity widget - Comments */
3307 #activity-widget #the-comment-list tr.undo,
3308 #activity-widget #the-comment-list div.undo {
3313 #activity-widget #the-comment-list .alternate,
3314 #activity-widget #the-comment-list .alt {
3318 #activity-widget #the-comment-list .comment {
3319 background: #fafafa;
3324 #activity-widget #the-comment-list img {
3330 #activity-widget #the-comment-list .dashboard-comment-wrap {
3334 #activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
3338 #activity-widget #the-comment-list .comment-item h4 {
3343 #activity-widget #the-comment-list .comment-item p.row-actions {
3347 #activity-widget #the-comment-list .comment-item:first-child {
3348 border-top: 1px solid #eeeeee;
3351 #activity-widget #the-comment-list .unapproved:before {
3358 background: #d54e21;
3362 #activity-widget #the-comment-list .spam-undo-inside .avatar,
3363 #activity-widget #the-comment-list .trash-undo-inside .avatar {
3369 /* Browse happy box */
3371 #dashboard-widgets #dashboard_browser_nag.postbox .inside {
3375 @media screen and (max-width: 870px) {
3376 .welcome-panel .welcome-panel-column,
3377 .welcome-panel .welcome-panel-column:first-child {
3383 .welcome-panel .welcome-panel-column li {
3384 display: inline-block;
3388 .welcome-panel .welcome-panel-column ul {
3394 /*------------------------------------------------------------------------------
3395 10.0 - List Posts (/Pages/etc)
3396 ------------------------------------------------------------------------------*/
3399 table-layout: fixed;
3402 .fixed .column-rating,
3403 .fixed .column-visible {
3407 .fixed .column-posts,
3408 .fixed .column-date,
3409 .fixed .column-parent,
3410 .fixed .column-links,
3411 .fixed .column-author,
3412 .fixed .column-format {
3416 .fixed .column-comment .comment-author {
3420 .fixed .column-response,
3421 .fixed .column-categories,
3422 .fixed .column-tags,
3424 .fixed .column-role {
3428 .fixed .column-slug {
3432 .fixed .column-locations {
3436 .fixed .column-comments {
3442 .fixed .column-comments .vers {
3446 .fixed .column-comments a {
3450 .fixed .column-icon {
3454 #comments-form .fixed .column-author {
3458 #commentsdiv.postbox .inside {
3463 #commentsdiv .inside .row-actions {
3467 #commentsdiv .inside .column-author {
3471 #commentsdiv .column-comment p {
3476 #commentsdiv #replyrow td {
3485 #commentsdiv .comments-box {
3489 #commentsdiv .comments-box thead th {
3490 background: transparent;
3495 #commentsdiv .comments-box tr:last-child td {
3496 border-bottom: 0 none;
3499 #commentsdiv .spinner {
3503 .sorting-indicator {
3511 .sorting-indicator:before {
3514 font: normal 20px/1 'dashicons';
3516 display: inline-block;
3523 vertical-align: top;
3524 -webkit-font-smoothing: antialiased;
3525 -moz-osx-font-smoothing: grayscale;
3526 text-decoration: none !important;
3529 .column-comments .sorting-indicator:before {
3534 th.sorted.asc .sorting-indicator:before,
3535 th.desc:hover span.sorting-indicator:before {
3539 th.sorted.desc .sorting-indicator:before,
3540 th.asc:hover span.sorting-indicator:before {
3544 tr.wp-locked .locked-indicator {
3545 background: url('../images/lock.png') no-repeat;
3546 margin: -2px 0 0 6px;
3551 tr.wp-locked .check-column label,
3552 tr.wp-locked .check-column input[type="checkbox"],
3553 tr.wp-locked .row-actions .inline,
3554 tr.wp-locked .row-actions .trash {
3563 tr.wp-locked .locked-info {
3570 vertical-align: top;
3573 tr.locked-info, tr.wp-locked .locked-info {
3574 -webkit-transition: height 1s, opacity 500ms;
3575 -moz-transition: height 1s, opacity 500ms;
3576 -ms-transition: height 1s, opacity 500ms;
3577 -o-transition: height 1s, opacity 500ms;
3578 transition: height 1s, opacity 500ms;
3581 .fixed .column-comments .sorting-indicator {
3585 #menu-locations-wrap .widefat {
3589 .widefat th.sortable,
3590 .widefat th.sorted {
3598 padding: 7px 7px 8px 10px;
3601 .fixed .column-comments.sortable a,
3602 .fixed .column-comments.sorted a {
3612 th.sorted.asc .sorting-indicator,
3613 th.desc:hover span.sorting-indicator {
3615 background-position: 0 0;
3618 th.sorted.desc .sorting-indicator,
3619 th.asc:hover span.sorting-indicator {
3621 background-position: -7px 0;
3630 .tablenav-pages .current-page {
3634 .tablenav-pages .next-page {
3638 .tablenav a.button-secondary {
3640 margin: 3px 8px 0 0;
3647 vertical-align: middle;
3654 .tablenav .tablenav-pages {
3663 .tablenav .no-pages,
3664 .tablenav .one-page .pagination-links {
3668 .tablenav .tablenav-pages a,
3669 .tablenav-pages span.current {
3670 text-decoration: none;
3674 .tablenav .tablenav-pages a {
3675 padding: 0 10px 3px;
3677 font-weight: normal;
3680 .tablenav .tablenav-pages a.disabled:hover ,
3681 .tablenav .tablenav-pages a.disabled:active {
3685 .tablenav .displaying-num {
3691 .tablenav .actions {
3693 padding: 2px 8px 0 0;
3702 margin: 5px 16px 0 8px;
3710 text-decoration: none;
3714 display: inline-block;
3719 .view-switch > a:before {
3721 display: inline-block;
3723 font: normal 20px/1 'dashicons';
3725 vertical-align: middle;
3727 -webkit-font-smoothing: antialiased;
3728 -moz-osx-font-smoothing: grayscale;
3731 .view-switch > a + a:before {
3738 margin: -5px 0 0 10px;
3741 .filter .subsubsub {
3749 #posts-filter fieldset {
3751 margin: 0 1.5ex 1em 0;
3755 #posts-filter fieldset legend {
3756 padding: 0 0 .2em 1px;
3760 /*------------------------------------------------------------------------------
3761 10.1 - Inline Editing
3762 ------------------------------------------------------------------------------*/
3765 .quick-edit* is for Quick Edit
3766 .bulk-edit* is for Bulk Edit
3767 .inline-edit* is for everything
3772 #wpbody-content .inline-edit-row fieldset {
3780 tr.inline-edit-row td,
3781 #wpbody-content .inline-edit-row fieldset .inline-edit-col {
3785 #wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col {
3786 border-width: 0 0 0 1px;
3787 border-style: none none none solid;
3790 #wpbody-content .quick-edit-row-post .inline-edit-col-left {
3794 #wpbody-content .quick-edit-row-post .inline-edit-col-right {
3798 #wpbody-content .inline-edit-row-post .inline-edit-col-center {
3802 #wpbody-content .quick-edit-row-page .inline-edit-col-left {
3806 #wpbody-content .quick-edit-row-page .inline-edit-col-right,
3807 #wpbody-content .bulk-edit-row-post .inline-edit-col-right {
3811 #wpbody-content .bulk-edit-row .inline-edit-col-left {
3815 #wpbody-content .bulk-edit-row-page .inline-edit-col-right {
3819 #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
3824 #wpbody-content .inline-edit-row-page .inline-edit-col-right {
3828 .inline-edit-row fieldset .inline-edit-group {
3832 .inline-edit-row fieldset .inline-edit-group:after {
3840 .inline-edit-row p.submit {
3846 .inline-edit-row span.error {
3853 .inline-edit-row h4 {
3858 .inline-edit-row fieldset span.title,
3859 .inline-edit-row fieldset span.checkbox-title {
3865 .inline-edit-row fieldset label,
3866 .inline-edit-row fieldset span.inline-edit-categories-label {
3871 .inline-edit-row fieldset label.inline-edit-tags {
3875 .inline-edit-row fieldset label.inline-edit-tags span.title {
3880 .inline-edit-row fieldset label span.title {
3886 .inline-edit-row fieldset label span.input-text-wrap {
3891 .quick-edit-row-post fieldset.inline-edit-col-right label span.title {
3893 padding-right: 0.5em;
3896 .inline-edit-row .input-text-wrap input[type=text] {
3900 .inline-edit-row fieldset label input[type=checkbox] {
3901 vertical-align: text-bottom;
3904 .inline-edit-row fieldset label textarea {
3909 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
3913 #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
3917 .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
3921 .inline-edit-save .spinner {
3922 padding: 4px 10px 0;
3923 vertical-align: top;
3928 .inline-edit-row h4 {
3929 text-transform: uppercase;
3932 .inline-edit-row fieldset span.title,
3933 .inline-edit-row fieldset span.checkbox-title {
3938 /* Specific Elements */
3939 .inline-edit-row fieldset input[type="text"],
3940 .inline-edit-row fieldset textarea {
3941 border-style: solid;
3945 .inline-edit-row fieldset .inline-edit-date {
3949 .inline-edit-row fieldset input[name=jj],
3950 .inline-edit-row fieldset input[name=hh],
3951 .inline-edit-row fieldset input[name=mn] {
3956 .inline-edit-row fieldset input[name=aa] {
3961 .inline-edit-row fieldset label input.inline-edit-password-input {
3967 border-style: solid;
3977 border-style: solid;
3984 .inline-edit-row fieldset ul.cat-checklist li,
3985 .inline-edit-row fieldset ul.cat-checklist input {
3989 .inline-edit-row fieldset ul.cat-checklist label,
3990 .inline-edit-row #bulk-titles div {
3995 .inline-edit-row fieldset label input.inline-edit-menu-order-input {
3999 .inline-edit-row fieldset label input.inline-edit-slug-input {
4003 .quick-edit-row-post fieldset label.inline-edit-status {
4011 margin: 0.2em 0.3em;
4014 #bulk-titles div a {
4019 margin: 0 3px 0 -2px;
4025 #bulk-titles div a:before {
4031 /*------------------------------------------------------------------------------
4032 11.0 - Write/Edit Post Screen
4033 ------------------------------------------------------------------------------*/
4039 #save-action .spinner,
4041 #show-comments .spinner {
4045 #lost-connection-notice .spinner {
4053 margin-bottom: 10px;
4060 #titlediv div.inside {
4064 #poststuff #titlewrap {
4079 #titlediv #title-prompt-text,
4080 #wp-fullscreen-title-prompt-text {
4087 #wp-fullscreen-save .fs-saved {
4093 #wp-fullscreen-title-prompt-text {
4097 #poststuff .inside-submitbox,
4098 #side-sortables .inside-submitbox {
4103 input#link_description,
4118 min-height: 25px; /* Yes, line-height + 1 */
4123 #edit-slug-box .cancel {
4128 #editable-post-name-full {
4132 #editable-post-name input {
4139 .postarea h3 label {
4143 .submitbox .submit {
4145 padding: 12px 10px 10px;
4149 .submitbox .submitdelete {
4150 text-decoration: none;
4154 .submitbox .submit a:hover {
4155 text-decoration: underline;
4158 .submitbox .submit input {
4164 .inside-submitbox #post_status {
4165 margin: 2px 0 2px -2px;
4168 #post-status-select {
4173 #post-body #normal-sortables {
4186 #normal-sortables .postbox .submit {
4187 background: transparent none;
4194 .category-add input[type="text"],
4195 .category-add select {
4198 vertical-align: baseline;
4201 #side-sortables .category-add input[type="text"],
4202 #side-sortables .category-add select {
4206 .press-this #side-sortables .category-tabs li,
4207 ul.category-tabs li,
4208 #side-sortables .add-menu-item-tabs li,
4211 line-height: 1.35em;
4214 .no-js .category-tabs li.hide-if-no-js {
4219 #side-sortables .add-menu-item-tabs a,
4221 text-decoration: none;
4228 #category-adder h4 {
4232 #side-sortables .add-menu-item-tabs,
4237 #normal-sortables .postbox #replyrow .submit {
4243 #side-sortables .submitbox .submit input,
4244 #side-sortables .submitbox .submit .preview,
4245 #side-sortables .submitbox .submit a.preview:hover {
4249 #side-sortables .inside-submitbox .insidebox,
4250 .stuffbox .insidebox {
4255 ul.add-menu-item-tabs,
4260 ul.category-tabs li {
4261 border-style: solid;
4266 ul.add-menu-item-tabs li.tabs,
4268 border-style: solid solid none;
4269 border-width: 1px 1px 0;
4272 ul.add-menu-item-tabs li.tabs {
4273 padding-bottom: 3px;
4277 #post-body .add-menu-item-tabs li.tabs {
4278 border-style: solid none solid solid;
4279 border-width: 1px 0 1px 1px;
4283 ul.category-tabs li,
4284 ul.add-menu-item-tabs li,
4286 padding: 3px 5px 5px;
4289 #postimagediv .inside img {
4299 td.post-title strong,
4300 td.plugin-title strong {
4302 margin-bottom: .2em;
4311 /* Global classes */
4312 .wp-hidden-children .wp-hidden-child,
4317 .commentlist .avatar {
4318 vertical-align: text-top;
4321 #post-body .tagsdiv #newtag {
4326 #side-sortables input#post_password {
4330 #side-sortables .tagsdiv #newtag {
4338 #post-status-info td {
4347 #editorcontent #post-status-info {
4351 #content-resize-handle,
4352 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
4353 background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
4359 .rtl #content-resize-handle,
4360 .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
4361 background: transparent url('../images/resize-rtl.gif') no-repeat scroll right bottom;
4364 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
4370 #post-body .postarea .wp_themeSkin .mceStatusbar a.mceResize {
4374 #content-resize-handle {
4380 .press-this #content-resize-handle {
4384 .tmce-active #content-resize-handle {
4393 #timestampdiv select {
4397 vertical-align: top;
4401 #aa, #jj, #hh, #mn {
4414 .curtime #timestamp {
4415 padding: 2px 0 1px 0;
4416 display: inline !important;
4417 height: auto !important;
4420 #post-body #visibility:before,
4421 .curtime #timestamp:before,
4422 #post-body .misc-pub-revisions:before {
4423 font: normal 20px/1 'dashicons';
4425 display: inline-block;
4430 vertical-align: top;
4431 -webkit-font-smoothing: antialiased;
4432 -moz-osx-font-smoothing: grayscale;
4433 text-decoration: none !important;
4436 #post-body #visibility:before {
4440 .curtime #timestamp:before {
4445 #post-body .misc-pub-revisions:before {
4458 #timestampdiv input {
4460 border-style: solid;
4463 .notification-dialog {
4468 margin-left: -225px;
4474 .notification-dialog-background {
4482 filter: alpha(opacity=50);
4486 #post-lock-dialog .post-locked-message,
4487 #post-lock-dialog .post-taken-over {
4491 #post-lock-dialog .post-locked-message a.button {
4495 #post-lock-dialog .post-locked-avatar {
4497 margin: 0 20px 20px 0;
4500 #post-lock-dialog .wp-tab-first {
4504 #post-lock-dialog .locked-saving img {
4509 #post-lock-dialog.saving .locked-saving,
4510 #post-lock-dialog.saved .locked-saved {
4514 /*------------------------------------------------------------------------------
4515 11.1 - Custom Fields
4516 ------------------------------------------------------------------------------*/
4518 #postcustomstuff thead th {
4519 padding: 5px 8px 8px;
4522 #postcustom #postcustomstuff .submit {
4528 #side-sortables #postcustom #postcustomstuff .submit {
4533 #side-sortables #postcustom #postcustomstuff #the-list textarea {
4537 #side-sortables #postcustom #postcustomstuff td.left input,
4538 #side-sortables #postcustom #postcustomstuff td.left select,
4539 #side-sortables #postcustomstuff #newmetaleft a {
4543 #postcustomstuff table {
4547 border-style: solid;
4551 #postcustomstuff tr {
4552 vertical-align: top;
4555 #postcustomstuff table input,
4556 #postcustomstuff table select,
4557 #postcustomstuff table textarea {
4562 #side-sortables #postcustomstuff table input,
4563 #side-sortables #postcustomstuff table select,
4564 #side-sortables #postcustomstuff table textarea {
4568 #postcustomstuff th.left,
4569 #postcustomstuff td.left {
4573 #postcustomstuff .submit input {
4578 #postcustomstuff #newmetaleft a {
4579 display: inline-block;
4581 text-decoration: none;
4584 .no-js #postcustomstuff #enternew {
4588 #post-body-content .compat-attachment-fields {
4589 margin-bottom: 20px;
4592 .compat-attachment-fields th {
4594 padding-right: 10px;
4597 /*------------------------------------------------------------------------------
4598 11.2 - Post Revisions
4599 ------------------------------------------------------------------------------*/
4600 .revisions-control-frame,
4601 .revisions-diff-frame {
4605 .revisions-controls {
4611 .revisions-controls input[type="checkbox"] {
4614 vertical-align: text-bottom;
4617 .revisions.pinned .revisions-controls {
4623 .revisions-tickmarks {
4629 -moz-box-sizing: border-box;
4630 -webkit-box-sizing: border-box;
4631 box-sizing: border-box;
4634 .revisions-tickmarks > div {
4637 border-style: solid;
4638 border-width: 0 1px 0 0;
4639 -moz-box-sizing: border-box;
4640 -webkit-box-sizing: border-box;
4641 box-sizing: border-box;
4644 .revisions-tickmarks > div:first-child {
4648 .comparing-two-revisions .revisions-controls {
4652 .comparing-two-revisions.pinned .revisions-controls {
4656 .revisions .diff-error {
4664 .revisions.diff-error .diff-error {
4668 .revisions .loading-indicator {
4670 vertical-align: middle;
4675 -webkit-transition: opacity 0.5s;
4676 -moz-transition: opacity 0.5s;
4677 -ms-transition: opacity 0.5s;
4678 -o-transition: opacity 0.5s;
4679 transition: opacity 0.5s;
4680 filter: alpha(opacity=0); /* ie8 and earlier */
4683 body.folded .revisions .loading-indicator {
4687 .revisions .loading-indicator span.spinner {
4693 .revisions.loading .loading-indicator {
4695 filter: alpha(opacity=100); /* ie8 and earlier */
4699 -webkit-transition: opacity 0.5s;
4700 -moz-transition: opacity 0.5s;
4701 -ms-transition: opacity 0.5s;
4702 -o-transition: opacity 0.5s;
4703 transition: opacity 0.5s;
4706 .revisions.loading .diff {
4708 filter: alpha(opacity=50); /* ie8 and earlier */
4711 .revisions.diff-error .diff {
4719 .revision-toggle-compare-mode {
4725 .comparing-two-revisions .revisions-previous,
4726 .comparing-two-revisions .revisions-next,
4727 .revisions-meta .diff-meta-to strong {
4731 .revisions-controls .author-card .date {
4735 .revisions-controls .author-card.autosave {
4739 .revisions-controls .author-card .author-name {
4743 .comparing-two-revisions .diff-meta-to strong {
4747 .revisions.pinned .revisions-buttons {
4751 .revisions-previous,
4757 .revisions-previous {
4765 .revisions-controls .wp-slider {
4775 .revisions-diff h3:first-child {
4779 /* Revision meta box */
4780 .post-revisions li img,
4781 #revisions-meta-restored img {
4782 vertical-align: middle;
4785 table.diff tbody tr td:nth-child(2) {
4791 white-space: pre-wrap;
4794 table.diff col.content {
4798 table.diff col.content.diffsplit {
4802 table.diff col.diffsplit.middle {
4806 table.diff col.ltype {
4811 background-color: transparent;
4816 font-family: Consolas, Monaco, monospace;
4831 table.diff .diff-deletedline del,
4832 table.diff .diff-addedline ins {
4833 text-decoration: none;
4842 .diff-title strong {
4850 .revisions-controls .author-card .author-info {
4855 .revisions-controls .author-card .avatar,
4856 .revisions-controls .author-card .author-info {
4862 .revisions-controls .author-card .byline {
4867 .revisions-controls .author-card .avatar {
4868 vertical-align: middle;
4871 .diff-meta input.restore-revision {
4882 .comparing-two-revisions .diff-meta-from {
4886 .revisions-tooltip {
4899 .revisions-tooltip.flipped {
4901 margin-right: -70px;
4904 .revisions.pinned .revisions-tooltip {
4905 display: none !important;
4908 .comparing-two-revisions .revisions-tooltip {
4912 .revisions-tooltip-arrow {
4922 .revisions-tooltip.flipped .revisions-tooltip-arrow {
4929 .revisions-tooltip-arrow > span {
4936 -webkit-transform: rotate(45deg);
4937 -moz-transform: rotate(45deg);
4938 -ms-transform: rotate(45deg);
4939 -o-transform: rotate(45deg);
4940 transform: rotate(45deg);
4943 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
4948 .ie8 .revisions-tooltip-arrow > span {
4951 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
4954 .ie8 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
4959 .revisions-tooltip-arrow > span {
4961 border-style: solid;
4967 .revisions-tooltip {
5002 -webkit-transform: rotate(45deg);
5003 -moz-transform: rotate(45deg);
5004 -ms-transform: rotate(45deg);
5005 -o-transform: rotate(45deg);
5006 transform: rotate(45deg);
5010 .revisions-tooltip-arrow:after {
5012 border-style: solid;
5015 div.revisions-controls > .wp-slider > .ui-slider-handle {
5019 .rtl div.revisions-controls > .wp-slider > .ui-slider-handle {
5020 margin-right: -10px;
5023 /* jQuery UI Slider */
5024 .wp-slider.ui-slider {
5027 border-style: solid;
5032 .wp-slider .ui-slider-handle {
5042 .wp-slider .ui-slider-handle:before {
5048 font: normal 18px/1 'dashicons';
5050 -webkit-font-smoothing:antialiased;
5051 -moz-osx-font-smoothing: grayscale;
5054 .wp-slider .ui-slider-handle.from-handle:before,
5055 .wp-slider .ui-slider-handle.to-handle:before {
5056 font-size: 20px !important;
5057 margin: -1px 0 0 -1px;
5060 .wp-slider .ui-slider-handle.from-handle:before {
5064 .wp-slider .ui-slider-handle.to-handle:before {
5068 .rtl .wp-slider .ui-slider-handle.from-handle:before {
5072 .rtl .wp-slider .ui-slider-handle.to-handle:before {
5077 .wp-slider .ui-slider-range {
5082 background-color: transparent;
5083 background-image: none;
5086 .wp-slider.ui-slider-horizontal {
5090 .wp-slider.ui-slider-horizontal .ui-slider-handle {
5095 .wp-slider.ui-slider-horizontal .ui-slider-range {
5100 .wp-slider.ui-slider-horizontal .ui-slider-range-min {
5104 .wp-slider.ui-slider-horizontal .ui-slider-range-max {
5109 /*------------------------------------------------------------------------------
5110 11.3 - Featured Images
5111 ------------------------------------------------------------------------------*/
5113 #select-featured-image {
5118 #select-featured-image img {
5121 margin-bottom: 10px;
5124 #select-featured-image a {
5129 #select-featured-image .remove {
5134 .js #select-featured-image.has-featured-image .remove {
5135 display: inline-block;
5138 .no-js #select-featured-image .choose {
5142 /*------------------------------------------------------------------------------
5144 ------------------------------------------------------------------------------*/
5146 .post-state-format {
5148 display: inline-block;
5149 vertical-align: middle;
5156 .post-state-format:before {
5160 font: normal 20px/1 'dashicons' !important;
5162 -webkit-font-smoothing: antialiased;
5163 -moz-osx-font-smoothing: grayscale;
5166 #post-formats-select {
5170 #post-formats-select .post-format-icon:before {
5178 label.post-format-icon {
5180 padding: 2px 0 2px 0px;
5183 .post-format-icon:before {
5185 display: inline-block;
5187 font: normal 20px/1 'dashicons';
5189 -webkit-font-smoothing: antialiased;
5190 -moz-osx-font-smoothing: grayscale;
5193 .post-state-format.post-format-standard:before,
5194 .post-format-icon.post-format-standard:before,
5195 a.post-state-format.format-standard:before {
5199 .post-state-format.post-format-image:before,
5200 .post-format-icon.post-format-image:before,
5201 a.post-state-format.format-image:before {
5205 .post-state-format.post-format-gallery:before,
5206 .post-format-icon.post-format-gallery:before,
5207 a.post-state-format.format-gallery:before {
5211 .post-state-format.post-format-audio:before,
5212 .post-format-icon.post-format-audio:before,
5213 a.post-state-format.format-audio:before {
5217 .post-state-format.post-format-video:before,
5218 .post-format-icon.post-format-video:before,
5219 a.post-state-format.format-video:before {
5223 .post-state-format.post-format-chat:before,
5224 .post-format-icon.post-format-chat:before,
5225 a.post-state-format.format-chat:before {
5229 .post-state-format.post-format-status:before,
5230 .post-format-icon.post-format-status:before,
5231 a.post-state-format.format-status:before {
5235 .post-state-format.post-format-aside:before,
5236 .post-format-icon.post-format-aside:before,
5237 a.post-state-format.format-aside:before {
5241 .post-state-format.post-format-quote:before,
5242 .post-format-icon.post-format-quote:before,
5243 a.post-state-format.format-quote:before {
5247 .post-state-format.post-format-link:before,
5248 .post-format-icon.post-format-link:before,
5249 a.post-state-format.format-link:before {
5253 /*------------------------------------------------------------------------------
5255 ------------------------------------------------------------------------------*/
5262 .category-adder h4 {
5266 #side-sortables .category-adder {
5270 #post-body ul.add-menu-item-tabs {
5274 /* Negative margin for the sake of those without JS: all tabs display */
5275 margin: 0 -120px 0 5px;
5279 ul.add-menu-item-tabs li {
5280 padding: 3px 5px 3px 8px;
5283 #post-body ul.add-menu-item-tabs li.tabs {
5284 -webkit-border-top-left-radius: 3px;
5285 -webkit-border-bottom-left-radius: 3px;
5286 border-top-left-radius: 3px;
5287 border-bottom-left-radius: 3px;
5291 .categorydiv div.tabs-panel,
5292 .customlinkdiv div.tabs-panel,
5293 .posttypediv div.tabs-panel,
5294 .taxonomydiv div.tabs-panel {
5299 border-style: solid;
5303 div.tabs-panel-active {
5307 div.tabs-panel-inactive {
5311 #front-page-warning,
5312 #front-static-pages ul,
5314 .inline-editor ul.cat-checklist ul,
5315 .categorydiv ul.categorychecklist ul,
5316 .customlinkdiv ul.categorychecklist ul,
5317 .posttypediv ul.categorychecklist ul,
5318 .taxonomydiv ul.categorychecklist ul {
5322 ul.categorychecklist li {
5326 word-wrap: break-word;
5329 .categorydiv .tabs-panel,
5330 .customlinkdiv .tabs-panel,
5331 .posttypediv .tabs-panel,
5332 .taxonomydiv .tabs-panel {
5334 border-style: solid;
5349 .form-field textarea {
5350 border-style: solid;
5368 .form-wrap .form-field {
5373 .form-wrap .form-field #parent {
5382 .col-wrap p.submit {
5387 /*------------------------------------------------------------------------------
5389 ------------------------------------------------------------------------------*/
5395 #poststuff .taghint {
5397 margin: 15px 0 -24px 12px;
5400 #poststuff .tagsdiv .howto {
5412 .tagsdiv .the-tags {
5420 #post-body-content .tagsdiv .the-tags {
5428 padding: 8px 12px 12px;
5429 text-align: justify;
5439 text-align: justify;
5454 border-style: solid;
5457 .wp-customizer .ac_results {
5463 white-space: nowrap;
5472 text-decoration: underline;
5481 font-weight: normal;
5483 vertical-align: top;
5486 word-wrap: break-word;
5494 .links-table td label {
5498 .links-table td input[type="text"],
5499 .links-table td textarea {
5503 .links-table #link_rel {
5507 /*------------------------------------------------------------------------------
5509 ------------------------------------------------------------------------------*/
5511 .media-item .describe {
5512 border-collapse: collapse;
5514 border-top-style: solid;
5515 border-top-width: 1px;
5520 .media-item.media-blank .describe {
5524 .media-item .describe th {
5525 vertical-align: top;
5527 padding: 5px 10px 10px;
5531 .media-item .describe .align th {
5535 .media-item .media-item-info tr {
5536 background-color: transparent;
5539 .media-item .describe td {
5540 padding: 0 8px 8px 0;
5541 vertical-align: top;
5544 .media-item thead.media-item-info td {
5545 padding: 4px 10px 0;
5548 .media-item .media-item-info .A1B1 {
5549 padding: 0 0 0 10px;
5552 .media-item td.savesend {
5553 padding-bottom: 15px;
5556 .media-item .thumbnail {
5561 #wpbody-content #async-upload-wrap a {
5565 .media-upload-form {
5569 .media-upload-form td label {
5574 .media-upload-form .align .field label {
5576 padding: 0 0 0 23px;
5577 margin: 0 1em 0 3px;
5581 .media-upload-form tr.image-size label {
5586 .media-upload-form th.label label {
5592 .media-upload-form th.label label span {
5597 border: medium none;
5598 text-decoration: none;
5601 .media-item .describe input[type="text"],
5602 .media-item .describe textarea {
5606 .media-item .describe p.help {
5611 .media-item .edit-attachment,
5612 .describe-toggle-on,
5613 .describe-toggle-off {
5619 .media-item .describe-toggle-off,
5620 .media-item.open .describe-toggle-on {
5624 .media-item.open .describe-toggle-off {
5628 #media-items .media-item {
5629 border-bottom-style: solid;
5630 border-bottom-width: 1px;
5640 .media-new-php #media-items {
5644 #media-items:empty {
5648 .media-item .filename {
5653 .media-item .error-div {
5657 .media-item .pinkynail {
5659 margin: 2px 10px 0 0;
5664 .media-item .startopen,
5665 .media-item .startclosed {
5669 .media-item .original {
5674 .media-item .progress {
5683 border-radius: 22px;
5685 -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
5686 box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
5694 border-radius: 22px;
5695 background-color: #0074a2;
5696 -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
5697 box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
5700 .media-item .progress .percent {
5709 text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
5712 .upload-php .fixed .column-parent {
5716 .js .html-uploader #plupload-upload-ui {
5720 .js .html-uploader #html-upload-ui {
5724 .media-upload-form .media-item.error {
5729 .media-upload-form .media-item.error p,
5730 .media-item .error-div {
5736 .media-item .error-div a.dismiss {
5739 margin: 5px 4px 0 15px;
5742 /*------------------------------------------------------------------------------
5743 14.1 - Media Library
5744 ------------------------------------------------------------------------------*/
5750 padding: 33px 0 51px;
5778 .find-box-search .spinner {
5791 #find-posts-search {
5793 margin: 1px 4px 0 3px;
5796 #find-posts-response {
5801 #find-posts-response table {
5805 #find-posts-response .found-radio {
5806 padding: 3px 0 0 8px;
5815 .find-box #resize-se {
5825 background-color: #000;
5827 filter: alpha(opacity=60);
5830 ul#dismissed-updates {
5838 form.upgrade .hint {
5841 margin: -0.5em 0 2em 0;
5844 #poststuff .inside .the-tagcloud {
5848 border-style: solid;
5851 -webkit-border-radius: 6px;
5855 .drag-drop #drag-drop-area {
5856 border: 4px dashed #bbb;
5860 .drag-drop .drag-drop-inside {
5861 margin: 70px auto 0;
5865 .drag-drop-inside p {
5872 .drag-drop .drag-drop-inside p {
5876 .drag-drop-inside p.drag-drop-info {
5880 .drag-drop .drag-drop-inside p,
5881 .drag-drop-inside p.drag-drop-buttons {
5886 #drag-drop-area:-moz-drag-over {
5887 border-color: #83b4d8;
5889 borger color while dragging a file over the uploader drop area */
5890 .drag-drop.drag-over #drag-drop-area {
5891 border-color: #83b4d8;
5894 #plupload-upload-ui {
5899 /*------------------------------------------------------------------------------
5901 ------------------------------------------------------------------------------*/
5903 .wp_attachment_details #attachment_caption {
5907 .describe .image-editor {
5908 vertical-align: top;
5915 .imgedit-settings p {
5919 .post-php .imgedit-wrap table {
5923 .describe .imgedit-wrap table td,
5924 .wp_attachment_holder .imgedit-wrap table td {
5925 vertical-align: top;
5929 .describe .imgedit-wrap table td.imgedit-settings {
5933 .wp_attachment_holder .imgedit-wrap table td.imgedit-settings {
5937 td.imgedit-settings input {
5939 vertical-align: middle;
5945 background: #fff url('../images/spinner.gif') no-repeat scroll 22px 10px;
5946 background-size: 20px 20px;
5948 filter: alpha(opacity=70);
5955 background: url('../images/spinner.gif') no-repeat;
5956 background-size: 20px 20px;
5960 filter: alpha(opacity=70);
5971 .imgedit-settings .disabled {
5975 .wp_attachment_image,
5980 .wp_attachment_image .button,
5985 .no-js .wp_attachment_image .button {
5989 .wp_attachment_image .spinner,
5993 vertical-align: bottom;
6007 -webkit-font-smoothing: antialiased;
6008 -moz-osx-font-smoothing: grayscale;
6013 .imgedit-menu div:before {
6014 font: normal 20px/1 'dashicons';
6016 vertical-align: middle;
6019 .imgedit-crop:before {
6023 .imgedit-rleft:before {
6027 .imgedit-rright:before {
6031 .imgedit-flipv:before {
6035 .imgedit-fliph:before {
6039 .imgedit-undo:before {
6043 .imgedit-redo:before {
6047 .imgedit-crop-wrap {
6060 margin: 0 8px 0 3px;
6068 margin: 0 8px 0 3px;
6076 margin: 0 8px 0 3px;
6079 .imgedit-applyto img {
6083 .imgedit-group-top {
6087 .imgedit-applyto .imgedit-label {
6098 a.imgedit-help-toggle {
6099 text-decoration: none;
6102 .form-table td.imgedit-response {
6110 .imgedit-submit-btn {
6114 .imgedit-wrap .nowrap {
6115 white-space: nowrap;
6118 span.imgedit-scale-warn {
6123 vertical-align: middle;
6131 /*------------------------------------------------------------------------------
6132 15.0 - Comments Screen
6133 ------------------------------------------------------------------------------*/
6136 border-collapse: collapse;
6154 vertical-align: middle;
6159 font-weight: normal;
6161 vertical-align: baseline;
6165 vertical-align: top;
6167 padding: 20px 10px 20px 0;
6173 .form-table th.th-full {
6178 .form-table input.tog {
6189 .form-table td fieldset label {
6190 margin: 0.25em 0 0.5em !important;
6191 display: inline-block;
6194 .form-table td fieldset label,
6195 .form-table td fieldset p,
6196 .form-table td fieldset li {
6200 .form-table input.tog,
6201 .form-table input[type=radio] {
6208 padding: 1em 1em .2em;
6210 border-bottom-width: 1px;
6211 border-bottom-style: solid;
6214 .commentlist li li {
6224 /* reply to comments */
6227 border-style: solid;
6240 #replysubmit .spinner {
6242 vertical-align: top;
6246 #replysubmit .button {
6250 #replysubmit .error {
6265 padding: 3px 0 2px 5px;
6270 #edithead .inside input {
6284 -webkit-box-shadow: none;
6288 .comment-php .wp-editor-area {
6294 border-bottom-style: solid;
6295 border-bottom-width: 1px;
6299 background-color: transparent;
6304 margin: 1px 8px 1px 0;
6308 .spam-undo-inside .avatar,
6309 .trash-undo-inside .avatar {
6313 vertical-align: middle;
6316 .stuffbox .editcomment {
6320 #comment-status-radio p {
6324 #comment-status-radio input {
6325 margin: 2px 3px 5px 0;
6326 vertical-align: middle;
6329 #comment-status-radio label {
6333 .commentlist .avatar {
6334 vertical-align: text-top;
6337 #the-comment-list .unapproved th.check-column input {
6342 /*------------------------------------------------------------------------------
6344 ------------------------------------------------------------------------------*/
6347 /*------------------------------------------------------------------------------
6348 16.1 - Manage Themes
6349 ------------------------------------------------------------------------------*/
6351 .theme-browser .themes {
6356 .themes-php .wrap h2 {
6358 margin-bottom: 15px;
6361 .network-admin.themes-php .wrap h2 {
6365 .themes-php .wrap h2 .button {
6369 .themes-php .wrap .theme-count {
6371 border-radius: 30px;
6382 /* Position admin messages */
6383 .themes-php div.updated,
6384 .themes-php div.error {
6389 .themes-php div.updated a {
6390 text-decoration: underline;
6394 * Main theme element
6395 * (has flexible margins)
6397 .theme-browser .theme {
6403 border: 1px solid #dedede;
6404 -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
6405 box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
6406 -webkit-box-sizing: border-box;
6407 -moz-box-sizing: border-box;
6408 box-sizing: border-box;
6411 .ie8 .theme-browser .theme {
6416 .theme-browser .theme:nth-child(3n) {
6420 .theme-browser .theme:hover,
6421 .theme-browser .theme:focus {
6425 .theme-browser .theme .theme-name {
6430 -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
6431 box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
6433 white-space: nowrap;
6434 text-overflow: ellipsis;
6436 background: rgba(255,255,255,0.65);
6439 /* Activate and Customize buttons, shown on hover */
6440 .theme-browser .theme .theme-actions {
6441 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
6443 -webkit-transition: opacity 0.1s ease-in-out;
6444 transition: opacity 0.1s ease-in-out;
6449 padding: 9px 10px 0 10px;
6450 background: rgba(244, 244, 244, 0.7);
6451 border-left: 1px solid rgba(0,0,0,0.05);
6454 .theme-browser .theme:hover .theme-actions {
6455 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
6459 .theme-browser .theme .theme-actions .button-primary {
6463 .theme-browser .theme .theme-actions .button-secondary {
6471 * Has a fixed aspect ratio of 1.5 to 1 regardless of screenshot size
6472 * It is also responsive.
6474 .theme-browser .theme .theme-screenshot {
6478 -webkit-transition: opacity 0.2s ease-in-out;
6479 transition: opacity 0.2s ease-in-out;
6482 .theme-browser .theme .theme-screenshot:after {
6485 padding-top: 66.66666%; /* using a 3/2 aspect ratio */
6488 .theme-browser .theme .theme-screenshot img {
6494 -webkit-transform: translateZ( 0 ); /* Prevents rendering bugs in Chrome */
6495 -webkit-transition: opacity 0.2s ease-in-out;
6496 transition: opacity 0.2s ease-in-out;
6499 .theme-browser .theme:hover .theme-screenshot {
6503 .theme-browser.rendered .theme:hover .theme-screenshot img {
6507 .theme-browser .theme .more-details {
6508 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
6515 background: rgba(0,0,0,0.7);
6518 text-shadow: 0 1px 0 rgba(0,0,0,0.6);
6519 -webkit-font-smoothing: antialiased;
6524 -webkit-transition: opacity 0.1s ease-in-out;
6525 transition: opacity 0.1s ease-in-out;
6527 .theme-browser .theme:focus {
6528 outline: 1px dotted #222;
6530 /* Hide shortcut actions and hover feedback when using tab navigation */
6531 .theme-browser .theme:focus .theme-actions {
6534 /* Restore display of theme controls if you hover a focused theme */
6535 .theme-browser .theme:focus:hover .theme-actions {
6538 .theme-browser .theme:focus .more-details {
6541 /* Current theme needs to have its action always on view */
6542 .theme-browser .theme.active:focus .theme-actions {
6546 .theme-browser.rendered .theme:hover .more-details {
6547 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
6552 * Displays a theme update notice
6553 * when an update is available.
6555 .theme-browser .theme .theme-update {
6556 background: #d54e21;
6557 background: rgba(213, 78, 33, 0.95);
6569 border-bottom: 1px solid rgba(0,0,0,0.25);
6573 .theme-browser .theme .theme-update:before {
6575 display: inline-block;
6576 font: normal 20px/1 'dashicons';
6582 -webkit-font-smoothing: antialiased;
6587 * The currently active theme
6589 .theme-browser .theme.active .theme-name {
6590 background: #2f2f2f;
6592 padding-right: 110px;
6594 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
6595 box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
6598 .theme-browser .theme.active .theme-name span {
6602 .theme-browser .theme.active .theme-actions {
6603 background: rgba(49,49,49,0.7);
6608 .theme-browser .theme.active .theme-actions .button-primary {
6612 .theme-browser .theme .theme-author {
6623 .theme-browser .theme.display-author .theme-author {
6627 .theme-browser .theme.display-author .theme-author a {
6629 text-decoration: none;
6635 .theme-browser .theme.add-new-theme {
6640 .theme-browser .theme.add-new-theme a {
6642 text-decoration: none;
6648 .theme-browser .theme.add-new-theme:after {
6651 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
6653 background: transparent;
6654 background: rgba(0, 0, 0, 0);
6662 border: 5px dashed #d5d2ca;
6663 border: 5px dashed rgba(0, 0, 0, 0.1);
6664 -webkit-transition: opacity 0.2s ease-in-out;
6665 transition: opacity 0.2s ease-in-out;
6666 -webkit-box-sizing: border-box;
6667 -moz-box-sizing: border-box;
6668 box-sizing: border-box;
6671 .theme-browser .theme.add-new-theme span:after {
6672 background: #e5e5e5;
6673 background: rgba(153, 153, 153, 0.1);
6675 display: inline-block;
6677 -webkit-font-smoothing: antialiased;
6678 font: normal 74px/115px 'dashicons';
6681 vertical-align: middle;
6683 color: rgb(153, 153, 153);
6694 .rtl .theme-browser .theme.add-new-theme span:after {
6698 .theme-browser .theme.add-new-theme:hover .theme-screenshot {
6702 .theme-browser .theme.add-new-theme:hover span:after {
6707 .theme-browser .theme.add-new-theme:hover:after {
6708 border-color: transparent;
6710 background: #0074a2;
6714 .theme-browser .theme.add-new-theme .theme-name {
6725 .theme-browser .theme.add-new-theme:hover .theme-name {
6733 .themes-php .theme-search {
6745 * Shown when clicking a theme
6747 .theme-overlay .theme-backdrop {
6753 background: #f1f1f1;
6754 background: rgba( 238, 238, 238, 0.9 );
6758 body.theme-overlay-open {
6762 .theme-overlay .theme-header {
6768 border-bottom: 1px solid #ddd;
6771 .theme-overlay .theme-header .close {
6778 border-left: 1px solid #ddd;
6779 background-color: transparent;
6782 .theme-overlay .theme-header .close:hover:before,
6783 .theme-overlay .theme-header .close:focus:before {
6787 .theme-overlay .theme-header .close:before {
6788 font: normal 30px/50px 'dashicons' !important;
6790 display: inline-block;
6795 /* Left and right navigation */
6796 .theme-overlay .theme-header .right,
6797 .theme-overlay .theme-header .left {
6800 background-color: transparent;
6806 border-right: 1px solid #ddd;
6809 .theme-overlay .theme-header .close:hover,
6810 .theme-overlay .theme-header .right:hover,
6811 .theme-overlay .theme-header .left:hover,
6812 .theme-overlay .theme-header .close:focus,
6813 .theme-overlay .theme-header .right:focus,
6814 .theme-overlay .theme-header .left:focus {
6815 background: #0074a2;
6819 .theme-overlay .theme-header .left.disabled,
6820 .theme-overlay .theme-header .right.disabled,
6821 .theme-overlay .theme-header .left.disabled:hover,
6822 .theme-overlay .theme-header .right.disabled:hover {
6824 background: inherit;
6828 .theme-overlay .theme-header .right:before,
6829 .theme-overlay .theme-header .left:before {
6830 font: normal 20px/50px 'dashicons' !important;
6835 .theme-overlay .theme-header .left:before {
6839 .theme-overlay .theme-header .right:before {
6843 .rtl .theme-overlay .theme-header .left:before {
6847 .rtl .theme-overlay .theme-header .right:before {
6851 .theme-overlay .theme-wrap {
6859 -webkit-box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
6860 box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
6862 box-sizing: border-box;
6865 .theme-overlay .theme-wrap:after {
6873 body.folded .theme-overlay .theme-wrap {
6877 .theme-overlay .theme-about {
6886 .theme-overlay .theme-about:after {
6894 .theme-overlay .theme-actions {
6900 padding: 10px 25px 5px;
6901 background: #f3f3f3;
6903 box-sizing: border-box;
6904 border-top: 1px solid #eee;
6907 .ie8 .theme-overlay .theme-actions {
6908 border: 1px solid #eee;
6911 .theme-overlay .theme-actions a {
6916 .theme-overlay .theme-actions .delete-theme {
6921 text-decoration: none;
6922 border-color: transparent;
6924 background: transparent;
6927 .theme-overlay .theme-actions .delete-theme:hover,
6928 .theme-overlay .theme-actions .delete-theme:focus {
6929 background: #d54e21;
6931 border-color: #d54e21;
6934 .theme-overlay .theme-actions .active-theme,
6935 .theme-overlay.active .theme-actions .inactive-theme {
6939 .theme-overlay .theme-actions .inactive-theme,
6940 .theme-overlay.active .theme-actions .active-theme {
6945 * Theme Screenshots gallery
6947 .theme-overlay .theme-screenshots {
6955 /* First screenshot, shown big */
6956 .theme-overlay .screenshot {
6957 border: 1px solid #fff;
6958 -webkit-box-sizing: border-box;
6959 -moz-box-sizing: border-box;
6960 box-sizing: border-box;
6963 -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
6964 box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
6967 .theme-overlay .screenshot:after {
6970 padding-top: 75%; /* using a 4/3 aspect ratio */
6973 .theme-overlay .screenshot img {
6980 /* Handles old 300px screenshots */
6981 .theme-overlay.small-screenshot .theme-screenshots {
6985 .theme-overlay.small-screenshot .theme-info {
6990 /* Other screenshots, shown small and square */
6991 .theme-overlay .screenshot.thumb {
6993 border: 1px solid #eee;
6995 display: inline-block;
7002 .theme-overlay .screenshot.thumb:after {
7005 padding-top: 100%; /* using a 1/1 aspect ratio */
7008 .theme-overlay .screenshot.thumb img {
7018 .theme-overlay .screenshot.selected {
7019 background: transparent;
7020 border: 2px solid #2ea2cc;
7023 .theme-overlay .screenshot.selected img {
7027 /* No screenshot placeholder */
7028 .theme-browser .theme .theme-screenshot.blank,
7029 .theme-overlay .screenshot.blank {
7030 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=);
7034 * Theme heading information
7036 .theme-overlay .theme-info {
7041 .theme-overlay .current-label {
7045 display: inline-block;
7049 -webkit-user-select: none;
7050 -moz-user-select: none;
7051 -ms-user-select: none;
7055 .theme-overlay .theme-name {
7063 .theme-overlay .theme-version {
7068 display: inline-block;
7070 -webkit-user-select: none;
7071 -moz-user-select: none;
7072 -ms-user-select: none;
7076 .theme-overlay .theme-author {
7080 margin: 15px 0 25px;
7083 .theme-overlay .theme-author a {
7084 text-decoration: none;
7087 .theme-overlay .theme-description {
7095 .theme-overlay .theme-tags {
7096 border-top: 3px solid #eee;
7104 .theme-overlay .theme-tags span {
7110 /* Theme Updates info */
7111 .theme-overlay .theme-update-message {
7112 background: #fefaf7;
7113 border: 1px solid #eee;
7114 border-left: 4px solid #d54e21;
7116 padding: 5px 20px 10px;
7119 .theme-overlay .theme-update {
7122 display: inline-block;
7127 .theme-overlay .parent-theme {
7128 background: #f7fcfe;
7129 border: 1px solid #eee;
7130 border-left: 4px solid #2ea2cc;
7132 font-weight: normal;
7134 padding: 10px 10px 10px 20px;
7137 .theme-overlay .parent-theme strong {
7143 * Displays detailed view inline when a user has no switch capabilities
7145 .single-theme .theme-overlay .theme-backdrop,
7146 .single-theme .theme-overlay .theme-header,
7147 .single-theme .theme {
7151 .single-theme .theme-overlay .theme-wrap {
7161 .single-theme .theme-overlay .theme-about {
7162 padding: 30px 30px 70px;
7166 .single-theme .theme-overlay .theme-actions {
7171 * Basic Responsive structure...
7173 * Shuffles theme columns around based on screen width
7176 @media only screen and (min-width: 2000px) {
7177 #wpwrap .theme-browser .theme {
7182 #wpwrap .theme-browser .theme:nth-child(3n),
7183 #wpwrap .theme-browser .theme:nth-child(4n) {
7187 #wpwrap .theme-browser .theme:nth-child(5n) {
7192 @media only screen and (min-width: 1680px) {
7193 .theme-overlay .theme-wrap {
7199 /* Maximum screenshot width reaches 440px */
7200 @media only screen and (min-width: 1640px) {
7201 .theme-browser .theme {
7205 .theme-browser .theme .theme-screenshot:after {
7206 padding-top: 75%; /* using a 4/3 aspect ratio */
7209 .theme-browser .theme:nth-child(3n) {
7213 .theme-browser .theme:nth-child(4n) {
7217 /* Maximum screenshot width reaches 440px */
7218 @media only screen and (max-width: 1120px) {
7219 .theme-browser .theme {
7224 .theme-browser .theme:nth-child(even) {
7228 .theme-browser .theme:nth-child(odd) {
7233 /* Admin menu is folded */
7234 @media only screen and (max-width: 900px) {
7235 .theme-overlay .theme-wrap {
7240 @media only screen and (max-width: 780px) {
7241 body.folded .theme-overlay .theme-wrap,
7242 .theme-overlay .theme-wrap {
7243 top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */
7247 padding: 70px 20px 20px;
7249 z-index: 500; /* should overlap #wpadminbar, which is 500 on mobile. */
7253 .theme-browser .theme.active .theme-name span {
7254 /* Hide the "Active: " label on smaller screens. */
7258 .theme-overlay .theme-screenshots {
7262 .theme-overlay .theme-info {
7265 .single-theme .theme-wrap {
7269 .theme-browser .theme .theme-actions {
7270 padding: 5px 10px 4px 10px;
7273 .theme-overlay.small-screenshot .theme-screenshots {
7279 .theme-overlay.small-screenshot .theme-info {
7284 .theme:not(.active):hover .theme-actions,
7285 .theme:hover .more-details {
7289 .theme-browser.rendered .theme:hover .theme-screenshot img {
7294 @media only screen and (max-width: 480px) {
7295 .theme-browser .theme {
7300 .theme-browser .theme:nth-child(2n),
7301 .theme-browser .theme:nth-child(3n) {
7306 @media only screen and (max-width: 650px) {
7307 .theme-overlay .theme-update,
7308 .theme-overlay .theme-description {
7312 .theme-overlay .theme-actions .delete-theme {
7318 .theme-overlay .theme-actions .inactive-theme {
7322 .theme-overlay .theme-screenshots {
7327 .theme-overlay .theme-info {
7331 .theme-overlay .theme-author {
7332 margin: 5px 0 15px 0;
7335 .theme-overlay .current-label {
7340 .themes-php .wrap h2 {
7344 .themes-php .theme-search {
7354 .theme-browser .theme.add-new-theme span:after {
7355 font: normal 60px/90px 'dashicons';
7364 .single-theme .theme-wrap {
7365 margin: 0 -12px 0 -10px;
7368 .single-theme .theme-overlay .theme-about {
7372 .single-theme .current-label {
7375 .single-theme .theme-overlay .theme-actions {
7384 .broken-themes table {
7387 border-spacing: 3px;
7392 /*------------------------------------------------------------------------------
7393 16.2 - Install Themes
7394 ------------------------------------------------------------------------------*/
7396 .theme-install-php h4 {
7397 margin: 2.5em 0 8px;
7400 .theme-install-php .tablenav {
7404 .theme-install-php .spinner {
7409 display: inline-block;
7412 padding: 20px 20px 20px 0;
7413 vertical-align: top;
7417 .available-theme .screenshot {
7422 border-style: solid;
7423 margin-bottom: 10px;
7427 .available-theme img {
7431 .available-theme h3 {
7435 .available-theme .theme-author {
7439 .available-theme .action-links {
7444 .available-theme a.screenshot:focus {
7448 .available-theme .action-links li {
7450 padding-right: 10px;
7452 border-right: 1px solid #dfdfdf;
7455 .available-theme .action-links li {
7460 .ie8 .available-theme .action-links li {
7465 .available-theme .action-links li:last-child {
7471 .available-theme .action-links .delete-theme {
7477 .available-theme .action-links .delete-theme a {
7482 .available-theme .action-links .delete-theme a:hover {
7485 text-decoration: none;
7488 .available-theme .action-links p {
7492 /* Allow for three-up in small windows when sidebar is collapsed */
7493 @media only screen and (max-width: 1200px) {
7494 .folded .available-theme,
7495 .folded .available-theme .screenshot {
7499 .folded .available-theme .screenshot {
7504 /* Adjust three-up display in smaller windows when sidebar is collapsed */
7505 @media only screen and (max-width: 1079px) {
7506 .folded .available-theme,
7507 .folded .available-theme .screenshot {
7511 .folded .available-theme .screenshot {
7516 /* Allow for three-up on 1024px wide screens, e.g. tablets */
7517 @media only screen and (max-width: 1200px) {
7519 .available-theme .screenshot {
7523 .available-theme .screenshot {
7527 .available-theme img {
7532 #post-body ul.add-menu-item-tabs li.tabs a,
7533 #TB_window #TB_title a.tb-theme-preview-link,
7534 #TB_window #TB_title a.tb-theme-preview-link:visited {
7536 text-decoration: none;
7539 #TB_window #TB_title {
7540 background-color: #222;
7545 /*------------------------------------------------------------------------------
7546 16.3 - Custom Header Screen
7547 ------------------------------------------------------------------------------*/
7549 .appearance_page_custom-header #headimg {
7550 border: 1px solid #DFDFDF;
7555 .appearance_page_custom-header #upload-form p label {
7559 .appearance_page_custom-header .available-headers .default-header {
7561 margin: 0 20px 20px 0;
7564 .appearance_page_custom-header .random-header {
7566 margin: 0 20px 20px 0;
7567 vertical-align: middle;
7570 .appearance_page_custom-header .available-headers label input,
7571 .appearance_page_custom-header .random-header label input {
7575 .appearance_page_custom-header .available-headers label img {
7576 vertical-align: middle;
7580 /*------------------------------------------------------------------------------
7581 16.4 - Custom Background Screen
7582 ------------------------------------------------------------------------------*/
7584 div#custom-background-image {
7586 border: 1px solid #dfdfdf;
7589 div#custom-background-image img {
7595 /*------------------------------------------------------------------------------
7597 ------------------------------------------------------------------------------*/
7599 #dashboard_right_now .versions .b,
7600 #post-status-display,
7601 #post-visibility-display,
7602 #adminmenu .wp-submenu li.current,
7603 #adminmenu .wp-submenu li.current a,
7604 #adminmenu .wp-submenu li.current a:hover,
7605 .media-item .percent,
7607 #pass-strength-result.strong,
7608 #pass-strength-result.short,
7609 #ed_reply_toolbar #ed_reply_strong,
7610 .item-controls .item-order a,
7611 .feature-filter .feature-name {
7634 list-style-type: disc;
7637 .plugins .row-actions {
7642 .plugins .inactive td,
7643 .plugins .inactive th,
7644 .plugins .active td,
7645 .plugins .active th {
7649 .plugins .update th,
7650 .plugins .update td {
7653 .plugin-update-tr td {
7657 #wpbody-content .plugins .plugin-title,
7658 #wpbody-content .plugins .theme-title {
7659 padding-right: 12px;
7663 .plugins .inactive .plugin-title strong {
7668 .plugins .row-actions {
7672 .plugins .update .second,
7673 .plugins .update .row-actions {
7677 .plugins-php .widefat tfoot th,
7678 .plugins-php .widefat tfoot td {
7679 border-top-style: solid;
7680 border-top-width: 1px;
7683 .plugin-update-tr .update-message {
7686 font-weight: normal;
7687 margin: 6px 12px 12px;
7691 .plugin-update-tr .update-message:before {
7693 display: inline-block;
7694 font: normal 20px/1 'dashicons';
7696 margin: 0 8px 0 -2px;
7697 -webkit-font-smoothing: antialiased;
7698 -moz-osx-font-smoothing: grayscale;
7699 vertical-align: top;
7702 .plugin-install-php h4 {
7703 margin: 2.5em 0 8px;
7707 /*------------------------------------------------------------------------------
7709 ------------------------------------------------------------------------------*/
7711 #profile-page .form-table textarea {
7716 #profile-page .form-table #rich_editing {
7720 #your-profile legend {
7728 #createuser .form-field input {
7737 display: inline-block;
7739 padding: 5px 15px 15px;
7740 -moz-box-sizing: border-box;
7741 box-sizing: border-box;
7745 .color-option:hover,
7746 .color-option.selected {
7753 border-collapse: collapse;
7765 /*------------------------------------------------------------------------------
7767 ------------------------------------------------------------------------------*/
7777 .press-this #titlediv #title {
7781 .press-this #site-heading:before {
7784 display: inline-block;
7785 font: normal 18px/1 'dashicons';
7789 -webkit-font-smoothing: antialiased;
7790 -moz-osx-font-smoothing: grayscale;
7800 .pressthis a:active {
7801 display: inline-block;
7805 background: #e6e6e6;
7806 -webkit-border-radius: 5px;
7808 border: 1px solid #b4b4b4;
7812 text-decoration: none;
7815 .pressthis a:active {
7819 .pressthis a:hover:after {
7820 -webkit-transform: skew(20deg) rotate(9deg);
7821 -moz-transform: skew(20deg) rotate(9deg);
7822 transform: skew(20deg) rotate(9deg);
7823 -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
7824 box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
7828 display: inline-block;
7830 padding: 0px 12px 8px 9px;
7833 .pressthis a span:before {
7834 font: normal 20px/1 'dashicons';
7837 display: inline-block;
7842 .pressthis a:after {
7850 background: transparent;
7852 -webkit-transform: skew(20deg) rotate(6deg);
7853 -moz-transform: skew(20deg) rotate(6deg);
7854 transform: skew(20deg) rotate(6deg);
7855 -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
7856 box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
7859 /*------------------------------------------------------------------------------
7861 ------------------------------------------------------------------------------*/
7863 #utc-time, #local-time {
7868 .defaultavatarpicker .avatar {
7870 vertical-align: middle;
7873 .options-general-php .spinner {
7878 /*------------------------------------------------------------------------------
7880 ------------------------------------------------------------------------------*/
7889 border-top-width: 1px;
7890 border-top-style: solid;
7904 text-decoration: none;
7908 text-decoration: underline;
7911 /*------------------------------------------------------------------------------
7913 ------------------------------------------------------------------------------*/
7917 margin: 25px 40px 0 20px;
7918 max-width: 1050px; /* readability */
7923 .about-wrap div.updated,
7924 .about-wrap div.error {
7925 display: none !important;
7932 border-top: 1px solid rgba(0, 0, 0, 0.1);
7936 margin: 0.5em 0 0.5em 5px;
7948 margin: 0.2em 200px 0 0;
7954 .about-wrap .about-text,
7955 .about-wrap p.about-description,
7956 .about-wrap li.wp-person a.web {
7957 font-weight: normal;
7962 .about-description {
7967 margin: 1em 200px 1em 0;
7972 .about-wrap .changelog h2.about-headline-callout {
7973 margin: 1.1em 0 0.2em;
7986 .about-wrap .feature-section h4 {
7987 margin: 1.4em 0 0.6em 0;
7991 .about-wrap .feature-section p {
7996 .about-wrap ol li p {
8002 .about-wrap .about-colors-img {
8006 .about-wrap .about-themes-img {
8010 .about-wrap .about-overview-img {
8011 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
8015 .about-colors-img img,
8016 .about-themes-img img {
8022 /* Point Releases */
8024 .about-wrap .point-releases {
8028 .about-wrap .changelog.point-releases h3 {
8032 .about-wrap .changelog.point-releases h3:first-child {
8036 /* WordPress Version Badge */
8039 background: url('../images/w-logo-white.png?ver=20131202') no-repeat;
8040 background: none, url('../images/wordpress-logo-white.svg?ver=20131110') no-repeat;
8041 background-position: center 24px;
8042 background-size: 85px 85px;
8049 display: inline-block;
8051 text-rendering: optimizeLegibility;
8055 .about-wrap .wp-badge {
8063 .about-wrap h2.nav-tab-wrapper {
8067 .about-wrap h2 .nav-tab {
8068 padding: 4px 15px 6px;
8069 margin: 0 3px -1px 0;
8071 vertical-align: top;
8075 .about-wrap h2 .nav-tab-active {
8079 /* Changelog / Update screen */
8081 .about-wrap .feature-section {
8082 padding-bottom: 20px;
8085 .about-wrap .feature-section.col {
8089 .about-wrap .feature-section.center-col > div {
8094 .about-wrap .about-colors .one-col > div {
8098 .about-wrap .feature-section.two-col > div {
8104 .about-wrap .feature-section.three-col > div {
8107 margin-right: 4.999999999%;
8111 .about-wrap .feature-section.col .last-feature {
8115 .about-wrap .about-updates img,
8116 .about-wrap .about-twentyfourteen img {
8118 border: 1px solid #ddd;
8119 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
8120 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
8123 .about-wrap .about-twentyfourteen img {
8127 .about-wrap .changelog .feature-section {
8131 .about-wrap .about-colors .scheme-list {
8135 .about-wrap .about-colors .color-option {
8138 .about-wrap .about-colors .color-option label {
8139 display: inline-block;
8140 margin: 0.25em 0 0.5em;
8143 .about-wrap .feature-section.two-col div p {
8147 .about-wrap .feature-section div p img {
8153 .about-wrap .changelog li {
8154 list-style-type: disc;
8158 /* Return to Dashboard Home link */
8160 .about-wrap .return-to-dashboard {
8161 margin: 30px 0 0 -5px;
8166 .about-wrap .return-to-dashboard a {
8167 text-decoration: none;
8173 .about-wrap h4.wp-people-group {
8178 .about-wrap ul.wp-people-group {
8181 margin: 0 -15px 0 -5px;
8184 .about-wrap ul.compact {
8188 .about-wrap li.wp-person {
8193 .about-wrap li.wp-person img.gravatar {
8195 margin: 0 10px 10px 0;
8201 .about-wrap ul.compact li.wp-person img.gravatar {
8206 .about-wrap li.wp-person {
8209 padding-bottom: 15px;
8212 .about-wrap ul.compact li.wp-person {
8219 .about-wrap #wp-people-group-validators + p.wp-credits-list {
8223 .about-wrap li.wp-person a.web {
8227 text-decoration: none;
8230 .about-wrap p.wp-credits-list a {
8231 white-space: nowrap;
8236 .freedoms-php .about-wrap ol {
8240 .freedoms-php .about-wrap ol li {
8241 list-style-type: decimal;
8245 .freedoms-php .about-wrap ol p {
8246 font-weight: normal;
8250 /*------------------------------------------------------------------------------
8251 23.0 - Full Overlay w/ Sidebar
8252 ------------------------------------------------------------------------------*/
8254 body.full-overlay-active {
8259 background: transparent;
8271 .wp-full-overlay-sidebar {
8272 -webkit-box-sizing: border-box;
8273 -moz-box-sizing: border-box;
8274 box-sizing: border-box;
8285 background: transparent;
8289 .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
8293 .wp-full-overlay.collapsed,
8294 .wp-full-overlay.expanded .wp-full-overlay-sidebar {
8295 margin-left: 0 !important;
8298 .wp-full-overlay.expanded {
8302 .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
8303 margin-left: -300px;
8306 .wp-full-overlay-sidebar:after {
8317 .wp-full-overlay-main {
8326 .wp-full-overlay-sidebar .wp-full-overlay-header {
8336 -webkit-box-shadow: none;
8340 .wp-full-overlay-sidebar .wp-full-overlay-header a.back {
8344 .wp-full-overlay-sidebar .wp-full-overlay-footer {
8346 border-bottom: none;
8348 -webkit-box-shadow: none;
8352 .wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
8362 .wp-full-overlay .close-full-overlay {
8363 text-decoration: none;
8366 /* Collapse Button */
8367 .wp-full-overlay a.collapse-sidebar {
8378 text-decoration: none;
8381 .wp-full-overlay.collapsed .collapse-sidebar {
8386 .wp-full-overlay .collapse-sidebar-arrow {
8396 .wp-full-overlay .collapse-sidebar-arrow:before {
8400 font: normal 20px/1 'dashicons';
8407 -webkit-font-smoothing: antialiased;
8408 -moz-osx-font-smoothing: grayscale;
8409 text-decoration: none !important;
8412 .wp-full-overlay.collapsed .collapse-sidebar-arrow:before,
8413 .rtl .wp-full-overlay .collapse-sidebar-arrow:before {
8414 -ms-transform: rotate(180deg);
8415 -webkit-transform: rotate(180deg);
8416 transform: rotate(180deg);
8419 .rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before {
8420 -ms-transform: none;
8421 -webkit-transform: none;
8425 .wp-full-overlay.collapsed .collapse-sidebar-arrow {
8426 background-position: -1px -109px;
8429 .wp-full-overlay .collapse-sidebar-label {
8436 .wp-full-overlay.collapsed .collapse-sidebar-label {
8442 .wp-full-overlay-sidebar,
8443 .wp-full-overlay .collapse-sidebar,
8444 .wp-full-overlay-main {
8445 -webkit-transition-property: left, right, top, bottom, width, margin;
8446 -moz-transition-property: left, right, top, bottom, width, margin;
8447 -ms-transition-property: left, right, top, bottom, width, margin;
8448 -o-transition-property: left, right, top, bottom, width, margin;
8449 transition-property: left, right, top, bottom, width, margin;
8450 -webkit-transition-duration: 0.2s;
8451 -moz-transition-duration: 0.2s;
8452 -ms-transition-duration: 0.2s;
8453 -o-transition-duration: 0.2s;
8454 transition-duration: 0.2s;
8457 /*------------------------------------------------------------------------------
8458 24.0 - Customize Loader
8459 ------------------------------------------------------------------------------*/
8461 .no-customize-support .hide-if-no-customize,
8462 .customize-support .hide-if-customize,
8463 .no-customize-support.wp-core-ui .hide-if-no-customize,
8464 .no-customize-support .wp-core-ui .hide-if-no-customize,
8465 .customize-support.wp-core-ui .hide-if-customize,
8466 .customize-support .wp-core-ui .hide-if-customize {
8470 #customize-container {
8483 .customize-active #customize-container {
8487 .customize-loading #customize-container iframe {
8491 .customize-loading #customize-container {
8492 background: #fff url('../images/spinner.gif') no-repeat fixed center center;
8493 background-size: 20px 20px;
8496 #customize-container iframe,
8497 #theme-installer iframe {
8502 -webkit-transition: opacity 0.3s;
8503 -moz-transition: opacity 0.3s;
8504 -ms-transition: opacity 0.3s;
8505 -o-transition: opacity 0.3s;
8506 transition: opacity 0.3s;
8509 #customize-container .collapse-sidebar {
8513 #customize-controls {
8521 #theme-installer.single-theme {
8525 .install-theme-info {
8527 padding: 10px 20px 20px;
8530 .single-theme .install-theme-info {
8534 #theme-installer .install-theme-info {
8538 .install-theme-info .theme-install {
8543 .install-theme-info .theme-name {
8550 .install-theme-info .theme-screenshot {
8553 border: 1px solid #ccc;
8556 .install-theme-info .theme-details {
8560 .theme-details .theme-version {
8565 .theme-details .star-rating {
8570 .theme-details .theme-description {
8576 #theme-installer .wp-full-overlay-header {
8580 #theme-installer .wp-full-overlay-header .theme-install {
8582 /* For when .theme-install is a span rather than a.button-primary (already installed theme) */
8586 #theme-installer .wp-full-overlay-sidebar {
8588 border-right: 1px solid #DDD;
8591 #theme-installer .wp-full-overlay-main {
8592 background: #fff url('../images/spinner.gif') no-repeat fixed center center;
8593 background-size: 20px 20px;
8597 /*------------------------------------------------------------------------------
8598 25.0 - Tabbed Admin Screen Interface (Experimental)
8599 ------------------------------------------------------------------------------*/
8602 border-style: solid;
8603 border-width: 1px 1px 0;
8606 display: inline-block;
8607 padding: 4px 14px 6px;
8608 text-decoration: none;
8609 margin: -4px 4px -1px 0;
8617 .nav-tab-active:hover {
8618 border-bottom-width: 1px;
8619 border-bottom-style: solid;
8623 h3.nav-tab-wrapper {
8624 border-bottom-width: 1px;
8625 border-bottom-style: solid;
8638 /*------------------------------------------------------------------------------
8640 ------------------------------------------------------------------------------*/
8650 margin-right: 190px;
8664 font-size: 14px !important;
8668 .column-comment .comment-author {
8669 margin-bottom: 0.6em;
8673 .column-username img,
8674 .column-comment .comment-author img {
8686 tr:hover .row-actions,
8687 .mobile .row-actions,
8688 .row-actions.visible,
8689 div.comment-item:hover .row-actions {
8690 visibility: visible;
8694 .row-actions-visible {
8703 table.form-table td .updated {
8715 .tagchecklist strong {
8719 .tagchecklist span {
8725 white-space: nowrap;
8729 .tagchecklist span a {
8730 margin: 1px 0 0 -17px;
8744 margin-bottom: 15px;
8750 .metabox-holder h3 {
8757 #poststuff .inside {
8761 #poststuff .inside #parent_id,
8762 #poststuff .inside #page_template {
8766 .inline-edit-row #post_parent,
8767 .inline-edit-row select[name="page_template"] {
8771 .ie8 #poststuff .inside #parent_id,
8772 .ie8 #poststuff .inside #page_template,
8773 .ie8 .inline-edit-row #post_parent,
8774 .ie8 .inline-edit-row select[name="page_template"] {
8778 #post-visibility-select {
8783 #poststuff #submitdiv .inside {
8788 .edit-form-section {
8789 margin-bottom: 20px;
8792 #templateside ul li a {
8793 text-decoration: none;
8799 font-weight: normal;
8804 margin: -30px 15px 0 315px;
8817 border-top-width: 1px;
8818 border-top-style: solid;
8819 border-bottom-width: 1px;
8820 border-bottom-style: solid;
8821 -webkit-transition: none;
8822 -moz-transition: none;
8831 white-space: nowrap;
8836 #sidemenu a.current {
8837 font-weight: normal;
8840 -webkit-border-top-left-radius: 3px;
8841 -webkit-border-top-right-radius: 3px;
8842 border-top-left-radius: 3px;
8843 border-top-right-radius: 3px;
8845 border-style: solid;
8848 #sidemenu li a .count-0 {
8852 .plugin-install #description,
8853 .plugin-install-network #description {
8858 table .column-visible,
8859 table .column-rating {
8868 /* Scrollbar fix for bulk upgrade iframe */
8873 /* Upgrader styles, Specific to Language Packs */
8877 .lp-show-latest p:last-child,
8878 .lp-show-latest .lp-error p {
8882 /* - Only used once or twice in all of WP - deprecate for global style
8883 ------------------------------------------------------------------------------*/
8888 padding-bottom: 8px;
8903 padding-right: 14px;
8911 #post-body #post-body-content #namediv h3 {
8916 vertical-align: baseline;
8925 white-space: nowrap;
8937 margin-bottom: 0 !important;
8940 /* - Used - but could/should be deprecated with a CSS reset
8941 ------------------------------------------------------------------------------*/
8975 .post-categories li {
8979 /*------------------------------------------------------------------------------
8981 ------------------------------------------------------------------------------*/
8983 /* RTL except Hebrew (see below): Tahoma as the first font; */
8985 body.rtl .press-this a.wp-switch-editor {
8986 font-family: Tahoma, Arial, sans-serif;
8990 /* he_IL: Remove Tahoma from the font stack. Arial is best for Hebrew. */
8992 body.locale-he-il .press-this a.wp-switch-editor {
8993 font-family: Arial, sans-serif;
8996 /* he_IL: Have <em> be bold rather than italic. */
9003 /*-----------------------------------------------------------------------------
9005 -------------------------------------------------------------------------------*/
9012 h3:hover .edit-box {
9016 #dashboard-widgets form .input-text-wrap input {
9020 #dashboard-widgets form .textarea-wrap textarea {
9024 #dashboard-widgets .postbox form .submit {
9031 #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
9035 #dashboard-widgets a {
9036 text-decoration: none;
9039 #dashboard-widgets h3 a {
9040 text-decoration: underline;
9043 #dashboard-widgets h3 .postbox-title-action {
9050 .js #dashboard-widgets h3 .postbox-title-action {
9054 #dashboard-widgets h4 {
9055 font-weight: normal;
9061 #dashboard_plugins h5 {
9065 /* Recent Comments */
9067 #latest-comments #the-comment-list {
9071 #activity-widget #latest-comments #the-comment-list .comment-item {
9075 #latest-comments #the-comment-list .pingback {
9076 padding-left: 12px !important;
9079 #latest-comments #the-comment-list .comment-item:first-child {
9083 #latest-comments #the-comment-list .comment-item h4 {
9089 #latest-comments #the-comment-list .comment-item h4 cite {
9091 font-weight: normal;
9094 #latest-comments #the-comment-list .comment-item blockquote,
9095 #latest-comments #the-comment-list .comment-item blockquote p {
9101 #latest-comments #the-comment-list .comment-item p.row-actions {
9113 #title-wrap #title {
9120 #title-wrap #title-prompt-text {
9140 margin-bottom: 12px;
9143 .rss-widget span.rss-date {
9156 .rss-widget cite:before {
9160 .dashboard-comment-wrap {
9162 word-wrap: break-word;
9166 #dashboard_browser_nag a.update-browser-link {
9171 #dashboard_browser_nag a {
9172 text-decoration: underline;
9175 #dashboard_browser_nag p.browser-update-nag.has-browser-icon {
9176 padding-right: 125px;
9179 #dashboard_browser_nag .browser-icon {
9183 #dashboard_browser_nag.postbox.browser-insecure {
9184 background-color: #ac1b1b;
9185 border-color: #ac1b1b;
9188 #dashboard_browser_nag.postbox {
9189 background-color: #e29808;
9190 background-image: none;
9191 border-color: #edc048;
9193 -webkit-box-shadow: none;
9197 #dashboard_browser_nag.postbox.browser-insecure h3 {
9198 border-bottom-color: #cd5a5a;
9202 #dashboard_browser_nag.postbox h3 {
9203 border-bottom-color: #f6e2ac;
9204 background: transparent none;
9206 -webkit-box-shadow: none;
9210 #dashboard_browser_nag a {
9214 /* Make the browser nags easier to read with Open Sans */
9216 #dashboard_browser_nag h3.hndle {
9223 .postbox#dashboard_browser_nag p a.dismiss {
9227 .postbox#dashboard_browser_nag p,
9228 .postbox#dashboard_browser_nag a,
9229 .postbox#dashboard_browser_nag p.browser-update-nag {
9236 #loginform p.submit,
9237 .login-action-lostpassword p.submit {
9239 margin: -10px 0 20px; /* May want to revisit this */
9250 padding: 26px 24px 46px;
9251 font-weight: normal;
9255 .login form .forgetmenot {
9256 font-weight: normal;
9261 .login .button-primary {
9269 #login form p.submit {
9279 .login form .forgetmenot label {
9289 background-image: url('../images/w-logo-blue.png?ver=20131202');
9290 background-image: none, url('../images/wordpress-logo.svg?ver=20131107');
9291 background-size: 80px 80px;
9292 background-position: center top;
9293 background-repeat: no-repeat;
9297 font-weight: normal;
9299 margin: 0 auto 25px;
9301 text-decoration: none;
9303 text-indent: -9999px;
9322 .login #backtoblog {
9336 .login input[type="text"] {
9341 margin: 2px 6px 16px 0;
9344 .login #pass-strength-result {
9347 border-style: solid;
9358 .mobile #login form,
9359 .mobile #login .message,
9360 .mobile #login_error {
9364 .mobile #login #nav,
9365 .mobile #login #backtoblog {
9369 .mobile #login h1 a {
9373 body.interim-login {
9377 .interim-login #login {
9379 margin: 5px auto 20px;
9382 .interim-login.login h1 a {
9386 .interim-login #login_error,
9387 .interim-login.login .message {
9391 .interim-login.login form {
9396 /* Background Color for Site Status */
9397 .wp-list-table .site-deleted {
9398 background: #ff8573;
9400 .wp-list-table .site-spammed {
9401 background: #faafaa;
9403 .wp-list-table .site-archived {
9404 background: #ffebe8;
9406 .wp-list-table .site-mature {
9407 background: #fecac2;
9416 .accordion-section ul.category-tabs,
9417 .accordion-section ul.add-menu-item-tabs,
9418 .accordion-section ul.wp-tab-bar {
9422 .accordion-section .categorychecklist {
9426 #nav-menu-meta .accordion-section-content {
9430 #nav-menu-meta .button-controls {
9439 #nav-menus-frame .accordion-section-content .inside {
9443 #wpbody-content #menu-settings-column {
9446 margin-left: -300px;
9452 #menu-settings-column .inside {
9457 .metabox-holder-disabled .postbox,
9458 .metabox-holder-disabled .accordion-section-content,
9459 .metabox-holder-disabled .accordion-section-title {
9461 filter: alpha(opacity=50);
9464 .metabox-holder-disabled .button-controls .select-all {
9472 .blank-slate .menu-name {
9476 .blank-slate .menu-settings {
9485 font-weight: normal;
9495 .manage-menus select {
9500 .manage-menus .selected-menu {
9502 margin: 5px 6px 0 0;
9505 .manage-menus .submit-btn {
9511 margin: .3em 0 .6em;
9514 .menu-edit #post-body-content h3 {
9519 border-top-width: 1px;
9520 border-top-style: solid;
9541 margin-left: -21.951%;
9544 .menu-settings label {
9545 vertical-align: baseline;
9548 .menu-edit .checkbox-input {
9552 .theme-location-set {
9556 /* Menu Container */
9557 #menu-management-liquid {
9570 #menu-management .menu-edit {
9571 margin-bottom: 20px;
9574 .nav-menus-php #post-body {
9575 padding: 0 10px 10px;
9576 border-width: 1px 0;
9577 border-style: solid;
9586 border-bottom: 1px solid;
9590 #nav-menu-header .menu-name-label {
9594 .nav-menus-php #post-body div.updated,
9595 .nav-menus-php #post-body div.error {
9599 .nav-menus-php #post-body-content {
9604 #menu-management .menu-add-new abbr {
9608 #select-nav-menu-container {
9610 padding: 0 10px 3px 10px;
9623 .widefat td.menu-location-menus {
9624 padding-bottom: 5px;
9627 .menu-location-menus select {
9631 #locations-nav-menu-wrapper {
9635 .locations-nav-menu-select select {
9641 .locations-row-links {
9643 margin: 6px 0 0 6px;
9646 .locations-edit-menu-link,
9647 .locations-add-menu-link {
9651 .locations-edit-menu-link {
9653 border-right: 1px solid #ccc;
9656 #wpbody .open-label {
9661 #wpbody .open-label span {
9662 padding-right: 10px;
9665 .js .input-with-default-title {
9669 #menu-management .inside {
9673 /* Add Menu Item Boxes */
9674 .postbox .howto input,
9675 .accordion-container .howto input {
9680 .accordion-container .outer-border {
9684 .customlinkdiv .howto input {
9692 #nav-menu-theme-locations .howto select {
9696 #nav-menu-theme-locations .button-controls {
9700 .add-menu-item-view-all {
9704 /* Button Primary Actions */
9705 #menu-container .submit {
9710 .nav-menus-php .add-new-menu-action {
9712 margin: 6px 0 0 6px;
9716 .nav-menus-php .meta-sep,
9717 .nav-menus-php .submitdelete,
9718 .nav-menus-php .submitcancel {
9730 text-decoration: underline;
9736 .button.right, .button-secondary.right, .button-primary.right {
9740 /* Button Secondary Actions */
9752 vertical-align: middle;
9774 #manage-menu .inside {
9779 #available-links dt {
9783 #add-custom-link .howto {
9787 #add-custom-link label span {
9794 .menu-item-textbox {
9798 .nav-menus-php .howto span {
9804 /* Menu item types */
9809 .nav-menus-php .list-wrap {
9812 margin-bottom: 10px;
9815 .nav-menus-php .list-container {
9818 padding: 10px 10px 5px;
9821 .nav-menus-php .postbox p.submit {
9826 .nav-menus-php .list li {
9832 .nav-menus-php .list li .menu-item-title {
9837 .nav-menus-php .list li .menu-item-title input {
9842 .menu-item-title input[type=checkbox] {
9843 display: inline-block;
9848 #menu-container .inside {
9849 padding-bottom: 10px;
9877 .menu-item-bar .menu-item-handle {
9878 border: 1px solid #dfdfdf;
9885 word-wrap: break-word;
9888 #menu-to-edit .menu-item-invalid .menu-item-handle {
9889 background: #f6c9cc;
9890 border-color: #f1acb1;
9893 .no-js .menu-item-edit-active .item-edit {
9897 .js .menu-item-handle {
9901 .menu li.deleting .menu-item-handle {
9902 background-image: none;
9905 .menu-item-handle .item-title {
9914 li.menu-item.ui-sortable-helper dl {
9918 li.menu-item.ui-sortable-helper .menu-item-transport dl {
9922 .menu .sortable-placeholder {
9928 /* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */
9929 .menu-item-depth-0 { margin-left: 0px; }
9930 .menu-item-depth-1 { margin-left: 30px; }
9931 .menu-item-depth-2 { margin-left: 60px; }
9932 .menu-item-depth-3 { margin-left: 90px; }
9933 .menu-item-depth-4 { margin-left: 120px; }
9934 .menu-item-depth-5 { margin-left: 150px; }
9935 .menu-item-depth-6 { margin-left: 180px; }
9936 .menu-item-depth-7 { margin-left: 210px; }
9937 .menu-item-depth-8 { margin-left: 240px; }
9938 .menu-item-depth-9 { margin-left: 270px; }
9939 .menu-item-depth-10 { margin-left: 300px; }
9940 .menu-item-depth-11 { margin-left: 330px; }
9942 .menu-item-depth-0 .menu-item-transport { margin-left: 0px; }
9943 .menu-item-depth-1 .menu-item-transport { margin-left: -30px; }
9944 .menu-item-depth-2 .menu-item-transport { margin-left: -60px; }
9945 .menu-item-depth-3 .menu-item-transport { margin-left: -90px; }
9946 .menu-item-depth-4 .menu-item-transport { margin-left: -120px; }
9947 .menu-item-depth-5 .menu-item-transport { margin-left: -150px; }
9948 .menu-item-depth-6 .menu-item-transport { margin-left: -180px; }
9949 .menu-item-depth-7 .menu-item-transport { margin-left: -210px; }
9950 .menu-item-depth-8 .menu-item-transport { margin-left: -240px; }
9951 .menu-item-depth-9 .menu-item-transport { margin-left: -270px; }
9952 .menu-item-depth-10 .menu-item-transport { margin-left: -300px; }
9953 .menu-item-depth-11 .menu-item-transport { margin-left: -330px; }
9955 body.menu-max-depth-0 { min-width: 950px !important; }
9956 body.menu-max-depth-1 { min-width: 980px !important; }
9957 body.menu-max-depth-2 { min-width: 1010px !important; }
9958 body.menu-max-depth-3 { min-width: 1040px !important; }
9959 body.menu-max-depth-4 { min-width: 1070px !important; }
9960 body.menu-max-depth-5 { min-width: 1100px !important; }
9961 body.menu-max-depth-6 { min-width: 1130px !important; }
9962 body.menu-max-depth-7 { min-width: 1160px !important; }
9963 body.menu-max-depth-8 { min-width: 1190px !important; }
9964 body.menu-max-depth-9 { min-width: 1220px !important; }
9965 body.menu-max-depth-10 { min-width: 1250px !important; }
9966 body.menu-max-depth-11 { min-width: 1280px !important; }
9968 /* Menu item controls */
9984 text-decoration: none;
9987 .item-controls a:hover {
9991 .item-controls .item-order {
9992 padding-right: 10px;
9995 .nav-menus-php .item-edit {
10002 margin-right: 0 !important;
10006 white-space: nowrap;
10010 .menu-instructions-inactive {
10014 .menu-item-settings {
10017 padding: 10px 0 10px 10px;
10018 position: relative;
10019 z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
10022 .menu-item-settings .field-move a {
10027 .menu-item-edit-active .menu-item-settings {
10031 .menu-item-edit-inactive .menu-item-settings {
10035 .add-menu-item-pagelinks {
10037 text-align: center;
10040 .link-to-original {
10043 padding: 3px 5px 5px;
10045 font-style: italic;
10048 .link-to-original a {
10050 font-style: normal;
10057 .menu-item-settings .description-thin,
10058 .menu-item-settings .description-wide {
10059 margin-right: 10px;
10063 .description-thin {
10068 .description-wide {
10072 .menu-item-actions {
10080 /* Major/minor publishing actions (classes) */
10081 .nav-menus-php .major-publishing-actions {
10083 padding: 3px 0 6px;
10086 .nav-menus-php .major-publishing-actions .publishing-action {
10093 .nav-menus-php .blank-slate .menu-settings {
10097 .nav-menus-php .delete-action {
10102 .nav-menus-php .submitbox .submitcancel {
10103 border-bottom: 1px solid;
10105 text-decoration: none;
10108 .nav-menus-php .major-publishing-actions .form-invalid {
10115 #menu-item-name-wrap:after,
10116 #menu-item-url-wrap:after,
10117 #menu-name-label:after,
10118 #menu-settings-column .inside:after,
10119 #nav-menus-frame:after,
10120 .nav-menus-php #post-body-content:after,
10121 .nav-menus-php .button-controls:after,
10122 .nav-menus-php .major-publishing-actions:after,
10123 .nav-menus-php .menu-item-settings:after {
10128 visibility: hidden;
10133 #menu-item-url-wrap,
10134 #menu-item-name-wrap {
10138 /* Star Ratings - Back-compat for pre-3.8 */
10140 position: relative;
10143 background: url('../images/stars.png?ver=20121108') repeat-x bottom left;
10146 div.star-holder .star-rating {
10147 background: url('../images/stars.png?ver=20121108') repeat-x top left;
10154 white-space: nowrap;
10156 .star-rating .star {
10157 display: inline-block;
10160 -webkit-font-smoothing: antialiased;
10163 font-family: 'dashicons';
10164 text-decoration: inherit;
10165 font-weight: normal;
10166 font-style: normal;
10167 vertical-align: top;
10168 -moz-transition: color .1s ease-in 0;
10169 -webkit-transition: color .1s ease-in 0;
10170 text-align: center;
10174 .star-rating .star-full:before {
10178 .star-rating .star-half:before {
10182 .rtl .star-rating .star-half {
10183 -webkit-transform: rotateY(180deg);
10184 -ms-transform: rotateY(180deg);
10185 transform: rotateY(180deg);
10188 .star-rating .star-empty:before {
10193 font-weight: normal;
10197 /* Header on thickbox */
10198 #plugin-information-header {
10202 position: relative;
10203 border-bottom-width: 1px;
10204 border-bottom-style: solid;
10207 #plugin-information ul#sidemenu {
10208 font-weight: normal;
10210 position: absolute;
10215 /* Install sidemenu */
10216 #plugin-information {
10220 #plugin-information p.action-button {
10225 -webkit-border-top-left-radius: 3px;
10226 -webkit-border-bottom-left-radius: 3px;
10227 border-top-left-radius: 3px;
10228 border-bottom-left-radius: 3px;
10231 #plugin-information .action-button a {
10232 text-align: center;
10234 text-decoration: none;
10239 #plugin-information h2 {
10240 clear: none !important;
10241 margin-right: 200px;
10244 #plugin-information .fyi {
10245 margin: 0 10px 50px;
10249 #plugin-information .fyi h2 {
10255 #plugin-information .fyi h2.mainheader {
10257 -webkit-border-top-left-radius: 3px;
10258 border-top-left-radius: 3px;
10261 #plugin-information .fyi ul {
10262 padding: 10px 5px 10px 7px;
10265 -webkit-border-bottom-left-radius: 3px;
10266 border-bottom-left-radius: 3px;
10269 #plugin-information .fyi li {
10273 #plugin-information #section-holder {
10277 #plugin-information .section ul,
10278 #plugin-information .section ol {
10280 list-style-type: square;
10281 list-style-image: none;
10284 #plugin-information #section-screenshots ol {
10289 #plugin-information #section-screenshots li img {
10290 vertical-align: text-top;
10296 #plugin-information #section-screenshots li p {
10297 font-style: italic;
10298 padding-left: 20px;
10299 padding-bottom: 2em;
10302 #plugin-information #section-screenshots ol,
10303 #plugin-information .updated,
10304 #plugin-information pre {
10305 margin-right: 215px;
10308 #plugin-information pre {
10312 border-style: solid;
10315 .plugin-version-author-uri {
10325 border-bottom-width: 1px;
10326 border-bottom-style: solid;
10329 .press-this #wphead {
10333 margin-bottom: 5px;
10336 .press-this #header-logo {
10339 -webkit-user-select: none;
10340 -moz-user-select: none;
10344 .press-this #wphead h1 {
10345 font-weight: normal;
10352 .press-this #wphead h1 a {
10353 text-decoration: none;
10356 .press-this #wphead h1 a:hover {
10357 text-decoration: underline;
10360 .press-this #message {
10364 .press-this .posting {
10365 margin-right: 252px;
10368 .press-this-sidebar {
10374 .press-this #title {
10377 -moz-box-sizing: border-box;
10378 -webkit-box-sizing: border-box;
10379 -ms-box-sizing: border-box;
10380 box-sizing: border-box;
10383 .press-this .tagchecklist {
10387 .press-this #titlediv {
10391 .press-this .wp-media-buttons {
10393 padding: 8px 8px 6px;
10396 .press-this .howto {
10398 margin-bottom: 3px;
10400 font-style: italic;
10404 .press-this #wp-content-editor-container {
10408 .press-this #poststuff .inside {
10412 .press-this .category-tabs {
10413 margin-bottom: 3px;
10416 /* Editor/Main Column */
10417 .press-this #poststuff {
10418 margin: 0 10px 10px;
10422 .press-this #photo-add-url-div input[type="text"] {
10426 #poststuff #editor-toolbar {
10440 margin-right: 212px;
10441 position: relative;
10444 .press-this .inner-sidebar {
10448 .press-this .inner-sidebar .sleeve {
10452 .press-this #submitdiv p {
10457 .press-this #submitdiv #publishing-actions {
10458 border-bottom: 1px solid #dfdfdf;
10461 .press-this #publish {
10465 .press-this #poststuff h2,
10466 .press-this #poststuff h3 {
10471 .press-this #tagsdiv-post_tag h3,
10472 .press-this #categorydiv h3 {
10476 .press-this #submitdiv h3 {
10487 border: 1px solid #333;
10490 .press-this .postbox,
10491 .press-this .stuffbox {
10492 margin-bottom: 10px;
10496 .js .meta-box-sortables .postbox:hover .handlediv {
10497 margin-right: 0 !important;
10500 /* Metabox collapse arrow indicators */
10501 .js .sidebar-name .sidebar-name-arrow:before,
10502 .js .meta-box-sortables .postbox .handlediv:before {
10504 font: normal 20px/1 'dashicons';
10506 display: inline-block;
10509 position: relative;
10510 -webkit-font-smoothing: antialiased;
10511 -moz-osx-font-smoothing: grayscale;
10512 text-decoration: none !important;
10515 .js #widgets-left .sidebar-name .sidebar-name-arrow {
10519 .js #widgets-left .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow,
10520 .js #widgets-left .sidebar-name:hover .sidebar-name-arrow {
10524 /* Show the arrow only on hover */
10525 .js .sidebar-name .sidebar-name-arrow:before,
10526 .js .meta-box-sortables .postbox .handlediv:before {
10530 .js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
10531 .js .meta-box-sortables .postbox.closed .handlediv:before {
10535 .press-this #submitdiv:hover .handlediv {
10543 border-color: #dfdfdf;
10546 .press-this .actions {
10551 .press-this #extra-fields .actions {
10552 margin: -32px -7px 0 0;
10555 .press-this .actions li {
10558 margin-right: 10px;
10561 #extra-fields .button {
10568 vertical-align: middle;
10571 #img_container_container {
10577 position: relative;
10594 #waiting .spinner {
10598 #extra-fields .postbox {
10599 margin-bottom: 5px;
10602 #extra-fields .titlewrap {
10614 #img_container img,
10620 #img_container img {
10622 background-color: #f4f4f4;
10627 #img_container a:link,
10628 #img_container a:visited {
10629 border: 1px solid #ccc;
10631 position: relative;
10634 #img_container a:hover,
10635 #img_container a:active {
10636 border-color: #000;
10648 .press-this .categorydiv div.tabs-panel {
10653 .press-this .tagsdiv .newtag {
10657 .press-this #content {
10662 font-family: Consolas, Monaco, monospace;
10665 background: transparent;
10669 .press-this #publishing-actions .spinner {
10671 vertical-align: middle;
10674 #TB_ajaxContent #options {
10675 position: absolute;
10681 #TB_ajaxContent h3 {
10682 margin-bottom: .25em;
10686 text-decoration: underline;
10690 text-decoration: none;
10691 padding-bottom: 2px;
10697 margin: -17px 0 0 7px;
10698 visibility: hidden;
10701 input.newtag ~ div.taghint {
10702 visibility: visible;
10705 input.newtag:focus ~ div.taghint {
10706 visibility: hidden;
10710 #mce_fullscreen_container {
10714 #photo-add-url-div input[type="text"] {
10718 /* Theme/Plugin Editor */
10723 #template textarea {
10724 font-family: Consolas, Monaco, monospace;
10727 background: #f9f9f9;
10732 #template textarea,
10744 word-wrap: break-word;
10748 #postcustomstuff p.submit {
10767 .theme-editor-php .highlight {
10769 padding: 3px 3px 3px 12px;
10770 text-decoration: none;
10773 .theme-editor-php .highlight {
10774 margin: -3px 3px -3px -12px;
10777 #templateside .highlight {
10784 font-style: italic;
10785 padding-left: 12px;
10792 #documentation label {
10794 vertical-align: baseline;
10799 padding: 10px 0 8px;
10804 padding: 8px 12px 0;
10807 .feature-filter .feature-group {
10809 margin: 5px 10px 10px;
10812 .feature-filter .feature-group li {
10813 display: inline-block;
10814 vertical-align: top;
10815 list-style-type: none;
10816 padding-right: 25px;
10820 /* General Widgets Styles */
10823 margin: 0 auto 10px;
10824 position: relative;
10825 box-sizing: border-box;
10826 -moz-box-sizing: border-box;
10827 -webkit-box-sizing: border-box;
10833 background: #f7f7f7;
10836 .widget-top a.widget-action,
10837 .widget-top a.widget-action:hover {
10838 text-decoration: none;
10846 white-space: nowrap;
10847 text-overflow: ellipsis;
10848 -webkit-user-select: none;
10849 -moz-user-select: none;
10853 .widgets-holder-wrap .widget-inside {
10855 padding: 1px 15px 15px 15px;
10859 /* Widget Dragging Helpers */
10860 .widget.ui-draggable-dragging {
10864 .widget.ui-sortable-helper {
10868 .widget-placeholder {
10869 border: 1px dashed #bbb;
10870 margin: 0 auto 10px;
10873 -webkit-box-sizing: border-box;
10874 -moz-box-sizing: border-box;
10875 box-sizing: border-box;
10878 #widgets-right .widget-placeholder {
10882 #widgets-right .closed .widget-placeholder {
10888 /* Widget Sidebars */
10891 position: relative;
10892 -webkit-box-sizing: border-box;
10893 -moz-box-sizing: border-box;
10894 box-sizing: border-box;
10897 .sidebar-name-arrow {
10898 position: absolute;
10904 .js .sidebar-name {
10912 white-space: nowrap;
10915 .widgets-holder-wrap .description {
10918 font-style: normal;
10922 #widgets-right .widgets-holder-wrap .description {
10924 padding-right: 7px;
10927 /* Widgets 2-col Layout */
10928 div.widget-liquid-left {
10934 div.widget-liquid-right {
10939 /* Widgets Left - Available Widgets */
10945 div#widgets-left .closed .sidebar-name,
10946 div#widgets-left .inactive-sidebar.closed .sidebar-name {
10947 margin-bottom: 10px;
10950 div#widgets-left .sidebar-name h3 {
10952 margin: 0 10px 0 0;
10955 div#widgets-left .sidebar-name .sidebar-name-arrow:before {
10958 padding: 4px 6px 4px 4px;
10961 div#widgets-left .widget-holder {
10962 background: transparent;
10966 #available-widgets .widget-action {
10970 #available-widgets .widget {
10974 #available-widgets .widget:nth-child(odd) {
10978 #available-widgets .widget .widget-description {
10980 padding: 10px 15px;
10984 #available-widgets #widget-list {
10985 position: relative;
10988 /* Inactive Sidebars */
10989 #widgets-left .inactive-sidebar {
10992 background: transparent;
10994 margin: 0 0 20px 0;
10999 #widgets-left .inactive-sidebar.first {
11003 /* Not sure what this is for... */
11004 div#widgets-left .inactive-sidebar .widget.expanded {
11008 .widget-title-action {
11010 position: relative;
11013 div#widgets-left .inactive-sidebar .widgets-sortables {
11016 background: transparent;
11018 position: relative;
11021 /* Widgets Right */
11023 div#widgets-right:after {
11028 visibility: hidden;
11031 div#widgets-right .sidebars-column-1,
11032 div#widgets-right .sidebars-column-2 {
11036 div#widgets-right .widgets-holder-wrap {
11037 margin: 10px 0 0 0;
11040 div#widgets-right .sidebar-description {
11045 div#widgets-right .sidebar-name h3 {
11049 div#widgets-right .sidebar-name .sidebar-name-arrow:before {
11054 div#widgets-right .widget-top {
11058 div#widgets-right .widgets-sortables {
11060 margin-bottom: 9px;
11061 position: relative;
11065 div#widgets-right .closed .widgets-sortables {
11070 .sidebar-name .spinner {
11075 /* Dragging a widget over a closed sidebar */
11076 #widgets-right .widgets-holder-wrap.widget-hover {
11077 border-color: #777;
11078 box-shadow: 0 1px 2px rgba(0,0,0,0.3);
11081 /* Accessibility Mode */
11082 .widgets_access #widgets-left .widget .widget-top {
11086 .widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description,
11087 .widgets_access #wpwrap .widgets-holder-wrap.closed .widget,
11088 .widgets_access #wpwrap .widget-control-edit {
11092 .widgets_access #widgets-left .widget .widget-top:hover,
11093 .widgets_access #widgets-right .widget .widget-top:hover {
11094 border-color: #ddd;
11097 #available-widgets .widget-control-edit .edit,
11098 #widgets-left .inactive-sidebar .widget-control-edit .add,
11099 #widgets-right .widget-control-edit .add {
11103 .widget-control-edit {
11109 border-left: 1px solid #DDD;
11112 #widgets-left .widget-control-edit:hover,
11113 #widgets-right .widget-control-edit:hover {
11117 outline: 1px solid #444;
11120 .widgets-holder-wrap .sidebar-name,
11121 .widgets-holder-wrap .sidebar-description {
11122 -webkit-user-select: none;
11123 -moz-user-select: none;
11131 .editwidget .widget-inside {
11136 .editwidget .widget-control-actions {
11140 .js .widgets-holder-wrap.closed .widget,
11141 .js .widgets-holder-wrap.closed .sidebar-description,
11142 .js .closed br.clear {
11146 .nav-menus-php .item-edit:before,
11147 .widget-top a.widget-action:after,
11148 .control-section .accordion-section-title:after,
11149 .accordion-section-title:after {
11154 font: normal 20px/1 'dashicons';
11159 text-align: center;
11160 position: relative;
11161 -webkit-font-smoothing: antialiased;
11162 -moz-osx-font-smoothing: grayscale;
11163 text-decoration: none !important;
11166 .widget-top a.widget-action:after {
11167 padding: 12px 12px 0;
11170 .nav-menus-php .item-edit:before {
11174 .control-section .accordion-section-title:after,
11175 .accordion-section-title:after {
11181 .control-section.open .accordion-section-title:after,
11182 #customize-info.open .accordion-section-title:after,
11183 .nav-menus-php .menu-item-edit-active .item-edit:before {
11187 /* Hide Widget Settings by Default */
11189 .widget-description {
11193 /* Dragging widgets over the available widget area show's a "Deactivate" message */
11196 font-weight: normal;
11197 padding-left: 15px;
11202 .widget-control-noform,
11204 .widgets_access .widget-action,
11205 .widgets_access .sidebar-name-arrow,
11206 .widgets_access #access-on,
11207 .widgets_access .widget-holder .description,
11208 .no-js .widget-holder .description {
11212 .widgets_access .widget-holder,
11213 .widgets_access #widget-list {
11217 .widgets_access #access-off {
11221 .widgets_access .sidebar-name,
11222 .widgets_access .widget .widget-top {
11227 /* Widgets Area Chooser */
11228 .widget-liquid-left #widgets-left.chooser #available-widgets .widget,
11229 .widget-liquid-left #widgets-left.chooser .inactive-sidebar {
11230 transition: opacity 0.1s linear;
11233 .widget-liquid-left #widgets-left.chooser #available-widgets .widget,
11234 .widget-liquid-left #widgets-left.chooser .inactive-sidebar {
11235 /* -webkit-filter: blur(1px); */
11237 pointer-events: none;
11240 .widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question {
11241 /* -webkit-filter: none; */
11243 pointer-events: auto;
11246 .widgets-chooser ul.widgets-chooser-sidebars {
11248 list-style-type: none;
11257 .widgets-chooser ul {
11258 border: 1px solid #ccc;
11261 .widgets-chooser li {
11262 padding: 10px 15px 10px 35px;
11263 border-bottom: 1px solid #ccc;
11268 position: relative;
11269 transition: background: 0.2s ease-in-out;
11272 .widgets-chooser li:hover,
11273 .widgets-chooser li:focus {
11274 background: rgba(255,255,255,0.7);
11277 .widgets-chooser li:focus:before {
11280 -webkit-font-smoothing: antialiased;
11281 font: normal 26px/1 'dashicons';
11283 position: absolute;
11288 .widgets-chooser li:last-child {
11292 .widgets-chooser li.widgets-chooser-selected {
11293 background: #2ea2cc;
11297 .widgets-chooser li.widgets-chooser-selected:before,
11298 .widgets-chooser li.widgets-chooser-selected:focus:before {
11301 -webkit-font-smoothing: antialiased;
11302 font: normal 26px/1 'dashicons';
11304 position: absolute;
11309 .widgets-chooser .widgets-chooser-actions {
11310 padding: 10px 0 12px 0;
11311 text-align: center;
11314 .widgets-chooser button {
11318 #available-widgets .widget .widget-top {
11322 /* Enable draggable on IE10 touch events until it's rolled into jQuery UI core */
11325 -ms-touch-action: none;
11326 touch-action: none;
11329 .meta-box-sortables.ui-sortable,
11330 .widgets-holder-wrap .ui-draggable,
11331 .widgets-holder-wrap .ui-sortable,
11332 .menu.ui-sortable {
11333 -ms-touch-action: auto;
11334 touch-action: auto;
11337 .meta-box-sortables.ui-sortable .hndle,
11338 .menu.ui-sortable .menu-item-handle {
11339 -ms-touch-action: none;
11340 touch-action: none;
11345 .accordion-section {
11346 border-bottom: 1px solid #dfdfdf;
11350 .accordion-section.open .accordion-section-content,
11351 .no-js .accordion-section .accordion-section-content {
11355 .accordion-section.open:hover {
11356 border-bottom-color: #dfdfdf;
11359 .accordion-section-content {
11361 padding: 10px 20px 15px;
11364 border-left: 1px solid #dfdfdf;
11365 border-right: 1px solid #dfdfdf;
11368 .accordion-section-title {
11370 padding: 12px 15px 15px;
11371 position: relative;
11372 border-left: 1px solid #dfdfdf;
11373 border-right: 1px solid #dfdfdf;
11375 -webkit-user-select: none;
11376 -moz-user-select: none;
11380 .js .accordion-section-title {
11384 .js .accordion-section-title:after {
11385 position: absolute;
11391 .accordion-section-title:focus {
11395 .accordion-section-title:hover:after,
11396 .accordion-section-title:focus:after {
11397 border-color: #aaa transparent;
11400 .cannot-expand .accordion-section-title {
11404 .cannot-expand .accordion-section-title:after {
11408 .control-section .accordion-section-title {
11410 border-right: none;
11411 padding: 10px 10px 11px 14px;
11416 .control-section .accordion-section-title:after {
11420 .js .control-section:hover .accordion-section-title,
11421 .js .control-section .accordion-section-title:hover,
11422 .js .control-section.open .accordion-section-title,
11423 .js .control-section .accordion-section-title:focus {
11425 background: #f5f5f5;
11428 .control-section.open .accordion-section-title {
11429 /* When expanded */
11430 border-bottom: 1px solid #dfdfdf;
11433 .sticky-menu #TB_window .updated {
11437 li#wp-admin-bar-menu-toggle {
11442 -------------------------------------------------------------- */
11444 @media screen and (max-width: 480px) {
11445 div.widget-liquid-left {
11448 border-right: none;
11452 #widgets-left .sidebar-name {
11456 #widgets-left #available-widgets .widget-top {
11460 #widgets-left .inactive-sidebar .widgets-sortables {
11464 div.widget-liquid-right {
11470 margin: 0 auto 10px !important;
11475 @media screen and (max-width: 320px) {
11481 @media only screen and (max-width: 768px) {
11492 @media only screen and (min-width: 769px) {
11503 @media only screen and (max-width: 860px) {
11515 @media only screen and (min-width: 980px) {
11527 @media only screen and (max-width: 768px) {
11538 .form-field textarea {
11542 .form-wrap .form-field {
11547 #profile-page .form-table textarea {
11552 /* menu locations */
11553 #menu-locations-wrap .widefat {
11558 @media only screen and (min-width: 1250px) {
11559 #widgets-left #available-widgets .widget {
11564 .widget.ui-draggable-dragging {
11568 #widgets-left #available-widgets .widget:nth-child(even) {
11572 #widgets-right .sidebars-column-1,
11573 #widgets-right .sidebars-column-2 {
11578 #widgets-right .sidebars-column-1 {
11582 #widgets-right.single-sidebar .sidebars-column-1,
11583 #widgets-right.single-sidebar .sidebars-column-2 {
11594 (-o-min-device-pixel-ratio: 5/4),
11595 (-webkit-min-device-pixel-ratio: 1.25),
11596 (min-resolution: 120dpi) {
11597 tr.wp-locked .locked-indicator {
11598 background-image: url('../images/lock-2x.png');
11599 background-size: 16px 16px;
11602 #content-resize-handle,
11603 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
11604 background: transparent url('../images/resize-2x.gif') no-repeat scroll right bottom;
11605 background-size: 11px 11px;
11608 .rtl #content-resize-handle,
11609 .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
11610 background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll right bottom;
11613 /* Back-compat for pre-3.8 */
11615 background: url('../images/stars-2x.png?ver=20121108') repeat-x bottom left;
11616 background-size: 21px 37px;
11619 /* Back-compat for pre-3.8 */
11620 div.star-holder .star-rating {
11621 background: url('../images/stars-2x.png?ver=20121108') repeat-x top left;
11622 background-size: 21px 37px;
11625 .wp-full-overlay .collapse-sidebar-arrow {
11626 background-image: url('../images/arrows-2x.png');
11627 background-size: 15px 123px;
11632 .customize-loading #customize-container,
11633 .revision-tick.completed-false,
11634 #theme-installer .wp-full-overlay-main {
11635 background-image: url('../images/spinner-2x.gif');
11641 -------------------------------------------------------------- */
11643 /* zh_CN: Remove italic properties. */
11644 .locale-zh-cn .howto,
11645 .locale-zh-cn .tablenav .displaying-num,
11646 .locale-zh-cn .js .input-with-default-title,
11647 .locale-zh-cn .link-to-original,
11648 .locale-zh-cn .inline-edit-row fieldset span.title,
11649 .locale-zh-cn .inline-edit-row fieldset span.checkbox-title,
11650 .locale-zh-cn #utc-time,
11651 .locale-zh-cn #local-time,
11652 .locale-zh-cn p.install-help,
11653 .locale-zh-cn p.help,
11654 .locale-zh-cn p.description,
11655 .locale-zh-cn span.description,
11656 .locale-zh-cn .form-wrap p {
11657 font-style: normal;
11660 /* zh_CN: Enlarge dashboard widget 'Configure' link */
11661 .locale-zh-cn .hdnle a { font-size: 12px; }
11663 /* zn_CH: Enlarge font size, set font-size: normal */
11664 .locale-zh-cn form.upgrade .hint { font-style: normal; font-size: 100%; }
11666 /* Zn_CH: Distraction free writing.
11667 * More beautiful font for "Just write."
11668 * Larger text for HTML/Visual mode.
11670 .locale-zh-cn #wp-fullscreen-tagline { font-family: KaiTi, "楷体", sans-serif; }
11671 .locale-zh-cn #wp-fullscreen-modes a { font-size: 12px; }
11673 /* zh_CN: Enlarge font-size. */
11674 .locale-zh-cn #sort-buttons { font-size: 1em !important; }
11676 /* de_DE: Text needs more space for translation */
11677 .locale-de-de .inline-edit-row fieldset label span.title {
11678 width: 7em; /* default 5em */
11680 .locale-de-de .inline-edit-row fieldset label span.input-text-wrap {
11681 margin-left: 7em; /* default 5em */
11683 .locale-de-de #customize-header-actions .button {
11684 padding: 0 5px 1px; /* default 0 10px 1px */
11686 .locale-de-de #customize-header-actions .spinner {
11687 margin: 16px 3px 0; /* default 16px 4px 0 5px */
11690 /* ru_RU: Text needs more room to breathe. */
11691 .locale-ru-ru .inline-edit-row fieldset label span.title {
11692 width: 8em; /* default 5em */
11694 .locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap {
11695 margin-left: 8em; /* default 5em */
11697 .locale-ru-ru.press-this .posting {
11698 margin-right: 277px; /* default 252px + 25px */
11700 .locale-ru-ru .press-this-sidebar {
11701 width: 265px; /* default 240px + 25px */
11703 .locale-ru-ru #customize-header-actions .button {
11704 padding: 0 5px 1px; /* default 0 10px 1px */
11706 .locale-ru-ru #customize-header-actions .spinner {
11707 margin: 16px 3px 0; /* default 16px 4px 0 5px */
11710 /* lt_LT: QuickEdit */
11711 .locale-lt-lt .inline-edit-row fieldset label span.title {
11714 .locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap {
11720 width: device-width;
11723 @media screen and ( max-width: 782px ) {
11730 overflow-x: hidden;
11734 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
11738 background: #f0f0f0;
11741 #wpcontent, .auto-fold #wpcontent {
11742 position: relative;
11744 padding-left: 10px;
11748 margin-right: 12px;
11756 .sticky-menu #adminmenuwrap {
11757 position: relative;
11762 /* Hidden Elements */
11764 #screen-meta-links,
11766 .post-format-select {
11767 display: none !important;
11770 /* Input Elements */
11772 -webkit-appearance: none;
11775 input[type=text], input[type=search],
11776 input[type=password], input[type=number] {
11777 -webkit-appearance: none;
11782 padding-bottom: 5px;
11786 input[type=checkbox], .widefat th input[type=checkbox] {
11787 -webkit-appearance: none;
11791 .widefat th input[type=checkbox] {
11792 margin-bottom: 8px;
11795 input[type=checkbox]:checked:before, .widefat th input[type=checkbox]:before {
11796 font: normal 30px/1 'Dashicons';
11801 input[type=checkbox] {
11806 .wp-admin p input[type=checkbox],
11807 .wp-admin p input[type=radio] {
11811 input[type=radio]:checked:before {
11812 vertical-align: middle;
11819 .wp-upload-form input[type=submit] {
11828 .wp-admin .button-cancel {
11833 .wrap .add-new-h2, .wrap .add-new-h2:active {
11834 padding: 10px 15px;
11840 padding-left: 45px;
11843 .wp-color-result:after {
11849 #createuser .form-field input {
11853 /* Feedback Messages */
11854 .wrap div.updated, .wrap div.error, .media-upload-form div.error {
11855 margin: 20px 0 10px 0;
11861 /* Sidebar Adjustments */
11862 .auto-fold #adminmenu,
11863 .auto-fold #adminmenuback,
11864 .auto-fold #adminmenuwrap {
11865 position: absolute;
11870 .auto-fold #adminmenuback,
11871 .auto-fold #adminmenuwrap {
11875 .auto-fold #adminmenu li.menu-top {
11879 /* Resize the admin menu items to a comfortable touch size */
11880 .auto-fold #adminmenu li a {
11885 .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
11886 padding: 10px 10px 10px 20px;
11889 /* Restore the menu names */
11890 .auto-fold #adminmenu .wp-menu-name {
11895 /* Switch the arrow side */
11896 .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
11897 .auto-fold ul#adminmenu > li.current > a.current:after {
11902 .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
11906 /* Make the submenus appear correctly when tapped. */
11907 #adminmenu .wp-submenu {
11908 position: relative;
11912 .auto-fold #adminmenu .selected .wp-submenu,
11913 .auto-fold #adminmenu .wp-menu-open .wp-submenu {
11914 position: relative;
11918 -webkit-box-shadow: none;
11922 .auto-fold #adminmenu .selected .wp-submenu:after,
11923 .auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
11927 .auto-fold #adminmenu .opensub .wp-submenu {
11931 .auto-fold #adminmenu .selected .wp-submenu {
11935 .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
11939 .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
11940 .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
11941 position: relative;
11947 /* Remove submenu headers and adjust sub meu*/
11948 #adminmenu .wp-submenu .wp-submenu-head {
11952 /* Sidebar Toggle */
11953 #wp-responsive-toggle {
11957 padding-right: 10px;
11960 box-sizing: border-box;
11961 -moz-box-sizing: border-box;
11964 .wrap .icon32 + h2 {
11968 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
11972 .wp-responsive-open #wpbody {
11976 .auto-fold .wp-responsive-open #adminmenuback,
11977 .auto-fold .wp-responsive-open #adminmenuwrap {
11981 /* General New Post Form */
11982 #post-body-content {
11986 #titlediv #title-prompt-text,
11987 #wp-fullscreen-title-prompt-text {
11988 padding: 10px 10px;
11991 .post-format-options {
11995 .post-format-options a {
11997 margin-bottom: 5px;
12001 .post-format-options .post-format-title {
12005 .post-format-options a div {
12010 .post-format-options a div:before {
12011 font-size: 26px !important;
12014 /* General Metabox */
12020 .metabox-holder h3 {
12024 .postbox .handlediv {
12028 /* Publish Metabox Options */
12029 #post-visibility-select {
12033 .wp-core-ui .save-post-visibility,
12034 .wp-core-ui .save-timestamp {
12035 vertical-align: middle;
12036 margin-right: 15px;
12039 .timestamp-wrap select#mm {
12042 margin-bottom: 10px;
12045 .timestamp-wrap #jj,
12046 .timestamp-wrap #aa,
12047 .timestamp-wrap #hh,
12048 .timestamp-wrap #mn {
12051 margin-bottom: 5px;
12053 text-align: center;
12056 /* Categories Metabox */
12058 margin: 30px 0 15px;
12061 ul.category-tabs li.tabs {
12065 .press-this ul.category-tabs li.tabs {
12066 padding: 3px 5px 5px; /* Reset tabs in Press This to standard size */
12069 ul.categorychecklist li {
12070 margin-bottom: 15px;
12073 ul.categorychecklist ul {
12077 .category-add input[type=text],
12078 .category-add select {
12080 margin-bottom: 15px;
12086 padding: 25px 10px;
12087 margin-bottom: 15px;
12094 .tagchecklist span {
12100 #diff-next-revision,
12101 #diff-previous-revision {
12106 -ms-word-break: break-all;
12107 word-break: break-all;
12108 word-wrap: break-word;
12112 #commentstatusdiv p {
12116 /* TinyMCE Adjustments */
12118 white-space: normal !important;
12123 float: left !important;
12126 .wp_themeSkin a.mceButton {
12131 .wp_themeSkin .mceButton .mceIcon {
12136 .wp_themeSkin .mceSplitButton {
12140 .wp_themeSkin .mceSplitButton td a.mceAction {
12142 padding-bottom: 6px;
12144 padding-right: 3px;
12147 .wp_themeSkin .mceSplitButton td a.mceOpen,
12148 .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
12150 padding-bottom: 6px;
12151 background-position: 1px 6px;
12154 .wp_themeSkin table.mceListBox {
12158 div.quicktags-toolbar input {
12159 padding: 10px 20px;
12162 #wp-content-editor-tools {
12164 padding: 20px 15px 1px 0;
12168 a.wp-switch-editor {
12171 margin: 3px 0 0 7px;
12172 padding: 12px 15px;
12175 #wp-content-media-buttons a {
12179 padding: 0 20px 0 15px;
12182 .wp-media-buttons span.wp-media-buttons-icon,
12183 .wp-media-buttons span.jetpack-contact-form-icon {
12184 width: 22px !important;
12185 margin-top: -3px !important;
12186 margin-left: -5px !important;
12189 .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
12190 .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
12191 font-size: 20px !important;
12194 #content_wp_fullscreen {
12198 .misc-pub-section {
12199 padding: 20px 10px 20px;
12202 .misc-pub-section > a {
12208 #publishing-action {
12212 /* Subsubsub Nav */
12215 text-align: center;
12216 margin-bottom: 15px;
12219 /* WP List Table Options & Filters */
12229 position: relative;
12237 .tablenav br.clear {
12242 padding-bottom: 100px;
12247 position: absolute;
12251 margin-bottom: 20px;
12254 p.search-box input[name="s"] {
12258 margin-bottom: 10px;
12259 vertical-align: middle;
12260 -webkit-appearance: none;
12263 p.search-box input[type="submit"] {
12264 margin-bottom: 10px;
12267 .tablenav.top .actions, .view-switch {
12272 .tablenav.top .displaying-num {
12276 .tablenav.bottom .displaying-num {
12277 position: absolute;
12285 text-align: center;
12289 .tablenav.bottom .tablenav-pages {
12293 .tablenav.top .tablenav-pages.one-page {
12297 .tablenav.bottom .tablenav-pages.one-page {
12298 margin: 15px 0 0 0;
12302 .tablenav-pages .pagination-links .paging-input {
12306 .tablenav-pages .pagination-links a {
12307 padding: 8px 20px 11px;
12309 background: rgba(0, 0, 0, 0.05);
12312 .tablenav-pages .pagination-links .current-page {
12317 /* WP List Table Adjustments: General */
12326 /* Columns to hide */
12327 .fixed .column-date,
12328 .fixed .column-author,
12329 .column-categories,
12331 .tags .column-description,
12332 .media .column-parent,
12333 .users .column-email,
12334 .users .column-name,
12335 .sites .column-registered,
12336 .sites .column-users {
12340 .fixed .column-comment .comment-author {
12349 .fixed .column-comments, .widefat .check-column {
12353 .widefat thead .check-column, .widefat tfoot .check-column {
12354 padding: 10px 0 10px;
12361 /* Quick Edit and Bulk Edit */
12362 #wpbody-content .quick-edit-row-post .inline-edit-col-left,
12363 #wpbody-content .quick-edit-row-post .inline-edit-col-right,
12364 #wpbody-content .inline-edit-row-post .inline-edit-col-center,
12365 #wpbody-content .quick-edit-row-page .inline-edit-col-left,
12366 #wpbody-content .quick-edit-row-page .inline-edit-col-right,
12367 #wpbody-content .bulk-edit-row-post .inline-edit-col-right,
12368 #wpbody-content .bulk-edit-row .inline-edit-col-left,
12369 #wpbody-content .bulk-edit-row-page .inline-edit-col-right,
12370 #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
12375 #wpbody-content .quick-edit-row fieldset .inline-edit-col label,
12376 #wpbody-content .quick-edit-row fieldset .inline-edit-group label,
12377 #wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
12378 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
12381 margin-bottom: 5px;
12384 #wpbody .bulk-edit-row fieldset select {
12388 -moz-box-sizing: border-box;
12389 box-sizing: border-box;
12392 .inline-edit-row fieldset ul.cat-checklist label,
12393 .inline-edit-row #bulk-titles div {
12397 .inline-edit-row fieldset label span.title {
12401 .inline-edit-row fieldset label.inline-edit-tags {
12405 .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
12409 .inline-edit-row fieldset label span.input-text-wrap {
12413 .inline-edit-row fieldset input[name=jj],
12414 .inline-edit-row fieldset input[name=hh],
12415 .inline-edit-row fieldset input[name=mn] {
12419 .inline-edit-row fieldset input[name=aa] {
12424 margin: 0.8em 0.3em;
12427 #bulk-titles div a {
12432 .tags .column-posts {
12436 .tags .column-slug {
12441 .comments .column-response {
12446 .users .column-role {
12450 /* Network admin sites */
12451 .sites .column-blogname {
12456 #wpbody-content #update-themes-table .plugin-title {
12462 -moz-box-sizing: border-box;
12463 box-sizing: border-box;
12470 vertical-align: middle;
12473 .form-table .color-palette td {
12474 display: table-cell;
12478 .form-table table.color-palette {
12479 margin-right: 10px;
12487 .form-table td input[type="text"],
12488 .form-table td input[type="password"],
12489 .form-table td select,
12490 .form-table td textarea,
12491 .form-table span.description,
12492 #profile-page .form-table textarea {
12499 box-sizing: border-box;
12500 -moz-box-sizing: border-box;
12503 input[type=text].small-text,
12504 input[type=search].small-text,
12505 input[type=password].small-text,
12506 input[type=number].small-text,
12507 input[type="number"].small-text,
12508 .form-table input[type=text].small-text {
12516 #pass-strength-result {
12518 box-sizing: border-box;
12519 -moz-box-sizing: border-box;
12523 .form-table span.description {
12525 line-height: 1.4em;
12539 .form-table input.regular-text {
12543 .form-table label {
12547 .form-table fieldset label {
12563 /* Add/Edit Media */
12564 .wp_attachment_details label[for="content"] {
12566 line-height: 1.5em;
12570 .link-manager-php #posts-filter {
12574 .link-manager-php .tablenav.bottom {
12578 .links-table #link_rel {
12589 * ----------------------------------------------------------------------------
12591 body.nav-menus-php {
12592 min-width: 0 !important;
12601 #wpbody-content #menu-settings-column {
12608 #side-sortables .add-menu-item-tabs {
12609 margin: 15px 0 14px;
12612 ul.add-menu-item-tabs li.tabs {
12613 padding: 13px 15px 14px;
12616 .nav-menus-php .item-controls .item-type {
12620 .nav-menus-php .customlinkdiv .howto input {
12624 .nav-menus-php .quick-search {
12628 #menu-management-liquid {
12632 .nav-menus-php .menu-name-label.howto span {
12636 .menu-name-label #menu-name {
12640 .nav-menus-php .major-publishing-actions .publishing-action {
12644 .nav-menus-php .delete-action {
12650 .menu-item-bar .menu-item-handle,
12651 .menu-item-settings,
12652 .description-wide {
12656 .menu-item-settings {
12660 .menu-item-settings .description-thin,
12661 .menu-item-settings .description-wide {
12666 .menu-item-settings input {
12670 .menu-settings dl {
12674 .menu-settings dd {
12677 margin-bottom: 15px;
12680 .menu-settings dt {
12684 margin-bottom: 15px;
12687 .available-theme .action-links .delete-theme {
12694 .available-theme .action-links .delete-theme a {
12698 /* Widget Management Page (Needs UX work on mobile) */
12708 #templateside li a {
12713 #templateside .highlight {
12725 #template textarea {
12729 .fileedit-sub .alignright {
12733 /* Plugin/Theme Management Page */
12734 .wp-list-table.plugins {
12735 position: relative;
12737 margin-bottom: 50px;
12740 .wp-list-table.plugins thead .column-description,
12741 #wpbody-content .wp-list-table.plugins tfoot .column-description,
12742 .wp-list-table.plugins th#description {
12746 #wpbody-content .wp-list-table.plugins,
12747 #wpbody-content .wp-list-table.plugins thead,
12748 #wpbody-content .wp-list-table.plugins tbody,
12749 #wpbody-content .wp-list-table.plugins tr,
12750 #wpbody-content .wp-list-table.plugins .column-description,
12751 #wpbody-content .wp-list-table.plugins .plugin-title,
12752 #wpbody-content .wp-list-table.plugins .theme-title,
12753 #wpbody-content .wp-list-table.plugins .plugin-update,
12754 #wpbody-content .wp-list-table.plugins .manage-column.column-name {
12759 .wp-list-table.plugins thead,
12760 .wp-list-table.plugins tfoot {
12761 position: absolute;
12769 .wp-list-table.plugins tfoot {
12774 .active, .inactive {
12778 .wp-list-table.plugins .plugin-title,
12779 .wp-list-table.plugins .theme-title {
12781 padding-bottom: 4px;
12784 .plugins tr.active + tr.inactive th.check-column,
12785 .plugins tr.active + tr.inactive td,
12786 .wp-list-table.plugins .plugin-title,
12787 .wp-list-table.plugins .theme-title,
12788 .wp-list-table.plugins tbody th {
12790 -webkit-box-shadow: none;
12797 .plugins tr.active + tr.inactive td.column-description {
12798 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
12799 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
12800 -ms-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
12801 -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
12802 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
12805 .plugins tr.active + tr.inactive th.check-column,
12806 .plugins tr.active + tr.inactive td {
12810 .wp-list-table.plugins .column-description {
12814 .wp-list-table.plugins .manage-column.column-name,
12815 .wp-list-table.plugins .column-description,
12816 .wp-list-table.plugins .plugin-title,
12817 .wp-list-table.plugins .theme-title {
12818 padding-right: 12px;
12819 padding-left: 46px;
12822 .wp-list-table.plugins tr {
12823 position: relative;
12826 .wp-list-table.plugins th.check-column,
12827 .wp-list-table.plugins tr.update th.check-column {
12828 position: absolute;
12837 .wp-list-table.plugins thead th.check-column,
12838 .wp-list-table.plugins tfoot th.check-column {
12844 .widefat tbody th.check-column input[type="checkbox"] {
12849 .wp-list-table.plugins .active .check-column input,
12850 .wp-list-table.plugins .update .check-column input {
12854 .wp-list-table.plugins thead .check-column input,
12855 .wp-list-table.plugins tfoot .check-column input {
12859 .wp-list-table.plugins .active th.check-column {
12863 .wp-list-table.plugins .plugin-title strong,
12864 .wp-list-table.plugins .theme-title strong {
12866 line-height: 1.6em;
12869 /* Add New plugins page */
12870 table.plugin-install .column-name,
12871 table.plugin-install .column-version,
12872 table.plugin-install .column-rating,
12873 table.plugin-install .column-description {
12878 table.plugin-install th.column-name,
12879 table.plugin-install th.column-version,
12880 table.plugin-install th.column-rating,
12881 table.plugin-install th.column-description {
12885 table.plugin-install td.column-name strong {
12887 line-height: 1.6em;
12890 table.plugin-install #the-list td {
12891 -webkit-box-shadow: none;
12895 table.plugin-install #the-list tr {
12897 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
12898 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
12902 #dashboard_recent_comments #the-comment-list .comment-item .avatar {
12905 margin: 4px 10px 5px 0;
12909 .about-wrap .feature-section.one-col > div,
12910 .about-wrap .feature-section.two-col > div,
12911 .about-wrap .three-col.about-updates > div {
12917 .about-wrap .about-colors .color-option {
12921 /* Moderate Comment */
12923 border-bottom: none;
12930 #comments-form .checkforspam {
12934 /* Reset responsive styles in Press This */
12936 .press-this a.wp-switch-editor {
12937 font: 13px/19px "Open Sans", sans-serif;
12938 margin: 5px 0 0 5px;
12939 padding: 3px 8px 4px;
12942 .press-this #wp-content-media-buttons a {
12944 line-height: normal;
12948 .press-this #wp-content-editor-tools {
12953 .press-this .category-tabs {
12957 .press-this .tagsdiv .newtag {
12963 .press-this .tagchecklist {
12968 .press-this .wp_themeSkin a.mceButton {
12973 .press-this .wp_themeSkin .mceButton .mceIcon {
12977 .press-this #poststuff h3,
12978 .press-this .metabox-holder h3 {
12982 .interim-login input[type=checkbox],
12983 .press-this input[type=checkbox],
12984 .press-this input[type=radio] {
12989 .interim-login input[type=checkbox]:checked:before,
12990 .press-this input[type=checkbox]:checked:before {
12992 font: normal 21px/1 'dashicons';
12993 margin: -3px 0 0 -4px;
12996 .press-this input[type=radio]:checked:before {
12997 font: normal 21px/1 'dashicons';
13003 .press-this ul.categorychecklist ul,
13004 .press-this ul.categorychecklist li {
13009 .press-this div.quicktags-toolbar input {
13013 .press-this textarea,
13014 .press-this input {
13018 .press-this .tagchecklist span {
13020 line-height: 1.8em;
13024 @media only screen and (max-width: 500px) {
13026 margin-right: 20px;
13036 margin-bottom: 0.25em;
13039 .about-wrap .wp-badge {
13040 position: relative;
13041 margin-bottom: 1.5em;
13045 .about-wrap .feature-section.three-col div {
13050 .about-wrap .three-col.about-updates .col-1 {
13055 .about-wrap .three-col.about-updates .col-2 {
13061 /* Align Add Media + Visual + Text tabs */
13062 #wp-content-media-buttons a {
13064 padding: 0 10px 0 10px;
13068 @media screen and ( max-width: 782px ) {
13069 #wpadminbar #wp-admin-bar-menu-toggle a {
13074 text-decoration: none;
13075 border: 1px solid transparent;
13081 li#wp-admin-bar-menu-toggle {
13085 #wpadminbar #wp-admin-bar-menu-toggle a:hover {
13086 border: 1px solid transparent;
13089 #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
13091 display: inline-block;
13093 font: normal 40px/45px 'Dashicons';
13094 vertical-align: middle;
13097 -webkit-font-smoothing: antialiased;
13098 -moz-osx-font-smoothing: grayscale;
13103 text-align: center;
13104 text-decoration: none;
13105 box-sizing: border-box;
13106 -moz-box-sizing: border-box;
13111 @media screen and (max-width: 600px) {
13117 .wp-responsive-open #adminmenuwrap,
13118 .wp-responsive-open #adminmenuback {
13122 /* Disable horizontal scroll when responsive menu is open
13123 since we push the main content off to the right. */
13124 #wpwrap.wp-responsive-open {
13125 overflow-x: hidden;
13136 .auto-fold #adminmenu {
13140 #wp-responsive-overlay {
13149 /* Keep the close icon from overlapping the Welcome text. */
13150 .welcome-panel .welcome-panel-close {
13153 white-space: nowrap;
13160 /* Make the close icon larger for tappability. */
13161 #welcome-panel.welcome-panel .welcome-panel-close::before {
13166 /* Keep full-width boxes on Edit Post page from causing horizontal scroll */
13167 div#post-body.metabox-holder.columns-1 {
13168 overflow-x: hidden;
13171 /* Color Picker Options */