36 } |
36 } |
37 |
37 |
38 /* New Menu icons */ |
38 /* New Menu icons */ |
39 |
39 |
40 .icon16:before { |
40 .icon16:before { |
41 color: #999; |
41 color: #82878c; /* same as new icons */ |
42 font: normal 20px/1 'dashicons'; |
42 font: normal 20px/1 dashicons; |
43 speak: none; |
43 speak: none; |
44 padding: 6px 0; |
44 padding: 6px 0; |
45 height: 34px; |
45 height: 34px; |
46 width: 20px; |
46 width: 20px; |
47 display: inline-block; |
47 display: inline-block; |
48 -webkit-font-smoothing: antialiased; |
48 -webkit-font-smoothing: antialiased; |
49 -moz-osx-font-smoothing: grayscale; |
49 -moz-osx-font-smoothing: grayscale; |
50 -webkit-transition: all .1s ease-in-out; |
|
51 transition: all .1s ease-in-out; |
50 transition: all .1s ease-in-out; |
52 } |
51 } |
53 |
52 |
54 .icon16.icon-dashboard:before { |
53 .icon16.icon-dashboard:before { |
55 content: '\f226'; |
54 content: "\f226"; |
56 } |
55 } |
57 |
56 |
58 .icon16.icon-post:before { |
57 .icon16.icon-post:before { |
59 content: '\f109'; |
58 content: "\f109"; |
60 } |
59 } |
61 |
60 |
62 .icon16.icon-media:before { |
61 .icon16.icon-media:before { |
63 content: '\f104'; |
62 content: "\f104"; |
64 } |
63 } |
65 |
64 |
66 .icon16.icon-links:before { |
65 .icon16.icon-links:before { |
67 content: '\f103'; |
66 content: "\f103"; |
68 } |
67 } |
69 |
68 |
70 .icon16.icon-page:before { |
69 .icon16.icon-page:before { |
71 content: '\f105'; |
70 content: "\f105"; |
72 } |
71 } |
73 |
72 |
74 .icon16.icon-comments:before { |
73 .icon16.icon-comments:before { |
75 content: '\f101'; |
74 content: "\f101"; |
76 margin-top: 1px; |
75 margin-top: 1px; |
77 } |
76 } |
78 |
77 |
79 .icon16.icon-appearance:before { |
78 .icon16.icon-appearance:before { |
80 content: '\f100'; |
79 content: "\f100"; |
81 } |
80 } |
82 |
81 |
83 .icon16.icon-plugins:before { |
82 .icon16.icon-plugins:before { |
84 content: '\f106'; |
83 content: "\f106"; |
85 } |
84 } |
86 |
85 |
87 .icon16.icon-users:before { |
86 .icon16.icon-users:before { |
88 content: '\f110'; |
87 content: "\f110"; |
89 } |
88 } |
90 |
89 |
91 .icon16.icon-tools:before { |
90 .icon16.icon-tools:before { |
92 content: '\f107'; |
91 content: "\f107"; |
93 } |
92 } |
94 |
93 |
95 .icon16.icon-settings:before { |
94 .icon16.icon-settings:before { |
96 content: '\f108'; |
95 content: "\f108"; |
97 } |
96 } |
98 |
97 |
99 .icon16.icon-site:before { |
98 .icon16.icon-site:before { |
100 content: '\f112' |
99 content: "\f541"; |
101 } |
100 } |
102 |
101 |
103 .icon16.icon-generic:before { |
102 .icon16.icon-generic:before { |
104 content: '\f111'; |
103 content: "\f111"; |
105 } |
104 } |
106 |
105 |
107 /* hide background-image for icons above */ |
106 /* hide background-image for icons above */ |
108 .icon16.icon-dashboard, |
107 .icon16.icon-dashboard, |
109 .menu-icon-dashboard div.wp-menu-image, |
108 .menu-icon-dashboard div.wp-menu-image, |
201 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, |
200 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, |
202 .folded #adminmenu .wp-has-current-submenu .wp-submenu { |
201 .folded #adminmenu .wp-has-current-submenu .wp-submenu { |
203 padding: 7px 0 8px; |
202 padding: 7px 0 8px; |
204 z-index: 9999; |
203 z-index: 9999; |
205 background-color: #32373c; |
204 background-color: #32373c; |
206 -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2); |
|
207 box-shadow: 0 3px 5px rgba(0,0,0,0.2); |
205 box-shadow: 0 3px 5px rgba(0,0,0,0.2); |
208 } |
206 } |
209 |
207 |
210 .js #adminmenu .sub-open, |
208 .js #adminmenu .sub-open, |
211 .js #adminmenu .opensub .wp-submenu, |
209 .js #adminmenu .opensub .wp-submenu, |
262 .folded #adminmenu .opensub .wp-submenu, |
259 .folded #adminmenu .opensub .wp-submenu, |
263 .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, |
260 .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, |
264 .folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu, |
261 .folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu, |
265 .folded #adminmenu a.menu-top:focus + .wp-submenu, |
262 .folded #adminmenu a.menu-top:focus + .wp-submenu, |
266 .folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu, |
263 .folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu, |
267 .no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu { |
264 .no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu { |
268 top: 0; |
265 top: 0; |
269 left: 36px; |
266 left: 36px; |
270 } |
267 } |
271 |
268 |
272 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, |
269 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, |
299 |
296 |
300 #adminmenu .wp-not-current-submenu li > a, |
297 #adminmenu .wp-not-current-submenu li > a, |
301 .folded #adminmenu .wp-has-current-submenu li > a { |
298 .folded #adminmenu .wp-has-current-submenu li > a { |
302 padding-right: 16px; |
299 padding-right: 16px; |
303 padding-left: 14px; |
300 padding-left: 14px; |
304 -webkit-transition: all .1s ease-in-out; |
|
305 transition: all .1s ease-in-out; |
301 transition: all .1s ease-in-out; |
306 } |
302 } |
307 |
303 |
308 #adminmenu .wp-has-current-submenu ul > li > a, |
304 #adminmenu .wp-has-current-submenu ul > li > a, |
309 .folded #adminmenu li.menu-top .wp-submenu > li > a { |
305 .folded #adminmenu li.menu-top .wp-submenu > li > a { |
310 padding: 6px 12px; |
306 padding: 5px 12px; |
311 } |
307 } |
312 |
308 |
313 #adminmenu a.menu-top, |
309 #adminmenu a.menu-top, |
314 #adminmenu .wp-submenu-head { |
310 #adminmenu .wp-submenu-head { |
315 font-size: 14px; |
311 font-size: 14px; |
316 font-weight: 400; |
312 font-weight: 400; |
317 line-height: 18px; |
313 line-height: 18px; |
318 padding: 0; |
314 padding: 0; |
319 } |
315 } |
320 |
316 |
321 #adminmenu .wp-submenu-head, |
317 #adminmenu .wp-submenu-head { |
|
318 display: none; |
|
319 } |
|
320 |
322 .folded #adminmenu .wp-menu-name { |
321 .folded #adminmenu .wp-menu-name { |
323 display: none; |
322 position: absolute; |
|
323 left: -999px; |
324 } |
324 } |
325 |
325 |
326 .folded #adminmenu .wp-submenu-head { |
326 .folded #adminmenu .wp-submenu-head { |
327 display: block; |
327 display: block; |
328 } |
328 } |
352 } |
352 } |
353 |
353 |
354 #adminmenu div.wp-menu-image.svg { |
354 #adminmenu div.wp-menu-image.svg { |
355 background-repeat: no-repeat; |
355 background-repeat: no-repeat; |
356 background-position: center; |
356 background-position: center; |
357 -webkit-background-size: 20px auto; |
|
358 background-size: 20px auto; |
357 background-size: 20px auto; |
359 } |
358 } |
360 |
359 |
361 div.wp-menu-image:before { |
360 div.wp-menu-image:before { |
362 color: #a0a5aa; |
361 color: #a0a5aa; |
363 color: rgba(240,245,250,0.6); |
362 color: rgba(240,245,250,0.6); |
364 padding: 7px 0; |
363 padding: 7px 0; |
365 -webkit-transition: all .1s ease-in-out; |
|
366 transition: all .1s ease-in-out; |
364 transition: all .1s ease-in-out; |
367 } |
365 } |
368 |
366 |
369 #adminmenu div.wp-menu-image:before { |
367 #adminmenu div.wp-menu-image:before { |
370 color: #a0a5aa; |
368 color: #a0a5aa; |
510 #adminmenu li.current, |
508 #adminmenu li.current, |
511 .folded #adminmenu li.wp-menu-open { |
509 .folded #adminmenu li.wp-menu-open { |
512 border: 0 none; |
510 border: 0 none; |
513 } |
511 } |
514 |
512 |
|
513 /* @todo: consider to use a single rule for these counters and the list table comments counters. */ |
515 #adminmenu .awaiting-mod, |
514 #adminmenu .awaiting-mod, |
516 #adminmenu .update-plugins { |
515 #adminmenu .update-plugins { |
517 display: inline-block; |
516 display: inline-block; |
518 background-color: #d54e21; |
517 vertical-align: top; |
|
518 margin: 1px 0 0 2px; |
|
519 padding: 0 5px; |
|
520 min-width: 7px; |
|
521 height: 17px; |
|
522 border-radius: 11px; |
|
523 background-color: #ca4a1f; |
519 color: #fff; |
524 color: #fff; |
520 font-size: 9px; |
525 font-size: 9px; |
521 line-height: 17px; |
526 line-height: 17px; |
522 font-weight: 600; |
527 text-align: center; |
523 margin: 1px 0 0 2px; |
|
524 vertical-align: top; |
|
525 -webkit-border-radius: 10px; |
|
526 border-radius: 10px; |
|
527 z-index: 26; |
528 z-index: 26; |
528 } |
529 } |
529 |
530 |
530 #adminmenu li .awaiting-mod span, |
|
531 #adminmenu li span.update-plugins span { |
|
532 display: block; |
|
533 padding: 0 6px; |
|
534 } |
|
535 |
|
536 #adminmenu li.current a .awaiting-mod, |
531 #adminmenu li.current a .awaiting-mod, |
537 #adminmenu li a.wp-has-current-submenu .update-plugins { |
532 #adminmenu li a.wp-has-current-submenu .update-plugins { |
538 background-color: #00b9eb; |
533 background-color: #00b9eb; |
539 color: #fff; |
534 color: #fff; |
540 } |
535 } |
541 |
536 |
542 #adminmenu li span.count-0 { |
537 #adminmenu li span.count-0 { |
543 display: none; |
538 display: none; |
544 } |
539 } |
545 |
540 |
546 #collapse-menu { |
541 #collapse-button { |
547 font-size: 13px; |
542 display: block; |
|
543 width: 100%; |
|
544 height: 34px; |
|
545 margin: 0; |
|
546 border: none; |
|
547 padding: 0; |
|
548 position: relative; |
|
549 overflow: visible; |
548 line-height: 34px; |
550 line-height: 34px; |
549 margin-top: 10px; |
551 background: none; |
550 color: #a0a5aa; |
552 color: #aaa; |
551 color: rgba(240,245,250,0.6); |
553 cursor: pointer; |
552 -webkit-transition: all .1s ease-in-out; |
554 outline: 0; |
553 transition: all .1s ease-in-out; |
555 } |
554 } |
556 |
555 |
557 #collapse-button:hover, |
556 #collapse-menu:hover, |
558 #collapse-button:focus { |
557 #collapse-menu:hover #collapse-button div:after { |
|
558 color: #00b9eb; |
559 color: #00b9eb; |
559 } |
560 } |
560 |
561 |
561 .folded #collapse-menu span { |
562 #collapse-button .collapse-button-icon, |
|
563 #collapse-button .collapse-button-label { |
|
564 /* absolutely positioned to avoid 1px shift in IE when button is pressed */ |
|
565 display: block; |
|
566 position: absolute; |
|
567 top: 0; |
|
568 left: 0; |
|
569 line-height: 34px; |
|
570 } |
|
571 |
|
572 #collapse-button .collapse-button-icon { |
|
573 width: 36px; |
|
574 height: 34px; |
|
575 } |
|
576 |
|
577 #collapse-button .collapse-button-label { |
|
578 padding: 0 0 0 36px; |
|
579 } |
|
580 |
|
581 .folded #collapse-button .collapse-button-label { |
562 display: none; |
582 display: none; |
563 } |
583 } |
564 |
584 |
565 #collapse-button, |
585 #collapse-button .collapse-button-icon:after { |
566 #collapse-button div { |
586 content: "\f148"; |
567 width: 15px; |
|
568 height: 15px; |
|
569 } |
|
570 |
|
571 #collapse-button { |
|
572 float: left; |
|
573 height: 15px; |
|
574 margin: 10px 8px 10px 11px; |
|
575 width: 15px; |
|
576 -webkit-border-radius: 10px; |
|
577 border-radius: 10px; |
|
578 } |
|
579 |
|
580 #wpwrap #collapse-button div { |
|
581 padding: 0; |
|
582 } |
|
583 |
|
584 #collapse-button div:after { |
|
585 content: '\f148'; |
|
586 display: block; |
587 display: block; |
587 line-height: 15px; |
588 position: relative; |
588 left: -3px; |
589 top: 7px; |
589 top: -3px; |
590 text-align: center; |
590 color: #a0a5aa; |
591 font: normal 20px/1 dashicons !important; |
591 color: rgba(240,245,250,0.6); |
|
592 font: normal 20px/1 'dashicons' !important; |
|
593 speak: none; |
592 speak: none; |
594 margin: 0 auto; |
|
595 padding: 0 !important; |
|
596 position: relative; |
|
597 text-align: center; |
|
598 width: 20px; |
|
599 -webkit-transition: all .1s ease-in-out; |
|
600 transition: all .1s ease-in-out; |
|
601 -webkit-font-smoothing: antialiased; |
593 -webkit-font-smoothing: antialiased; |
602 -moz-osx-font-smoothing: grayscale; |
594 -moz-osx-font-smoothing: grayscale; |
603 } |
595 } |
604 |
596 |
605 /* rtl:ignore */ |
597 /* rtl:ignore */ |
606 .folded #collapse-button div:after, |
598 .folded #collapse-button .collapse-button-icon:after, |
607 .rtl #collapse-button div:after { |
599 .rtl #collapse-button .collapse-button-icon:after { |
608 -webkit-transform: rotate(180deg); |
600 -webkit-transform: rotate(180deg); |
609 -ms-transform: rotate(180deg); |
|
610 transform: rotate(180deg); |
601 transform: rotate(180deg); |
611 } |
602 } |
612 |
603 |
613 .rtl.folded #collapse-button div:after { |
604 .rtl.folded #collapse-button .collapse-button-icon:after { |
614 -webkit-transform: none; |
605 -webkit-transform: none; |
615 -ms-transform: none; |
|
616 transform: none; |
606 transform: none; |
|
607 } |
|
608 |
|
609 #collapse-button .collapse-button-icon:after, |
|
610 #collapse-button .collapse-button-label { |
|
611 transition: all .1s ease-in-out; |
617 } |
612 } |
618 |
613 |
619 /** |
614 /** |
620 * Toolbar menu toggle |
615 * Toolbar menu toggle |
621 */ |
616 */ |
646 .auto-fold #adminmenu .wp-submenu.sub-open, |
641 .auto-fold #adminmenu .wp-submenu.sub-open, |
647 .auto-fold #adminmenu .opensub .wp-submenu, |
642 .auto-fold #adminmenu .opensub .wp-submenu, |
648 .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, |
643 .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, |
649 .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu, |
644 .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu, |
650 .auto-fold #adminmenu a.menu-top:focus + .wp-submenu, |
645 .auto-fold #adminmenu a.menu-top:focus + .wp-submenu, |
651 .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu { |
646 .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu { |
652 top: 0px; |
647 top: 0px; |
653 left: 36px; |
648 left: 36px; |
654 } |
649 } |
655 |
650 |
656 .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, |
651 .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, |
724 .auto-fold #adminmenu li.opensub > a.menu-top, |
720 .auto-fold #adminmenu li.opensub > a.menu-top, |
725 .auto-fold #adminmenu li > a.menu-top:focus { |
721 .auto-fold #adminmenu li > a.menu-top:focus { |
726 z-index: 10000; |
722 z-index: 10000; |
727 } |
723 } |
728 |
724 |
729 .auto-fold #collapse-menu span { |
725 .auto-fold #collapse-menu .collapse-button-label { |
730 display: none; |
726 display: none; |
731 } |
727 } |
732 |
728 |
733 .auto-fold #collapse-button div { |
|
734 background: none; |
|
735 } |
|
736 |
|
737 /* rtl:ignore */ |
729 /* rtl:ignore */ |
738 .auto-fold #collapse-button div:after { |
730 .auto-fold #collapse-button .collapse-button-icon:after { |
739 -webkit-transform: rotate(180deg); |
731 -webkit-transform: rotate(180deg); |
740 -ms-transform: rotate(180deg); |
|
741 transform: rotate(180deg); |
732 transform: rotate(180deg); |
742 } |
733 } |
743 |
734 |
744 .rtl.auto-fold #collapse-button div:after { |
735 .rtl.auto-fold #collapse-button .collapse-button-icon:after { |
745 -webkit-transform: none; |
736 -webkit-transform: none; |
746 -ms-transform: none; |
|
747 transform: none; |
737 transform: none; |
748 } |
738 } |
749 |
739 |
750 } |
740 } |
751 |
741 |
894 #wpadminbar #wp-admin-bar-menu-toggle a:hover { |
881 #wpadminbar #wp-admin-bar-menu-toggle a:hover { |
895 border: 1px solid transparent; |
882 border: 1px solid transparent; |
896 } |
883 } |
897 |
884 |
898 #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before { |
885 #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before { |
899 content: '\f228'; |
886 content: "\f228"; |
900 display: inline-block; |
887 display: inline-block; |
901 float: left; |
888 float: left; |
902 font: normal 40px/45px 'Dashicons'; |
889 font: normal 40px/45px dashicons; |
903 vertical-align: middle; |
890 vertical-align: middle; |
904 outline: none; |
891 outline: none; |
905 margin: 0; |
892 margin: 0; |
906 -webkit-font-smoothing: antialiased; |
893 -webkit-font-smoothing: antialiased; |
907 -moz-osx-font-smoothing: grayscale; |
894 -moz-osx-font-smoothing: grayscale; |