Update icons in toolbar: WP logo, comments, update, add new. props empireoflight, JohnONolan, fixes #19404.

git-svn-id: https://develop.svn.wordpress.org/trunk@19516 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Daryl Koopersmith
2011-12-01 02:53:44 +00:00
parent 0cd6ddb43d
commit c47ea8d881
5 changed files with 66 additions and 52 deletions

View File

@@ -212,6 +212,15 @@
text-shadow: none;
}
#wpadminbar .hover .ab-label {
color: #fafafa;
}
#wpadminbar .menupop.hover .ab-label {
color: #333;
text-shadow: none;
}
#wpadminbar .menupop li:hover,
#wpadminbar .menupop li.hover,
#wpadminbar .quicklinks .menupop .ab-item:focus,
@@ -233,14 +242,14 @@
#wpadminbar .menupop .menupop > .ab-item {
display: block;
background-image: url(../images/admin-bar-sprite.png?d=20111122);
background-image: url(../images/admin-bar-sprite.png?d=20111130);
background-position: 95% -20px;
background-repeat: no-repeat;
padding-right: 2em;
}
#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
background-image: url(../images/admin-bar-sprite.png?d=20111122);
background-image: url(../images/admin-bar-sprite.png?d=20111130);
background-position: 5% -46px;
background-repeat: no-repeat;
padding-left: 2em;
@@ -412,8 +421,8 @@
color: #ccc;
text-shadow: #444 0px -1px 0px;
background-color: rgba( 255, 255, 255, 0 );
background-image: url(../images/admin-bar-sprite.png?d=20111122);
background-position: 3px 1px;
background-image: url(../images/admin-bar-sprite.png?d=20111130);
background-position: 3px 2px;
background-repeat: no-repeat;
outline: none;
@@ -480,61 +489,60 @@
margin-top: 6px;
}
#wpadminbar .ab-label {
margin-left: 4px;
}
/**
* WP Logo icon
*/
#wp-admin-bar-wp-logo > .ab-item .ab-icon {
background-image: url(../images/admin-bar-sprite.png?d=20111122);
background-position: -2px -78px;
width: 20px;
height: 20px;
margin-top: 4px;
background-image: url(../images/admin-bar-sprite.png?d=20111130);
background-position: 0 -76px;
background-repeat: no-repeat;
}
#wpadminbar.nojs #wp-admin-bar-wp-logo:hover > .ab-item .ab-icon,
#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
background-image: url(../images/admin-bar-sprite.png?d=20111122);
background-position: -2px -106px;
background-image: url(../images/admin-bar-sprite.png?d=20111130);
background-position: 0 -104px;
background-repeat: no-repeat;
}
/**
* Updates icon
*/
#wp-admin-bar-updates > .ab-item .ab-icon {
background-image: url(../images/admin-bar-sprite.png?d=20111130);
background-position: -2px -159px;
background-repeat: no-repeat;
}
/**
* Comments icon
*/
#wpadminbar .ab-comments-icon-body {
background: #999;
margin-top: 2px;
height: 10px;
width: 14px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#wpadminbar a:hover .ab-comments-icon-body {
background: #bbb;
color: #555;
}
#wpadminbar a .ab-comments-icon-arrow {
height: 0;
position: absolute;
bottom: 1px;
left: 3px;
/* Use transparent borders to form a triangle */
border-left: 4px solid #999;
border-bottom: 4px solid transparent;
}
#wpadminbar a:hover .ab-comments-icon-arrow {
border-left-color: #bbb;
}
#wpadminbar #ab-awaiting-mod {
margin-left: 4px;
#wp-admin-bar-comments > .ab-item .ab-icon {
background-image: url(../images/admin-bar-sprite.png?d=20111130);
background-position: -1px -134px;
background-repeat: no-repeat;
}
#wpadminbar span.count-0 {
display: none;
}
/**
* Add New icon
*/
#wp-admin-bar-new-content > .ab-item .ab-icon {
background-image: url(../images/admin-bar-sprite.png?d=20111130);
background-position: -2px -182px;
background-repeat: no-repeat;
}
/**
* IE 6-targeted rules