1 /*------------------------------------------------------------------------------
4 Howdy! This is the CSS file that controls the
5 Gray (fresh) color style on the WordPress Dashboard.
7 This file contains both LTR and RTL styles.
12 1.0 - Left to Right Styles
13 2.0 - Right to Left Styles
16 ------------------------------------------------------------------------------*/
19 /*------------------------------------------------------------------------------
20 1.0 - Left to Right Styles
21 ------------------------------------------------------------------------------*/
25 background-color: #f7f7f7;
26 border-top: 1px solid #ddd;
30 background-color: #444;
38 background-color: #fff;
41 a.page-numbers:hover {
48 .ui-autocomplete li a {
53 border-bottom-color: #fff;
56 #postcustomstuff table,
57 #your-profile fieldset,
60 #dashboard-widgets p.dashboard-widget-links {
64 #poststuff .inside label.spam,
65 #poststuff .inside label.deleted {
69 #poststuff .inside label.waiting {
73 #poststuff .inside label.approved {
77 #postcustomstuff table {
78 border-color: #dfdfdf;
79 background-color: #f9f9f9;
82 #postcustomstuff thead th {
83 background-color: #f1f1f1;
87 border-color: #dfdfdf;
88 background-color: #f9f9f9;
91 background-color: #fff;
94 div.dashboard-widget-error {
95 background-color: #c43;
98 div.dashboard-widget-notice {
99 background-color: #cfe1ef;
102 div.dashboard-widget-submit {
103 border-top-color: #ccc;
106 ul.category-tabs li {
107 border-color: transparent;
112 ul.add-menu-item-tabs li.tabs,
114 border-color: #dfdfdf;
115 background-color: #fff;
118 ul.category-tabs li.tabs {
119 border-color: #dfdfdf #dfdfdf #fff;
122 ul.category-tabs li.tabs,
123 ul.add-menu-item-tabs li.tabs,
125 background-color: #fff;
135 input[type="password"],
138 input[type="number"],
139 input[type="search"],
143 border-color: #dfdfdf;
147 input[type="text"]:focus,
148 input[type="password"]:focus,
149 input[type="file"]:focus,
150 input[type="email"]:focus,
151 input[type="number"]:focus,
152 input[type="search"]:focus,
153 input[type="tel"]:focus,
154 input[type="url"]:focus,
161 background-color: #ccc;
164 #plugin-information .action-button a,
165 #plugin-information .action-button a:hover,
166 #plugin-information .action-button a:visited {
173 .widefat thead tr th,
174 .widefat tfoot tr th,
175 h3.dashboard-widget-title,
176 h3.dashboard-widget-title span,
177 h3.dashboard-widget-title small,
183 background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9));
184 background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9);
185 background-image: -moz-linear-gradient(bottom, #ececec, #f9f9f9);
186 background-image: -o-linear-gradient(bottom, #ececec, #f9f9f9);
187 background-image: linear-gradient(to top, #ececec, #f9f9f9);
193 border-bottom-color: #dfdfdf;
194 text-shadow: #fff 0 1px 0;
195 -webkit-box-shadow: 0 1px 0 #fff;
196 box-shadow: 0 1px 0 #fff;
202 text-shadow: #fff 0 1px 0;
210 strong .post-com-count span {
211 background-color: #21759b;
215 background-color: #ccf3fa;
219 .subsubsub a.current {
228 .wrap .add-new-h2:active {
237 background-color: #f0f0b8;
241 background-color: #fff;
242 border-color: #808080;
251 background-color: #fcfcfc;
254 .available-theme a.screenshot {
255 background-color: #f1f1f1;
260 border-bottom-color: #dfdfdf;
264 background-color: #e8e8e8;
265 border-right-color: #99d;
269 #media-upload .media-item .slidetoggle {
273 #media-upload .slidetoggle {
274 border-top-color: #dfdfdf;
278 .login #login_error {
279 background-color: #ffebe8;
288 background-color: #ffebe8 !important;
292 .form-invalid select {
293 border-color: #c00 !important;
297 #commentsdiv #add-new-comment {
298 border-color: #dfdfdf;
302 background-color: #e4f2fd;
314 .media-upload-form label.form-help,
321 background-color: #efefef;
324 .ui-autocomplete li a.ui-state-focus {
325 background-color: #ddd;
332 .post-com-count span {
333 background-color: #bbb;
337 .post-com-count:hover span {
338 background-color: #d54e21;
341 .quicktags, .search {
342 background-color: #ccc;
347 border-bottom-color: #dadada;
364 #adminmenu li.menu-top > a:focus,
365 #adminmenu .wp-submenu a:hover,
366 #the-comment-list .comment a:hover,
368 #media-upload a.del-link:hover,
369 div.dashboard-widget-submit input:hover,
371 .subsubsub a.current:hover,
372 .ui-tabs-nav a:hover,
373 .plugins .inactive a:hover,
374 #all-plugins-table .plugins .inactive a:hover,
375 #search-plugins-table .plugins .inactive a:hover {
379 #the-comment-list .comment-item,
380 #dashboard-widgets #dashboard_quick_press form p.submit {
381 border-color: #dfdfdf;
384 #side-sortables .category-tabs .tabs a,
385 #side-sortables .add-menu-item-tabs .tabs a,
386 .wp-tab-bar .wp-tab-active a {
391 background-color: #ebebeb;
395 #dashboard_right_now .table_content,
396 #dashboard_right_now .table_discussion {
397 border-top-color: #ececec;
401 background-color: #464646;
405 .plugins a.delete:hover,
406 #all-plugins-table .plugins a.delete:hover,
407 #search-plugins-table .plugins a.delete:hover,
408 .submitbox .submitdelete {
410 border-bottom-color: #f00;
413 .submitbox .submitdelete:hover,
414 #media-items a.delete:hover,
415 #media-items a.delete-permanently:hover {
417 background-color: #f00;
418 border-bottom-color: #f00;
421 #normal-sortables .submitbox .submitdelete:hover {
423 background-color: #f00;
424 border-bottom-color: #f00;
428 border-color: transparent;
433 border-color: transparent;
437 .tablenav .next:hover,
438 .tablenav .prev:hover {
439 border-color: transparent;
445 background-color: #ffffe0;
446 border-color: #e6db55;
454 border-bottom-color: #b8d3e2;
458 border-bottom-color: #ccc;
463 border-top-color: #fff;
464 border-bottom-color: #dfdfdf;
468 text-shadow: rgba(255,255,255,0.8) 0 1px 0;
480 .widefat thead tr th,
481 .widefat tfoot tr th,
482 h3.dashboard-widget-title,
483 h3.dashboard-widget-title span,
484 h3.dashboard-widget-title small {
489 th.sortable a:active,
490 th.sortable a:focus {
494 th.sortable a:focus {
496 background-image: -webkit-gradient(linear, left bottom, left top, from(#dcdcdc), to(#e9e9e9));
497 background-image: -webkit-linear-gradient(bottom, #dcdcdc, #e9e9e9);
498 background-image: -moz-linear-gradient(bottom, #dcdcdc, #e9e9e9);
499 background-image: -o-linear-gradient(bottom, #dcdcdc, #e9e9e9);
500 background-image: linear-gradient(to top, #dcdcdc, #e9e9e9);
503 h3.dashboard-widget-title small a {
507 h3.dashboard-widget-title small a:hover {
513 #the-comment-list p.comment-author strong a,
514 #media-upload a.del-link,
515 #media-items a.delete,
516 #media-items a.delete-permanently,
522 #adminmenu .awaiting-mod,
523 #adminmenu .update-plugins,
524 #sidemenu a .update-plugins,
525 #rightnow .reallynow {
526 background-color: #464646;
528 -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0;
529 box-shadow: rgba(255,255,255,0.5) 0 1px 0;
531 #plugin-information .action-button {
532 background-color: #d54e21;
536 #adminmenu li.current a .awaiting-mod,
537 #adminmenu li a.wp-has-current-submenu .update-plugins{
538 background-color: #464646;
540 -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0;
541 box-shadow: rgba(255,255,255,0.5) 0 1px 0;
544 div#media-upload-header,
545 div#plugin-information-header {
546 background-color: #f9f9f9;
547 border-bottom-color: #dfdfdf;
554 #dashboard_secondary div.dashboard-widget-content ul li a {
555 background-color: #f9f9f9;
558 input.readonly, textarea.readonly {
559 background-color: #ddd;
562 #editable-post-name {
563 background-color: #fffbcc;
566 #edit-slug-box strong,
567 .tablenav .displaying-num,
574 .login #backtoblog a {
575 color: #21759b !important;
579 .login #backtoblog a:hover {
580 color: #d54e21 !important;
585 border-color: #dfdfdf;
589 #media-items .media-item,
590 .media-item .describe {
591 border-color: #dfdfdf;
597 #your-profile #rich_editing {
598 background-color: #fcfcfc;
602 .plugins .inactive th,
603 .plugins .inactive td,
604 tr.inactive + tr.plugin-update-tr .plugin-update {
605 background-color: #f4f4f4;
608 .plugin-update-tr .update-message {
609 background-color: #fffbe4;
610 border-color: #dfdfdf;
615 .plugins .active td {
619 .plugins .inactive a {
623 #the-comment-list tr.undo,
624 #the-comment-list div.undo {
625 background-color: #f4f4f4;
628 #the-comment-list .unapproved {
629 background-color: #ffffe0;
632 #the-comment-list .approve a {
636 #the-comment-list .unapprove a {
640 table.widefat span.delete a,
641 table.widefat span.trash a,
642 table.widefat span.spam a,
643 #dashboard_recent_comments .delete a,
644 #dashboard_recent_comments .trash a,
645 #dashboard_recent_comments .spam a {
651 background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#fafafa));
652 background-image: -webkit-linear-gradient(bottom, #f5f5f5, #fafafa);
653 background-image: -moz-linear-gradient(bottom, #f5f5f5, #fafafa);
654 background-image: -o-linear-gradient(bottom, #f5f5f5, #fafafa);
655 background-image: linear-gradient(to top, #f5f5f5, #fafafa);
656 border-color: #dfdfdf;
661 .welcome-panel-column p {
665 text-shadow: 1px 1px 1px #fff;
669 #widget-list .widget-top,
672 #poststuff .postarea,
674 border-color: #dfdfdf;
675 -webkit-box-shadow: inset 0 1px 0 #fff;
676 box-shadow: inset 0 1px 0 #fff;
677 -webkit-border-radius: 3px;
682 #widget-list .widget-top,
684 .menu-item-settings {
686 background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f9f9f9));
687 background-image: -webkit-linear-gradient(bottom, #f5f5f5, #f9f9f9);
688 background-image: -moz-linear-gradient(bottom, #f5f5f5, #f9f9f9);
689 background-image: -o-linear-gradient(bottom, #f5f5f5, #f9f9f9);
690 background-image: linear-gradient(to top, #f5f5f5, #f9f9f9);
697 .widget .widget-top {
701 .js .sidebar-name:hover h3,
702 .js .postbox h3:hover {
706 .curtime #timestamp {
707 background-image: url(../images/date-button.gif);
711 background-color: #f0f6fb;
718 .tagchecklist span a,
720 background: url(../images/xit.gif) no-repeat;
723 .tagchecklist span a:hover,
724 #bulk-titles div a:hover {
725 background: url(../images/xit.gif) no-repeat -10px 0;
728 #update-nag, .update-nag {
729 background-color: #fffbcc;
730 border-color: #e6db55;
735 background-color: #f1f1f1;
737 -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
738 box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
741 #contextual-help-back {
745 .contextual-help-tabs a:hover {
749 #contextual-help-back,
750 .contextual-help-tabs .active {
754 .contextual-help-tabs .active,
755 .contextual-help-tabs .active a,
756 .contextual-help-tabs .active a:hover {
761 /* screen options and help tabs */
762 #screen-options-link-wrap,
763 #contextual-help-link-wrap {
764 border-right: 1px solid #ccc;
765 border-left: 1px solid #ccc;
766 border-bottom: 1px solid #ccc;
768 background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#f1f1f1));
769 background-image: -webkit-linear-gradient(bottom, #dfdfdf, #f1f1f1);
770 background-image: -moz-linear-gradient(bottom, #dfdfdf, #f1f1f1);
771 background-image: -o-linear-gradient(bottom, #dfdfdf, #f1f1f1);
772 background-image: linear-gradient(to top, #dfdfdf, #f1f1f1);
775 #screen-meta-links a {
777 background: transparent url(../images/arrows.png) no-repeat right 4px;
780 #screen-meta-links a:hover,
781 #screen-meta-links a:active {
783 background-color: transparent;
786 #screen-meta-links a.screen-meta-active {
787 background-position: right -31px;
790 /* end screen options and help tabs */
792 .login #backtoblog a {
797 border-bottom: #dfdfdf 1px solid;
805 #wpfooter a:visited {
806 text-decoration: none;
810 text-decoration: underline;
815 .widget-control-remove:hover,
816 table.widefat .delete a:hover,
817 table.widefat .trash a:hover,
818 table.widefat .spam a:hover,
819 #dashboard_recent_comments .delete a:hover,
820 #dashboard_recent_comments .trash a:hover
821 #dashboard_recent_comments .spam a:hover {
825 #pass-strength-result {
826 background-color: #eee;
827 border-color: #ddd !important;
830 #pass-strength-result.bad {
831 background-color: #ffb78c;
832 border-color: #ff853c !important;
835 #pass-strength-result.good {
836 background-color: #ffec8b;
837 border-color: #fc0 !important;
840 #pass-strength-result.short {
841 background-color: #ffa0a0;
842 border-color: #f04040 !important;
845 #pass-strength-result.strong {
846 background-color: #c3ff88;
847 border-color: #8dff1c !important;
851 border-color: #dfdfdf #ccc #ccc;
852 background-color: #eaeaea;
855 .editwidget .widget-inside {
856 border-color: #dfdfdf;
860 background-color: #fff;
863 #tTips p#tTips_inside {
864 background-color: #ddd;
868 #poststuff .inside .the-tagcloud {
875 background-color: #ececec;
881 background-image: url(../images/menu-shadow.png);
882 background-position: top right;
883 background-repeat: repeat-y;
886 #adminmenu li.wp-menu-separator {
888 border-color: #cfcfcf;
891 #adminmenu div.separator {
892 border-color: #e1e1e1;
895 #adminmenu a.menu-top,
896 #adminmenu .wp-submenu .wp-submenu-head {
897 border-top-color: #f9f9f9;
898 border-bottom-color: #dfdfdf;
901 #adminmenu li.wp-menu-open {
902 border-color: #dfdfdf;
905 #adminmenu li.menu-top:hover,
906 #adminmenu li.opensub > a.menu-top,
907 #adminmenu li > a.menu-top:focus {
908 background-color: #e4e4e4;
910 text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.4 );
913 /* So it doesn't get applied to the number spans (comments, updates, etc) */
914 #adminmenu li.menu-top:hover > a span,
915 #adminmenu li.menu-top > a:focus span {
919 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
920 #adminmenu li.current a.menu-top,
921 .folded #adminmenu li.wp-has-current-submenu,
922 .folded #adminmenu li.current.menu-top,
923 #adminmenu .wp-menu-arrow,
924 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
926 background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080));
927 background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080);
928 background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080);
929 background-image: -o-linear-gradient(bottom, #6d6d6d, #808080);
930 background-image: linear-gradient(to top, #6d6d6d, #808080);
933 #adminmenu .wp-menu-arrow div {
935 background-image: -webkit-gradient(linear, right bottom, left top, from(#6d6d6d), to(#808080));
936 background-image: -webkit-linear-gradient(bottom right, #6d6d6d, #808080);
937 background-image: -moz-linear-gradient(bottom right, #6d6d6d, #808080);
938 background-image: -o-linear-gradient(bottom right, #6d6d6d, #808080);
939 background-image: linear-gradient(to top left, #6d6d6d, #808080);
942 #adminmenu li.wp-not-current-submenu .wp-menu-arrow {
943 border-top-color: #f9f9f9;
944 border-bottom-color: #dfdfdf;
948 #adminmenu li.wp-not-current-submenu .wp-menu-arrow div {
953 .folded #adminmenu li.menu-top li:hover a {
954 background-image: none;
957 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
958 #adminmenu li.current a.menu-top,
959 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
960 text-shadow: 0 -1px 0 #333;
962 border-top-color: #808080;
963 border-bottom-color: #6d6d6d;
966 .folded #adminmenu li.wp-has-current-submenu,
967 .folded #adminmenu li.current.menu-top {
968 border-top-color: #808080;
969 border-bottom-color: #6d6d6d;
972 #adminmenu .wp-submenu a:hover,
973 #adminmenu .wp-submenu a:focus {
974 background-color: #eaf2fa;
978 #adminmenu .wp-submenu li.current,
979 #adminmenu .wp-submenu li.current a,
980 #adminmenu .wp-submenu li.current a:hover {
984 #adminmenu .wp-submenu,
985 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
986 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
987 background-color: #fff;
988 border-color: #dfdfdf;
989 -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
990 box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
993 #adminmenu .wp-submenu .wp-submenu-head {
994 background-color: #e4e4e4;
998 /* collapse menu button */
1001 border-top-color: #f9f9f9;
1004 #collapse-menu:hover {
1010 background: #f4f4f4;
1011 background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#fff));
1012 background-image: -webkit-linear-gradient(bottom, #dfdfdf, #fff);
1013 background-image: -moz-linear-gradient(bottom, #dfdfdf, #fff);
1014 background-image: -o-linear-gradient(bottom, #dfdfdf, #fff);
1015 background-image: linear-gradient(to top, #dfdfdf, #fff);
1018 #collapse-menu:hover #collapse-button {
1022 #collapse-button div {
1023 background: transparent url(../images/arrows.png) no-repeat 0 -72px;
1026 .folded #collapse-button div {
1027 background-position: 0 -108px;
1030 /* Auto-folding of the admin menu */
1031 @media only screen and (max-width: 900px) {
1032 .auto-fold #adminmenu li.wp-has-current-submenu,
1033 .auto-fold #adminmenu li.current.menu-top {
1034 background-color: #777;
1035 background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080));
1036 background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080);
1037 background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080);
1038 background-image: -o-linear-gradient(bottom, #6d6d6d, #808080);
1039 background-image: linear-gradient(bottom, #6d6d6d, #808080);
1042 .auto-fold #adminmenu li.wp-has-current-submenu,
1043 .auto-fold #adminmenu li.current.menu-top {
1044 border-top-color: #808080;
1045 border-bottom-color: #6d6d6d;
1048 .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1049 .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
1050 background-color: #fff;
1051 border-color: #dfdfdf;
1052 -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
1053 box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
1056 .auto-fold #collapse-button div {
1057 background-position: 0 -108px;
1061 /* menu and screen icons */
1065 background-color: transparent;
1066 background-repeat: no-repeat;
1069 .icon16.icon-dashboard,
1070 .menu-icon-dashboard div.wp-menu-image,
1072 .menu-icon-post div.wp-menu-image,
1074 .menu-icon-media div.wp-menu-image,
1076 .menu-icon-links div.wp-menu-image,
1078 .menu-icon-page div.wp-menu-image,
1079 .icon16.icon-comments,
1080 .menu-icon-comments div.wp-menu-image,
1081 .icon16.icon-appearance,
1082 .menu-icon-appearance div.wp-menu-image,
1083 .icon16.icon-plugins,
1084 .menu-icon-plugins div.wp-menu-image,
1086 .menu-icon-users div.wp-menu-image,
1088 .menu-icon-tools div.wp-menu-image,
1089 .icon16.icon-settings,
1090 .menu-icon-settings div.wp-menu-image,
1092 .menu-icon-site div.wp-menu-image,
1093 .icon16.icon-generic,
1094 .menu-icon-generic div.wp-menu-image {
1095 background-image: url(../images/menu.png?ver=20121105);
1098 .icon16.icon-dashboard,
1099 #adminmenu .menu-icon-dashboard div.wp-menu-image {
1100 background-position: -59px -33px;
1103 #adminmenu .menu-icon-dashboard:hover div.wp-menu-image,
1104 #adminmenu .menu-icon-dashboard.wp-has-current-submenu div.wp-menu-image,
1105 #adminmenu .menu-icon-dashboard.current div.wp-menu-image {
1106 background-position: -59px -1px;
1110 #adminmenu .menu-icon-post div.wp-menu-image {
1111 background-position: -269px -33px;
1114 #adminmenu .menu-icon-post:hover div.wp-menu-image,
1115 #adminmenu .menu-icon-post.wp-has-current-submenu div.wp-menu-image,
1116 #adminmenu .menu-icon-post.current div.wp-menu-image {
1117 background-position: -269px -1px;
1121 #adminmenu .menu-icon-media div.wp-menu-image {
1122 background-position: -119px -33px;
1125 #adminmenu .menu-icon-media:hover div.wp-menu-image,
1126 #adminmenu .menu-icon-media.wp-has-current-submenu div.wp-menu-image,
1127 #adminmenu .menu-icon-media.current div.wp-menu-image {
1128 background-position: -119px -1px;
1132 #adminmenu .menu-icon-links div.wp-menu-image {
1133 background-position: -89px -33px;
1136 #adminmenu .menu-icon-links:hover div.wp-menu-image,
1137 #adminmenu .menu-icon-links.wp-has-current-submenu div.wp-menu-image,
1138 #adminmenu .menu-icon-links.current div.wp-menu-image {
1139 background-position: -89px -1px;
1143 #adminmenu .menu-icon-page div.wp-menu-image {
1144 background-position: -149px -33px;
1147 #adminmenu .menu-icon-page:hover div.wp-menu-image,
1148 #adminmenu .menu-icon-page.wp-has-current-submenu div.wp-menu-image,
1149 #adminmenu .menu-icon-page.current div.wp-menu-image {
1150 background-position: -149px -1px;
1153 .icon16.icon-comments,
1154 #adminmenu .menu-icon-comments div.wp-menu-image {
1155 background-position: -29px -33px;
1158 #adminmenu .menu-icon-comments:hover div.wp-menu-image,
1159 #adminmenu .menu-icon-comments.wp-has-current-submenu div.wp-menu-image,
1160 #adminmenu .menu-icon-comments.current div.wp-menu-image {
1161 background-position: -29px -1px;
1164 .icon16.icon-appearance,
1165 #adminmenu .menu-icon-appearance div.wp-menu-image {
1166 background-position: 1px -33px;
1169 #adminmenu .menu-icon-appearance:hover div.wp-menu-image,
1170 #adminmenu .menu-icon-appearance.wp-has-current-submenu div.wp-menu-image,
1171 #adminmenu .menu-icon-appearance.current div.wp-menu-image {
1172 background-position: 1px -1px;
1175 .icon16.icon-plugins,
1176 #adminmenu .menu-icon-plugins div.wp-menu-image {
1177 background-position: -179px -33px;
1180 #adminmenu .menu-icon-plugins:hover div.wp-menu-image,
1181 #adminmenu .menu-icon-plugins.wp-has-current-submenu div.wp-menu-image,
1182 #adminmenu .menu-icon-plugins.current div.wp-menu-image {
1183 background-position: -179px -1px;
1187 #adminmenu .menu-icon-users div.wp-menu-image {
1188 background-position: -300px -33px;
1191 #adminmenu .menu-icon-users:hover div.wp-menu-image,
1192 #adminmenu .menu-icon-users.wp-has-current-submenu div.wp-menu-image,
1193 #adminmenu .menu-icon-users.current div.wp-menu-image {
1194 background-position: -300px -1px;
1198 #adminmenu .menu-icon-tools div.wp-menu-image {
1199 background-position: -209px -33px;
1202 #adminmenu .menu-icon-tools:hover div.wp-menu-image,
1203 #adminmenu .menu-icon-tools.wp-has-current-submenu div.wp-menu-image,
1204 #adminmenu .menu-icon-tools.current div.wp-menu-image {
1205 background-position: -209px -1px;
1208 .icon16.icon-settings,
1209 #adminmenu .menu-icon-settings div.wp-menu-image {
1210 background-position: -239px -33px;
1213 #adminmenu .menu-icon-settings:hover div.wp-menu-image,
1214 #adminmenu .menu-icon-settings.wp-has-current-submenu div.wp-menu-image,
1215 #adminmenu .menu-icon-settings.current div.wp-menu-image {
1216 background-position: -239px -1px;
1220 #adminmenu .menu-icon-site div.wp-menu-image {
1221 background-position: -359px -33px;
1224 #adminmenu .menu-icon-site:hover div.wp-menu-image,
1225 #adminmenu .menu-icon-site.wp-has-current-submenu div.wp-menu-image,
1226 #adminmenu .menu-icon-site.current div.wp-menu-image {
1227 background-position: -359px -1px;
1230 .icon16.icon-generic,
1231 #adminmenu .menu-icon-generic div.wp-menu-image {
1232 background-position: -330px -33px;
1235 #adminmenu .menu-icon-generic:hover div.wp-menu-image,
1236 #adminmenu .menu-icon-generic.wp-has-current-submenu div.wp-menu-image,
1237 #adminmenu .menu-icon-generic.current div.wp-menu-image {
1238 background-position: -330px -1px;
1241 /* end menu and screen icons */
1247 .icon32.icon-dashboard,
1254 #icon-link-category,
1258 .icon32.icon-comments,
1259 #icon-edit-comments,
1260 .icon32.icon-appearance,
1262 .icon32.icon-plugins,
1271 .icon32.icon-settings,
1272 #icon-options-general,
1275 .icon32.icon-generic,
1277 background-image: url(../images/icons32.png?ver=20121105);
1283 background-position: -552px -5px;
1286 .icon32.icon-dashboard,
1288 background-position: -137px -5px;
1293 background-position: -251px -5px;
1299 #icon-link-category {
1300 background-position: -190px -5px;
1306 background-position: -312px -5px;
1309 .icon32.icon-comments,
1310 #icon-edit-comments {
1311 background-position: -72px -5px;
1314 .icon32.icon-appearance,
1316 background-position: -11px -5px;
1319 .icon32.icon-plugins,
1321 background-position: -370px -5px;
1328 background-position: -600px -5px;
1334 background-position: -432px -5px;
1337 .icon32.icon-settings,
1338 #icon-options-general {
1339 background-position: -492px -5px;
1344 background-position: -659px -5px;
1347 .icon32.icon-generic,
1349 background-position: -708px -5px;
1352 /* end screen icons */
1355 table.diff .diff-deletedline {
1356 background-color: #fdd;
1359 table.diff .diff-deletedline del {
1360 background-color: #f99;
1363 table.diff .diff-addedline {
1364 background-color: #dfd;
1367 table.diff .diff-addedline ins {
1368 background-color: #9f9;
1372 background-color: #e4f2Fd;
1377 background-color: #f9f9f9;
1378 border-color: #f9f9f9;
1379 border-bottom-color: #dfdfdf;
1382 #sidemenu a.current {
1383 background-color: #fff;
1384 border-color: #dfdfdf #dfdfdf #fff;
1390 background-color: #f9f9f9;
1393 /* table vim shortcuts */
1397 background-color: #E4F2FD !important;
1400 /* Install Plugins */
1401 #plugin-information .fyi ul {
1402 background-color: #eaf3fa;
1405 #plugin-information .fyi h2.mainheader {
1406 background-color: #cee1ef;
1409 #plugin-information pre,
1410 #plugin-information code {
1411 background-color: #ededff;
1414 #plugin-information pre {
1415 border: 1px solid #ccc;
1423 .inline-editor div.title {
1424 background-color: #eaf3fa;
1427 .inline-editor ul.cat-checklist {
1428 background-color: #fff;
1432 .inline-editor .categories .catshow,
1433 .inline-editor .categories .cathide {
1437 .inline-editor .quick-edit-save {
1438 background-color: #f1f1f1;
1441 fieldset.inline-edit-col-right .inline-edit-col {
1442 border-color: #dfdfdf;
1449 .js .meta-box-sortables .postbox:hover .handlediv {
1450 background: transparent url(../images/arrows.png) no-repeat 6px 7px;
1453 .tablenav .tablenav-pages {
1457 .tablenav .tablenav-pages a {
1458 border-color: #e3e3e3;
1460 -moz-box-shadow: inset 0 1px 0 #fff;
1461 -webkit-box-shadow: inset 0 1px 0 #fff;
1462 box-shadow: inset 0 1px 0 #fff;
1465 .tablenav .tablenav-pages a:hover,
1466 .tablenav .tablenav-pages a:focus {
1470 .tablenav .tablenav-pages a.disabled,
1471 .tablenav .tablenav-pages a.disabled:hover,
1472 .tablenav .tablenav-pages a.disabled:focus {
1476 .tablenav .tablenav-pages .current {
1477 background: #dfdfdf;
1478 border-color: #d3d3d3;
1482 #availablethemes td {
1486 #current-theme img {
1490 #TB_window #TB_title a.tb-theme-preview-link,
1491 #TB_window #TB_title a.tb-theme-preview-link:visited {
1495 #TB_window #TB_title a.tb-theme-preview-link:hover,
1496 #TB_window #TB_title a.tb-theme-preview-link:focus {
1501 border-top-color: #fff;
1502 border-bottom-color: #dfdfdf;
1506 border-bottom-color: #dfdfdf;
1509 #post-body .misc-pub-section {
1510 border-left-color: #eee;
1513 .post-com-count span {
1514 background-color: #bbb;
1517 .form-table .color-palette td {
1521 .sortable-placeholder {
1523 background-color: #f5f5f5;
1526 #post-body ul.category-tabs li.tabs a,
1527 #post-body ul.add-menu-item-tabs li.tabs a,
1528 body.press-this ul.category-tabs li.tabs a {
1532 .view-switch #view-switch-list,
1533 .view-switch #view-switch-excerpt {
1534 background-color: transparent;
1535 background-image: url('../images/list.png');
1536 background-repeat: no-repeat;
1539 .view-switch #view-switch-list {
1540 background-position: 0 0;
1543 .view-switch .current #view-switch-list {
1544 background-position: -40px 0;
1547 .view-switch #view-switch-excerpt {
1548 background-position: -20px 0;
1551 .view-switch .current #view-switch-excerpt {
1552 background-position: -60px 0;
1556 background: transparent url(../images/wp-logo.png?ver=20110504) no-repeat scroll center center;
1561 background-color: #fff;
1562 border-color: #dfdfdf;
1565 div.widgets-sortables,
1566 #widgets-left .inactive,
1567 #available-widgets .widget-holder {
1568 background-color: #fcfcfc;
1569 border-color: #dfdfdf;
1572 #available-widgets .widget-description {
1578 text-shadow: #fff 0 1px 0;
1579 border-color: #dfdfdf;
1580 -webkit-box-shadow: inset 0 1px 0 #fff;
1581 box-shadow: inset 0 1px 0 #fff;
1584 .js .sidebar-name:hover,
1585 .js #removing-widget {
1589 #removing-widget span {
1593 .js .sidebar-name-arrow {
1594 background: transparent url(../images/arrows.png) no-repeat 5px 9px;
1597 .js .sidebar-name:hover .sidebar-name-arrow {
1598 background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px;
1605 .deleting .widget-title * {
1610 border-color: #d5d5d5;
1611 background-color: #f1f1f1;
1614 .imgedit-menu div:hover {
1615 border-color: #c1c1c1;
1616 background-color: #eaeaea;
1619 .imgedit-menu div.disabled {
1621 background-color: #ddd;
1622 filter: alpha(opacity=50);
1626 #dashboard_recent_comments div.undo {
1627 border-top-color: #dfdfdf;
1636 background-color: #f1f1f1;
1639 /* added from nav-menu.css */
1640 #menu-management .menu-edit {
1641 border-color: #dfdfdf;
1646 border-top-color: #fff;
1647 border-bottom-color: #dfdfdf;
1651 border-bottom-color: #dfdfdf;
1655 border-top-color: #fff;
1658 #menu-management .nav-tabs-arrow a {
1662 #menu-management .nav-tabs-arrow a:hover {
1666 #menu-management .nav-tabs-arrow a:active {
1670 #menu-management .nav-tab-active {
1671 border-color: #dfdfdf;
1674 #menu-management .nav-tab {
1675 background: #fbfbfb;
1676 border-color: #dfdfdf;
1679 .js .input-with-default-title {
1687 #cancel-save:hover {
1688 background-color: #f00;
1694 border-color: #dfdfdf;
1697 .menu li.deleting .menu-item-handle {
1698 background-color: #f66;
1702 .item-type { /* Menu item controls */
1706 .item-controls .menu-item-delete:hover {
1710 .nav-menus-php .item-edit {
1711 background: transparent url(../images/arrows.png) no-repeat 8px 10px;
1712 border-bottom-color: #eee;
1715 .nav-menus-php .item-edit:hover {
1716 background: transparent url(../images/arrows-dark.png) no-repeat 8px 10px;
1719 .menu-item-settings { /* Menu editing */
1720 border-color: #dfdfdf;
1725 border-color: #dfdfdf;
1728 #cancel-save:hover {
1729 color: #fff !important;
1733 color: #fff !important;
1736 #update-menu-item:hover,
1737 #update-menu-item:active,
1738 #update-menu-item:focus {
1739 color: #eaf2fa !important;
1740 border-color: #13455b !important;
1743 .submitbox .submitcancel {
1745 border-bottom-color: #21759b;
1748 .submitbox .submitcancel:hover {
1749 background: #21759b;
1752 /* end added from nav-menu.css */
1755 border-color: #dfdfdf #dfdfdf #fff;
1760 border-color: #ccc #ccc #fff;
1763 h2.nav-tab-wrapper, h3.nav-tab-wrapper {
1764 border-bottom-color: #ccc;
1767 #menu-management .nav-tab-active,
1769 .menu-item-settings {
1770 -webkit-box-shadow: inset 0 1px 0 #fff;
1771 box-shadow: inset 0 1px 0 #fff;
1774 #menu-management .nav-tab-active {
1775 background: #f9f9f9;
1776 border-bottom-color: #f9f9f9;
1779 #upload-form label {
1783 /* Begin About Pages */
1787 text-shadow: 1px 1px 1px #fff;
1796 text-shadow: 0 -1px 0 rgba(22, 57, 81, 0.3);
1799 .about-wrap h2 .nav-tab {
1803 .about-wrap h2 .nav-tab:hover {
1807 .about-wrap h2 .nav-tab-active,
1808 .about-wrap h2 .nav-tab-active:hover {
1812 .about-wrap h2 .nav-tab-active {
1813 text-shadow: 1px 1px 1px #fff;
1819 text-shadow: 1px 1px 1px #fff;
1822 .about-wrap .feature-section h4 {
1826 .about-wrap .feature-section img {
1828 border: 1px #ccc solid;
1829 -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.3 );
1830 box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.3 );
1833 .about-wrap h4.wp-people-group {
1834 text-shadow: 1px 1px 1px #fff;
1837 .about-wrap .point-releases {
1838 border-bottom: 1px solid #dfdfdf;
1841 .about-wrap .point-releases h3 {
1842 border-top: 1px solid #dfdfdf;
1845 .about-wrap .point-releases h3:first-child {
1849 .about-wrap li.wp-person img.gravatar {
1850 -webkit-box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 );
1851 box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 );
1854 .about-wrap li.wp-person .title {
1856 text-shadow: 1px 1px 1px #fff;
1859 .freedoms-php .about-wrap ol li {
1863 .freedoms-php .about-wrap ol p {
1867 /* End About Pages */
1870 /*------------------------------------------------------------------------------
1871 2.0 - Right to Left Styles
1872 ------------------------------------------------------------------------------*/
1875 border-right-color: transparent;
1876 border-left-color: #99d;
1879 .rtl #screen-meta-links a.show-settings {
1880 background-position: left 3px;
1883 .rtl #screen-meta-links a.show-settings.screen-meta-active {
1884 background-position: left -33px;
1888 .rtl #adminmenushadow,
1889 .rtl #adminmenuback {
1890 background-image: url(../images/menu-shadow-rtl.png);
1891 background-position: top left;
1894 .rtl #adminmenu .wp-submenu .wp-submenu-head {
1895 border-right-color: transparent;
1896 border-left-color: #dfdfdf;
1899 .rtl #adminmenu .wp-submenu,
1900 .rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu {
1901 -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
1902 box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
1905 .rtl #adminmenu .wp-has-current-submenu .wp-submenu {
1906 -webkit-box-shadow: none;
1910 /* Collapse Menu Button */
1911 .rtl #collapse-button div {
1912 background-position: 0 -108px;
1915 .rtl.folded #collapse-button div {
1916 background-position: 0 -72px;
1919 /* Auto-folding of the admin menu for RTL */
1920 @media only screen and (max-width: 900px) {
1921 .rtl.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1922 .rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
1923 -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
1924 box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
1927 .rtl.auto-fold #collapse-button div {
1928 background-position: 0 -72px;
1933 .js.rtl .meta-box-sortables .postbox:hover .handlediv {
1934 background: transparent url(../images/arrows.png) no-repeat 6px 7px;
1937 .rtl #post-body .misc-pub-section {
1938 border-right-color: transparent;
1939 border-left-color: #eee;
1942 .js.rtl .sidebar-name-arrow {
1943 background: transparent url(../images/arrows.png) no-repeat 5px 9px;
1946 .js.rtl .sidebar-name:hover .sidebar-name-arrow {
1947 background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px;
1954 (-o-min-device-pixel-ratio: 5/4),
1955 (-webkit-min-device-pixel-ratio: 1.25),
1956 (min-resolution: 120dpi) {
1958 .curtime #timestamp {
1959 background-image: url("../images/date-button-2x.gif?ver=20120916");
1960 background-size: 16px auto;
1963 .tagchecklist span a,
1965 .tagchecklist span a:hover,
1966 #bulk-titles div a:hover {
1967 background-image: url("../images/xit-2x.gif?ver=20120916");
1968 background-size: 20px auto;
1971 #screen-meta-links a.show-settings,
1972 #screen-meta-links a.show-settings.screen-meta-active,
1973 #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
1974 #adminmenu .wp-menu-open .wp-menu-toggle,
1975 #collapse-button div,
1976 .nav-menus-php .item-edit,
1977 .js .meta-box-sortables .postbox:hover .handlediv,
1978 .sidebar-name-arrow,
1979 .rtl #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
1980 .rtl #adminmenu .wp-menu-open .wp-menu-toggle,
1981 .js.rtl .meta-box-sortables .postbox:hover .handlediv,
1982 .rtl .sidebar-name-arrow {
1983 background-image: url("../images/arrows-2x.png?ver=20120916");
1984 background-size: 15px 123px;
1987 #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
1988 #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle,
1989 .sidebar-name:hover .sidebar-name-arrow,
1990 .nav-menus-php .item-edit:hover,
1991 .rtl #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
1992 .rtl #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle,
1993 .rtl .sidebar-name:hover .sidebar-name-arrow {
1994 background-image: url("../images/arrows-dark-2x.png?ver=20120916");
1995 background-size: 15px 123px;
1998 .view-switch #view-switch-list,
1999 .view-switch #view-switch-excerpt {
2000 background-image: url("../images/list-2x.png?ver=20120916");
2001 background-size: 80px 20px;
2007 .icon32.icon-dashboard,
2014 #icon-link-category,
2018 .icon32.icon-comments,
2019 #icon-edit-comments,
2020 .icon32.icon-appearance,
2022 .icon32.icon-plugins,
2031 .icon32.icon-settings,
2032 #icon-options-general,
2035 .icon32.icon-generic,
2037 background-image: url(../images/icons32-2x.png?ver=20121105);
2038 background-size: 756px 45px;
2041 .icon16.icon-dashboard,
2042 .menu-icon-dashboard div.wp-menu-image,
2044 .menu-icon-post div.wp-menu-image,
2046 .menu-icon-media div.wp-menu-image,
2048 .menu-icon-links div.wp-menu-image,
2050 .menu-icon-page div.wp-menu-image,
2051 .icon16.icon-comments,
2052 .menu-icon-comments div.wp-menu-image,
2053 .icon16.icon-appearance,
2054 .menu-icon-appearance div.wp-menu-image,
2055 .icon16.icon-plugins,
2056 .menu-icon-plugins div.wp-menu-image,
2058 .menu-icon-users div.wp-menu-image,
2060 .menu-icon-tools div.wp-menu-image,
2061 .icon16.icon-settings,
2062 .menu-icon-settings div.wp-menu-image,
2064 .menu-icon-site div.wp-menu-image,
2065 .icon16.icon-generic,
2066 .menu-icon-generic div.wp-menu-image {
2067 background-image: url('../images/menu-2x.png?ver=20121105');
2068 background-size: 390px 64px;
2072 background-image: url('../images/wp-logo-2x.png?ver=20120916');
2073 background-size: 16px auto;