Skip to content

Instantly share code, notes, and snippets.

@brandonb927
Last active October 5, 2015 21:18
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 brandonb927/2878407 to your computer and use it in GitHub Desktop.
Save brandonb927/2878407 to your computer and use it in GitHub Desktop.
LESS/CSS: Fork Me On Github
/* CSS */
@font-face {
font-family: 'Collegia';
font-style: normal;
font-weight: normal;
src: local("Bangers"), url("http://roparz.me/fonts/COLLEGIA.otf") format("woff");
}
.forkme {
display: block;
position: absolute;
top: 30px;
left: -75px;
background: #FAFAFA;
background: -webkit-linear-gradient(#FAFAFA,#EAEAEA);
background: -moz-linear-gradient(#FAFAFA,#EAEAEA);
background: -o-linear-gradient(#FAFAFA,#EAEAEA);
background: -ms-linear-gradient(#FAFAFA,#EAEAEA);
background: linear-gradient(#FAFAFA,#EAEAEA);
color: black;
height: 44px;
width: 250px;
text-decoration: none;
text-align: center;
font-family: "Collegia";
font-size: 38px;
line-height: 32px;
border-bottom: 1px solid #CACACA;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
span {
display: block;
text-transform: uppercase;
position: absolute;
left: 100px;
top: 20px;
font-size: 15px;
}
&:hover {
color: #2C6EB4;
}
}
/* HTML */
<a href="http://github.com/USERNAME" target="_blank" class="forkme">github<span>fork me on</span></a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment