Skip to content

Instantly share code, notes, and snippets.

@jonathansousa

jonathansousa/dabblet.css

Created July 9, 2012 23:30
Show Gist options
  • Save jonathansousa/3079776 to your computer and use it in GitHub Desktop.
Save jonathansousa/3079776 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
*/
body {
box-sizing:border-box;
background:green;
}
.container {
width:100%
}
.leftbox {
width:200px;
height:200px;
background:red;
float:right;
}
.rightbox {
background:blue;
/* margin-left:210px;*/
margin-right:210px;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="container">
<div class="leftbox">Left Box Content</div>
<div class="rightbox">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla est lacinia felis volutpat vestibulum. Aenean sed auctor nisl. In sagittis dictum nisi quis porttitor. Sed pellentesque vehicula ante, in cursus neque vehicula sed. Donec vitae tellus lacus, vel iaculis urna. Quisque a lectus ligula. Ut bibendum enim in ipsum ultrices tempus. Aliquam volutpat quam nec odio vehicula sollicitudin. Morbi consectetur tincidunt iaculis. Sed auctor, turpis et condimentum pulvinar, lectus quam dapibus sapien, ut posuere mi nisi et orci. Nam non ligula vel tortor accumsan ullamcorper a faucibus mi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla est lacinia felis volutpat vestibulum. Aenean sed auctor nisl. In sagittis dictum nisi quis porttitor. Sed pellentesque vehicula ante, in cursus neque vehicula sed. Donec vitae tellus lacus, vel iaculis urna. Quisque a lectus ligula. Ut bibendum enim in ipsum ultrices tempus. Aliquam volutpat quam nec odio vehicula sollicitudin. Morbi consectetur tincidunt iaculis. Sed auctor, turpis et condimentum pulvinar, lectus quam dapibus sapien, ut posuere mi nisi et orci. Nam non ligula vel tortor accumsan ullamcorper a faucibus mi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla est lacinia felis volutpat vestibulum. Aenean sed auctor nisl. In sagittis dictum nisi quis porttitor. Sed pellentesque vehicula ante, in cursus neque vehicula sed. Donec vitae tellus lacus, vel iaculis urna. Quisque a lectus ligula. Ut bibendum enim in ipsum ultrices tempus. Aliquam volutpat quam nec odio vehicula sollicitudin. Morbi consectetur tincidunt iaculis. Sed auctor, turpis et condimentum pulvinar, lectus quam dapibus sapien, ut posuere mi nisi et orci. Nam non ligula vel tortor accumsan ullamcorper a faucibus mi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla est lacinia felis volutpat vestibulum. Aenean sed auctor nisl. In sagittis dictum nisi quis porttitor. Sed pellentesque vehicula ante, in cursus neque vehicula sed. Donec vitae tellus lacus, vel iaculis urna. Quisque a lectus ligula. Ut bibendum enim in ipsum ultrices tempus. Aliquam volutpat quam nec odio vehicula sollicitudin. Morbi consectetur tincidunt iaculis. Sed auctor, turpis et condimentum pulvinar, lectus quam dapibus sapien, ut posuere mi nisi et orci. Nam non ligula vel tortor accumsan ullamcorper a faucibus mi.</p>
</div>
</div>
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