Skip to content

Instantly share code, notes, and snippets.

@jklm313
jklm313 / dabblet.css
Created September 27, 2012 00:07
Untitled
* {margin: 0; padding: 0; box-sizing: border-box; position: relative}
html, body {
height:100%;
color: #222;
font-family: sans-serif;
}
.left, .right, .center {
height: 100%;
@jklm313
jklm313 / dabblet.css
Created September 25, 2012 17:48
Untitled
* {
margin: 0;
padding: 0;
box-sizing: border-box; /* paulirish.com/2012/box-sizing-border-box-ftw/ */
position: relative;
}
html, body {
height: 100%;
}
@jklm313
jklm313 / dabblet.css
Created September 23, 2012 05:01
Untitled
* {margin: 0; padding: 0; box-sizing: border-box; position: relative}
html, body {
height:100%;
}
body{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
background: #A3BADC url(../resources/landscape.jpg) no-repeat center left;
}
@jklm313
jklm313 / dabblet.css
Created September 22, 2012 20:53
Untitled
* {
margin: 0;
padding: 0;
box-sizing: border-box; /* paulirish.com/2012/box-sizing-border-box-ftw/ */
position: relative;
}
html, body {
height: 100%;
}
@jklm313
jklm313 / dabblet.css
Created September 22, 2012 18:50
Untitled
* {
margin: 0;
padding: 0;
box-sizing: border-box; /* paulirish.com/2012/box-sizing-border-box-ftw/ */
position: relative;
}
html, body {
height: 100%;
}
@jklm313
jklm313 / dabblet.css
Created September 22, 2012 10:18
Untitled
* {
margin: 0;
padding: 0;
box-sizing: border-box; /* paulirish.com/2012/box-sizing-border-box-ftw/ */
position: relative;
}
body {
width: 440px;
margin: 5% auto;
@jklm313
jklm313 / dabblet.css
Created September 21, 2012 20:04
Untitled
* {
margin: 0;
padding: 0;
box-sizing: border-box; /* paulirish.com/2012/box-sizing-border-box-ftw/ */
position: relative;
}
body {text-align: center; background: lightskyblue; color: white}
.transform {
@jklm313
jklm313 / dabblet.css
Created September 21, 2012 17:21
Untitled
* {
margin: 0;
padding: 0;
box-sizing: border-box; /* paulirish.com/2012/box-sizing-border-box-ftw/ */
position: relative; /* .link and .right-box needs this. I just added it here for brevity. */
}
.link-box {
float: left;
background: #f5f5f5;
@jklm313
jklm313 / dabblet.css
Created September 21, 2012 16:10
Untitled
html, body {height: 100%}
.container {
display: inline-block;
/* visual purposes */
height: 100%;
width: 100%;
background: url('https://dl.dropbox.com/u/32750720/works/responsify%20the%20web/wwe/debug-center-pointer.png') no-repeat center center #333;
color: white;
@jklm313
jklm313 / dabblet.css
Created September 20, 2012 16:32 — forked from Valamas/dabblet.css
Untitled
* {margin: 0; padding: 0} /* reset */
html, body {
height: 100%;
}
body {
border-top: 50px solid; /* You need to set the border for the header to overlap on. */
border-bottom: 100px solid; /* Height of footer. */
box-sizing: border-box; /* paulirish.com/2012/box-sizing-border-box-ftw/ */