Skip to content

Instantly share code, notes, and snippets.

@d9k
Last active August 29, 2015 14:07
Show Gist options
  • Save d9k/ddced97efcaa156a187b to your computer and use it in GitHub Desktop.
Save d9k/ddced97efcaa156a187b to your computer and use it in GitHub Desktop.
.goldenButton {
-moz-box-shadow:inset 0px 1px 0px 0px #AA8800;
-webkit-box-shadow:inset 0px 1px 0px 0px #AA8800;
box-shadow:inset 0px 1px 0px 0px #AA8800;
border:1px solid #AA8800;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
color:#000000;
text-shadow:0 1px 0 #fceabb;
}
/* http://www.colorzilla.com/gradient-editor/ - click import from css button */
.goldenButton {
background: #fffff6; /* Old browsers */
background: -moz-linear-gradient(top, #fffff6 5%, #f7f4c1 8%, #f2e487 48%, #cdb936 51%, #aa8800 94%, #faf87d 97%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#fffff6), color-stop(8%,#f7f4c1), color-stop(48%,#f2e487), color-stop(51%,#cdb936), color-stop(94%,#aa8800), color-stop(97%,#faf87d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fffff6 5%,#f7f4c1 8%,#f2e487 48%,#cdb936 51%,#aa8800 94%,#faf87d 97%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fffff6 5%,#f7f4c1 8%,#f2e487 48%,#cdb936 51%,#aa8800 94%,#faf87d 97%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fffff6 5%,#f7f4c1 8%,#f2e487 48%,#cdb936 51%,#aa8800 94%,#faf87d 97%); /* IE10+ */
background: linear-gradient(to bottom, #fffff6 5%,#f7f4c1 8%,#f2e487 48%,#cdb936 51%,#aa8800 94%,#faf87d 97%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffff6', endColorstr='#faf87d',GradientType=0 ); /* IE6-9 */
}
.goldenButton:hover {
background: #faf87d; /* Old browsers */
background: -moz-linear-gradient(top, #faf87d 3%, #aa8800 6%, #cdb936 49%, #f2e487 52%, #f7f4c1 92%, #fffff6 95%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#faf87d), color-stop(6%,#aa8800), color-stop(49%,#cdb936), color-stop(52%,#f2e487), color-stop(92%,#f7f4c1), color-stop(95%,#fffff6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #faf87d 3%,#aa8800 6%,#cdb936 49%,#f2e487 52%,#f7f4c1 92%,#fffff6 95%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #faf87d 3%,#aa8800 6%,#cdb936 49%,#f2e487 52%,#f7f4c1 92%,#fffff6 95%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #faf87d 3%,#aa8800 6%,#cdb936 49%,#f2e487 52%,#f7f4c1 92%,#fffff6 95%); /* IE10+ */
background: linear-gradient(to bottom, #faf87d 3%,#aa8800 6%,#cdb936 49%,#f2e487 52%,#f7f4c1 92%,#fffff6 95%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf87d', endColorstr='#fffff6',GradientType=0 ); /* IE6-9 */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment