Skip to content

Instantly share code, notes, and snippets.

@codespore
Created August 9, 2011 08:20
Show Gist options
  • Save codespore/1133599 to your computer and use it in GitHub Desktop.
Save codespore/1133599 to your computer and use it in GitHub Desktop.
CSS3 Gmail styled buttons
/* Gmail styled buttons */
.gmail-button {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent;
border-color: #CCCCCC #BBBBBB #A0A0A0;
border-left: 1px solid #BBBBBB;
border-radius: 3px 3px 3px 3px;
border-right: 1px solid #BBBBBB;
border-style: solid;
border-width: 1px;
color: #000000;
cursor: default;
font: 75% arial,sans-serif;
margin: 0 8px 0 0;
outline: medium none;
padding: 3px 8px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
text-shadow: 0 1px 0 #FFFFFF;
&:hover {border-color: #939393 !important;}
&:active {
background: -moz-linear-gradient(center top , #EEEEEE, #F9F9F9) repeat scroll 0 0 transparent;
border-color: #444444 !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment