CSS: github-ribbon.css

github-ribbon.css

<style type="text/css">
.ribbon
{
    position: absolute;
    left: -3em;
    top: 3em;
    background-color:Red;
    
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-box-shadow: 0 0 1em #888;
    -webkit-box-shadow: 0 0 1em #888;
}
a
{
    text-decoration:none;
    display:inline-block;
    color:White;
    font: bold 81.25% 'Helvetiva Neue' , Helvetica, Arial, sans-serif;
    margin: 0.05em 0 0.075em 0;
    padding: 0.5em 3.5em;
    text-align: center;
    text-shadow:0 0 0.5em #444;
}
</style>

<div class="ribbon">
    <a href="#">Fork me on GitHub</a>
</div>
<img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub">