Skip to content

Instantly share code, notes, and snippets.

@9876691
Created March 2, 2010 16:18
Show Gist options
  • Save 9876691/319630 to your computer and use it in GitHub Desktop.
Save 9876691/319630 to your computer and use it in GitHub Desktop.
/* Buttons
----------------------------------------------- */
p.button img {
position: absolute;
margin: 4px 0 0 5px;
}
p.button {
display: block;
margin-bottom: 10px;
}
p.button a {
padding: 0px;
background: transparent url('bg_button_a.gif') no-repeat scroll top right;
color: #444;
display: block;
font: bold 12px arial, sans-serif;
height: 24px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
margin: 0px 6px 00px 0px;
}
p.button span {
margin: 0px;
background: transparent url('bg_button_span.gif') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 25px;
}
p.button a:active {
background-position: bottom right;
color: #000;
outline: none; /* hide dotted outline in Firefox */
}
p.button a:active span {
background-position: bottom left;
padding: 6px 0 4px 25px; /* push text down 1px */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment