Skip to content

Instantly share code, notes, and snippets.

@bradwright
Created March 9, 2009 12:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bradwright/76228 to your computer and use it in GitHub Desktop.
Save bradwright/76228 to your computer and use it in GitHub Desktop.
.cta {
overflow: hidden;
*zoom: 1;
}
.cta button,
.cta a {
border:0;
overflow: visible;
padding:0;
margin:5px;
text-decoration:none;
font:87% Arial,helvetica,sans-serif;
cursor:pointer;
background:#678006;
*white-space:nowrap;
}
.cta a:hover {
*zoom:1;
}
.cta button {
*margin-top:3px;
}
html:first-child .cta button {
float:none;
}
.cta button:hover,
.cta a:hover {
background:#c5e490;
text-decoration:none;
}
.cta button,
x:-moz-any-link {
margin-top:4px;
margin-left:2px;
}
.cta button,
x:-moz-any-link,
x:default{
margin:0;
padding:4px 2px;
background:none;
*margin:5px;
*padding:0;
*background:#678006;
}
.cta button:hover,
x:-moz-any-link,
x:default {
background:none;
*background:#44a600;
}
.cta button:hover span,
.cta a:hover span,
.cta button.hover span,
.cta button:focus span,
.cta a:focus span {
background-image:url(../henchmen/vip_user/img/button-primary-hover.png);
}
.cta span {
float:left;
position:relative;
top: 5px;
left: 5px;
border:0;
background:url(../henchmen/vip_user/img/button-primary.png) no-repeat 100% 100%;
color:#fff;
font-weight:bold;
}
.cta span span {
background-position:0 100%;
top:0;
left:-10px;
}
.cta span span span{
background-position:0 0;
top:-10px;
left:0;
margin-bottom:-5px;
}
.cta span span span span {
background-position:100% 0;
top:0;
left:10px;
padding:5px 23px 0 12px;
margin-bottom:0;
}
.cta button span span span span{
*padding:5px 23px 0 12px;
}
.cta.secondary span {
background-image:url(../henchmen/vip_user/img/button-secondary.png);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment