Skip to content

Instantly share code, notes, and snippets.

@lakshman108

lakshman108/dabblet.css

Created February 13, 2013 11:50
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save lakshman108/4944089 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save lakshman108/4944089 to your computer and use it in GitHub Desktop.
Download ZIP
fun
Raw
dabblet.css
/**
* fun
*/
body{
background-image: (http://frexpaper.com/wp-content/uploads/2013/02/Red-pink-paisley-use-on-twitter-use-on-myspace-background-tile-yes-url.gif);
}
#top {
position: absolute;
width: 100%;
background: red;
height: 40px;
top: 0px;
clear: both;
z-index: 1;
}
#container {
margin-left: auto;
margin-right: auto;
top: 40px;
width: 800px;
box-shadow: 0px 7px 15px black;
position: relative;
}
p{
font-size: 25px;
font-family: arial;
text-align: justify;
margin: 30px;
}
#footer{
width: 100%;
height: 70px;
background: grey;
position: absolute;
}
Raw
dabblet.html
<body>
<div id="top">Top</div>
<div id="container">
<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur blandit tempus porttitor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
<p>Cras mattis consectetur purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id elit non mi porta gravida at eget metus. Sed posuere consectetur est at lobortis.
<p>Sed posuere consectetur est at lobortis. Maecenas faucibus mollis interdum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui.
<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur blandit tempus porttitor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam id dolor id nibh ultricies vehicula ut id elit.
<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas sed diam eget risus varius blandit sit amet non magna.
Cras mattis consectetur purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id elit non mi porta gravida at eget metus. Sed posuere consectetur est at lobortis.
Sed posuere consectetur est at lobortis. Maecenas faucibus mollis interdum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui.</p>
</p>
</div>
<div id="clear"></div>
<div id="footer">Some Text Here</div>
</body>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"separate","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