Skip to content

Instantly share code, notes, and snippets.

@rdallaire
Created July 18, 2013 18:56
Show Gist options
  • Save rdallaire/6031963 to your computer and use it in GitHub Desktop.
Save rdallaire/6031963 to your computer and use it in GitHub Desktop.
.continue_browsing a {
background: #626262;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #626262 0%, #3a3a3a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#626262), color-stop(100%,#3a3a3a));
background: -webkit-linear-gradient(top, #626262 0%,#3a3a3a 100%);
background: -o-linear-gradient(top, #626262 0%,#3a3a3a 100%);
background: -ms-linear-gradient(top, #626262 0%,#3a3a3a 100%);
background: linear-gradient(to bottom, #626262 0%,#3a3a3a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#3a3a3a',GradientType=0 );
border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #e5e5e5;
display: inline-block;
font-size: 12px;
font-weight: 600;
line-height: 20px;
margin: 0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
padding: 5px 20px;
font-weight: normal;
border: none;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
border-bottom: 3px solid #232323;
margin-bottom: 2px;
position: relative;
cursor: pointer;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
-webkit-box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.3);
box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.3);
}
#product_container .continue_browsing a:hover {
border-bottom: 5px solid #232323;
top: -2px;
margin: 0;
-webkit-box-shadow: 0px 5px 12px -2px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 5px 12px -2px rgba(0,0,0,0.5);
box-shadow: 0px 5px 12px -2px rgba(0,0,0,0.5);
}
#procut_container .continue_browsing a:active {
border-bottom: 1px solid #232323;
top: 2px;
margin: 0 0 4px;
-webkit-box-shadow: 0px 2px 6px -2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 6px -2px rgba(0,0,0,0.3);
box-shadow: 0px 2px 6px -2px rgba(0,0,0,0.3);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment