Skip to content

Instantly share code, notes, and snippets.

@rodrigoflores

rodrigoflores/dabblet.css

Created April 28, 2013 17:11
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 rodrigoflores/5477536 to your computer and use it in GitHub Desktop.
Save rodrigoflores/5477536 to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
h2 {
position: relative;
line-height: 100px;
font-weight: normal;
font-size: 80px;
width: 1000px;
height: 100px;
padding-left: 20px;
color: #e0e0e0;
background: -webkit-linear-gradient(top, #212121 50%, #262626 100%);
font-weight: bold;
}
h2:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4999, rgba(0, 0, 0, 0.15)), color-stop(0.5, rgba(0, 0, 0, 0.6)), color-stop(0.54, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.05)));
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<h2> Sao Paulo</h2>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","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