Using an image background on hover for the community buttons results in the following for buttons with longer text length:
Switching to using box-shadow would allow buttons with text of varying length to have a uniform background on hover.
Something like this should be close:
.communitiesButton a:hover {
-webkit-box-shadow: inset 3px 3px 10px 1px rgba(0,0,0,0.75);
-moz-box-shadow: inset 3px 3px 10px 1px rgba(0,0,0,0.75);
box-shadow: inset 3px 3px 10px 1px rgba(0,0,0,0.75);
float: left;
height: 24px;
}
|