From b188bea4c829e5abeef9ffa6c62b1fcfc8ab47d7 Mon Sep 17 00:00:00 2001 From: koopersmith Date: Sat, 17 Sep 2011 00:41:04 +0000 Subject: [PATCH] Admin bar styles, take 1. Props iammmattthomas, see #18197. git-svn-id: http://svn.automattic.com/wordpress/trunk@18695 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- wp-includes/admin-bar.php | 9 +- wp-includes/css/admin-bar.css | 2 +- wp-includes/css/admin-bar.dev.css | 121 +++++++++++++++------------ wp-includes/images/wp-logo-dark.png | Bin 0 -> 1672 bytes wp-includes/images/wp-logo-white.png | Bin 0 -> 1692 bytes wp-includes/script-loader.php | 2 +- 6 files changed, 74 insertions(+), 60 deletions(-) create mode 100644 wp-includes/images/wp-logo-dark.png create mode 100644 wp-includes/images/wp-logo-white.png diff --git a/wp-includes/admin-bar.php b/wp-includes/admin-bar.php index ec2565890..4bf4e06bb 100644 --- a/wp-includes/admin-bar.php +++ b/wp-includes/admin-bar.php @@ -163,10 +163,6 @@ function wp_admin_bar_my_sites_menu( $wp_admin_bar ) { // if ( count( $wp_admin_bar->user->blogs ) <= 1 ) // return; - $grey_wp_logo_url = admin_url( 'images/wp-logo.png' ); - - $grey_wp_logo = '' . esc_attr__( 'Blavatar' ) . ''; - if ( is_multisite() ) $url = admin_url( 'my-sites.php' ); else @@ -174,8 +170,11 @@ function wp_admin_bar_my_sites_menu( $wp_admin_bar ) { $wp_admin_bar->add_menu( array( 'id' => 'my-blogs', - 'title' => $grey_wp_logo, + 'title' => ' ', 'href' => $url, + 'meta' => array( + 'class' => 'wp-admin-bar-logo', + ), ) ); // Add network admin link diff --git a/wp-includes/css/admin-bar.css b/wp-includes/css/admin-bar.css index bbc3b194c..738057fbf 100644 --- a/wp-includes/css/admin-bar.css +++ b/wp-includes/css/admin-bar.css @@ -1 +1 @@ -#wpadminbar *{height:auto;width:auto;margin:0;padding:0;position:static;text-transform:none;letter-spacing:normal;line-height:1;font:normal 13px/28px Arial,Helvetica,sans-serif;color:#ddd;text-shadow:#555 0 -1px 0;}#wpadminbar :before,#wpadminbar :after{content:normal;}#wpadminbar a,#wpadminbar a:hover,#wpadminbar a img,#wpadminbar a img:hover{outline:none;border:none;text-decoration:none;background:none;}#wpadminbar{direction:ltr;background-color:#777;background-image:-moz-linear-gradient(bottom,#666,#7f7f7f);background-image:-webkit-gradient(linear,left bottom,left top,from(#666),to(#7f7f7f));color:#ddd;font:normal 12px/28px Arial,Helvetica,sans-serif;height:28px;position:fixed;top:0;left:0;width:100%;z-index:99999;min-width:960px;}#wpadminbar ul,#wpadminbar ul li{background:none;list-style:none;margin:0;padding:0;position:relative;z-index:99999;}#wpadminbar .quicklinks ul{text-align:left;}#wpadminbar .quicklinks ul li{float:left;}#wpadminbar .quicklinks>ul>li>a{border-right:1px solid #686868;border-left:1px solid #808080;}#wpadminbar .quicklinks>ul>li:last-child>a{border-right:none;}#wpadminbar .quicklinks>ul>li:hover>a,#wpadminbar .quicklinks>ul>li.selected>a{border-left-color:#707070;}#wpadminbar .quicklinks a,#wpadminbar .shortlink-input{height:28px;display:block;padding:0 .85em;margin:0;}#wpadminbar .quicklinks a>span{line-height:28px;}#wpadminbar .quicklinks .menupop ul,#wpadminbar .shortlink-input{-moz-box-shadow:0 4px 8px rgba(0,0,0,0.1);-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.1);box-shadow:0 4px 8px rgba(0,0,0,0.1);background:#fff;background:rgba(255,255,255,0.97);display:none;position:absolute;border:1px solid #dfdfdf;border-top:none;float:none;}#wpadminbar .selected .shortlink-input{display:block;}#wpadminbar .quicklinks .menupop ul li{float:none;}#wpadminbar .quicklinks .menupop ul li a strong{font-weight:bold;}#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop ul li a span,#wpadminbar .quicklinks .menupop ul li a strong,#wpadminbar .shortlink-input{color:#555;text-shadow:none;white-space:nowrap;min-width:140px;}#wpadminbar .shortlink-input{width:200px;}#wpadminbar .quicklinks .menupop ul li:hover>a,#wpadminbar .quicklinks .menupop ul li:hover>a span,#wpadminbar .quicklinks .menupop ul li:hover>a strong{color:#fff;text-shadow:#666 0 -1px 0;}#wpadminbar.nojq .quicklinks li:hover>ul,#wpadminbar .quicklinks li.hover>ul{display:block;}#wpadminbar .quicklinks .menupop li:hover>ul,#wpadminbar .quicklinks .menupop li.hover>ul{margin-left:100%;margin-top:-28px;}#wpadminbar .quicklinks li:hover,#wpadminbar .quicklinks .selected{background:#555;background:-moz-linear-gradient(bottom,#555,#3e3e3e);background:-webkit-gradient(linear,left bottom,left top,from(#555),to(#3e3e3e));}#wpadminbar .quicklinks .menupop li:hover{background:#888;background:-moz-linear-gradient(bottom,#888,#9d9d9d);background:-webkit-gradient(linear,left bottom,left top,from(#888),to(#9d9d9d));}#wpadminbar .quicklinks .menupop a>span{display:inline;background:url(../images/admin-bar-sprite.png?d=11122010) right -57px no-repeat;padding-right:.8em;}#wpadminbar .quicklinks .menupop ul li a>span{display:block;background:url(../images/admin-bar-sprite.png?d=11122010) right -29px no-repeat;padding-right:1.5em;}#wpadminbar .quicklinks a span#ab-updates{background:#eee;color:#333;text-shadow:none;display:inline;padding:2px 5px;font-size:10px;font-weight:bold;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}#wpadminbar .quicklinks a:hover span#ab-updates{background:#fff;color:#000;}#wpadminbar #wp-admin-bar-my-account,#wpadminbar #wp-admin-bar-my-account-with-avatar{float:right;}#wpadminbar .quicklinks li#wp-admin-bar-my-account>a{border-left:none;}#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar>a{border-left:none;background:url(../images/admin-bar-sprite.png?d=11122010) top right no-repeat;margin-right:-7px;padding-right:48px;}#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar>a img{width:16px;height:16px;border:1px solid #999;position:absolute;right:6px;top:5px;padding:0;background:#eee;}#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar ul ul{left:0;}#wpadminbar .quicklinks li img.blavatar{vertical-align:middle;margin:-3px 4px 0 0;padding:0;}#wpadminbar #wp-admin-bar-search a{padding:0;}#wpadminbar .quicklinks .admin-bar-search:hover{background:transparent;}#wpadminbar .quicklinks .admin-bar-search:hover>a{border-right:none;border-left:1px solid #808080;}#wpadminbar #adminbarsearch{float:right;height:26px;padding:2px 4px;margin:0;}#wpadminbar #adminbarsearch .adminbar-input{height:23px;width:140px;float:left;font:13px Arial,Helvetica,sans-serif;border:none;padding:0 3px 0 24px;margin:0 3px 0 0;color:#ddd;text-shadow:#555 0 -1px 0;background-color:rgba(255,255,255,0);background-image:url('../../wp-content/themes/twentyeleven/images/search.png');background-repeat:no-repeat;background-position:4px 2px;-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-transition-duration:400ms;-webkit-transition-property:width,background;-webkit-transition-timing-function:ease;-moz-transition-duration:400ms;-moz-transition-property:width,background;-moz-transition-timing-function:ease;-o-transition-duration:400ms;-o-transition-property:width,background;-o-transition-timing-function:ease;}#wpadminbar #adminbarsearch .adminbar-input:focus{color:#555;text-shadow:0 1px 0 #fff;width:200px;background-color:rgba(255,255,255,0.9);}#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder{color:#e4e4e4;}#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder{color:#e4e4e4;}#wpadminbar #adminbarsearch .adminbar-button{display:none;}#wpadminbar #adminbarsearch .adminbar-button:active{background:#a0a0a0;background:-moz-linear-gradient(bottom,#a0a0a0,#c1c1c1);background:-webkit-gradient(linear,left bottom,left top,from(#a0a0a0),to(#c1c1c1));-moz-box-shadow:inset 1px 1px 1px #9b9b9b;-webkit-box-shadow:inset 1px 1px 1px #9b9b9b;box-shadow:inset 1px 1px 1px #9b9b9b;}#wpadminbar #adminbarsearch .adminbar-button:hover{color:#000;}#wpadminbar #adminbarsearch .adminbar-button::-moz-focus-inner{border:none;}#wpadminbar .ab-comments-bubble{position:relative;padding-top:5px;}#wpadminbar .ab-comments-count{background:#ddd;color:#555;text-shadow:none;height:1.2em;line-height:1.2em;padding:2px 8px 0;font-size:12px;font-weight:bold;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}#wpadminbar a:hover .ab-comments-count{background:#fff;color:#333;}#wpadminbar a .ab-comments-arrow{height:0;position:absolute;bottom:-4px;left:6px;border-left:5px solid #ddd;border-bottom:5px solid transparent;}#wpadminbar a:hover .ab-comments-arrow{border-left-color:#fff;}* html #wpadminbar{overflow:hidden;position:absolute;}* html #wpadminbar .quicklinks ul li a{float:left;}* html #wpadminbar .menupop a span{background-image:none;} \ No newline at end of file +#wpadminbar *{height:auto;width:auto;margin:0;padding:0;position:static;text-transform:none;letter-spacing:normal;line-height:1;font:normal 12px/28px "Helvetica Neue",sans-serif;color:#ccc;text-shadow:#444 0 -1px 0;}#wpadminbar :before,#wpadminbar :after{content:normal;}#wpadminbar a,#wpadminbar a:hover,#wpadminbar a img,#wpadminbar a img:hover{outline:none;border:none;text-decoration:none;background:none;}#wpadminbar{direction:ltr;color:#ccc;font:normal 12px/28px "Helvetica Neue",sans-serif;height:28px;position:fixed;top:0;left:0;width:100%;z-index:99999;min-width:960px;background-color:#464646;background-image:-ms-linear-gradient(bottom,#464646,#373737 5px);background-image:-moz-linear-gradient(bottom,#464646,#373737 5px);background-image:-o-linear-gradient(bottom,#464646,#373737);background-image:-webkit-gradient(linear,left bottom,left top,from(#464646),to(#373737));background-image:-webkit-linear-gradient(bottom,#373737,#464646 5px);background-image:linear-gradient(bottom,#464646,#373737);}#wpadminbar ul,#wpadminbar ul li{background:none;list-style:none;margin:0;padding:0;position:relative;z-index:99999;}#wpadminbar .quicklinks ul{text-align:left;}#wpadminbar .quicklinks ul li{float:left;}#wpadminbar .quicklinks>ul>li>a{border-right:1px solid #555;border-left:1px solid #333;}#wpadminbar .quicklinks>ul>li:last-child>a{border-right:none;}#wpadminbar .quicklinks a,#wpadminbar .shortlink-input{height:28px;display:block;padding:0 .85em;margin:0;}#wpadminbar .quicklinks a>span{line-height:28px;}#wpadminbar .quicklinks .menupop ul,#wpadminbar .shortlink-input{margin:0 0 0 1px;padding:6px 0;-moz-box-shadow:0 4px 8px rgba(0,0,0,0.2);-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.2);box-shadow:0 4px 8px rgba(0,0,0,0.2);background:#fff;display:none;position:absolute;border-top:none;float:none;}#wpadminbar .selected .shortlink-input{display:block;}#wpadminbar .quicklinks .menupop ul li{float:none;}#wpadminbar .quicklinks .menupop ul li a strong{font-weight:bold;}#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop ul li a span,#wpadminbar .quicklinks .menupop ul li a strong,#wpadminbar .shortlink-input{line-height:26px;height:26px;color:#21759B;text-shadow:none;white-space:nowrap;min-width:140px;}#wpadminbar .shortlink-input{width:200px;}#wpadminbar.nojq .quicklinks li:hover>ul,#wpadminbar .quicklinks li.hover>ul{display:block;}#wpadminbar .quicklinks .menupop li:hover>ul,#wpadminbar .quicklinks .menupop li.hover>ul{margin-left:100%;margin-top:-28px;}#wpadminbar .quicklinks li:hover,#wpadminbar .quicklinks .selected{background-color:#fff;}#wpadminbar .quicklinks li:hover a,#wpadminbar .quicklinks .selected a,#wpadminbar .quicklinks li:hover span,#wpadminbar .quicklinks .selected span{color:#333;text-shadow:none;}#wpadminbar .quicklinks .menupop li:hover{background:#f8fbfe;}#wpadminbar .quicklinks .menupop a>span{display:inline;background:url(../images/admin-bar-sprite.png?d=11122010) right -58px no-repeat;padding-right:.8em;}#wpadminbar .quicklinks .menupop ul li a>span{display:block;background:url(../images/admin-bar-sprite.png?d=11122010) right -29px no-repeat;padding-right:1.5em;}#wpadminbar .quicklinks a span#ab-updates{background:#eee;color:#333;text-shadow:none;display:inline;padding:2px 5px;font-size:10px;font-weight:bold;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}#wpadminbar .quicklinks a:hover span#ab-updates{background:#fff;color:#000;}#wpadminbar #wp-admin-bar-my-account,#wpadminbar #wp-admin-bar-my-account-with-avatar{float:right;}#wpadminbar .quicklinks li#wp-admin-bar-my-account>a{border:none;}#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar>a{border:none;}#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar>a img{width:16px;height:16px;border:1px solid #999;padding:0;background:#eee;line-height:24px;vertical-align:middle;margin:-2px 0 0 6px;}#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar ul ul{left:0;}#wpadminbar .quicklinks li img.blavatar{vertical-align:middle;margin:-3px 4px 0 0;padding:0;}#wpadminbar #wp-admin-bar-search a{padding:0;}#wpadminbar .quicklinks .admin-bar-search:hover{background:transparent;}#wpadminbar .quicklinks .admin-bar-search:hover>a{border-right:none;border-left:1px solid #333;}#wpadminbar #adminbarsearch{float:right;height:26px;padding:2px 4px;margin:0;}#wpadminbar #adminbarsearch .adminbar-input{height:23px;width:140px;float:left;font:12px "Helvetica Neue",sans-serif;border:none;padding:0 3px 0 24px;margin:0 3px 0 0;color:#ccc;text-shadow:#444 0 -1px 0;background-color:rgba(255,255,255,0);background-image:url('../../wp-content/themes/twentyeleven/images/search.png');background-repeat:no-repeat;background-position:4px 2px;-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-transition-duration:400ms;-webkit-transition-property:width,background;-webkit-transition-timing-function:ease;-moz-transition-duration:400ms;-moz-transition-property:width,background;-moz-transition-timing-function:ease;-o-transition-duration:400ms;-o-transition-property:width,background;-o-transition-timing-function:ease;}#wpadminbar #adminbarsearch .adminbar-input:focus{color:#555;text-shadow:0 1px 0 #fff;width:200px;background-color:rgba(255,255,255,0.9);}#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder{color:#ddd;}#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder{color:#ddd;}#wpadminbar #adminbarsearch .adminbar-button{display:none;}#wpadminbar #adminbarsearch .adminbar-button:active{background:#a0a0a0;background:-moz-linear-gradient(bottom,#a0a0a0,#c1c1c1);background:-webkit-gradient(linear,left bottom,left top,from(#a0a0a0),to(#c1c1c1));-moz-box-shadow:inset 1px 1px 1px #9b9b9b;-webkit-box-shadow:inset 1px 1px 1px #9b9b9b;box-shadow:inset 1px 1px 1px #9b9b9b;}#wpadminbar #adminbarsearch .adminbar-button:hover{color:#000;}#wpadminbar #adminbarsearch .adminbar-button::-moz-focus-inner{border:none;}#wpadminbar .wp-admin-bar-logo{background:url(../images/wp-logo-white.png) no-repeat 8px 6px;}#wpadminbar .wp-admin-bar-logo>a{padding-left:22px;}#wpadminbar .wp-admin-bar-logo:hover{background:url(../images/wp-logo-dark.png) no-repeat 8px 6px;}#wpadminbar .ab-comments-bubble{position:relative;padding-top:5px;}#wpadminbar .ab-comments-count{background:#ccc;color:#555;text-shadow:none;height:1.2em;line-height:1.2em;padding:0 8px 0;font-size:12px;font-weight:bold;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}#wpadminbar a:hover .ab-comments-count{background:#bbb;color:#333;}#wpadminbar a .ab-comments-arrow{height:0;position:absolute;bottom:-4px;left:6px;border-left:5px solid #ccc;border-bottom:5px solid transparent;}#wpadminbar a:hover .ab-comments-arrow{border-left-color:#bbb;}* html #wpadminbar{overflow:hidden;position:absolute;}* html #wpadminbar .quicklinks ul li a{float:left;}* html #wpadminbar .menupop a span{background-image:none;} \ No newline at end of file diff --git a/wp-includes/css/admin-bar.dev.css b/wp-includes/css/admin-bar.dev.css index f4304b954..c2d52c049 100644 --- a/wp-includes/css/admin-bar.dev.css +++ b/wp-includes/css/admin-bar.dev.css @@ -7,9 +7,9 @@ text-transform: none; letter-spacing: normal; line-height: 1; - font: normal 13px/28px Arial, Helvetica, sans-serif; - color: #ddd; - text-shadow: #555 0px -1px 0px; + font: normal 12px/28px "Helvetica Neue", sans-serif; + color: #ccc; + text-shadow: #444 0px -1px 0px; } #wpadminbar :before, @@ -29,11 +29,8 @@ #wpadminbar { direction: ltr; - background-color: #777; - background-image: -moz-linear-gradient(bottom, #666, #7f7f7f); - background-image: -webkit-gradient(linear, left bottom, left top, from(#666), to(#7f7f7f)); - color: #ddd; - font: normal 12px/28px Arial, Helvetica, sans-serif; + color: #ccc; + font: normal 12px/28px "Helvetica Neue", sans-serif; height: 28px; position: fixed; top: 0; @@ -41,6 +38,14 @@ width: 100%; z-index: 99999; min-width: 960px; + + background-color: #464646; /* Fallback */ + background-image: -ms-linear-gradient(bottom, #464646, #373737 5px); /* IE10 */ + background-image: -moz-linear-gradient(bottom, #464646, #373737 5px); /* Firefox */ + background-image: -o-linear-gradient(bottom, #464646, #373737); /* Opera */ + background-image: -webkit-gradient(linear, left bottom, left top, from(#464646), to(#373737)); /* old Webkit */ + background-image: -webkit-linear-gradient(bottom, #373737, #464646 5px); /* new Webkit */ + background-image: linear-gradient(bottom, #464646, #373737); /* proposed W3C Markup */ } #wpadminbar ul, @@ -62,19 +67,14 @@ } #wpadminbar .quicklinks > ul > li > a { - border-right: 1px solid #686868; - border-left: 1px solid #808080; + border-right: 1px solid #555; + border-left: 1px solid #333; } #wpadminbar .quicklinks > ul > li:last-child > a { border-right: none; } -#wpadminbar .quicklinks > ul > li:hover > a, -#wpadminbar .quicklinks > ul > li.selected > a { - border-left-color: #707070; -} - #wpadminbar .quicklinks a, #wpadminbar .shortlink-input { height: 28px; @@ -89,14 +89,14 @@ #wpadminbar .quicklinks .menupop ul, #wpadminbar .shortlink-input { - -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.1); - -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.1); - box-shadow: 0 4px 8px rgba(0,0,0,0.1); + margin: 0 0 0 1px; + padding: 6px 0; + -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.2); + -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2); + box-shadow: 0 4px 8px rgba(0,0,0,0.2); background: #fff; - background: rgba(255,255,255,0.97); display: none; position: absolute; - border: 1px solid #dfdfdf; border-top: none; float: none; } @@ -117,7 +117,9 @@ #wpadminbar .quicklinks .menupop ul li a span, #wpadminbar .quicklinks .menupop ul li a strong, #wpadminbar .shortlink-input { - color: #555; + line-height: 26px; + height: 26px; + color: #21759B; text-shadow: none; white-space: nowrap; min-width: 140px; @@ -127,13 +129,6 @@ width: 200px; } -#wpadminbar .quicklinks .menupop ul li:hover > a, -#wpadminbar .quicklinks .menupop ul li:hover > a span, -#wpadminbar .quicklinks .menupop ul li:hover > a strong { - color: #fff; - text-shadow: #666 0px -1px 0px; -} - #wpadminbar.nojq .quicklinks li:hover > ul, #wpadminbar .quicklinks li.hover > ul { display: block; @@ -147,20 +142,28 @@ #wpadminbar .quicklinks li:hover, #wpadminbar .quicklinks .selected { - background: #555; - background: -moz-linear-gradient(bottom, #555, #3e3e3e); - background: -webkit-gradient(linear, left bottom, left top, from(#555), to(#3e3e3e)); + background-color: #fff; } +#wpadminbar .quicklinks li:hover a, +#wpadminbar .quicklinks .selected a, +#wpadminbar .quicklinks li:hover span, +#wpadminbar .quicklinks .selected span { + color: #333; + text-shadow: none; +} + + #wpadminbar .quicklinks .menupop li:hover { - background: #888; +/* background: #888; background: -moz-linear-gradient(bottom, #888, #9d9d9d); - background: -webkit-gradient(linear, left bottom, left top, from(#888), to(#9d9d9d)); + background: -webkit-gradient(linear, left bottom, left top, from(#888), to(#9d9d9d));*/ + background: #f8fbfe; } #wpadminbar .quicklinks .menupop a > span { display: inline; - background: url(../images/admin-bar-sprite.png?d=11122010) right -57px no-repeat; + background: url(../images/admin-bar-sprite.png?d=11122010) right -58px no-repeat; padding-right: .8em; } @@ -195,25 +198,22 @@ } #wpadminbar .quicklinks li#wp-admin-bar-my-account > a { - border-left: none; + border: none; } #wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar > a { - border-left: none; - background: url(../images/admin-bar-sprite.png?d=11122010) top right no-repeat; - margin-right: -7px; - padding-right: 48px; + border: none; } #wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar > a img { width: 16px; height: 16px; border: 1px solid #999; - position: absolute; - right: 6px; - top: 5px; padding: 0; background: #eee; + line-height: 24px; + vertical-align: middle; + margin: -2px 0 0 6px; } #wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar ul ul { @@ -237,7 +237,7 @@ #wpadminbar .quicklinks .admin-bar-search:hover > a { /* default borders */ border-right: none; - border-left: 1px solid #808080; + border-left: 1px solid #333; } #wpadminbar #adminbarsearch { @@ -252,13 +252,13 @@ height: 23px; width: 140px; float: left; - font: 13px Arial, Helvetica, sans-serif; + font: 12px "Helvetica Neue", sans-serif; border: none; padding: 0 3px 0 24px; margin: 0 3px 0 0; - color: #ddd; - text-shadow: #555 0px -1px 0px; + color: #ccc; + text-shadow: #444 0px -1px 0px; background-color: rgba( 255, 255, 255, 0 ); /* @todo: replace/move twenty eleven image to a core search icon. */ @@ -301,10 +301,10 @@ /* Two rules to ensure browser recognition */ #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { - color: #e4e4e4; + color: #ddd; } #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { - color: #e4e4e4; + color: #ddd; } @@ -329,6 +329,21 @@ border: none; } +/** + * WP Logo item + */ + +#wpadminbar .wp-admin-bar-logo { + background: url(../images/wp-logo-white.png) no-repeat 8px 6px; +} +#wpadminbar .wp-admin-bar-logo > a { + padding-left: 22px; +} + +#wpadminbar .wp-admin-bar-logo:hover { + background: url(../images/wp-logo-dark.png) no-repeat 8px 6px; +} + /** * Comments bubble */ @@ -337,12 +352,12 @@ padding-top: 5px; } #wpadminbar .ab-comments-count { - background: #ddd; + background: #ccc; color: #555; text-shadow: none; height: 1.2em; line-height: 1.2em; - padding: 2px 8px 0; + padding: 0 8px 0; font-size: 12px; font-weight: bold; -moz-border-radius: 10px; @@ -352,7 +367,7 @@ } #wpadminbar a:hover .ab-comments-count { - background: #fff; + background: #bbb; color: #333; } @@ -362,11 +377,11 @@ bottom: -4px; left: 6px; /* Use transparent borders to form a triangle */ - border-left: 5px solid #ddd; + border-left: 5px solid #ccc; border-bottom: 5px solid transparent; } #wpadminbar a:hover .ab-comments-arrow { - border-left-color: #fff; + border-left-color: #bbb; } diff --git a/wp-includes/images/wp-logo-dark.png b/wp-includes/images/wp-logo-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..6989ddccb203afdd6a114af073f733755c06100b GIT binary patch literal 1672 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`k|nMYCBgY=CFO}lsSJ)O`AMk? zp1FzXsX?iUDV2pMQ*9U+m{l@EB1$5BeXNr6bM+EIYV;~{3xK*A7;Nk-3KEmEQ%e+* zQqwc@Y?a>c-mj#PnPRIHZt82`Ti~3Uk?B!Ylp0*+7m{3+ootz+WN)WnQ(*-(AUCxn zQK2F?C$HG5!d3}vt`(3C64qBz04piUwpD^SD#ABF!8yMuRl!uxKsVXI%uvD1M9IxIyg#@@$ndN=gc>^!3Zj z%k|2Q_413-^$jg8E%gnI^o@*kfhu&1EAvVcD|GXUm0>2hq!uR^WfqiV=I1GZOiWD5 zFD$Tv3bSNU;+l1ennz|zM-B0$V)JVzP|XC=H|jx7ncO3BHWAB;NpiyW)Z+ZoqGVvir744~DzI`cN=+=uFAB-e&w+(vKt_H^esM;Afr4|esh**NZ(?$0 z9!LbN!`Ii!Gq1QLF)umQ)5TT^Xog;9W{Q=Cvw^9TlZ&Z~g^RJFp{s$Tqp7Q_v8#oJ zsjHi@xuX$GuSMv>2~2MaLa!N4y`aR9TL84#CABECEH%ZgC_h&L>}jh^+-@<( zX&zK>3U0TU;MA)Rbc{YIYLTKECIn1BASOKF0y*%cpPC0u??u3b{j0))nSp`nm#2$k zNX4y~$*~^6i4w=}e}9v+ZRZ_!ttIzZCT8r?DJf5#(zx_N(2GMJ`YdMyU5cNE#?4|C zOe_(MI^uHajkCrFWoJ&c6*D!x?x|c|&?+DN{M@$UXMX>Wt9h{3J-2;sdH#R>yziCw zr*Gf7b>shaIRX4#j*d!Z%*PH0Z`ffTxga_$>>A&Wmbcg|Yc?46gajD>^)Sh zJ?X80B!lxFhPLm5`|sYl^T#H!AibRH=K`rK4p$ak&D!svlK6%-wnd{${^W_5IWmbp zqEb??<}3Z*bpH8i)n=;?7haac745#uY&QEXI|~of#nQu9Z(n(`Py65Q8y7yb&z-NQ zTiZXmZA(f3*S%_+dB#4WU)>f5I&NZ24gdD#%M#;thkPOya{c@9H#}r2yZE#Hvg*8< zCmVL{Y51hQZ29tJ_fMaX1(r4Z+p%j~lu)mmnXg*$e4$Q*Cr=8_F)3!gmND^GDBj*# z#qlUUJ>6eT`djX+l3mv`q`2D;&sPpA`Fy2w^5Phg>5`A_)?c5kbJ|PK-sjqL`pYIWU1TTutimS_eDQA)P11p0n@Z!s+k8iOt>*GT-Ebc z)4`aKFd3iDRwMqD7vG?EB?fc}FUr>B_%9JTvattKOOcqS$dFF8c*s){E zJx?Q^znOT^FmU-*!^tP7gg?>IJ8#}idnYpn` zMf9@llkL7492DgABbsG>`|B{{q@|OtXr3;rb}G((pEzlwYi1_f1Ov9k$L`ntPm1+> z`)|>rMOP9GURc`RyXbU3h|aVQdzk8^vd_f%(NC zz3EhHz7!J8`yy`wMh-#Xd=NAk3`|2f6VqjbY#xsXvN#}z6GkG!^hH_%Hil{S!3zoy zqF3rPIHAF`fI|_^!U_lhgN*cb3MjrPtJTk!i7XgsgmI9~WI0k=0E)%`4@J>Mw4RV6 z|HS*B!g_fTj(}1`j}_>YWaHGq4p%roQHQ_;rjuh>{z4T~b1(wa=U_OHDC08OfEZS4 zv<}N0LoDVeYxM-IRU*ldfI(_7H5wH^I+4XqNPyT-G!)Ke3t92;T%j;r7#+3zmRR7b{^4?#FKB6V(T}KW!J;K~XelMQMP`un|CuBR4j>5FTO8v?1 z$R^ZYabz|!YMnWDM}EPZRnZkSQH2{^Hb-qd^faq}2TfHM=aqt8T7O7|`cR$I(w$vJ zvPK?pv?_E`*(msuXzSFb{)&u3<4dcKmsZAo1pa$`S&Ak&9lZgF~npY$L4 zt2y;t-~0Cders7-8JA&6>QLKkZSimT`i`$V`f#GRw-@o;KeXpN7qiVw(Zn<H150lhQgB!lJUKGmW+@9WpE+q1sDoyI?|{)Jq}Dl3C(y4CIvV*EV%)5Muh{MPQ^molX}6le+)Xc0rzJw+UR`c(XIWue+@AaRwbi$~e5Jz|>1qSY_AN-&0%~GiU`XvJ)PdGWpdh&#xG!X+P@du^7$mhmOw9&Vqo7 zZRzPY*(rHI)UC{J(W`XJq&L;t+cKb?q?V{l3kvVA8K_MY`JWgc8ykolzFBp!_z2x8 zZS+|C&;iD?k@oiX!?m(khS|xgN6Uuf{!n(;n5^{-MSQm|HgMIgj8gX}nq0QKPCi|u z2(9p?(ULmwUAykuT3TB66}EEMmgU`^_U!Gp1UY$7b_UfApSC=*IQ|#OLJ4#>A#?ZN D2{)4e literal 0 HcmV?d00001 diff --git a/wp-includes/script-loader.php b/wp-includes/script-loader.php index c92582f17..4c6a6a9aa 100644 --- a/wp-includes/script-loader.php +++ b/wp-includes/script-loader.php @@ -423,7 +423,7 @@ function wp_default_styles( &$styles ) { $styles->add( 'farbtastic', '/wp-admin/css/farbtastic.css', array(), '1.3u1' ); $styles->add( 'jcrop', '/wp-includes/js/jcrop/jquery.Jcrop.css', array(), '0.9.8' ); $styles->add( 'imgareaselect', '/wp-includes/js/imgareaselect/imgareaselect.css', array(), '0.9.1' ); - $styles->add( 'admin-bar', "/wp-includes/css/admin-bar$suffix.css", array(), '20110915' ); + $styles->add( 'admin-bar', "/wp-includes/css/admin-bar$suffix.css", array(), '20110916' ); $styles->add( 'wp-jquery-ui-dialog', "/wp-includes/css/jquery-ui-dialog$suffix.css", array(), '20101224' ); $styles->add( 'editor-buttons', "/wp-includes/css/editor-buttons$suffix.css", array(), '20110802' );