Skip to content

Instantly share code, notes, and snippets.

@tkbremnes

tkbremnes/dabblet.css

Created January 10, 2012 11:24
Show Gist options
  • Save tkbremnes/1588546 to your computer and use it in GitHub Desktop.
Save tkbremnes/1588546 to your computer and use it in GitHub Desktop.
Download ZIP
Phat footer (reverse)
Raw
dabblet.css
/**
* Phat footer (reverse)
*/
html {
margin: 0;
}
body{
background: #1D0D0D;
min-height:100%;
padding: 0;
margin: 0;
margin-top: -1em;
}
.content {
background: #eaeaea;
margin: 0;
padding: 0;
}
#main_footer {
height: 14em;
width: 100%;
margin: 0;
color: white;
border-top: dashed white 1px;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<article class="content">
<p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p> <p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p> <p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p> <p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p>
<p>Something something</p>
</article>
<footer id="main_footer">
Footer content here
</footer>
Raw
settings.json
{"view":"split-vertical","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment