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 div.dashboard-widget-error {
92 background-color: #c43;
95 div.dashboard-widget-notice {
96 background-color: #cfe1ef;
99 div.dashboard-widget-submit {
100 border-top-color: #ccc;
103 ul.category-tabs li {
104 border-color: transparent;
109 ul.add-menu-item-tabs li.tabs,
111 border-color: #dfdfdf;
112 background-color: #fff;
115 ul.category-tabs li.tabs {
116 border-color: #dfdfdf #dfdfdf #fff;
119 ul.category-tabs li.tabs,
120 ul.add-menu-item-tabs li.tabs,
122 background-color: #fff;
132 input[type="password"],
135 input[type="number"],
136 input[type="search"],
140 border-color: #dfdfdf;
144 input[type="text"]:focus,
145 input[type="password"]:focus,
146 input[type="file"]:focus,
147 input[type="email"]:focus,
148 input[type="number"]:focus,
149 input[type="search"]:focus,
150 input[type="tel"]:focus,
151 input[type="url"]:focus,
158 background-color: #ccc;
161 #plugin-information .action-button a,
162 #plugin-information .action-button a:hover,
163 #plugin-information .action-button a:visited {
171 .widefat thead tr th,
172 .widefat tfoot tr th,
173 h3.dashboard-widget-title,
174 h3.dashboard-widget-title span,
175 h3.dashboard-widget-title small,
181 background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9));
182 background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9);
183 background-image: -moz-linear-gradient(bottom, #ececec, #f9f9f9);
184 background-image: -o-linear-gradient(bottom, #ececec, #f9f9f9);
185 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,
416 #nav-menu-footer .menu-delete:hover {
418 background-color: #f00;
419 border-bottom-color: #f00;
422 #normal-sortables .submitbox .submitdelete:hover {
424 background-color: #f00;
425 border-bottom-color: #f00;
429 border-color: transparent;
434 border-color: transparent;
438 .tablenav .next:hover,
439 .tablenav .prev:hover {
440 border-color: transparent;
446 background-color: #ffffe0;
447 border-color: #e6db55;
455 border-bottom-color: #b8d3e2;
459 border-bottom-color: #ccc;
464 border-top-color: #fff;
465 border-bottom-color: #dfdfdf;
469 text-shadow: rgba(255,255,255,0.8) 0 1px 0;
481 .widefat thead tr th,
482 .widefat tfoot tr th,
483 h3.dashboard-widget-title,
484 h3.dashboard-widget-title span,
485 h3.dashboard-widget-title small {
490 th.sortable a:active,
491 th.sortable a:focus {
495 th.sortable a:focus {
497 background-image: -webkit-gradient(linear, left bottom, left top, from(#dcdcdc), to(#e9e9e9));
498 background-image: -webkit-linear-gradient(bottom, #dcdcdc, #e9e9e9);
499 background-image: -moz-linear-gradient(bottom, #dcdcdc, #e9e9e9);
500 background-image: -o-linear-gradient(bottom, #dcdcdc, #e9e9e9);
501 background-image: linear-gradient(to top, #dcdcdc, #e9e9e9);
504 h3.dashboard-widget-title small a {
508 h3.dashboard-widget-title small a:hover {
514 #the-comment-list p.comment-author strong a,
515 #media-upload a.del-link,
516 #media-items a.delete,
517 #media-items a.delete-permanently,
523 #adminmenu .awaiting-mod,
524 #adminmenu .update-plugins,
525 #sidemenu a .update-plugins,
526 #rightnow .reallynow {
527 background-color: #464646;
529 -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0;
530 box-shadow: rgba(255,255,255,0.5) 0 1px 0;
532 #plugin-information .action-button {
533 background-color: #d54e21;
537 #adminmenu li.current a .awaiting-mod,
538 #adminmenu li a.wp-has-current-submenu .update-plugins{
539 background-color: #464646;
541 -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0;
542 box-shadow: rgba(255,255,255,0.5) 0 1px 0;
545 div#media-upload-header,
546 div#plugin-information-header {
547 background-color: #f9f9f9;
548 border-bottom-color: #dfdfdf;
555 #dashboard_secondary div.dashboard-widget-content ul li a {
556 background-color: #f9f9f9;
559 input.readonly, textarea.readonly {
560 background-color: #ddd;
563 #editable-post-name {
564 background-color: #fffbcc;
567 #edit-slug-box strong,
568 .tablenav .displaying-num,
575 .login #backtoblog a {
576 color: #21759b !important;
580 .login #backtoblog a:hover {
581 color: #d54e21 !important;
586 border-color: #dfdfdf;
590 #media-items .media-item,
591 .media-item .describe {
592 border-color: #dfdfdf;
598 #your-profile #rich_editing {
599 background-color: #fcfcfc;
603 .plugins .inactive th,
604 .plugins .inactive td,
605 tr.inactive + tr.plugin-update-tr .plugin-update {
606 background-color: #f4f4f4;
609 .plugin-update-tr .update-message {
610 background-color: #fffbe4;
611 border-color: #dfdfdf;
616 .plugins .active td {
620 .plugins .inactive a {
624 #the-comment-list tr.undo,
625 #the-comment-list div.undo {
626 background-color: #f4f4f4;
629 #the-comment-list .unapproved {
630 background-color: #ffffe0;
633 #the-comment-list .approve a {
637 #the-comment-list .unapprove a {
641 table.widefat span.delete a,
642 table.widefat span.trash a,
643 table.widefat span.spam a,
644 #dashboard_recent_comments .delete a,
645 #dashboard_recent_comments .trash a,
646 #dashboard_recent_comments .spam a {
652 background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#fafafa));
653 background-image: -webkit-linear-gradient(bottom, #f5f5f5, #fafafa);
654 background-image: -moz-linear-gradient(bottom, #f5f5f5, #fafafa);
655 background-image: -o-linear-gradient(bottom, #f5f5f5, #fafafa);
656 background-image: linear-gradient(to top, #f5f5f5, #fafafa);
657 border-color: #dfdfdf;
662 .welcome-panel-column p {
666 text-shadow: 1px 1px 1px #fff;
670 #widget-list .widget-top,
673 #poststuff .postarea,
675 border-color: #dfdfdf;
676 -webkit-box-shadow: inset 0 1px 0 #fff;
677 box-shadow: inset 0 1px 0 #fff;
678 -webkit-border-radius: 3px;
683 #widget-list .widget-top,
685 .menu-item-settings {
687 background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f9f9f9));
688 background-image: -webkit-linear-gradient(bottom, #f5f5f5, #f9f9f9);
689 background-image: -moz-linear-gradient(bottom, #f5f5f5, #f9f9f9);
690 background-image: -o-linear-gradient(bottom, #f5f5f5, #f9f9f9);
691 background-image: linear-gradient(to top, #f5f5f5, #f9f9f9);
698 .widget .widget-top {
702 .js .sidebar-name:hover h3,
703 .js .postbox h3:hover {
707 .curtime #timestamp {
708 background-image: url(../images/date-button.gif);
712 background-color: #f0f6fb;
719 .tagchecklist span a,
721 background: url(../images/xit.gif) no-repeat;
724 .tagchecklist span a:hover,
725 #bulk-titles div a:hover {
726 background: url(../images/xit.gif) no-repeat -10px 0;
729 #update-nag, .update-nag {
730 background-color: #fffbcc;
731 border-color: #e6db55;
736 background-color: #f1f1f1;
738 -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
739 box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
742 #contextual-help-back {
746 .contextual-help-tabs a:hover {
750 #contextual-help-back,
751 .contextual-help-tabs .active {
755 .contextual-help-tabs .active,
756 .contextual-help-tabs .active a,
757 .contextual-help-tabs .active a:hover {
762 /* screen options and help tabs */
763 #screen-options-link-wrap,
764 #contextual-help-link-wrap {
765 border-right: 1px solid #ccc;
766 border-left: 1px solid #ccc;
767 border-bottom: 1px solid #ccc;
769 background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#f1f1f1));
770 background-image: -webkit-linear-gradient(bottom, #dfdfdf, #f1f1f1);
771 background-image: -moz-linear-gradient(bottom, #dfdfdf, #f1f1f1);
772 background-image: -o-linear-gradient(bottom, #dfdfdf, #f1f1f1);
773 background-image: linear-gradient(to top, #dfdfdf, #f1f1f1);
776 #screen-meta-links a {
778 background: transparent url(../images/arrows.png) no-repeat right 4px;
781 #screen-meta-links a:hover,
782 #screen-meta-links a:active {
784 background-color: transparent;
787 #screen-meta-links a.screen-meta-active {
788 background-position: right -31px;
791 /* end screen options and help tabs */
793 .login #backtoblog a {
798 border-bottom: #dfdfdf 1px solid;
806 #wpfooter a:visited {
807 text-decoration: none;
811 text-decoration: underline;
816 .widget-control-remove:hover,
817 table.widefat .delete a:hover,
818 table.widefat .trash a:hover,
819 table.widefat .spam a:hover,
820 #dashboard_recent_comments .delete a:hover,
821 #dashboard_recent_comments .trash a:hover
822 #dashboard_recent_comments .spam a:hover {
826 #pass-strength-result {
827 background-color: #eee;
828 border-color: #ddd !important;
831 #pass-strength-result.bad {
832 background-color: #ffb78c;
833 border-color: #ff853c !important;
836 #pass-strength-result.good {
837 background-color: #ffec8b;
838 border-color: #fc0 !important;
841 #pass-strength-result.short {
842 background-color: #ffa0a0;
843 border-color: #f04040 !important;
846 #pass-strength-result.strong {
847 background-color: #c3ff88;
848 border-color: #8dff1c !important;
852 border-color: #dfdfdf #ccc #ccc;
853 background-color: #eaeaea;
856 .editwidget .widget-inside {
857 border-color: #dfdfdf;
861 background-color: #fff;
864 #tTips p#tTips_inside {
865 background-color: #ddd;
869 #poststuff .inside .the-tagcloud {
876 background-color: #ececec;
882 background-image: url(../images/menu-shadow.png);
883 background-position: top right;
884 background-repeat: repeat-y;
887 #adminmenu li.wp-menu-separator {
889 border-color: #cfcfcf;
892 #adminmenu div.separator {
893 border-color: #e1e1e1;
896 #adminmenu a.menu-top,
897 #adminmenu .wp-submenu .wp-submenu-head {
898 border-top-color: #f9f9f9;
899 border-bottom-color: #dfdfdf;
902 #adminmenu li.wp-menu-open {
903 border-color: #dfdfdf;
906 #adminmenu li.menu-top:hover,
907 #adminmenu li.opensub > a.menu-top,
908 #adminmenu li > a.menu-top:focus {
909 background-color: #e4e4e4;
911 text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.4 );
914 /* So it doesn't get applied to the number spans (comments, updates, etc) */
915 #adminmenu li.menu-top:hover > a span,
916 #adminmenu li.menu-top > a:focus span {
920 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
921 #adminmenu li.current a.menu-top,
922 .folded #adminmenu li.wp-has-current-submenu,
923 .folded #adminmenu li.current.menu-top,
924 #adminmenu .wp-menu-arrow,
925 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
927 background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080));
928 background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080);
929 background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080);
930 background-image: -o-linear-gradient(bottom, #6d6d6d, #808080);
931 background-image: linear-gradient(to top, #6d6d6d, #808080);
934 #adminmenu .wp-menu-arrow div {
936 background-image: -webkit-gradient(linear, right bottom, left top, from(#6d6d6d), to(#808080));
937 background-image: -webkit-linear-gradient(bottom right, #6d6d6d, #808080);
938 background-image: -moz-linear-gradient(bottom right, #6d6d6d, #808080);
939 background-image: -o-linear-gradient(bottom right, #6d6d6d, #808080);
940 background-image: linear-gradient(to top left, #6d6d6d, #808080);
943 #adminmenu li.wp-not-current-submenu .wp-menu-arrow {
944 border-top-color: #f9f9f9;
945 border-bottom-color: #dfdfdf;
949 #adminmenu li.wp-not-current-submenu .wp-menu-arrow div {
954 .folded #adminmenu li.menu-top li:hover a {
955 background-image: none;
958 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
959 #adminmenu li.current a.menu-top,
960 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
961 text-shadow: 0 -1px 0 #333;
963 border-top-color: #808080;
964 border-bottom-color: #6d6d6d;
967 .folded #adminmenu li.wp-has-current-submenu,
968 .folded #adminmenu li.current.menu-top {
969 border-top-color: #808080;
970 border-bottom-color: #6d6d6d;
973 #adminmenu .wp-submenu a:hover,
974 #adminmenu .wp-submenu a:focus {
975 background-color: #eaf2fa;
979 #adminmenu .wp-submenu li.current,
980 #adminmenu .wp-submenu li.current a,
981 #adminmenu .wp-submenu li.current a:hover {
985 #adminmenu .wp-submenu,
986 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
987 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
988 background-color: #fff;
989 border-color: #dfdfdf;
990 -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
991 box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
994 #adminmenu .wp-submenu .wp-submenu-head {
995 background-color: #e4e4e4;
999 /* collapse menu button */
1002 border-top-color: #f9f9f9;
1005 #collapse-menu:hover {
1011 background: #f4f4f4;
1012 background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#fff));
1013 background-image: -webkit-linear-gradient(bottom, #dfdfdf, #fff);
1014 background-image: -moz-linear-gradient(bottom, #dfdfdf, #fff);
1015 background-image: -o-linear-gradient(bottom, #dfdfdf, #fff);
1016 background-image: linear-gradient(to top, #dfdfdf, #fff);
1019 #collapse-menu:hover #collapse-button {
1023 #collapse-button div {
1024 background: transparent url(../images/arrows.png) no-repeat 0 -72px;
1027 .folded #collapse-button div {
1028 background-position: 0 -108px;
1031 /* Auto-folding of the admin menu */
1032 @media only screen and (max-width: 900px) {
1033 .auto-fold #adminmenu li.wp-has-current-submenu,
1034 .auto-fold #adminmenu li.current.menu-top {
1035 background-color: #777;
1036 background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080));
1037 background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080);
1038 background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080);
1039 background-image: -o-linear-gradient(bottom, #6d6d6d, #808080);
1040 background-image: linear-gradient(bottom, #6d6d6d, #808080);
1043 .auto-fold #adminmenu li.wp-has-current-submenu,
1044 .auto-fold #adminmenu li.current.menu-top {
1045 border-top-color: #808080;
1046 border-bottom-color: #6d6d6d;
1049 .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1050 .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
1051 background-color: #fff;
1052 border-color: #dfdfdf;
1053 -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
1054 box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
1057 .auto-fold #collapse-button div {
1058 background-position: 0 -108px;
1062 /* menu and screen icons */
1066 background-color: transparent;
1067 background-repeat: no-repeat;
1070 .icon16.icon-dashboard,
1071 .menu-icon-dashboard div.wp-menu-image,
1073 .menu-icon-post div.wp-menu-image,
1075 .menu-icon-media div.wp-menu-image,
1077 .menu-icon-links div.wp-menu-image,
1079 .menu-icon-page div.wp-menu-image,
1080 .icon16.icon-comments,
1081 .menu-icon-comments div.wp-menu-image,
1082 .icon16.icon-appearance,
1083 .menu-icon-appearance div.wp-menu-image,
1084 .icon16.icon-plugins,
1085 .menu-icon-plugins div.wp-menu-image,
1087 .menu-icon-users div.wp-menu-image,
1089 .menu-icon-tools div.wp-menu-image,
1090 .icon16.icon-settings,
1091 .menu-icon-settings div.wp-menu-image,
1093 .menu-icon-site div.wp-menu-image,
1094 .icon16.icon-generic,
1095 .menu-icon-generic div.wp-menu-image {
1096 background-image: url(../images/menu.png?ver=20121105);
1099 .icon16.icon-dashboard,
1100 #adminmenu .menu-icon-dashboard div.wp-menu-image {
1101 background-position: -59px -33px;
1104 #adminmenu .menu-icon-dashboard:hover div.wp-menu-image,
1105 #adminmenu .menu-icon-dashboard.wp-has-current-submenu div.wp-menu-image,
1106 #adminmenu .menu-icon-dashboard.current div.wp-menu-image {
1107 background-position: -59px -1px;
1111 #adminmenu .menu-icon-post div.wp-menu-image {
1112 background-position: -269px -33px;
1115 #adminmenu .menu-icon-post:hover div.wp-menu-image,
1116 #adminmenu .menu-icon-post.wp-has-current-submenu div.wp-menu-image,
1117 #adminmenu .menu-icon-post.current div.wp-menu-image {
1118 background-position: -269px -1px;
1122 #adminmenu .menu-icon-media div.wp-menu-image {
1123 background-position: -119px -33px;
1126 #adminmenu .menu-icon-media:hover div.wp-menu-image,
1127 #adminmenu .menu-icon-media.wp-has-current-submenu div.wp-menu-image,
1128 #adminmenu .menu-icon-media.current div.wp-menu-image {
1129 background-position: -119px -1px;
1133 #adminmenu .menu-icon-links div.wp-menu-image {
1134 background-position: -89px -33px;
1137 #adminmenu .menu-icon-links:hover div.wp-menu-image,
1138 #adminmenu .menu-icon-links.wp-has-current-submenu div.wp-menu-image,
1139 #adminmenu .menu-icon-links.current div.wp-menu-image {
1140 background-position: -89px -1px;
1144 #adminmenu .menu-icon-page div.wp-menu-image {
1145 background-position: -149px -33px;
1148 #adminmenu .menu-icon-page:hover div.wp-menu-image,
1149 #adminmenu .menu-icon-page.wp-has-current-submenu div.wp-menu-image,
1150 #adminmenu .menu-icon-page.current div.wp-menu-image {
1151 background-position: -149px -1px;
1154 .icon16.icon-comments,
1155 #adminmenu .menu-icon-comments div.wp-menu-image {
1156 background-position: -29px -33px;
1159 #adminmenu .menu-icon-comments:hover div.wp-menu-image,
1160 #adminmenu .menu-icon-comments.wp-has-current-submenu div.wp-menu-image,
1161 #adminmenu .menu-icon-comments.current div.wp-menu-image {
1162 background-position: -29px -1px;
1165 .icon16.icon-appearance,
1166 #adminmenu .menu-icon-appearance div.wp-menu-image {
1167 background-position: 1px -33px;
1170 #adminmenu .menu-icon-appearance:hover div.wp-menu-image,
1171 #adminmenu .menu-icon-appearance.wp-has-current-submenu div.wp-menu-image,
1172 #adminmenu .menu-icon-appearance.current div.wp-menu-image {
1173 background-position: 1px -1px;
1176 .icon16.icon-plugins,
1177 #adminmenu .menu-icon-plugins div.wp-menu-image {
1178 background-position: -179px -33px;
1181 #adminmenu .menu-icon-plugins:hover div.wp-menu-image,
1182 #adminmenu .menu-icon-plugins.wp-has-current-submenu div.wp-menu-image,
1183 #adminmenu .menu-icon-plugins.current div.wp-menu-image {
1184 background-position: -179px -1px;
1188 #adminmenu .menu-icon-users div.wp-menu-image {
1189 background-position: -300px -33px;
1192 #adminmenu .menu-icon-users:hover div.wp-menu-image,
1193 #adminmenu .menu-icon-users.wp-has-current-submenu div.wp-menu-image,
1194 #adminmenu .menu-icon-users.current div.wp-menu-image {
1195 background-position: -300px -1px;
1199 #adminmenu .menu-icon-tools div.wp-menu-image {
1200 background-position: -209px -33px;
1203 #adminmenu .menu-icon-tools:hover div.wp-menu-image,
1204 #adminmenu .menu-icon-tools.wp-has-current-submenu div.wp-menu-image,
1205 #adminmenu .menu-icon-tools.current div.wp-menu-image {
1206 background-position: -209px -1px;
1209 .icon16.icon-settings,
1210 #adminmenu .menu-icon-settings div.wp-menu-image {
1211 background-position: -239px -33px;
1214 #adminmenu .menu-icon-settings:hover div.wp-menu-image,
1215 #adminmenu .menu-icon-settings.wp-has-current-submenu div.wp-menu-image,
1216 #adminmenu .menu-icon-settings.current div.wp-menu-image {
1217 background-position: -239px -1px;
1221 #adminmenu .menu-icon-site div.wp-menu-image {
1222 background-position: -359px -33px;
1225 #adminmenu .menu-icon-site:hover div.wp-menu-image,
1226 #adminmenu .menu-icon-site.wp-has-current-submenu div.wp-menu-image,
1227 #adminmenu .menu-icon-site.current div.wp-menu-image {
1228 background-position: -359px -1px;
1231 .icon16.icon-generic,
1232 #adminmenu .menu-icon-generic div.wp-menu-image {
1233 background-position: -330px -33px;
1236 #adminmenu .menu-icon-generic:hover div.wp-menu-image,
1237 #adminmenu .menu-icon-generic.wp-has-current-submenu div.wp-menu-image,
1238 #adminmenu .menu-icon-generic.current div.wp-menu-image {
1239 background-position: -330px -1px;
1242 /* end menu and screen icons */
1248 .icon32.icon-dashboard,
1255 #icon-link-category,
1259 .icon32.icon-comments,
1260 #icon-edit-comments,
1261 .icon32.icon-appearance,
1263 .icon32.icon-plugins,
1272 .icon32.icon-settings,
1273 #icon-options-general,
1276 .icon32.icon-generic,
1278 background-image: url(../images/icons32.png?ver=20121105);
1284 background-position: -552px -5px;
1287 .icon32.icon-dashboard,
1289 background-position: -137px -5px;
1294 background-position: -251px -5px;
1300 #icon-link-category {
1301 background-position: -190px -5px;
1307 background-position: -312px -5px;
1310 .icon32.icon-comments,
1311 #icon-edit-comments {
1312 background-position: -72px -5px;
1315 .icon32.icon-appearance,
1317 background-position: -11px -5px;
1320 .icon32.icon-plugins,
1322 background-position: -370px -5px;
1329 background-position: -600px -5px;
1335 background-position: -432px -5px;
1338 .icon32.icon-settings,
1339 #icon-options-general {
1340 background-position: -492px -5px;
1345 background-position: -659px -5px;
1348 .icon32.icon-generic,
1350 background-position: -708px -5px;
1353 /* end screen icons */
1355 /* Post format icons */
1358 background: url(../images/post-formats.png) no-repeat;
1362 table.diff .diff-deletedline {
1363 background-color: #ffe9e9;
1366 table.diff .diff-deletedline del {
1367 background-color: #faa;
1370 table.diff .diff-addedline {
1371 background-color: #e9ffe9;
1374 table.diff .diff-addedline ins {
1375 background-color: #afa;
1379 border: 1px solid #dfdfdf;
1382 .revisions-controls {
1384 background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,1)), color-stop(30px,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
1385 background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
1386 background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
1387 background: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
1388 background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
1392 .revisions-tooltip-arrow span {
1393 border-color: #d7d7d7;
1394 background-color: #fff;
1397 .revisions-tickmarks > div {
1401 /* jQuery UI Slider */
1402 .wp-slider.ui-slider {
1403 border-color: #d7d7d7;
1406 .wp-slider .ui-slider-handle {
1409 background: #f4f4f4;
1410 background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#fff));
1411 background-image: -webkit-linear-gradient(bottom, #dfdfdf, #fff);
1412 background-image: -moz-linear-gradient(bottom, #dfdfdf, #fff);
1413 background-image: -o-linear-gradient(bottom, #dfdfdf, #fff);
1414 background-image: linear-gradient(to top, #dfdfdf, #fff);
1418 .wp-slider .ui-slider-handle:hover,
1419 .wp-slider .ui-slider-handle:focus {
1423 .wp-slider .ui-slider-handle.ui-state-hover,
1424 .wp-slider .ui-slider-handle.ui-state-focus {
1431 background-color: #f9f9f9;
1432 border-color: #f9f9f9;
1433 border-bottom-color: #dfdfdf;
1436 #sidemenu a.current {
1437 background-color: #fff;
1438 border-color: #dfdfdf #dfdfdf #fff;
1444 background-color: #f9f9f9;
1447 /* table vim shortcuts */
1451 background-color: #E4F2FD !important;
1454 /* Install Plugins */
1455 #plugin-information .fyi ul {
1456 background-color: #eaf3fa;
1459 #plugin-information .fyi h2.mainheader {
1460 background-color: #cee1ef;
1463 #plugin-information pre,
1464 #plugin-information code {
1465 background-color: #ededff;
1468 #plugin-information pre {
1469 border: 1px solid #ccc;
1477 .inline-editor div.title {
1478 background-color: #eaf3fa;
1481 .inline-editor ul.cat-checklist {
1482 background-color: #fff;
1486 .inline-editor .quick-edit-save {
1487 background-color: #f1f1f1;
1490 fieldset.inline-edit-col-right .inline-edit-col {
1491 border-color: #dfdfdf;
1498 .js .meta-box-sortables .postbox:hover .handlediv {
1499 background: transparent url(../images/arrows.png) no-repeat 6px 7px;
1502 .tablenav .tablenav-pages {
1506 .tablenav .tablenav-pages a {
1507 border-color: #e3e3e3;
1509 -moz-box-shadow: inset 0 1px 0 #fff;
1510 -webkit-box-shadow: inset 0 1px 0 #fff;
1511 box-shadow: inset 0 1px 0 #fff;
1514 .tablenav .tablenav-pages a:hover,
1515 .tablenav .tablenav-pages a:focus {
1519 .tablenav .tablenav-pages a.disabled,
1520 .tablenav .tablenav-pages a.disabled:hover,
1521 .tablenav .tablenav-pages a.disabled:focus {
1525 .tablenav .tablenav-pages .current {
1526 background: #dfdfdf;
1527 border-color: #d3d3d3;
1531 #availablethemes td {
1535 #current-theme img {
1539 #TB_window #TB_title a.tb-theme-preview-link,
1540 #TB_window #TB_title a.tb-theme-preview-link:visited {
1544 #TB_window #TB_title a.tb-theme-preview-link:hover,
1545 #TB_window #TB_title a.tb-theme-preview-link:focus {
1550 border-top-color: #fff;
1551 border-bottom-color: #dfdfdf;
1555 border-bottom-color: #dfdfdf;
1558 #post-body .misc-pub-section {
1559 border-left-color: #eee;
1562 .post-com-count span {
1563 background-color: #bbb;
1566 .form-table .color-palette td {
1570 .sortable-placeholder {
1572 background-color: #f5f5f5;
1575 #post-body ul.category-tabs li.tabs a,
1576 #post-body ul.add-menu-item-tabs li.tabs a,
1577 body.press-this ul.category-tabs li.tabs a {
1581 .view-switch #view-switch-list,
1582 .view-switch #view-switch-excerpt {
1583 background-color: transparent;
1584 background-image: url('../images/list.png');
1585 background-repeat: no-repeat;
1588 .view-switch #view-switch-list {
1589 background-position: 0 0;
1592 .view-switch .current #view-switch-list {
1593 background-position: -40px 0;
1596 .view-switch #view-switch-excerpt {
1597 background-position: -20px 0;
1600 .view-switch .current #view-switch-excerpt {
1601 background-position: -60px 0;
1605 background: transparent url(../images/wp-logo.png?ver=20110504) no-repeat scroll center center;
1610 background-color: #fff;
1611 border-color: #dfdfdf;
1614 div.widgets-sortables,
1615 #widgets-left .inactive,
1616 #available-widgets .widget-holder {
1617 background-color: #fcfcfc;
1618 border-color: #dfdfdf;
1621 #available-widgets .widget-description {
1627 text-shadow: #fff 0 1px 0;
1628 border-color: #dfdfdf;
1629 -webkit-box-shadow: inset 0 1px 0 #fff;
1630 box-shadow: inset 0 1px 0 #fff;
1633 .js .sidebar-name:hover,
1634 .js #removing-widget {
1638 #removing-widget span {
1642 .js .sidebar-name-arrow {
1643 background: transparent url(../images/arrows.png) no-repeat 5px 9px;
1646 .js .sidebar-name:hover .sidebar-name-arrow {
1647 background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px;
1654 .deleting .widget-title * {
1659 border-color: #d5d5d5;
1660 background-color: #f1f1f1;
1663 .imgedit-menu div:hover {
1664 border-color: #c1c1c1;
1665 background-color: #eaeaea;
1668 .imgedit-menu div.disabled {
1670 background-color: #ddd;
1671 filter: alpha(opacity=50);
1675 #dashboard_recent_comments div.undo {
1676 border-top-color: #dfdfdf;
1685 background-color: #f1f1f1;
1688 /* added from nav-menu.css */
1689 #menu-management .menu-edit {
1690 border-color: #dfdfdf;
1695 border-top-color: #fff;
1696 border-bottom-color: #dfdfdf;
1700 border-bottom-color: #dfdfdf;
1704 border-top-color: #fff;
1707 #menu-management .nav-tabs-arrow a {
1711 #menu-management .nav-tabs-arrow a:hover {
1715 #menu-management .nav-tabs-arrow a:active {
1719 #menu-management .nav-tab-active {
1720 border-color: #dfdfdf;
1723 #menu-management .nav-tab {
1724 background: #fbfbfb;
1725 border-color: #dfdfdf;
1728 .js .input-with-default-title {
1736 #cancel-save:hover {
1737 background-color: #f00;
1743 border-color: #dfdfdf;
1746 .menu li.deleting .menu-item-handle {
1747 background-color: #f66;
1751 .item-type { /* Menu item controls */
1755 .item-controls .menu-item-delete:hover {
1759 .nav-menus-php .item-edit {
1760 background: transparent url(../images/arrows.png) no-repeat 8px 10px;
1761 border-bottom-color: #eee;
1764 .nav-menus-php .item-edit:hover {
1765 background: transparent url(../images/arrows-dark.png) no-repeat 8px 10px;
1768 .menu-item-settings { /* Menu editing */
1769 border-color: #dfdfdf;
1774 border-color: #dfdfdf;
1777 #cancel-save:hover {
1778 color: #fff !important;
1782 color: #fff !important;
1785 #update-menu-item:hover,
1786 #update-menu-item:active,
1787 #update-menu-item:focus {
1788 color: #eaf2fa !important;
1789 border-color: #13455b !important;
1792 .submitbox .submitcancel {
1794 border-bottom-color: #21759b;
1797 .submitbox .submitcancel:hover {
1798 background: #21759b;
1803 border: 1px solid #eeeeee;
1804 background: #fbfbfb;
1807 .theme-location-set {
1811 .nav-menus-php .delete-action a {
1818 /* end added from nav-menu.css */
1821 border-color: #dfdfdf #dfdfdf #fff;
1826 border-color: #ccc #ccc #fff;
1829 h2.nav-tab-wrapper, h3.nav-tab-wrapper {
1830 border-bottom-color: #ccc;
1833 #menu-management .nav-tab-active,
1835 .menu-item-settings {
1836 -webkit-box-shadow: inset 0 1px 0 #fff;
1837 box-shadow: inset 0 1px 0 #fff;
1840 #menu-management .nav-tab-active {
1841 background: #f9f9f9;
1842 border-bottom-color: #f9f9f9;
1845 #upload-form label {
1849 /* Begin About Pages */
1853 text-shadow: 1px 1px 1px #fff;
1862 text-shadow: 0 -1px 0 rgba(22, 57, 81, 0.3);
1865 .about-wrap h2 .nav-tab {
1869 .about-wrap h2 .nav-tab:hover {
1873 .about-wrap h2 .nav-tab-active,
1874 .about-wrap h2 .nav-tab-active:hover {
1878 .about-wrap h2 .nav-tab-active {
1879 text-shadow: 1px 1px 1px #fff;
1885 text-shadow: 1px 1px 1px #fff;
1888 .about-wrap .feature-section h4 {
1892 .about-wrap h4.wp-people-group {
1893 text-shadow: 1px 1px 1px #fff;
1896 .about-wrap .point-releases {
1897 border-bottom: 1px solid #dfdfdf;
1900 .about-wrap .point-releases h3 {
1901 border-top: 1px solid #dfdfdf;
1904 .about-wrap .point-releases h3:first-child {
1908 .about-wrap li.wp-person img.gravatar {
1909 -webkit-box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 );
1910 box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 );
1913 .about-wrap li.wp-person .title {
1915 text-shadow: 1px 1px 1px #fff;
1918 .freedoms-php .about-wrap ol li {
1922 .freedoms-php .about-wrap ol p {
1926 /* End About Pages */
1929 /*------------------------------------------------------------------------------
1930 2.0 - Right to Left Styles
1931 ------------------------------------------------------------------------------*/
1934 border-right-color: transparent;
1935 border-left-color: #99d;
1938 .rtl #screen-meta-links a.show-settings {
1939 background-position: left 3px;
1942 .rtl #screen-meta-links a.show-settings.screen-meta-active {
1943 background-position: left -33px;
1947 .rtl #adminmenushadow,
1948 .rtl #adminmenuback {
1949 background-image: url(../images/menu-shadow-rtl.png);
1950 background-position: top left;
1953 .rtl #adminmenu .wp-submenu .wp-submenu-head {
1954 border-right-color: transparent;
1955 border-left-color: #dfdfdf;
1958 .rtl #adminmenu .wp-submenu,
1959 .rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu {
1960 -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
1961 box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
1964 .rtl #adminmenu .wp-has-current-submenu .wp-submenu {
1965 -webkit-box-shadow: none;
1969 /* Collapse Menu Button */
1970 .rtl #collapse-button div {
1971 background-position: 0 -108px;
1974 .rtl.folded #collapse-button div {
1975 background-position: 0 -72px;
1978 /* Auto-folding of the admin menu for RTL */
1979 @media only screen and (max-width: 900px) {
1980 .rtl.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1981 .rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
1982 -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
1983 box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
1986 .rtl.auto-fold #collapse-button div {
1987 background-position: 0 -72px;
1992 .js.rtl .meta-box-sortables .postbox:hover .handlediv {
1993 background: transparent url(../images/arrows.png) no-repeat 6px 7px;
1996 .rtl #post-body .misc-pub-section {
1997 border-right-color: transparent;
1998 border-left-color: #eee;
2001 .js.rtl .sidebar-name-arrow {
2002 background: transparent url(../images/arrows.png) no-repeat 5px 9px;
2005 .js.rtl .sidebar-name:hover .sidebar-name-arrow {
2006 background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px;
2013 (-o-min-device-pixel-ratio: 5/4),
2014 (-webkit-min-device-pixel-ratio: 1.25),
2015 (min-resolution: 120dpi) {
2017 .curtime #timestamp {
2018 background-image: url("../images/date-button-2x.gif?ver=20120916");
2019 background-size: 16px auto;
2022 .tagchecklist span a,
2024 .tagchecklist span a:hover,
2025 #bulk-titles div a:hover {
2026 background-image: url("../images/xit-2x.gif?ver=20120916");
2027 background-size: 20px auto;
2030 #screen-meta-links a.show-settings,
2031 #screen-meta-links a.show-settings.screen-meta-active,
2032 #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
2033 #adminmenu .wp-menu-open .wp-menu-toggle,
2034 #collapse-button div,
2035 .nav-menus-php .item-edit,
2036 .js .meta-box-sortables .postbox:hover .handlediv,
2037 .sidebar-name-arrow,
2038 .rtl #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
2039 .rtl #adminmenu .wp-menu-open .wp-menu-toggle,
2040 .js.rtl .meta-box-sortables .postbox:hover .handlediv,
2041 .rtl .sidebar-name-arrow {
2042 background-image: url("../images/arrows-2x.png?ver=20120916");
2043 background-size: 15px 123px;
2046 #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
2047 #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle,
2048 .sidebar-name:hover .sidebar-name-arrow,
2049 .nav-menus-php .item-edit:hover,
2050 .rtl #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
2051 .rtl #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle,
2052 .rtl .sidebar-name:hover .sidebar-name-arrow {
2053 background-image: url("../images/arrows-dark-2x.png?ver=20120916");
2054 background-size: 15px 123px;
2057 .view-switch #view-switch-list,
2058 .view-switch #view-switch-excerpt {
2059 background-image: url("../images/list-2x.png?ver=20120916");
2060 background-size: 80px 20px;
2066 .icon32.icon-dashboard,
2073 #icon-link-category,
2077 .icon32.icon-comments,
2078 #icon-edit-comments,
2079 .icon32.icon-appearance,
2081 .icon32.icon-plugins,
2090 .icon32.icon-settings,
2091 #icon-options-general,
2094 .icon32.icon-generic,
2096 background-image: url(../images/icons32-2x.png?ver=20121105);
2097 background-size: 756px 45px;
2100 .icon16.icon-dashboard,
2101 .menu-icon-dashboard div.wp-menu-image,
2103 .menu-icon-post div.wp-menu-image,
2105 .menu-icon-media div.wp-menu-image,
2107 .menu-icon-links div.wp-menu-image,
2109 .menu-icon-page div.wp-menu-image,
2110 .icon16.icon-comments,
2111 .menu-icon-comments div.wp-menu-image,
2112 .icon16.icon-appearance,
2113 .menu-icon-appearance div.wp-menu-image,
2114 .icon16.icon-plugins,
2115 .menu-icon-plugins div.wp-menu-image,
2117 .menu-icon-users div.wp-menu-image,
2119 .menu-icon-tools div.wp-menu-image,
2120 .icon16.icon-settings,
2121 .menu-icon-settings div.wp-menu-image,
2123 .menu-icon-site div.wp-menu-image,
2124 .icon16.icon-generic,
2125 .menu-icon-generic div.wp-menu-image {
2126 background-image: url('../images/menu-2x.png?ver=20121105');
2127 background-size: 390px 64px;
2131 background-image: url('../images/wp-logo-2x.png?ver=20120916');
2132 background-size: 16px auto;
2135 /* 16px post formats */
2137 background-image: url(../images/post-formats32.png);
2138 background-size: 16px 304px;