Skip to content

Instantly share code, notes, and snippets.

@sarukuku

sarukuku/dabblet.css

Created February 4, 2013 15:43
Show Gist options
  • Save sarukuku/4707520 to your computer and use it in GitHub Desktop.
Save sarukuku/4707520 to your computer and use it in GitHub Desktop.
Download ZIP
Letter Box
Raw
dabblet.css
/**
* Letter Box
*/
div {
display: block;
position: absolute;
width: 150px;
height: 210px;
background-color: #333;
border-radius: 3px;
box-shadow: 0 0 5px black;
}
i {
display: block;
width: 130px;
height: 140px;
margin: 10px;
color: white;
font-size: 145px;
line-height: 90%;
text-align: center;
font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
font-style: normal;
outline: 3px dashed white;
}
p {
display: block;
width: 130px;
height: 40px;
margin: 0 10px;
color: white;
text-align: center;
font-size: 35px;
font-family: 'Vollkorn', Georgia, Times, serif;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<link href="http://fonts.googleapis.com/css?family=Ubuntu:bold" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Vollkorn" rel="stylesheet" type="text/css">
<div>
<i>A</i>
<p>Work</p>
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment