equal
deleted
inserted
replaced
157 cursor: pointer; |
157 cursor: pointer; |
158 } |
158 } |
159 |
159 |
160 #adminmenu a { |
160 #adminmenu a { |
161 display: block; |
161 display: block; |
162 line-height: 18px; |
162 line-height: 1.3; |
163 padding: 2px 5px; |
163 padding: 2px 5px; |
164 color: #eee; |
164 color: #eee; |
165 } |
165 } |
166 |
166 |
167 #adminmenu .wp-submenu a { |
167 #adminmenu .wp-submenu a { |
168 color: #b4b9be; |
168 color: #b4b9be; |
169 color: rgba(240,245,250,0.7); |
169 color: rgba(240, 245, 250, 0.7); |
170 } |
170 } |
171 |
171 |
172 #adminmenu .wp-submenu a:hover, |
172 #adminmenu .wp-submenu a:hover, |
173 #adminmenu .wp-submenu a:focus { |
173 #adminmenu .wp-submenu a:focus { |
174 background: none; |
174 background: none; |
200 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, |
200 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, |
201 .folded #adminmenu .wp-has-current-submenu .wp-submenu { |
201 .folded #adminmenu .wp-has-current-submenu .wp-submenu { |
202 padding: 7px 0 8px; |
202 padding: 7px 0 8px; |
203 z-index: 9999; |
203 z-index: 9999; |
204 background-color: #32373c; |
204 background-color: #32373c; |
205 box-shadow: 0 3px 5px rgba(0,0,0,0.2); |
205 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); |
206 } |
206 } |
207 |
207 |
208 .js #adminmenu .sub-open, |
208 .js #adminmenu .sub-open, |
209 .js #adminmenu .opensub .wp-submenu, |
209 .js #adminmenu .opensub .wp-submenu, |
210 #adminmenu a.menu-top:focus + .wp-submenu, |
210 #adminmenu a.menu-top:focus + .wp-submenu, |
278 width: auto; |
278 width: auto; |
279 } |
279 } |
280 |
280 |
281 #adminmenu .wp-submenu a { |
281 #adminmenu .wp-submenu a { |
282 font-size: 13px; |
282 font-size: 13px; |
283 line-height: 18px; |
283 line-height: 1.4; |
284 margin: 0; |
284 margin: 0; |
285 padding: 5px 0; |
285 padding: 5px 0; |
286 } |
286 } |
287 |
287 |
288 #adminmenu .wp-submenu li.current, |
288 #adminmenu .wp-submenu li.current, |
296 |
296 |
297 #adminmenu .wp-not-current-submenu li > a, |
297 #adminmenu .wp-not-current-submenu li > a, |
298 .folded #adminmenu .wp-has-current-submenu li > a { |
298 .folded #adminmenu .wp-has-current-submenu li > a { |
299 padding-left: 16px; |
299 padding-left: 16px; |
300 padding-right: 14px; |
300 padding-right: 14px; |
301 transition: all .1s ease-in-out; |
301 /* Exclude from the transition the outline for Windows High Contrast mode */ |
|
302 transition: all .1s ease-in-out, outline 0s; |
302 } |
303 } |
303 |
304 |
304 #adminmenu .wp-has-current-submenu ul > li > a, |
305 #adminmenu .wp-has-current-submenu ul > li > a, |
305 .folded #adminmenu li.menu-top .wp-submenu > li > a { |
306 .folded #adminmenu li.menu-top .wp-submenu > li > a { |
306 padding: 5px 12px; |
307 padding: 5px 12px; |
308 |
309 |
309 #adminmenu a.menu-top, |
310 #adminmenu a.menu-top, |
310 #adminmenu .wp-submenu-head { |
311 #adminmenu .wp-submenu-head { |
311 font-size: 14px; |
312 font-size: 14px; |
312 font-weight: 400; |
313 font-weight: 400; |
313 line-height: 18px; |
314 line-height: 1.3; |
314 padding: 0; |
315 padding: 0; |
315 } |
316 } |
316 |
317 |
317 #adminmenu .wp-submenu-head { |
318 #adminmenu .wp-submenu-head { |
318 display: none; |
319 display: none; |
328 } |
329 } |
329 |
330 |
330 #adminmenu .wp-submenu li { |
331 #adminmenu .wp-submenu li { |
331 padding: 0; |
332 padding: 0; |
332 margin: 0; |
333 margin: 0; |
333 overflow: hidden; |
|
334 } |
334 } |
335 |
335 |
336 #adminmenu .wp-menu-image img { |
336 #adminmenu .wp-menu-image img { |
337 padding: 9px 0 0 0; |
337 padding: 9px 0 0 0; |
338 opacity: 0.6; |
338 opacity: 0.6; |
357 background-size: 20px auto; |
357 background-size: 20px auto; |
358 } |
358 } |
359 |
359 |
360 div.wp-menu-image:before { |
360 div.wp-menu-image:before { |
361 color: #a0a5aa; |
361 color: #a0a5aa; |
362 color: rgba(240,245,250,0.6); |
362 color: rgba(240, 245, 250, 0.6); |
363 padding: 7px 0; |
363 padding: 7px 0; |
364 transition: all .1s ease-in-out; |
364 transition: all .1s ease-in-out; |
365 } |
365 } |
366 |
366 |
367 #adminmenu div.wp-menu-image:before { |
367 #adminmenu div.wp-menu-image:before { |
368 color: #a0a5aa; |
368 color: #a0a5aa; |
369 color: rgba(240,245,250,0.6); |
369 color: rgba(240, 245, 250, 0.6); |
370 } |
370 } |
371 |
371 |
372 #adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before, |
372 #adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before, |
373 #adminmenu .wp-has-current-submenu div.wp-menu-image:before, |
373 #adminmenu .wp-has-current-submenu div.wp-menu-image:before, |
374 #adminmenu .current div.wp-menu-image:before, |
374 #adminmenu .current div.wp-menu-image:before, |
513 /* @todo: consider to use a single rule for these counters and the list table comments counters. */ |
513 /* @todo: consider to use a single rule for these counters and the list table comments counters. */ |
514 #adminmenu .awaiting-mod, |
514 #adminmenu .awaiting-mod, |
515 #adminmenu .update-plugins { |
515 #adminmenu .update-plugins { |
516 display: inline-block; |
516 display: inline-block; |
517 vertical-align: top; |
517 vertical-align: top; |
518 margin: 1px 2px 0 0; |
518 box-sizing: border-box; |
|
519 margin: 1px 2px -1px 0; |
519 padding: 0 5px; |
520 padding: 0 5px; |
520 min-width: 7px; |
521 min-width: 18px; |
521 height: 17px; |
522 height: 18px; |
522 border-radius: 11px; |
523 border-radius: 9px; |
523 background-color: #ca4a1f; |
524 background-color: #ca4a1f; |
524 color: #fff; |
525 color: #fff; |
525 font-size: 9px; |
526 font-size: 11px; |
526 line-height: 17px; |
527 line-height: 1.6; |
527 text-align: center; |
528 text-align: center; |
528 z-index: 26; |
529 z-index: 26; |
529 } |
530 } |
530 |
531 |
531 #adminmenu li.current a .awaiting-mod, |
532 #adminmenu li.current a .awaiting-mod, |
532 #adminmenu li a.wp-has-current-submenu .update-plugins { |
533 #adminmenu li a.wp-has-current-submenu .update-plugins { |
533 background-color: #00b9eb; |
534 background-color: #ca4a1f; |
534 color: #fff; |
535 color: #fff; |
535 } |
536 } |
536 |
537 |
537 #adminmenu li span.count-0 { |
538 #adminmenu li span.count-0 { |
538 display: none; |
539 display: none; |
545 margin: 0; |
546 margin: 0; |
546 border: none; |
547 border: none; |
547 padding: 0; |
548 padding: 0; |
548 position: relative; |
549 position: relative; |
549 overflow: visible; |
550 overflow: visible; |
550 line-height: 34px; |
|
551 background: none; |
551 background: none; |
552 color: #aaa; |
552 color: #aaa; |
553 cursor: pointer; |
553 cursor: pointer; |
554 outline: 0; |
554 } |
555 } |
555 |
556 |
556 #collapse-button:hover { |
557 #collapse-button:hover, |
557 color: #00b9eb; |
|
558 } |
|
559 |
558 #collapse-button:focus { |
560 #collapse-button:focus { |
559 color: #00b9eb; |
561 color: #00b9eb; |
|
562 /* Only visible in Windows High Contrast mode */ |
|
563 outline: 1px solid transparent; |
|
564 outline-offset: -1px; |
560 } |
565 } |
561 |
566 |
562 #collapse-button .collapse-button-icon, |
567 #collapse-button .collapse-button-icon, |
563 #collapse-button .collapse-button-label { |
568 #collapse-button .collapse-button-label { |
564 /* absolutely positioned to avoid 1px shift in IE when button is pressed */ |
569 /* absolutely positioned to avoid 1px shift in IE when button is pressed */ |
565 display: block; |
570 display: block; |
566 position: absolute; |
571 position: absolute; |
567 top: 0; |
572 top: 0; |
568 right: 0; |
573 right: 0; |
569 line-height: 34px; |
574 } |
|
575 |
|
576 #collapse-button .collapse-button-label { |
|
577 top: 8px; |
570 } |
578 } |
571 |
579 |
572 #collapse-button .collapse-button-icon { |
580 #collapse-button .collapse-button-icon { |
573 width: 36px; |
581 width: 36px; |
574 height: 34px; |
582 height: 34px; |
595 } |
603 } |
596 |
604 |
597 /* rtl:ignore */ |
605 /* rtl:ignore */ |
598 .folded #collapse-button .collapse-button-icon:after, |
606 .folded #collapse-button .collapse-button-icon:after, |
599 .rtl #collapse-button .collapse-button-icon:after { |
607 .rtl #collapse-button .collapse-button-icon:after { |
600 -webkit-transform: rotate(180deg); |
|
601 transform: rotate(180deg); |
608 transform: rotate(180deg); |
602 } |
609 } |
603 |
610 |
604 .rtl.folded #collapse-button .collapse-button-icon:after { |
611 .rtl.folded #collapse-button .collapse-button-icon:after { |
605 -webkit-transform: none; |
|
606 transform: none; |
612 transform: none; |
607 } |
613 } |
608 |
614 |
609 #collapse-button .collapse-button-icon:after, |
615 #collapse-button .collapse-button-icon:after, |
610 #collapse-button .collapse-button-label { |
616 #collapse-button .collapse-button-label { |
726 display: none; |
732 display: none; |
727 } |
733 } |
728 |
734 |
729 /* rtl:ignore */ |
735 /* rtl:ignore */ |
730 .auto-fold #collapse-button .collapse-button-icon:after { |
736 .auto-fold #collapse-button .collapse-button-icon:after { |
731 -webkit-transform: rotate(180deg); |
|
732 transform: rotate(180deg); |
737 transform: rotate(180deg); |
733 } |
738 } |
734 |
739 |
735 .rtl.auto-fold #collapse-button .collapse-button-icon:after { |
740 .rtl.auto-fold #collapse-button .collapse-button-icon:after { |
736 -webkit-transform: none; |
|
737 transform: none; |
741 transform: none; |
738 } |
742 } |
739 |
743 |
740 } |
744 } |
741 |
745 |
742 @media screen and ( max-width: 782px ) { |
746 @media screen and (max-width: 782px) { |
743 .auto-fold #wpcontent { |
747 .auto-fold #wpcontent { |
744 position: relative; |
748 position: relative; |
745 margin-right: 0; |
749 margin-right: 0; |
746 padding-right: 10px; |
750 padding-right: 10px; |
747 } |
751 } |