BuddyPress.org

Currently the submit buttons have a hover state but I think it’s too subtle compared to other hovers in the theme. I am proposing we change this to CSS sprites and a stronger hover image / change to bring in line with other hovers. I am referring to things like the log out / post update etc.

If you look at the activity stream buttons they are far more obvious and I think the submit buttons would benefit even if a gradient change from this. For now lets take baby steps keeping to images not CSS gradients seems the consensus. That in mind I thought I would float the idea before go into ticket. To consider the non hover CSS:

`a.button, input[type=submit], input[type=button], input[type=reset],
ul.button-nav li a, div.generic-button a {
background: url( ../images/white-grad.png ) top left repeat-x;
border: 1px solid #ddd;
padding: 3px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
color: #888;
font-size: 12px;
font-weight: normal;
vertical-align: bottom;
cursor: pointer;
}
`

the hover CSS:
`
a.button:hover, a.button:focus, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover,
ul.button-nav li a:hover, ul.button-nav li.current a,
div.generic-button a:hover {
border-color: #aaa;
color: #555;
outline: none;
}
`

So, any thoughts on this one?