← Back to branch summary

~canonical-sysadmins/wordpress/4.2.4

« back to all changes in this revision

Viewing changes to wp-admin/css/admin-menu.css

  • Committer: Paul Gear
  • Date: 2015-04-24 01:35:20 UTC
  • mfrom: (1.1.4 upstream)
  • Revision ID: paul.gear@canonical.com-20150424013520-w4p9ksth76zh6opw
Merge new upstream release 4.2

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-admin/css/admin-menu.css
3
3
#adminmenu,
4
4
#adminmenu .wp-submenu {
5
5
        width: 160px;
6
 
        background-color: #222;
 
6
        background-color: #23282d;
7
7
}
8
8
 
9
9
#adminmenuback {
10
 
        position: absolute;
 
10
        position: fixed;
11
11
        top: 0;
12
 
        bottom: 0;
13
 
        z-index: -1;
 
12
        bottom: -120px;
 
13
        z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */
14
14
}
15
15
 
16
16
#adminmenu {
166
166
}
167
167
 
168
168
#adminmenu .wp-submenu a {
169
 
        color: #bbb;
 
169
        color: #b4b9be;
 
170
        color: rgba(240,245,250,0.7);
170
171
}
171
172
 
172
173
#adminmenu .wp-submenu a:hover,
178
179
#adminmenu li.menu-top > a:focus,
179
180
#adminmenu .wp-submenu a:hover,
180
181
#adminmenu .wp-submenu a:focus {
181
 
        color: #45bbe6;
 
182
        color: #00b9eb;
182
183
}
183
184
 
184
185
#adminmenu li.menu-top {
201
202
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
202
203
        padding: 7px 0 8px;
203
204
        z-index: 9999;
204
 
        background-color: #333;
 
205
        background-color: #32373c;
205
206
        -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
206
207
        box-shadow: 0 3px 5px rgba(0,0,0,0.2);
207
208
}
228
229
        margin-top: 0;
229
230
        -webkit-box-shadow: none;
230
231
        box-shadow: none;
231
 
        background-color: #333;
 
232
        background-color: #32373c;
232
233
}
233
234
 
234
235
/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
236
237
#adminmenu li.opensub > a.menu-top,
237
238
#adminmenu li > a.menu-top:focus {
238
239
        position: relative;
239
 
        background-color: #111;
 
240
        background-color: #191e23;
 
241
        color: #00b9eb;
240
242
}
241
243
 
242
244
.folded #adminmenu li.menu-top:hover,
252
254
#adminmenu .wp-menu-arrow,
253
255
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
254
256
#adminmenu .wp-menu-arrow div {
255
 
        background: #0074a2;
 
257
        background: #0073aa;
256
258
        color: #fff;
257
259
}
258
260
 
357
359
}
358
360
 
359
361
div.wp-menu-image:before {
360
 
        color: #999;
 
362
        color: #a0a5aa;
 
363
        color: rgba(240,245,250,0.6);
361
364
        padding: 7px 0;
362
365
        -webkit-transition: all .1s ease-in-out;
363
366
        transition: all .1s ease-in-out;
364
367
}
365
368
 
366
369
#adminmenu div.wp-menu-image:before {
367
 
        color: #999;
 
370
        color: #a0a5aa;
 
371
        color: rgba(240,245,250,0.6);
368
372
}
369
373
 
370
374
#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
371
375
#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
372
376
#adminmenu .current div.wp-menu-image:before,
373
377
#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
374
 
#adminmenu a.current:hover div.wp-menu-image:before {
 
378
#adminmenu a.current:hover div.wp-menu-image:before,
 
379
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
 
380
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
375
381
        color: #fff;
376
382
}
377
383
 
378
 
#adminmenu li:hover div.wp-menu-image:before {
379
 
        color: #45bbe6;
 
384
#adminmenu li:hover div.wp-menu-image:before,
 
385
#adminmenu li a:focus div.wp-menu-image:before,
 
386
#adminmenu li.opensub div.wp-menu-image:before {
 
387
        color: #00b9eb;
 
388
}
 
389
 
 
390
/* IE8 doesn't redraw the pseudo elements unless you make a change to the content, this restore the initial color after hover */
 
391
.ie8 #adminmenu li.opensub div.wp-menu-image:before {
 
392
        color: #a0a5aa;
380
393
}
381
394
 
382
395
.folded #adminmenu div.wp-menu-image {
464
477
}
465
478
 
466
479
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
467
 
        border-right-color: #333;
 
480
        border-right-color: #32373c;
468
481
}
469
482
 
470
483
#adminmenu li.menu-top:hover .wp-menu-image img,
500
513
}
501
514
 
502
515
#adminmenu .awaiting-mod,
503
 
#adminmenu .update-plugins,
504
 
#sidemenu li a span.update-plugins {
 
516
#adminmenu .update-plugins {
505
517
        display: inline-block;
506
518
        background-color: #d54e21;
507
519
        color: #fff;
516
528
}
517
529
 
518
530
#adminmenu li .awaiting-mod span,
519
 
#adminmenu li span.update-plugins span,
520
 
#sidemenu li a span.update-plugins span {
 
531
#adminmenu li span.update-plugins span {
521
532
        display: block;
522
533
        padding: 0 6px;
523
534
}
524
535
 
525
536
#adminmenu li.current a .awaiting-mod,
526
537
#adminmenu      li a.wp-has-current-submenu .update-plugins {
527
 
        background-color: #45bbe6;
 
538
        background-color: #00b9eb;
528
539
        color: #fff;
529
540
}
530
541
 
531
 
#adminmenu li span.count-0,
532
 
#sidemenu li a .count-0 {
 
542
#adminmenu li span.count-0 {
533
543
        display: none;
534
544
}
535
545
 
537
547
        font-size: 13px;
538
548
        line-height: 34px;
539
549
        margin-top: 10px;
540
 
        color: #aaa;
 
550
        color: #a0a5aa;
 
551
        color: rgba(240,245,250,0.6);
541
552
        -webkit-transition: all .1s ease-in-out;
542
553
        transition: all .1s ease-in-out;
543
554
}
544
555
 
545
556
#collapse-menu:hover,
546
557
#collapse-menu:hover #collapse-button div:after {
547
 
        color: #45bbe6;
 
558
        color: #00b9eb;
548
559
}
549
560
 
550
561
.folded #collapse-menu span {
576
587
        line-height: 15px;
577
588
        left: -3px;
578
589
        top: -3px;
579
 
        color: #aaa;
 
590
        color: #a0a5aa;
 
591
        color: rgba(240,245,250,0.6);
580
592
        font: normal 20px/1 'dashicons' !important;
581
593
        speak: none;
582
594
        margin: 0 auto;
590
602
        -moz-osx-font-smoothing: grayscale;
591
603
}
592
604
 
 
605
/* rtl:ignore */
593
606
.folded #collapse-button div:after,
594
607
.rtl #collapse-button div:after {
595
608
        -webkit-transform: rotate(180deg);
721
734
                background: none;
722
735
        }
723
736
 
 
737
        /* rtl:ignore */
724
738
        .auto-fold #collapse-button div:after {
725
739
                -webkit-transform: rotate(180deg);
726
740
                -ms-transform: rotate(180deg);
870
884
        }
871
885
 
872
886
        .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
873
 
                background: #333;
 
887
                background: #32373c;
874
888
        }
875
889
 
876
890
        li#wp-admin-bar-menu-toggle {
919
933
                top: 46px;
920
934
        }
921
935
}
922