Skip to content

Instantly share code, notes, and snippets.

@jonathansousa

jonathansousa/dabblet.css

Created July 9, 2012 23:30
Show Gist options
  • Save jonathansousa/3079777 to your computer and use it in GitHub Desktop.
Save jonathansousa/3079777 to your computer and use it in GitHub Desktop.
Download ZIP
Fixed/Flowed Demo
Raw
dabblet.css
/**
* Fixed/Flowed Demo
*/
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