Changeset 18695

Timestamp:

09/17/2011 12:41:04 AM (13 years ago)

Author:

koopersmith

Message:

Admin bar styles, take 1. Props iammmattthomas, see #18197.

Location:

trunk/wp-includes

Files:

• admin-bar.php (modified) (2 diffs)
• css/admin-bar.css (modified) (1 diff)
• css/admin-bar.dev.css (modified) (17 diffs)
• images/wp-logo-dark.png (added)
• images/wp-logo-white.png (added)
• script-loader.php (modified) (1 diff)

trunk/wp-includes/admin-bar.php

@@ -164 +164 @@
     //  return;
 
-    $grey_wp_logo_url = admin_url( 'images/wp-logo.png' );
-
-    $grey_wp_logo = '<img src="' . esc_url( $grey_wp_logo_url ) . '" alt="' . esc_attr__( 'Blavatar' ) . '" width="16" height="16" class="blavatar"/>';
-
     if ( is_multisite() )
         $url = admin_url( 'my-sites.php' );
@@ -175 +171 @@
     $wp_admin_bar->add_menu( array(
         'id'    => 'my-blogs',
-        'title' => $grey_wp_logo,
+        'title' => '&nbsp;',
         'href'  => $url,
+        'meta'  => array(
+            'class' => 'wp-admin-bar-logo',
+        ),
     ) );
 

trunk/wp-includes/css/admin-bar.css

@@ -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;}
+#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;}

trunk/wp-includes/css/admin-bar.dev.css

@@ -8 +8 @@
     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;
 }
 
@@ -30 +30 @@
 #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;
@@ -42 +39 @@
     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 */
 }
 
@@ -63 +68 @@
 
 #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;
 }
 
@@ -90 +90 @@
 #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;
@@ -118 +118 @@
 #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;
@@ -126 +128 @@
 #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 0px -1px 0px;
 }
 
@@ -148 +143 @@
 #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;
 }
@@ -196 +199 @@
 
 #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;
 }
 
@@ -210 +210 @@
     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;
 }
 
@@ -238 +238 @@
     /* default borders */
     border-right: none;
-    border-left: 1px solid #808080;
+    border-left: 1px solid #333;
 }
 
@@ -253 +253 @@
     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 );
 
@@ -302 +302 @@
 /* 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;
 }
 
@@ -331 +331 @@
 
 /**
+ * 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
  */
@@ -338 +353 @@
 }
 #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;
@@ -353 +368 @@
 
 #wpadminbar a:hover .ab-comments-count {
-    background: #fff;
+    background: #bbb;
     color: #333;
 }
@@ -363 +378 @@
     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;
 }
 

trunk/wp-includes/script-loader.php

@@ -424 +424 @@
     $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' );