Skip to content

Instantly share code, notes, and snippets.

@iamstarkov

iamstarkov/dabblet.css

Created August 14, 2012 13:06
Show Gist options
  • Save iamstarkov/3349097 to your computer and use it in GitHub Desktop.
Save iamstarkov/3349097 to your computer and use it in GitHub Desktop.
Download ZIP
DINO
Raw
dabblet.css
/**
* DINO
*/
.dino {
width: 200px;
height: 200px;
padding: 0;
margin: 15%;
outline: solid 1px;
font: 900 120px/.65 "Comic Sans MS";
text-align: center;
}
.letter {
width: 50%;
height: 50%;
margin: 0;
display: inline-block;
vertical-align: middle;
}
.l1 { color: deeppink; }
.l2 { color: deepskyblue; }
.l3 { color: yellow; }
.l4 { color: chartreuse; }
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="dino">
<span class="letter l1">D</span><span class="letter l2">I</span><span class="letter l3">N</span><span class="letter l4">O</span>
</div>
Raw
settings.json
{"view":"split-vertical","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment