Skip to content

Instantly share code, notes, and snippets.

@ramnathv

ramnathv/ribbons.css

Created July 12, 2012 13:36
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 ramnathv/3098153 to your computer and use it in GitHub Desktop.
Save ramnathv/3098153 to your computer and use it in GitHub Desktop.
Download ZIP
Nice CSS Styles
Raw
ribbons.css
/* Source: https://github.com/dciccale/css3-github-ribbon */
.ribbon- {
background-color: #121621;
color: #FF0;
top: 1.2em;
right: -3.2em;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-box-shadow: 0 0 0 1px #1d212e inset,0 0 2px 1px #fff inset,0 0 1em #888;
-moz-box-shadow: 0 0 0 1px #1d212e inset,0 0 2px 1px #fff inset,0 0 1em #888;
box-shadow: 0 0 0 1px #1d212e inset,0 0 2px 1px #fff inset,0 0 1em #888;
display: block;
padding: .6em 3.5em;
position: absolute;
font: bold .82em sans-serif;
text-align: center;
text-decoration: none;
text-shadow: 1px -1px 8px rgba(0,0,0,0.60);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment