32bc6f4bf4383c158bb668fe04e95af38369182b
[autoinstalls/wordpress.git] / wp-admin / css / colors-classic.css
1 /*------------------------------------------------------------------------------
2
3
4 Howdy! This is the CSS file that controls the
5 Blue (classic) color style on the WordPress Dashboard.
6
7 This file contains both LTR and RTL styles.
8
9
10 TABLE OF CONTENTS:
11 ------------------
12  1.0 - Left to Right Styles
13  2.0 - Right to Left Styles
14
15
16 ------------------------------------------------------------------------------*/
17
18
19 /*------------------------------------------------------------------------------
20   1.0 - Left to Right Styles
21 ------------------------------------------------------------------------------*/
22
23 .find-box-search,
24 .find-box-buttons {
25         background-color: #eff8ff;
26         border-top: 1px solid #dce6f8;
27 }
28
29 .find-box {
30         background-color: #5589aa;
31 }
32
33 .find-box-head {
34         color: #fff;
35 }
36
37 .find-box-inside {
38         background-color: #fff;
39 }
40
41 a.page-numbers:hover {
42         border-color: #999;
43 }
44
45 body,
46 #wpbody,
47 .form-table .pre,
48 .ui-autocomplete li a {
49         color: #333;
50 }
51
52 body > #upload-menu {
53         border-bottom-color: #fff;
54 }
55
56 #postcustomstuff table,
57 #your-profile fieldset,
58 #rightnow,
59 div.dashboard-widget,
60 #dashboard-widgets p.dashboard-widget-links {
61         border-color: #d1e5ee;
62 }
63
64 #poststuff .inside label.spam,
65 #poststuff .inside label.deleted {
66         color: red;
67 }
68
69 #poststuff .inside label.waiting {
70         color: orange;
71 }
72
73 #poststuff .inside label.approved {
74         color: green;
75 }
76
77 #postcustomstuff table {
78         border-color: #dfdfdf;
79         background-color: #f9f9f9;
80 }
81
82 #postcustomstuff thead th {
83         background-color: #f1f1f1;
84 }
85
86 table.widefat {
87         border-color: #d1e5ee;
88         background-color: #fff;
89 }
90
91 div.dashboard-widget-error {
92         background-color: #c43;
93 }
94
95 div.dashboard-widget-notice {
96         background-color: #cfe1ef;
97 }
98
99 div.dashboard-widget-submit {
100         border-top-color: #ccc;
101 }
102
103 ul.category-tabs li {
104         border-color: transparent;
105 }
106
107 div.tabs-panel,
108 .wp-tab-panel,
109 ul.add-menu-item-tabs li.tabs,
110 .wp-tab-active {
111         border-color: #d1e5ee;
112         background-color: #fff;
113 }
114
115 ul.category-tabs li.tabs {
116         border-color: #d1e5ee #d1e5ee #fff;
117 }
118
119 ul.category-tabs li.tabs,
120 ul.add-menu-item-tabs li.tabs,
121 .wp-tab-active {
122         background-color: #fff;
123 }
124
125 kbd,
126 code {
127         background: #eff8ff;
128 }
129
130 textarea,
131 input[type="text"],
132 input[type="password"],
133 input[type="file"],
134 input[type="email"],
135 input[type="number"],
136 input[type="search"],
137 input[type="tel"],
138 input[type="url"],
139 select {
140         border-color: #d1e5ee;
141 }
142
143 textarea:focus,
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,
152 select:focus {
153         border-color: #b0c8d7;
154 }
155
156 input.disabled,
157 textarea.disabled {
158         background-color: #ccc;
159 }
160
161 #plugin-information .action-button a,
162 #plugin-information .action-button a:hover,
163 #plugin-information .action-button a:visited {
164         color: #fff;
165 }
166
167 .revisions-meta,
168 .widget .widget-top,
169 .postbox h3,
170 .stuffbox h3,
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,
176 .sidebar-name,
177 #nav-menu-header,
178 #nav-menu-footer,
179 .menu-item-handle,
180 #fullscreen-topbar {
181         background: #f5fafd;
182         background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe));
183         background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe);
184         background-image:    -moz-linear-gradient(bottom, #eff8ff, #f7fcfe);
185         background-image:      -o-linear-gradient(bottom, #eff8ff, #f7fcfe);
186         background-image: linear-gradient(to top, #eff8ff, #f7fcfe);
187 }
188
189 .widget .widget-top,
190 .postbox h3,
191 .stuffbox h3 {
192         border-bottom-color: #d1e5ee;
193         text-shadow: #fff 0 1px 0;
194         -webkit-box-shadow: 0 1px 0 #fff;
195         box-shadow: 0 1px 0 #fff;
196 }
197
198 .form-table th,
199 .form-wrap label {
200         color: #222;
201         text-shadow: #fff 0 1px 0;
202 }
203
204 .description,
205 .form-wrap p {
206         color: #666;
207 }
208
209 strong .post-com-count span {
210         background-color: #21759b;
211 }
212
213 .sorthelper {
214         background-color: #ccf3fa;
215 }
216
217 .ac_match,
218 .subsubsub a.current {
219         color: #000;
220 }
221
222 .wrap h2 {
223         color: #174f69;
224 }
225
226 .wrap .add-new-h2,
227 .wrap .add-new-h2:active {
228         background: #f1f1f1;
229 }
230
231 .subtitle {
232         color: #777;
233 }
234
235 .ac_over {
236         background-color: #f0f0b8;
237 }
238
239 .ac_results {
240         background-color: #fff;
241         border-color: #b0c8d7;
242 }
243
244 .ac_results li {
245         color: #101010;
246 }
247
248 .alternate,
249 .alt {
250         background-color: #f7fcfe;
251 }
252
253 .available-theme a.screenshot {
254         background-color: #eff8ff;
255         border-color: #acd;
256 }
257
258 #current-theme {
259         border-bottom-color: #d1e5ee;
260 }
261
262 .bar {
263         background-color: #e8e8e8;
264         border-right-color: #99d;
265 }
266
267 #media-upload,
268 #media-upload .media-item .slidetoggle {
269         background: #fff;
270 }
271
272 #media-upload .slidetoggle {
273         border-top-color: #dfdfdf;
274 }
275
276 div.error,
277 .login #login_error {
278         background-color: #ffebe8;
279         border-color: #c00;
280 }
281
282 div.error a {
283         color: #c00;
284 }
285
286 .form-invalid {
287         background-color: #ffebe8 !important;
288 }
289
290 .form-invalid input,
291 .form-invalid select {
292         border-color: #c00 !important;
293 }
294
295 .submit,
296 #commentsdiv #add-new-comment {
297         border-color: #dfdfdf;
298 }
299
300 .highlight {
301         background-color: #e4f2fd;
302         color: #000;
303 }
304
305 .howto,
306 .nonessential,
307 #edit-slug-box,
308 .form-input-tip,
309 .subsubsub {
310         color: #666;
311 }
312
313 .media-upload-form label.form-help,
314 td.help {
315         color: #9a9a9a;
316 }
317
318 .ui-autocomplete {
319         border-color: #b0c8d7;
320         background-color: #eff8ff;
321 }
322
323 .ui-autocomplete li a.ui-state-focus {
324         background-color: #def1ff;
325 }
326
327 .post-com-count {
328         color: #fff;
329 }
330
331 .post-com-count span {
332         background-color: #bbb;
333         color: #fff;
334 }
335
336 .post-com-count:hover span {
337         background-color: #d54e21;
338 }
339
340 .quicktags, .search {
341         background-color: #ccc;
342         color: #000;
343 }
344
345 .side-info h5 {
346         border-bottom-color: #dadada;
347 }
348
349 .side-info ul {
350         color: #666;
351 }
352
353 a:hover,
354 a:active {
355         color: #d54e21;
356 }
357
358 a:focus {
359         color: #124964;
360 }
361
362 #adminmenu a:hover,
363 #adminmenu li.menu-top > a:focus,
364 #adminmenu .wp-submenu a:hover,
365 #the-comment-list .comment a:hover,
366 #rightnow a:hover,
367 #media-upload a.del-link:hover,
368 div.dashboard-widget-submit input:hover,
369 .subsubsub a:hover,
370 .subsubsub a.current:hover,
371 .ui-tabs-nav a:hover,
372 .plugins .inactive a:hover,
373 #all-plugins-table .plugins .inactive a:hover,
374 #search-plugins-table .plugins .inactive a:hover {
375         color: #d54e21;
376 }
377
378 #the-comment-list .comment-item,
379 #dashboard-widgets #dashboard_quick_press form p.submit {
380         border-color: #dfdfdf;
381 }
382
383 #side-sortables .category-tabs .tabs a,
384 #side-sortables .add-menu-item-tabs .tabs a,
385 .wp-tab-bar .wp-tab-active a {
386         color: #333;
387 }
388
389 #dashboard_right_now .table_content,
390 #dashboard_right_now .table_discussion {
391         border-top-color: #d1e5ee;
392 }
393
394 #rightnow .rbutton {
395         background-color: #ebebeb;
396         color: #264761;
397 }
398
399 .submitbox .submit {
400         background-color: #464646;
401         color: #ccc;
402 }
403
404 .plugins a.delete:hover,
405 #all-plugins-table .plugins a.delete:hover,
406 #search-plugins-table .plugins a.delete:hover,
407 .submitbox .submitdelete {
408         color: #f00;
409         border-bottom-color: #f00;
410 }
411
412 .submitbox .submitdelete:hover,
413 #media-items a.delete:hover,
414 #media-items a.delete-permanently:hover {
415         color: #fff;
416         background-color: #f00;
417         border-bottom-color: #f00;
418 }
419
420 #normal-sortables .submitbox .submitdelete:hover {
421         color: #000;
422         background-color: #f00;
423         border-bottom-color: #f00;
424 }
425
426 .tablenav .dots {
427         border-color: transparent;
428 }
429
430 .tablenav .next,
431 .tablenav .prev {
432         border-color: transparent;
433         color: #21759b;
434 }
435
436 .tablenav .next:hover,
437 .tablenav .prev:hover {
438         border-color: transparent;
439         color: #d54e21;
440 }
441
442 div.updated,
443 .login .message {
444         background-color: #ffffe0;
445         border-color: #e6db55;
446 }
447
448 .update-message {
449         color: #000;
450 }
451
452 a.page-numbers {
453         border-bottom-color: #b8d3e2;
454 }
455
456 .commentlist li {
457         border-bottom-color: #ccc;
458 }
459
460 .widefat td,
461 .widefat th {
462         border-top-color: #fff;
463         border-bottom-color: #d0dfe9;
464 }
465
466 .widefat th {
467         text-shadow: rgba(255,255,255,0.8) 0 1px 0;
468 }
469
470 .widefat td {
471         color: #555;
472 }
473 .widefat p,
474 .widefat ol,
475 .widefat ul {
476         color: #333;
477 }
478
479 .widefat thead tr th,
480 .widefat tfoot tr th,
481 h3.dashboard-widget-title,
482 h3.dashboard-widget-title span,
483 h3.dashboard-widget-title small {
484         color: #333;
485 }
486
487 th.sortable a:hover,
488 th.sortable a:active,
489 th.sortable a:focus {
490         color: #333;
491 }
492
493 th.sortable a:focus {
494         background: #e1e1e1;
495         background-image: -webkit-gradient(linear, left bottom, left top, from(#dcdcdc), to(#e9e9e9));
496         background-image: -webkit-linear-gradient(bottom, #dcdcdc, #e9e9e9);
497         background-image:    -moz-linear-gradient(bottom, #dcdcdc, #e9e9e9);
498         background-image:      -o-linear-gradient(bottom, #dcdcdc, #e9e9e9);
499         background-image: linear-gradient(to top, #dcdcdc, #e9e9e9);
500 }
501
502 h3.dashboard-widget-title small a {
503         color: #d7d7d7;
504 }
505
506 h3.dashboard-widget-title small a:hover {
507         color: #fff;
508 }
509
510 a,
511 #adminmenu a,
512 #the-comment-list p.comment-author strong a,
513 #media-upload a.del-link,
514 #media-items a.delete,
515 #media-items a.delete-permanently,
516 .plugins a.delete,
517 .ui-tabs-nav a {
518         color: #21759b;
519 }
520
521 #adminmenu .awaiting-mod,
522 #adminmenu .update-plugins,
523 #sidemenu a .update-plugins,
524 #rightnow .reallynow {
525         background-color: #464646;
526         color: #fff;
527         -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0;
528         box-shadow: rgba(255,255,255,0.5) 0 1px 0;
529 }
530 #plugin-information .action-button {
531         background-color: #d54e21;
532         color: #fff;
533 }
534
535 #adminmenu li.current a .awaiting-mod,
536 #adminmenu      li a.wp-has-current-submenu .update-plugins{
537         background-color: #464646;
538         color: #fff;
539         -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0;
540         box-shadow: rgba(255,255,255,0.5) 0 1px 0;
541 }
542
543 div#media-upload-header,
544 div#plugin-information-header {
545         background-color: #f9f9f9;
546         border-bottom-color: #dfdfdf;
547 }
548
549 #currenttheme img {
550         border-color: #666;
551 }
552
553 #dashboard_secondary div.dashboard-widget-content ul li a {
554         background-color: #f9f9f9;
555 }
556
557 input.readonly, textarea.readonly {
558         background-color: #ddd;
559 }
560
561 #editable-post-name {
562         background-color: #fffbcc;
563 }
564
565 #edit-slug-box strong,
566 .tablenav .displaying-num,
567 #submitted-on,
568 .submitted-on {
569         color: #777;
570 }
571
572 .login #nav a,
573 .login #backtoblog a {
574         color: #21759b !important;
575 }
576
577 .login #nav a:hover,
578 .login #backtoblog a:hover {
579         color: #d54e21 !important;
580 }
581
582 #wpfooter {
583         color: #777;
584         border-color: #b0c8d7;
585 }
586
587 .imgedit-group,
588 #media-items .media-item,
589 .media-item .describe {
590         border-color: #dfdfdf;
591 }
592
593 .checkbox,
594 .side-info,
595 .plugins tr,
596 #your-profile #rich_editing {
597         background-color: #fcfcfc;
598 }
599
600 .plugins .inactive,
601 .plugins .inactive th,
602 .plugins .inactive td,
603 tr.inactive + tr.plugin-update-tr .plugin-update {
604         background-color: #f7fcfe;
605 }
606
607 .plugin-update-tr .update-message {
608         background-color: #fffbe4;
609         border-color: #dfdfdf;
610 }
611
612 .plugins .active,
613 .plugins .active th,
614 .plugins .active td {
615         color: #000;
616 }
617
618 .plugins .inactive a {
619         color: #579;
620 }
621
622 #the-comment-list tr.undo,
623 #the-comment-list div.undo {
624         background-color: #f4f4f4;
625 }
626
627 #the-comment-list .unapproved {
628         background-color: #ffffe0;
629 }
630
631 #the-comment-list .approve a {
632         color: #006505;
633 }
634
635 #the-comment-list .unapprove a {
636         color: #d98500;
637 }
638
639 table.widefat span.delete a,
640 table.widefat span.trash a,
641 table.widefat span.spam a,
642 #dashboard_recent_comments .delete a,
643 #dashboard_recent_comments .trash a,
644 #dashboard_recent_comments .spam a {
645         color: #bc0b0b;
646 }
647
648 .welcome-panel {
649         background: #f5fafd;
650         background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe));
651         background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe);
652         background-image:    -moz-linear-gradient(bottom, #eff8ff, #f7fcfe);
653         background-image:      -o-linear-gradient(bottom, #eff8ff, #f7fcfe);
654         background-image: linear-gradient(to top, #eff8ff, #f7fcfe);
655         border-color: #d1e5ee;
656 }
657 .welcome-panel p {
658         color: #777;
659 }
660 .welcome-panel-column p {
661         color: #464646;
662 }
663 .welcome-panel h3 {
664         text-shadow: 1px 1px 1px #fff;
665 }
666
667 .widget,
668 #widget-list .widget-top,
669 .postbox,
670 #titlediv,
671 #poststuff .postarea,
672 .stuffbox {
673         border-color: #d1e5ee;
674         -webkit-box-shadow: inset 0 1px 0 #fff;
675         box-shadow: inset 0 1px 0 #fff;
676         -webkit-border-radius: 3px;
677         border-radius: 3px;
678 }
679
680 .widget,
681 #widget-list .widget-top,
682 .postbox,
683 .menu-item-settings {
684         background: #f5fafd;
685         background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe));
686         background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe);
687         background-image:    -moz-linear-gradient(bottom, #eff8ff, #f7fcfe);
688         background-image:      -o-linear-gradient(bottom, #eff8ff, #f7fcfe);
689         background-image: linear-gradient(to top, #eff8ff, #f7fcfe);
690 }
691
692 .postbox h3 {
693         color: #174f69;
694 }
695
696 .widget .widget-top {
697         color: #174f69;
698 }
699
700 .js .sidebar-name:hover h3,
701 .js .postbox h3:hover {
702         color: #000;
703 }
704
705 .curtime #timestamp {
706         background-image: url(../images/date-button.gif);
707 }
708
709 #quicktags #ed_link {
710         color: #00f;
711 }
712
713 #rightnow .youhave {
714         background-color: #f0f6fb;
715 }
716
717 #rightnow a {
718         color: #448abd;
719 }
720
721 .tagchecklist span a,
722 #bulk-titles div a {
723         background: url(../images/xit.gif) no-repeat;
724 }
725
726 .tagchecklist span a:hover,
727 #bulk-titles div a:hover {
728         background: url(../images/xit.gif) no-repeat -10px 0;
729 }
730
731 #update-nag, .update-nag {
732         background-color: #fffbcc;
733         border-color: #e6db55;
734         color: #555;
735 }
736
737 #screen-meta {
738         background-color: #eff8ff;
739         border-color: #d1e5ee;
740         -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
741         box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
742 }
743
744 #contextual-help-back {
745         background: #fff;
746 }
747
748 .contextual-help-tabs a:hover {
749         background-color: #ceeaff;
750         color: #333;
751 }
752
753 #contextual-help-back,
754 .contextual-help-tabs .active {
755         border-color: #d1e5ee;
756 }
757
758 .contextual-help-tabs .active,
759 .contextual-help-tabs .active a,
760 .contextual-help-tabs .active a:hover {
761         background: #fff;
762         color: #000;
763 }
764
765 /* screen options and help tabs */
766 #screen-options-link-wrap,
767 #contextual-help-link-wrap {
768         border-right: 1px solid #d1e5ee;
769         border-left: 1px solid #d1e5ee;
770         border-bottom: 1px solid #d1e5ee;
771         background: #eff8ff;
772         background-image: -webkit-gradient(linear, left bottom, left top, from(#def1ff), to(#eff8ff));
773         background-image: -webkit-linear-gradient(bottom, #def1ff, #eff8ff);
774         background-image:    -moz-linear-gradient(bottom, #def1ff, #eff8ff);
775         background-image:      -o-linear-gradient(bottom, #def1ff, #eff8ff);
776         background-image: linear-gradient(to top, #def1ff, #eff8ff);
777 }
778
779 #screen-meta-links a {
780         color: #606060;
781         background: transparent url(../images/arrows.png) no-repeat right 4px;
782 }
783
784 #screen-meta-links a:hover,
785 #screen-meta-links a:active {
786         color: #000;
787         background-color: transparent;
788 }
789
790 #screen-meta-links a.screen-meta-active {
791         background-position: right -31px;
792 }
793
794 /* end screen options and help tabs */
795
796 .login #backtoblog a {
797         color: #464646;
798 }
799
800 #wphead {
801         border-bottom: 1px solid #d0dfe9;
802 }
803
804 #wphead h1 a {
805         color: #174f69;
806 }
807
808 #wpfooter a:link,
809 #wpfooter a:visited {
810         text-decoration: none;
811 }
812
813 #wpfooter a:hover {
814         color: #000;
815         text-decoration: underline;
816 }
817
818 .file-error,
819 abbr.required,
820 .widget-control-remove:hover,
821 table.widefat .delete a:hover,
822 table.widefat .trash a:hover,
823 table.widefat .spam a:hover,
824 #dashboard_recent_comments .delete a:hover,
825 #dashboard_recent_comments .trash a:hover
826 #dashboard_recent_comments .spam a:hover {
827         color: #f00;
828 }
829
830 #pass-strength-result {
831         background-color: #eee;
832         border-color: #ddd !important;
833 }
834
835 #pass-strength-result.bad {
836         background-color: #ffb78c;
837         border-color: #ff853c !important;
838 }
839
840 #pass-strength-result.good {
841         background-color: #ffec8b;
842         border-color: #fc0 !important;
843 }
844
845 #pass-strength-result.short {
846         background-color: #ffa0a0;
847         border-color: #f04040 !important;
848 }
849
850 #pass-strength-result.strong {
851         background-color: #c3ff88;
852         border-color: #8dff1c !important;
853 }
854
855 /* editors */
856 #poststuff .wp-editor-wrap .wp_themeSkin .mceStatusbar {
857         border-color: #d0dfe9;
858         background-color: #eff8ff;
859 }
860
861 #poststuff .wp-editor-wrap .wp_themeSkin .mceStatusbar * {
862         color: #555;
863 }
864
865 #poststuff #editor-toolbar .active {
866         border-color: #d0dfe9 #d0dfe9 #eff8ff;
867         background-color: #eff8ff;
868         color: #333;
869 }
870
871 .wp-editor-wrap .wp-editor-container,
872 .wp-editor-wrap .wp_themeSkin table.mceLayout {
873         border-color: #d1e5ee #d1e5ee #d0dfe9;
874 }
875
876 #editorcontainer {
877         border-color: #d1e5ee #d1e5ee #d0dfe9;
878 }
879
880 #post-status-info {
881         border-color: #d0dfe9 #d1e5ee #d1e5ee;
882 }
883
884 /* TinyMCE */
885
886 .wp-admin .wp-editor-wrap .wp-switch-editor {
887         background-color: #d3e9f2;
888         border-color: #d1e5ee #d1e5ee #d3e9f2;
889         color: #174F69;
890 }
891
892 .wp-admin .wp-editor-wrap .wp-switch-editor:active {
893         background-color: #f5fafd;
894 }
895
896 .wp-admin .wp-editor-wrap.tmce-active .switch-tmce,
897 .wp-admin .wp-editor-wrap.html-active .switch-html {
898         background: #f7fcfe;
899         border-color: #d1e5ee #d1e5ee #f7fcfe;
900 }
901
902 .wp-admin .wp-editor-wrap .quicktags-toolbar,
903 .wp-admin .wp-editor-wrap .wp_themeSkin tr.mceFirst td.mceToolbar {
904         border-color: #d0dfe9;
905         background-color: #f5fafd;
906         background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe));
907         background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe);
908         background-image:    -moz-linear-gradient(bottom, #eff8ff, #f7fcfe);
909         background-image:      -o-linear-gradient(bottom, #eff8ff, #f7fcfe);
910         background-image: linear-gradient(to top, #eff8ff, #f7fcfe);
911 }
912
913 .wp-admin .wp_themeSkin table.mceListBox {
914         border-color: #d1e5ee;
915 }
916
917 .wp-admin .wp_themeSkin table.mceListBoxEnabled:hover,
918 .wp-admin .wp_themeSkin table.mceListBoxEnabled:active,
919 .wp-admin .wp_themeSkin table.mceListBoxHover,
920 .wp-admin .wp_themeSkin table.mceListBoxHover:active,
921 .wp-admin .wp_themeSkin table.mceListBoxSelected {
922         border-color: #b8cfdf;
923 }
924
925 .wp-admin .wp_themeSkin a.mceButtonEnabled:hover,
926 .wp-admin .wp_themeSkin table.mceSplitButton:hover {
927         border-color: #c3d2dc;
928         background: #f4f9fc;
929         background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f9fc), to(#fff));
930         background-image: -webkit-linear-gradient(bottom, #f4f9fc, #fff);
931         background-image:    -moz-linear-gradient(bottom, #f4f9fc, #fff);
932         background-image:      -o-linear-gradient(bottom, #f4f9fc, #fff);
933         background-image: linear-gradient(to top, #f4f9fc, #fff);
934 }
935
936 .wp-admin .wp_themeSkin a.mceButton:active,
937 .wp-admin .wp_themeSkin a.mceButtonEnabled:active,
938 .wp-admin .wp_themeSkin a.mceButtonSelected:active,
939 .wp-admin .wp_themeSkin a.mceButtonActive,
940 .wp-admin .wp_themeSkin a.mceButtonActive:active,
941 .wp-admin .wp_themeSkin a.mceButtonActive:hover,
942 .wp-admin .wp_themeSkin .mceSplitButtonSelected table,
943 .wp-admin .wp_themeSkin .mceSplitButtonSelected table:hover {
944         border-color: #8f9da9 #c3d2dc #c3d2dc #8f9da9;
945         background: #f4f9fc;
946         background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f4f9fc));
947         background-image: -webkit-linear-gradient(bottom, #fff, #f4f9fc);
948         background-image:    -moz-linear-gradient(bottom, #fff, #f4f9fc);
949         background-image:      -o-linear-gradient(bottom, #fff, #f4f9fc);
950         background-image: linear-gradient(to top, #fff, #f4f9fc);
951 }
952
953 .wp-admin .wp_themeSkin .mceSplitButtonSelected table a.mceOpen,
954 .wp-admin .wp_themeSkin .mceSplitButtonSelected table a.mceAction {
955         border-color: #8f9da9 #c3d2dc #c3d2dc #8f9da9;
956 }
957
958 .wp-admin .wp_themeSkin .mceSplitButton:hover a {
959         border-color: #c3d2dc;
960 }
961 /* end TinyMCE */
962
963 .editwidget .widget-inside {
964         border-color: #d0dfe9;
965 }
966
967 #titlediv #title {
968         background-color: #fff;
969 }
970
971 #tTips p#tTips_inside {
972         background-color: #ddd;
973         color: #333;
974 }
975
976 #poststuff .inside .the-tagcloud {
977         border-color: #ddd;
978 }
979
980 /* menu */
981 #adminmenuback,
982 #adminmenuwrap {
983         background-color: #eff8ff;
984         border-color: #d1e5ee;
985 }
986
987 #adminmenushadow,
988 #adminmenuback {
989         background-image: url(../images/menu-shadow.png);
990         background-position: top right;
991         background-repeat: repeat-y;
992 }
993
994 #adminmenu li.wp-menu-separator {
995         background: #d1e5ee;
996         border-color: #bed1dd;
997 }
998
999 #adminmenu div.separator {
1000         border-color: #d1e5ee;
1001 }
1002
1003 #adminmenu a.menu-top,
1004 #adminmenu .wp-submenu .wp-submenu-head {
1005         border-top-color: #fff;
1006         border-bottom-color: #cae6ff;
1007 }
1008
1009 #adminmenu li.wp-menu-open {
1010         border-color: #d1e5ee;
1011 }
1012
1013 #adminmenu li.menu-top:hover,
1014 #adminmenu li.opensub > a.menu-top,
1015 #adminmenu li > a.menu-top:focus {
1016         background-color: #e0f1ff;
1017         color: #d54e21;
1018         text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.4 );
1019 }
1020
1021 /* So it doesn't get applied to the number spans (comments, updates, etc) */
1022 #adminmenu li.menu-top:hover > a span,
1023 #adminmenu li.menu-top > a:focus span {
1024         text-shadow: none;
1025 }
1026
1027 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
1028 #adminmenu li.current a.menu-top,
1029 .folded #adminmenu li.wp-has-current-submenu,
1030 .folded #adminmenu li.current.menu-top,
1031 #adminmenu .wp-menu-arrow,
1032 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
1033         background: #5589aa;
1034         background-image: -webkit-gradient(linear, left bottom, left top, from(#5589aa), to(#619bbb));
1035         background-image: -webkit-linear-gradient(bottom, #5589aa, #619bbb);
1036         background-image:    -moz-linear-gradient(bottom, #5589aa, #619bbb);
1037         background-image:      -o-linear-gradient(bottom, #5589aa, #619bbb);
1038         background-image: linear-gradient(to top, #5589aa, #619bbb);
1039 }
1040
1041 #adminmenu .wp-menu-arrow div {
1042         background: #5589aa;
1043         background-image: -webkit-gradient(linear, right bottom, left top, from(#5589aa), to(#619bbb));
1044         background-image: -webkit-linear-gradient(bottom right, #5589aa, #619bbb);
1045         background-image:    -moz-linear-gradient(bottom right, #5589aa, #619bbb);
1046         background-image:      -o-linear-gradient(bottom right, #5589aa, #619bbb);
1047         background-image: linear-gradient(to top left, #5589aa, #619bbb);
1048 }
1049
1050 #adminmenu li.wp-not-current-submenu .wp-menu-arrow {
1051         border-top-color: #fff;
1052         border-bottom-color: #cae6ff;
1053         background: #e0f1ff;
1054 }
1055
1056 #adminmenu li.wp-not-current-submenu .wp-menu-arrow div {
1057         background: #e0f1ff;
1058         border-color: #cae6ff;
1059 }
1060
1061 .folded #adminmenu li.menu-top li:hover a {
1062         background-image: none;
1063 }
1064
1065 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
1066 #adminmenu li.current a.menu-top,
1067 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
1068         text-shadow: 0 -1px 0 #333;
1069         color: #fff;
1070         border-top-color: #5a8fad;
1071         border-bottom-color: #5589aa;
1072 }
1073
1074 .folded #adminmenu li.wp-has-current-submenu,
1075 .folded #adminmenu li.current.menu-top {
1076         border-top-color: #5a8fad;
1077         border-bottom-color: #5589aa;
1078 }
1079
1080 #adminmenu .wp-submenu a:hover,
1081 #adminmenu .wp-submenu a:focus {
1082         background-color: #eff8ff;
1083         color: #333;
1084 }
1085
1086 #adminmenu .wp-submenu li.current,
1087 #adminmenu .wp-submenu li.current a,
1088 #adminmenu .wp-submenu li.current a:hover {
1089         color: #333;
1090 }
1091
1092 #adminmenu .wp-submenu,
1093 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1094 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
1095         background-color: #fff;
1096         border-color: #d0dfe9;
1097         -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
1098         box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
1099 }
1100
1101 #adminmenu .wp-submenu .wp-submenu-head {
1102         background-color: #e0f1ff;
1103         color: #333;
1104 }
1105
1106 /* collapse menu button */
1107 #collapse-menu {
1108         color: #a0c3d5;
1109         border-top-color: #f9f9f9;
1110 }
1111
1112 #collapse-menu:hover {
1113         color: #5a8fad;
1114 }
1115
1116 #collapse-button {
1117         border-color: #d0dfe9;
1118         background: #eff8ff;
1119         background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#fff));
1120         background-image: -webkit-linear-gradient(bottom, #eff8ff, #fff);
1121         background-image:    -moz-linear-gradient(bottom, #eff8ff, #fff);
1122         background-image:      -o-linear-gradient(bottom, #eff8ff, #fff);
1123         background-image: linear-gradient(to top, #eff8ff, #fff);
1124 }
1125
1126 #collapse-menu:hover #collapse-button {
1127         border-color: #a0c3d5;
1128 }
1129
1130 #collapse-button div {
1131         background: transparent url(../images/arrows-vs.png) no-repeat 0 -72px;
1132 }
1133
1134 .folded #collapse-button div {
1135         background-position: 0 -108px;
1136 }
1137
1138 /* Auto-folding of the admin menu */
1139 @media only screen and (max-width: 900px) {
1140         .auto-fold #adminmenu li.wp-has-current-submenu,
1141         .auto-fold #adminmenu li.current.menu-top {
1142                 background-color: #5589aa;
1143                 background-image: -webkit-gradient(linear, left bottom, left top, from(#5589aa), to(#619bbb));
1144                 background-image: -webkit-linear-gradient(bottom, #5589aa, #619bbb);
1145                 background-image: -moz-linear-gradient(bottom, #5589aa, #619bbb);
1146                 background-image: -o-linear-gradient(bottom, #5589aa, #619bbb);
1147                 background-image: linear-gradient(bottom, #5589aa, #619bbb);
1148         }
1149
1150         .auto-fold #adminmenu li.wp-has-current-submenu,
1151         .auto-fold #adminmenu li.current.menu-top {
1152                 border-top-color: #5a8fad;
1153                 border-bottom-color: #5589aa;
1154         }
1155
1156         .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1157         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
1158                 background-color: #fff;
1159                 border-color: #d0dfe9;
1160                 -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
1161                 box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
1162         }
1163
1164         .auto-fold #collapse-button div {
1165                 background-position: 0 -108px;
1166         }
1167 }
1168
1169 /* menu and screen icons */
1170 .icon16,
1171 .icon32,
1172 div.wp-menu-image {
1173         background-color: transparent;
1174         background-repeat: no-repeat;
1175 }
1176
1177 .icon16.icon-dashboard,
1178 .menu-icon-dashboard div.wp-menu-image,
1179 .icon16.icon-post,
1180 .menu-icon-post div.wp-menu-image,
1181 .icon16.icon-media,
1182 .menu-icon-media div.wp-menu-image,
1183 .icon16.icon-links,
1184 .menu-icon-links div.wp-menu-image,
1185 .icon16.icon-page,
1186 .menu-icon-page div.wp-menu-image,
1187 .icon16.icon-comments,
1188 .menu-icon-comments div.wp-menu-image,
1189 .icon16.icon-appearance,
1190 .menu-icon-appearance div.wp-menu-image,
1191 .icon16.icon-plugins,
1192 .menu-icon-plugins div.wp-menu-image,
1193 .icon16.icon-users,
1194 .menu-icon-users div.wp-menu-image,
1195 .icon16.icon-tools,
1196 .menu-icon-tools div.wp-menu-image,
1197 .icon16.icon-settings,
1198 .menu-icon-settings div.wp-menu-image,
1199 .icon16.icon-site,
1200 .menu-icon-site div.wp-menu-image,
1201 .icon16.icon-generic,
1202 .menu-icon-generic div.wp-menu-image {
1203         background-image: url(../images/menu-vs.png?ver=20121105);
1204 }
1205
1206 .icon16.icon-dashboard,
1207 #adminmenu .menu-icon-dashboard div.wp-menu-image {
1208         background-position: -59px -33px;
1209 }
1210
1211 #adminmenu .menu-icon-dashboard:hover div.wp-menu-image,
1212 #adminmenu .menu-icon-dashboard.wp-has-current-submenu div.wp-menu-image,
1213 #adminmenu .menu-icon-dashboard.current div.wp-menu-image {
1214         background-position: -59px -1px;
1215 }
1216
1217 .icon16.icon-post,
1218 #adminmenu .menu-icon-post div.wp-menu-image {
1219         background-position: -269px -33px;
1220 }
1221
1222 #adminmenu .menu-icon-post:hover div.wp-menu-image,
1223 #adminmenu .menu-icon-post.wp-has-current-submenu div.wp-menu-image,
1224 #adminmenu .menu-icon-post.current div.wp-menu-image {
1225         background-position: -269px -1px;
1226 }
1227
1228 .icon16.icon-media,
1229 #adminmenu .menu-icon-media div.wp-menu-image {
1230         background-position: -119px -33px;
1231 }
1232
1233 #adminmenu .menu-icon-media:hover div.wp-menu-image,
1234 #adminmenu .menu-icon-media.wp-has-current-submenu div.wp-menu-image,
1235 #adminmenu .menu-icon-media.current div.wp-menu-image {
1236         background-position: -119px -1px;
1237 }
1238
1239 .icon16.icon-links,
1240 #adminmenu .menu-icon-links div.wp-menu-image {
1241         background-position: -89px -33px;
1242 }
1243
1244 #adminmenu .menu-icon-links:hover div.wp-menu-image,
1245 #adminmenu .menu-icon-links.wp-has-current-submenu div.wp-menu-image,
1246 #adminmenu .menu-icon-links.current div.wp-menu-image {
1247         background-position: -89px -1px;
1248 }
1249
1250 .icon16.icon-page,
1251 #adminmenu .menu-icon-page div.wp-menu-image {
1252         background-position: -149px -33px;
1253 }
1254
1255 #adminmenu .menu-icon-page:hover div.wp-menu-image,
1256 #adminmenu .menu-icon-page.wp-has-current-submenu div.wp-menu-image,
1257 #adminmenu .menu-icon-page.current div.wp-menu-image {
1258         background-position: -149px -1px;
1259 }
1260
1261 .icon16.icon-comments,
1262 #adminmenu .menu-icon-comments div.wp-menu-image {
1263         background-position: -29px -33px;
1264 }
1265
1266 #adminmenu .menu-icon-comments:hover div.wp-menu-image,
1267 #adminmenu .menu-icon-comments.wp-has-current-submenu div.wp-menu-image,
1268 #adminmenu .menu-icon-comments.current div.wp-menu-image {
1269         background-position: -29px -1px;
1270 }
1271
1272 .icon16.icon-appearance,
1273 #adminmenu .menu-icon-appearance div.wp-menu-image {
1274         background-position: 1px -33px;
1275 }
1276
1277 #adminmenu .menu-icon-appearance:hover div.wp-menu-image,
1278 #adminmenu .menu-icon-appearance.wp-has-current-submenu div.wp-menu-image,
1279 #adminmenu .menu-icon-appearance.current div.wp-menu-image {
1280         background-position: 1px -1px;
1281 }
1282
1283 .icon16.icon-plugins,
1284 #adminmenu .menu-icon-plugins div.wp-menu-image {
1285         background-position: -179px -33px;
1286 }
1287
1288 #adminmenu .menu-icon-plugins:hover div.wp-menu-image,
1289 #adminmenu .menu-icon-plugins.wp-has-current-submenu div.wp-menu-image,
1290 #adminmenu .menu-icon-plugins.current div.wp-menu-image {
1291         background-position: -179px -1px;
1292 }
1293
1294 .icon16.icon-users,
1295 #adminmenu .menu-icon-users div.wp-menu-image {
1296         background-position: -300px -33px;
1297 }
1298
1299 #adminmenu .menu-icon-users:hover div.wp-menu-image,
1300 #adminmenu .menu-icon-users.wp-has-current-submenu div.wp-menu-image,
1301 #adminmenu .menu-icon-users.current div.wp-menu-image {
1302         background-position: -300px -1px;
1303 }
1304
1305 .icon16.icon-tools,
1306 #adminmenu .menu-icon-tools div.wp-menu-image {
1307         background-position: -209px -33px;
1308 }
1309
1310 #adminmenu .menu-icon-tools:hover div.wp-menu-image,
1311 #adminmenu .menu-icon-tools.wp-has-current-submenu div.wp-menu-image,
1312 #adminmenu .menu-icon-tools.current div.wp-menu-image {
1313         background-position: -209px -1px;
1314 }
1315
1316 .icon16.icon-settings,
1317 #adminmenu .menu-icon-settings div.wp-menu-image {
1318         background-position: -239px -33px;
1319 }
1320
1321 #adminmenu .menu-icon-settings:hover div.wp-menu-image,
1322 #adminmenu .menu-icon-settings.wp-has-current-submenu div.wp-menu-image,
1323 #adminmenu .menu-icon-settings.current div.wp-menu-image {
1324         background-position: -239px -1px;
1325 }
1326
1327 .icon16.icon-site,
1328 #adminmenu .menu-icon-site div.wp-menu-image {
1329         background-position: -359px -33px;
1330 }
1331
1332 #adminmenu .menu-icon-site:hover div.wp-menu-image,
1333 #adminmenu .menu-icon-site.wp-has-current-submenu div.wp-menu-image,
1334 #adminmenu .menu-icon-site.current div.wp-menu-image {
1335         background-position: -359px -1px;
1336 }
1337
1338 .icon16.icon-generic,
1339 #adminmenu .menu-icon-generic div.wp-menu-image {
1340         background-position: -330px -33px;
1341 }
1342
1343 #adminmenu .menu-icon-generic:hover div.wp-menu-image,
1344 #adminmenu .menu-icon-generic.wp-has-current-submenu div.wp-menu-image,
1345 #adminmenu .menu-icon-generic.current div.wp-menu-image {
1346         background-position: -330px -1px;
1347 }
1348 /* end menu and screen icons */
1349
1350 /* Screen Icons */
1351 .icon32.icon-post,
1352 #icon-edit,
1353 #icon-post,
1354 .icon32.icon-dashboard,
1355 #icon-index,
1356 .icon32.icon-media,
1357 #icon-upload,
1358 .icon32.icon-links,
1359 #icon-link-manager,
1360 #icon-link,
1361 #icon-link-category,
1362 .icon32.icon-page,
1363 #icon-edit-pages,
1364 #icon-page,
1365 .icon32.icon-comments,
1366 #icon-edit-comments,
1367 .icon32.icon-appearance,
1368 #icon-themes,
1369 .icon32.icon-plugins,
1370 #icon-plugins,
1371 .icon32.icon-users,
1372 #icon-users,
1373 #icon-profile,
1374 #icon-user-edit,
1375 .icon32.icon-tools,
1376 #icon-tools,
1377 #icon-admin,
1378 .icon32.icon-settings,
1379 #icon-options-general,
1380 .icon32.icon-site,
1381 #icon-ms-admin,
1382 .icon32.icon-generic,
1383 #icon-generic {
1384         background-image: url(../images/icons32-vs.png?ver=20121105);
1385 }
1386
1387 .icon32.icon-post,
1388 #icon-edit,
1389 #icon-post {
1390         background-position: -552px -5px;
1391 }
1392
1393 .icon32.icon-dashboard,
1394 #icon-index {
1395         background-position: -137px -5px;
1396 }
1397
1398 .icon32.icon-media,
1399 #icon-upload {
1400         background-position: -251px -5px;
1401 }
1402
1403 .icon32.icon-links,
1404 #icon-link-manager,
1405 #icon-link,
1406 #icon-link-category {
1407         background-position: -190px -5px;
1408 }
1409
1410 .icon32.icon-page,
1411 #icon-edit-pages,
1412 #icon-page {
1413         background-position: -312px -5px;
1414 }
1415
1416 .icon32.icon-comments,
1417 #icon-edit-comments {
1418         background-position: -72px -5px;
1419 }
1420
1421 .icon32.icon-appearance,
1422 #icon-themes {
1423         background-position: -11px -5px;
1424 }
1425
1426 .icon32.icon-plugins,
1427 #icon-plugins {
1428         background-position: -370px -5px;
1429 }
1430
1431 .icon32.icon-users,
1432 #icon-users,
1433 #icon-profile,
1434 #icon-user-edit {
1435         background-position: -600px -5px;
1436 }
1437
1438 .icon32.icon-tools,
1439 #icon-tools,
1440 #icon-admin {
1441         background-position: -432px -5px;
1442 }
1443
1444 .icon32.icon-settings,
1445 #icon-options-general {
1446         background-position: -492px -5px;
1447 }
1448
1449 .icon32.icon-site,
1450 #icon-ms-admin {
1451         background-position: -659px -5px;
1452 }
1453
1454 .icon32.icon-generic,
1455 #icon-generic {
1456         background-position: -708px -5px;
1457 }
1458
1459 /* end screen icons */
1460
1461 /* Post format icons */
1462
1463 .post-format-icon {
1464         background: url(../images/post-formats-vs.png) no-repeat;
1465 }
1466
1467 /* Diff */
1468 table.diff .diff-deletedline {
1469         background-color: #ffe9e9;
1470 }
1471
1472 table.diff .diff-deletedline del {
1473         background-color: #faa;
1474 }
1475
1476 table.diff .diff-addedline {
1477         background-color: #e9ffe9;
1478 }
1479
1480 table.diff .diff-addedline ins {
1481         background-color: #afa;
1482 }
1483
1484 .revisions-meta {
1485         border: 1px solid #d1e5ee;
1486 }
1487
1488 .revisions-controls {
1489         background: #fff;
1490         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)));
1491         background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
1492         background:    -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
1493         background:      -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
1494         background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
1495 }
1496
1497 .revisions-tooltip,
1498 .revisions-tooltip-arrow span {
1499         border-color: #d1e5ee;
1500         background-color: #fff;
1501 }
1502
1503 .revisions-tickmarks > div {
1504         border-color: #d1e5ee;
1505 }
1506
1507 /* jQuery UI Slider */
1508 .wp-slider.ui-slider {
1509         border-color: #d1e5ee;
1510 }
1511
1512 .wp-slider .ui-slider-handle {
1513         color: #333;
1514         border-color: none;
1515 }
1516
1517 .wp-slider .ui-slider-handle {
1518         border-color: #d0dfe9;
1519         background: #eff8ff;
1520         background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#fff));
1521         background-image: -webkit-linear-gradient(bottom, #eff8ff, #fff);
1522         background-image:    -moz-linear-gradient(bottom, #eff8ff, #fff);
1523         background-image:      -o-linear-gradient(bottom, #eff8ff, #fff);
1524         background-image: linear-gradient(to top, #eff8ff, #fff);
1525 }
1526
1527 .wp-slider .ui-slider-handle:hover,
1528 .wp-slider .ui-slider-handle:focus {
1529         border-color: #a0c3d5;
1530 }
1531
1532 .wp-slider .ui-slider-handle.ui-state-hover,
1533 .wp-slider .ui-slider-handle.ui-state-focus {
1534         border-color: #a0c3d5;
1535         outline: none;
1536 }
1537
1538 /* edit image */
1539 #sidemenu a {
1540         background-color: #f9f9f9;
1541         border-color: #f9f9f9;
1542         border-bottom-color: #dfdfdf;
1543 }
1544
1545 #sidemenu a.current {
1546         background-color: #fff;
1547         border-color: #dfdfdf #dfdfdf #fff;
1548         color: #d54e21;
1549 }
1550
1551 #replyerror {
1552         border-color: #ddd;
1553         background-color: #f9f9f9;
1554 }
1555
1556 /* table vim shortcuts */
1557 .vim-current,
1558 .vim-current th,
1559 .vim-current td {
1560         background-color: #e4f2fd !important;
1561 }
1562
1563 /* Install Plugins */
1564 #plugin-information .fyi ul {
1565         background-color: #eaf3fa;
1566 }
1567
1568 #plugin-information .fyi h2.mainheader {
1569         background-color: #cee1ef;
1570 }
1571
1572 #plugin-information pre,
1573 #plugin-information code {
1574         background-color: #ededff;
1575 }
1576
1577 #plugin-information pre {
1578         border: 1px solid #ccc;
1579 }
1580
1581 /* inline editor */
1582 #bulk-titles {
1583         border-color: #ddd;
1584 }
1585
1586 .inline-editor div.title {
1587         background-color: #eaf3fa;
1588 }
1589
1590 .inline-editor ul.cat-checklist {
1591         background-color: #fff;
1592         border-color: #ddd;
1593 }
1594
1595 .inline-editor .quick-edit-save {
1596         background-color: #f1f1f1;
1597 }
1598
1599 fieldset.inline-edit-col-right .inline-edit-col {
1600         border-color: #dfdfdf;
1601 }
1602
1603 .attention {
1604         color: #d54e21;
1605 }
1606
1607 .js .meta-box-sortables .postbox:hover .handlediv {
1608         background: transparent url(../images/arrows-vs.png) no-repeat 6px 7px;
1609 }
1610
1611 .tablenav .tablenav-pages {
1612         color: #555;
1613 }
1614
1615 .tablenav .tablenav-pages a {
1616         border-color: #d1e5ee;
1617         background: #eee;
1618         -moz-box-shadow:    inset 0 1px 0 #fff;
1619         -webkit-box-shadow: inset 0 1px 0 #fff;
1620         box-shadow:         inset 0 1px 0 #fff;
1621 }
1622
1623 .tablenav .tablenav-pages a:hover,
1624 .tablenav .tablenav-pages a:focus {
1625         color: #d54e21;
1626 }
1627
1628 .tablenav .tablenav-pages a.disabled,
1629 .tablenav .tablenav-pages a.disabled:hover,
1630 .tablenav .tablenav-pages a.disabled:focus {
1631         color: #aaa;
1632 }
1633
1634 .tablenav .tablenav-pages .current {
1635         background: #dfdfdf;
1636         border-color: #d3d3d3;
1637 }
1638
1639 #availablethemes,
1640 #availablethemes td {
1641         border-color: #acd;
1642 }
1643
1644 #current-theme img {
1645         border-color: #b0c8d7;
1646 }
1647
1648 #TB_window #TB_title a.tb-theme-preview-link,
1649 #TB_window #TB_title a.tb-theme-preview-link:visited {
1650         color: #999;
1651 }
1652
1653 #TB_window #TB_title a.tb-theme-preview-link:hover,
1654 #TB_window #TB_title a.tb-theme-preview-link:focus {
1655         color: #ccc;
1656 }
1657
1658 .misc-pub-section {
1659         border-top-color: #fff;
1660         border-bottom-color: #d1e5ee;
1661 }
1662
1663 #minor-publishing {
1664         border-bottom-color: #cae6ff;
1665 }
1666
1667 #post-body .misc-pub-section {
1668         border-left-color: #eee;
1669 }
1670
1671 .post-com-count span {
1672         background-color: #bbb;
1673 }
1674
1675 .form-table .color-palette td {
1676         border-color: #fff;
1677 }
1678
1679 .sortable-placeholder {
1680         border-color: #bbb;
1681         background-color: #f5f5f5;
1682 }
1683
1684 #post-body ul.category-tabs li.tabs a,
1685 #post-body ul.add-menu-item-tabs li.tabs a,
1686 body.press-this ul.category-tabs li.tabs a {
1687         color: #333;
1688 }
1689
1690 .view-switch #view-switch-list,
1691 .view-switch #view-switch-excerpt {
1692         background-color: transparent;
1693         background-image: url('../images/list.png');
1694         background-repeat: no-repeat;
1695 }
1696
1697 .view-switch #view-switch-list {
1698         background-position: 0 0;
1699 }
1700
1701 .view-switch .current #view-switch-list {
1702         background-position: -40px 0;
1703 }
1704
1705 .view-switch #view-switch-excerpt {
1706         background-position: -20px 0;
1707 }
1708
1709 .view-switch .current #view-switch-excerpt {
1710         background-position: -60px 0;
1711 }
1712
1713 #header-logo {
1714         background: transparent url(../images/wp-logo-vs.png?ver=20101102) no-repeat scroll center center;
1715 }
1716
1717 .popular-tags,
1718 .feature-filter {
1719         background-color: #fff;
1720         border-color: #d1e5ee;
1721 }
1722
1723 div.widgets-sortables,
1724 #widgets-left .inactive,
1725 #available-widgets .widget-holder {
1726         background-color: #f7fcfe;
1727         border-color: #d0dfe9;
1728 }
1729
1730 #available-widgets .widget-description {
1731         color: #555;
1732 }
1733
1734 .sidebar-name {
1735         color: #464646;
1736         text-shadow: #fff 0 1px 0;
1737         border-color: #d0dfe9;
1738         -webkit-box-shadow: inset 0 1px 0 #fff;
1739         box-shadow: inset 0 1px 0 #fff;
1740 }
1741
1742 .js .sidebar-name:hover,
1743 .js #removing-widget {
1744         color: #d54e21;
1745 }
1746
1747 #removing-widget span {
1748         color: black;
1749 }
1750
1751 .js .sidebar-name-arrow {
1752         background: transparent url(../images/arrows-vs.png) no-repeat 5px 9px;
1753 }
1754
1755 .js .sidebar-name:hover .sidebar-name-arrow {
1756         background: transparent url(../images/arrows-dark-vs.png) no-repeat 5px 9px;
1757 }
1758
1759 .in-widget-title {
1760         color: #606060;
1761 }
1762
1763 .deleting .widget-title * {
1764         color: #aaa;
1765 }
1766
1767 .imgedit-menu div {
1768         border-color: #d5d5d5;
1769         background-color: #f1f1f1;
1770 }
1771
1772 .imgedit-menu div:hover {
1773         border-color: #c1c1c1;
1774         background-color: #eaeaea;
1775 }
1776
1777 .imgedit-menu div.disabled {
1778         border-color: #ccc;
1779         background-color: #ddd;
1780         filter: alpha(opacity=50);
1781         opacity: 0.5;
1782 }
1783
1784 #dashboard_recent_comments div.undo {
1785         border-top-color: #dfdfdf;
1786 }
1787
1788 .comment-ays,
1789 .comment-ays th {
1790         border-color: #ddd;
1791 }
1792
1793 .comment-ays th {
1794         background-color: #f1f1f1;
1795 }
1796
1797 /* added from nav-menu.css */
1798 #menu-management .menu-edit {
1799         border-color: #d0dfe9;
1800 }
1801
1802 #post-body {
1803         background: #fff;
1804         border-top-color: #fff;
1805         border-bottom-color: #d0dfe9;
1806 }
1807
1808 #nav-menu-header {
1809         border-bottom-color: #d0dfe9;
1810 }
1811
1812 #nav-menu-footer {
1813         border-top-color: #fff;
1814 }
1815
1816 #menu-management .nav-tabs-arrow a {
1817         color: #c1c1c1;
1818 }
1819
1820 #menu-management .nav-tabs-arrow a:hover {
1821         color: #d54e21;
1822 }
1823
1824 #menu-management .nav-tabs-arrow a:active {
1825         color: #464646;
1826 }
1827
1828 #menu-management .nav-tab-active {
1829         border-color: #dfdfdf;
1830 }
1831
1832 #menu-management .nav-tab {
1833         background: #f7fcfe;
1834         border-color: #d0dfe9;
1835 }
1836
1837 .js .input-with-default-title {
1838         color: #aaa;
1839 }
1840
1841 #cancel-save {
1842         color: #f00;
1843 }
1844
1845 #cancel-save:hover {
1846         background-color: #f00;
1847         color: #fff;
1848 }
1849
1850 .list-container {
1851         border-color: #dfdfdf;
1852 }
1853
1854 .menu-item-handle {
1855         border-color: #d0dfe9;
1856 }
1857
1858 .menu li.deleting .menu-item-handle {
1859         background-color: #f66;
1860         text-shadow: #ccc;
1861 }
1862
1863 .item-type { /* Menu item controls */
1864         color: #999;
1865 }
1866
1867 .item-controls .menu-item-delete:hover {
1868         color: #f00;
1869 }
1870
1871 .nav-menus-php .item-edit {
1872         background: transparent url(../images/arrows-vs.png) no-repeat 8px 10px;
1873         border-bottom-color: #eff8ff;
1874 }
1875
1876 .nav-menus-php .item-edit:hover {
1877         background: transparent url(../images/arrows-dark-vs.png) no-repeat 8px 10px;
1878 }
1879
1880 .menu-item-settings { /* Menu editing */
1881         border-color: #d0dfe9;
1882 }
1883
1884 .link-to-original {
1885         color: #777;
1886         border-color: #d0dfe9;
1887 }
1888
1889 #cancel-save:hover {
1890         color: #fff !important;
1891 }
1892
1893 #update-menu-item {
1894         color: #fff !important;
1895 }
1896
1897 #update-menu-item:hover,
1898 #update-menu-item:active,
1899 #update-menu-item:focus {
1900         color: #eaf2fa !important;
1901         border-color: #13455b !important;
1902 }
1903
1904 .submitbox .submitcancel {
1905         color: #21759b;
1906         border-bottom-color: #21759b;
1907 }
1908
1909 .submitbox .submitcancel:hover {
1910         background: #21759b;
1911         color: #fff;
1912 }
1913 /* end added from nav-menu.css */
1914
1915 .nav-tab {
1916         border-color: #d1e5ee #d1e5ee #fff;
1917 }
1918
1919 .nav-tab:hover,
1920 .nav-tab-active {
1921         border-color: #acd #acd #fff;
1922 }
1923
1924 h2.nav-tab-wrapper, h3.nav-tab-wrapper {
1925         border-bottom-color: #acd;
1926 }
1927
1928 #menu-management .nav-tab-active,
1929 .menu-item-handle,
1930 .menu-item-settings {
1931         -webkit-box-shadow: inset 0 1px 0 #fff;
1932         box-shadow: inset 0 1px 0 #fff;
1933 }
1934
1935 #menu-management .nav-tab-active {
1936         background: #f7fcfe;
1937         border-bottom-color: #f7fcfe;
1938 }
1939
1940 #upload-form label {
1941         color: #777;
1942 }
1943
1944 /* custom header & background pages */
1945
1946 /* full screen */
1947 .fullscreen-overlay {
1948         background: #fff;
1949 }
1950
1951 .wp-fullscreen-focus #wp-fullscreen-title,
1952 .wp-fullscreen-focus #wp-fullscreen-container {
1953     border-color: #bed1dd;
1954 }
1955
1956 #fullscreen-topbar {
1957         border-bottom-color: #d1e5ee;
1958 }
1959
1960 /* Begin About Pages */
1961
1962 .about-wrap h1 {
1963         color: #333;
1964         text-shadow: 1px 1px 1px #fff;
1965 }
1966
1967 .about-text {
1968         color: #777;
1969 }
1970
1971 .wp-badge {
1972         color: #fff;
1973         text-shadow: 0 -1px 0 rgba(22, 57, 81, 0.3);
1974 }
1975
1976 .about-wrap h2 .nav-tab {
1977         color: #21759b;
1978 }
1979
1980 .about-wrap h2 .nav-tab:hover {
1981         color: #d54e21;
1982 }
1983
1984 .about-wrap h2 .nav-tab-active,
1985 .about-wrap h2 .nav-tab-active:hover {
1986         color: #333;
1987 }
1988
1989 .about-wrap h2 .nav-tab-active {
1990         text-shadow: 1px 1px 1px #fff;
1991         color: #464646;
1992 }
1993
1994 .about-wrap h3 {
1995         color: #333;
1996         text-shadow: 1px 1px 1px #fff;
1997 }
1998
1999 .about-wrap .feature-section h4 {
2000         color: #464646;
2001 }
2002
2003 .about-wrap h4.wp-people-group {
2004         text-shadow: 1px 1px 1px #fff;
2005 }
2006
2007 .about-wrap .point-releases {
2008         border-bottom: 1px solid #dfdfdf;
2009 }
2010
2011 .about-wrap .point-releases h3 {
2012         border-top: 1px solid #dfdfdf;
2013 }
2014
2015 .about-wrap .point-releases h3:first-child {
2016         border: 0;
2017 }
2018
2019 .about-wrap li.wp-person img.gravatar {
2020         -webkit-box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 );
2021         box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 );
2022 }
2023
2024 .about-wrap li.wp-person .title {
2025         color: #464646;
2026         text-shadow: 1px 1px 1px #fff;
2027 }
2028
2029 .freedoms-php .about-wrap ol li {
2030         color: #999;
2031 }
2032
2033 .freedoms-php .about-wrap ol p {
2034         color: #464646;
2035 }
2036
2037 /* End About Pages */
2038
2039
2040 /*------------------------------------------------------------------------------
2041   2.0 - Right to Left Styles
2042 ------------------------------------------------------------------------------*/
2043
2044 .rtl .bar {
2045         border-right-color: transparent;
2046         border-left-color: #99d;
2047 }
2048
2049 .rtl #screen-meta-links a.show-settings {
2050         background-position: left 3px;
2051 }
2052
2053 .rtl #screen-meta-links a.show-settings.screen-meta-active {
2054         background-position: left -33px;
2055 }
2056
2057 /* Menu */
2058 .rtl #adminmenushadow,
2059 .rtl #adminmenuback {
2060         background-image: url(../images/menu-shadow-rtl.png);
2061         background-position: top left;
2062 }
2063
2064 .rtl #adminmenu .wp-submenu .wp-submenu-head {
2065         border-right-color: transparent;
2066         border-left-color: #d1e5ee;
2067 }
2068
2069 .rtl #adminmenu .wp-submenu,
2070 .rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu {
2071         -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
2072         box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
2073 }
2074
2075 .rtl #adminmenu .wp-has-current-submenu .wp-submenu {
2076         -webkit-box-shadow: none;
2077         box-shadow: none;
2078 }
2079
2080 /* Collapse Menu Button */
2081 .rtl #collapse-button div {
2082         background-position: 0 -108px;
2083 }
2084
2085 .rtl.folded #collapse-button div {
2086         background-position: 0 -72px;
2087 }
2088
2089 /* Auto-folding of the admin menu for RTL */
2090 @media only screen and (max-width: 900px) {
2091         .rtl.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
2092         .rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
2093                 -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
2094                 box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
2095         }
2096
2097         .rtl.auto-fold #collapse-button div {
2098                 background-position: 0 -72px;
2099         }
2100 }
2101
2102 /* edit image */
2103 .js.rtl .meta-box-sortables .postbox:hover .handlediv {
2104         background: transparent url(../images/arrows-vs.png) no-repeat 6px 7px;
2105 }
2106
2107 .rtl #post-body .misc-pub-section {
2108         border-right-color: transparent;
2109         border-left-color: #d1e5ee;
2110 }
2111
2112 .js.rtl .sidebar-name-arrow {
2113         background: transparent url(../images/arrows-vs.png) no-repeat 5px 9px;
2114 }
2115
2116 .js.rtl .sidebar-name:hover .sidebar-name-arrow {
2117         background: transparent url(../images/arrows-dark-vs.png) no-repeat 5px 9px;
2118 }
2119
2120 /**
2121  * HiDPI Displays
2122  */
2123 @media print,
2124   (-o-min-device-pixel-ratio: 5/4),
2125   (-webkit-min-device-pixel-ratio: 1.25),
2126   (min-resolution: 120dpi) {
2127
2128         .curtime #timestamp {
2129                 background-image: url("../images/date-button-2x.gif?ver=20120916");
2130                 background-size: 16px auto;
2131         }
2132
2133         .tagchecklist span a,
2134         #bulk-titles div a,
2135         .tagchecklist span a:hover,
2136         #bulk-titles div a:hover {
2137                 background-image: url("../images/xit-2x.gif?ver=20120916");
2138                 background-size: 20px auto;
2139         }
2140
2141         #screen-meta-links a.show-settings,
2142         #screen-meta-links a.show-settings.screen-meta-active,
2143         #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
2144         #adminmenu .wp-menu-open .wp-menu-toggle,
2145         #collapse-button div,
2146         .nav-menus-php .item-edit,
2147         .js .meta-box-sortables .postbox:hover .handlediv,
2148         .sidebar-name-arrow,
2149         .rtl #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
2150         .rtl #adminmenu .wp-menu-open .wp-menu-toggle,
2151         .js.rtl .meta-box-sortables .postbox:hover .handlediv,
2152         .rtl .sidebar-name-arrow {
2153                 background-image: url("../images/arrows-vs-2x.png?ver=20120916");
2154                 background-size: 15px 123px;
2155         }
2156
2157         #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
2158         #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle,
2159         .nav-menus-php .item-edit:hover,
2160         .sidebar-name:hover .sidebar-name-arrow,
2161         .rtl #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
2162         .rtl #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle,
2163         .rtl .sidebar-name:hover .sidebar-name-arrow {
2164                 background-image: url("../images/arrows-dark-vs-2x.png?ver=20120916");
2165                 background-size: 15px 123px;
2166         }
2167
2168         .view-switch #view-switch-list,
2169         .view-switch #view-switch-excerpt {
2170                 background-image: url("../images/list-2x.png?ver=20120916");
2171                 background-size: 80px 20px;
2172         }
2173
2174         .icon32.icon-post,
2175         #icon-edit,
2176         #icon-post,
2177         .icon32.icon-dashboard,
2178         #icon-index,
2179         .icon32.icon-media,
2180         #icon-upload,
2181         .icon32.icon-links,
2182         #icon-link-manager,
2183         #icon-link,
2184         #icon-link-category,
2185         .icon32.icon-page,
2186         #icon-edit-pages,
2187         #icon-page,
2188         .icon32.icon-comments,
2189         #icon-edit-comments,
2190         .icon32.icon-appearance,
2191         #icon-themes,
2192         .icon32.icon-plugins,
2193         #icon-plugins,
2194         .icon32.icon-users,
2195         #icon-users,
2196         #icon-profile,
2197         #icon-user-edit,
2198         .icon32.icon-tools,
2199         #icon-tools,
2200         #icon-admin,
2201         .icon32.icon-settings,
2202         #icon-options-general,
2203         .icon32.icon-site,
2204         #icon-ms-admin,
2205         .icon32.icon-generic,
2206         #icon-generic {
2207                 background-image: url(../images/icons32-vs-2x.png?ver=20121105);
2208                 background-size: 756px 45px;
2209         }
2210
2211         .icon16.icon-dashboard,
2212         .menu-icon-dashboard div.wp-menu-image,
2213         .icon16.icon-post,
2214         .menu-icon-post div.wp-menu-image,
2215         .icon16.icon-media,
2216         .menu-icon-media div.wp-menu-image,
2217         .icon16.icon-links,
2218         .menu-icon-links div.wp-menu-image,
2219         .icon16.icon-page,
2220         .menu-icon-page div.wp-menu-image,
2221         .icon16.icon-comments,
2222         .menu-icon-comments div.wp-menu-image,
2223         .icon16.icon-appearance,
2224         .menu-icon-appearance div.wp-menu-image,
2225         .icon16.icon-plugins,
2226         .menu-icon-plugins div.wp-menu-image,
2227         .icon16.icon-users,
2228         .menu-icon-users div.wp-menu-image,
2229         .icon16.icon-tools,
2230         .menu-icon-tools div.wp-menu-image,
2231         .icon16.icon-settings,
2232         .menu-icon-settings div.wp-menu-image,
2233         .icon16.icon-site,
2234         .menu-icon-site div.wp-menu-image,
2235         .icon16.icon-generic,
2236         .menu-icon-generic div.wp-menu-image {
2237                 background-image: url('../images/menu-vs-2x.png?ver=20121105');
2238                 background-size: 390px 64px;
2239         }
2240
2241         #header-logo {
2242                 background-image: url('../images/wp-logo-vs-2x.png?ver=20120916');
2243                 background-size: 16px auto;
2244         }
2245
2246         /* 16px post formats */
2247         .post-format-icon {
2248                 background-image: url(../images/post-formats32-vs.png);
2249                 background-size: 16px 304px;
2250         }
2251
2252 }