Skip to content

Instantly share code, notes, and snippets.

@pixeline

pixeline/dabblet.css

Created December 7, 2012 12:49
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 pixeline/4233051 to your computer and use it in GitHub Desktop.
Save pixeline/4233051 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
body{
background: url(http://upload.wikimedia.org/wikipedia/commons/7/76/Manneken_pis_xmas.jpg);
background-size: cover;
position:relative;
color:white;
font-family: "DIN-regular",sans-serif;
font-weight:bold;
font-size:2.5em;
line-height:1;
vertical-align:top;
}
#text{
float:left;
display:block;
}
#timestamp{
background:#333;
color:white;
font-weight:bold;
font-size:50%;
padding:11px 5px;
width:auto;
float:left;
display:block;
}
p{
width:auto;
padding:1px 12px;
display:table;
background:red;
margin:0 0 .1em;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<span id="timestamp">12:05</span>
<div id="text">
<p>Manneken pis m'a pissé dessus et</p>
<p>Maintenant je suis mouillé.</p>
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"result"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment