Skip to content

Instantly share code, notes, and snippets.

View dantz's full-sized avatar

Andreas Dantz dantz

52 followers · 19 following
View GitHub Profile
@dantz
dantz / dabblet.css
Created October 16, 2012 10:29
Untitled
.transition {
transition: all 500ms ease-in-out;
}
.transition:hover {
background-color: #f0f;
}
@dantz
dantz / dabblet.css
Created October 22, 2012 12:53
Untitled
body {
background: #eee;
}
.wrapper {
width: 600px;
height: 600px;
margin: -300px auto;
top: 50%;
}
@dantz
dantz / dabblet.css
Created October 22, 2012 13:56
Untitled
body {
background: #eee;
}
.wrapper {
width: 600px;
height: 600px;
margin: 0 auto 0 auto;
}
@dantz
dantz / dabblet.css
Created December 21, 2012 19:51
Untitled
body {
background: #eee;
}
.wrapper {
width: 600px;
height: 600px;
margin: 0 auto 0 auto;
}
@dantz
dantz / dabblet.html
Created December 21, 2012 19:51
Untitled
<!-- content to be placed inside <body>…</body> -->
@dantz
dantz / dabblet.css
Created April 5, 2013 15:08
Untitled
body {
border-top: 8px solid #f00;
margin: 0;
}
header {
margin: -8px auto 0 auto;
width: 60%;
background-color: #eee;
min-height: 200px;
@dantz
dantz / dabblet.css
Created April 9, 2013 08:52
Untitled
body {
border-top: 8px solid #009de0;
margin: 0;
}
header {
margin: -8px 0 0 0;
background-color: #eee;
min-height: 200px;
}
@dantz
dantz / dabblet.css
Created September 28, 2013 14:09
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: Menu;
min-height: 100%;
@dantz
dantz / dabblet.css
Created October 20, 2013 21:00
Testing calc()
/**
* Testing calc()
*/
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
padding: 0;
margin: 0;
@dantz
dantz / dabblet.css
Created October 22, 2013 10:02
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
section {
background-color: #fff;
position: relative;
overflow: hidden;
}