Skip to content

Instantly share code, notes, and snippets.

View iamsebastian's full-sized avatar

Sebastian Blei iamsebastian

View GitHub Profile
body {
background: #fff;
min-height: 100%;
font: 1.2rem/1.4 Source Serif Pro;
}
.side {
float: left;
width: 200px;
margin: 2rem 0 0 20px;
@iamsebastian
iamsebastian / dabblet.css
Last active September 2, 2015 11:32
Guybrush Shovle
/* * Guybrush Shovle
*/
@keyframes shovle {
0% {background-position: -266px -1000px;}
25% {background-position: -346px -1000px;}
50% {background-position: -426px -1000px;}
75% {background-position: -506px -1000px;}
100% {background-position: -266px -1000px;}
}
@iamsebastian
iamsebastian / dabblet.css
Last active August 29, 2015 14:11
Untitled
html {
}
.header {
background-color: rgba(165, 255, 0, 1.0);
}
.header img {
width: 64px;
height: 64px;
@iamsebastian
iamsebastian / dabblet.css
Last active August 29, 2015 14:09
border-right-color: hsla(0,0%,0%,.31);
body {
/**
* The first commented line is your dabblet’s title
*/
background: rgba(255, 255, 255, 1.0);
min-height: 100%;
font-family: 'Gandhi Sans';
font-weight: 900;
font-size: 2rem;
@iamsebastian
iamsebastian / dabblet.css
Created August 8, 2014 13:41 — forked from anonymous/dabblet.css
Untitled
html {
background: url("http://subtlepatterns.com/patterns/pixel_weave.png");
font-family: Silom;
color: hsla(0,0%,0%,.6);
min-height: 100%;
}
code {font-size:1.2rem;font-weight:900;color:#F2877D}
h1 {color: #1A6C8C}
pre {border: 2px solid #F2877D; font-weight:bold; font-size:1.1rem;padding:8px; background-color: #F2E4BC;}
body {
margin: 0;
}
.bride {
width: 100%;
content: "";
height: 150px;
background-color: #FFF;
margin: 0;
body,html {
background-color: #D5DAE0;
background-image: url();
background-repeat:no-repeat;
background-attachment:scroll;
background-position:top;
margin: 0px;
padding: 0px;
height: 100%;
}
html {
background: #aaa;
min-height: 100%;
}
li {
position: absolute;
width: 13%;
border: 1px solid #000;
left: 0;
@iamsebastian
iamsebastian / dabblet.css
Created March 6, 2014 12:14
monster crusher
/* monster crusher */
body {
height: 100%;
}
div {
height:400px;
float:left;
width:24%;
@iamsebastian
iamsebastian / dabblet.css
Created February 20, 2014 07:35
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, #066, #044);
min-height: 100%;
}
svg {