Skip to content

Instantly share code, notes, and snippets.

@shaundon
Created September 18, 2012 19:40
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 shaundon/3745356 to your computer and use it in GitHub Desktop.
Save shaundon/3745356 to your computer and use it in GitHub Desktop.
The CSS for button_toggle
.button_toggle {
/* Light grey border. */
border: 1px solid #ccc;
/* Slightly darker bottom border. */
border-bottom-color:#aaa;
/* Padding. */
padding:4px 6px;
/* Light grey background as a fallback. */
background-color:#e0e0e0;
/* Grey text. */
color:#666;
/* Slightly smaller font. Remove this for larger text. */
font-size:0.9em;
/* Chrome, Safari. */
background-image:-webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#fff));
background-image:-webkit-linear-gradient(top,#fff,#e0e0e0);
/* Firefox. */
background-image:-moz-linear-gradient(top,#fff,#e0e0e0);
/* MSIE. */
background-image:-ms-linear-gradient(top,#fff,#e0e0e0);
/* Opera. */
background-image:-o-linear-gradient(top,#fff,#e0e0e0);
/* W3C. */
background-image:linear-gradient(to bottom, #fff 0,#e0e0e0 100%);
/* Old IE. */
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff',EndColorStr='#e0e0e0');
/* Make the little hand icon appear. */
cursor:pointer;
/* Give the button an inner shadow. */
box-shadow: inset 0 0 1px #fff;
/* A subtle engraved effect for the text. */
text-shadow:0 1px 0 #fff;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment