Skip to content

Instantly share code, notes, and snippets.

@ultim8k
Forked from anonymous/dabblet.css
Created August 3, 2012 12:16
Show Gist options
  • Save ultim8k/3247070 to your computer and use it in GitHub Desktop.
Save ultim8k/3247070 to your computer and use it in GitHub Desktop.
pdf Download box
/**
* pdf Download box
*/
html {
background: url('http://subtlepatterns.com/patterns/purty_wood.png');
}
.pdf-carier{
margin: 10%;
display:block;
height:70px;/* 5 x 70 = 350 */
width:350px;
background-color:black;
color:white;
font-family: Helvetica;
}
.pdf-carier > span{
display:table;
height:100%;
float:left;
}
.pdf-arrow-cnt{
width:20%;
background-color:orange;
}
.pdf-icon-cnt{
width:10%;
background-image:url("#");
}
.pdf-text-cnt{
width:70%;
}
.link-arrow{
width:100%;
//height:0px;
display: table-cell;
text-align:center;
vertical-align: middle;
}
.link-text{
display: table-cell;
padding-left:10px;
vertical-align:middle;
}
<a href="#pdflink">
<div class="pdf-carier">
<span class="pdf-arrow-cnt">
<span class="link-arrow">&darr;</span>
</span>
<span class="pdf-icon-cnt">
<span class="pdf-icon"></span>
</span>
<span class="pdf-text-cnt">
<span class="link-text">My link</span>
</span>
</div>
</a>
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment