Skip to content

Instantly share code, notes, and snippets.

Avatar

Adam Fraser afraser

  • Rocket Insights
  • Newburyport, MA
View GitHub Profile
@afraser
afraser / dabblet.css
Created Jan 18, 2012
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
h1 {
background-color: #CCC;
width: 200px;
}
div.wrap {
text-align: center;
@afraser
afraser / dabblet.css
Created Jan 18, 2012
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
h1 {
background-color: #CCC;
width: 200px;
}
div.wrap {
text-align: center;
@afraser
afraser / dabblet.css
Created Jan 21, 2012
Fold/Unfold animation
View dabblet.css
/* Fold/Unfold animation*/
body {margin-top: 200px;}
@keyframes topfold {
0% {
transform: rotateX(0deg);
background-color: #FFF;
}
50% {
transform: rotateX(-90deg);
@afraser
afraser / dabblet.css
Created Jan 21, 2012
Fold/Unfold animation
View dabblet.css
/* Fold/Unfold animation*/
body {margin-top: 200px;}
@-webkit-keyframes topfold {
0% {
transform: rotateX(0deg);
background-color: #FFF;
}
50% {
transform: rotateX(-90deg);
@afraser
afraser / dabblet.css
Created Jan 22, 2012
Fold/Unfold animation
View dabblet.css
/* Fold/Unfold animation
Now with gradients and expanding container!
*/
body { margin-top: 200px; }
@keyframes topfold {
0% {
transform: rotateX(0deg);
}
50% {
@afraser
afraser / dabblet.css
Created Feb 4, 2012
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
body{
background: #f06;
background: linear-gradient(0deg, #f06, yellow);
min-height:100%;
}
/*Note that the styles here are using
View dabblet.css
/*Sexy paper shadow*/
.post {
position:relative;
width: 500px;
height: 400px;
background-color: #ECEAe2;
padding: 30px;
width: 500px;
height: 100px;
@afraser
afraser / dabblet.css
Created Jul 12, 2012
Boundless Plus v2 layout
View dabblet.css
/* Boundless Plus v2 layout */
body {
margin: 0;
}
header{
height: 100%;
position: fixed;
background-color: #333;
width: 150px;
color: white;
@afraser
afraser / dabblet.css
Created Jul 12, 2012
Boundless Plus v2 layout _2
View dabblet.css
/* Boundless Plus v2 layout _2*/
body {
margin: 0;
}
header{
height: 100%;
position: fixed;
background-color: #333;
width: 150px;
color: white;
@afraser
afraser / dabblet.css
Created Jul 12, 2012 — forked from mhodgson/dabblet.css
Boundless Plus v2 layout
View dabblet.css
/* Boundless Plus v2 layout */
body {
margin: 0;
background-color: #333;
height: 100%;
max-height: 100%;
}
header{
height: 100%;
max-height: 100%;