Skip to content

Instantly share code, notes, and snippets.

@conficient
Created November 16, 2012 07:51
Show Gist options
  • Save conficient/4085236 to your computer and use it in GitHub Desktop.
Save conficient/4085236 to your computer and use it in GitHub Desktop.
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
.d0 { width: 100%; padding:0; margin:0 }
.d1
{
border: 1px solid black;
padding: 0px;
margin: 0px;
}
.d2
{
width: 200px;
min-height: 300px;
float: left;
border: 1px solid red;
background-color: transparent;
padding: 10px;
}
.d3
{
float: left;
border: 1px dotted blue;
background-color: #eee;
padding: 10 10 10 10;
}
<!-- content to be placed inside <body>…</body> -->
<div class="d0">
<div class="d1">
<div class="d2">
<h3>Navigation Bar</h3>
<p>Navigation and filters go here</p>
</div>
<div class="d3">
<h1>Content goes in here</h1>
</div>
</div>
</div>
{"view":"separate","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