Skip to content

Instantly share code, notes, and snippets.

@ab-5v
ab-5v / dabblet.css
Created January 20, 2014 14:13
Scrolling shadows by @kizmarh and @LeaVerou
/**
* Scrolling shadows by @kizmarh and @leaverou
* Only works in browsers supporting background-attachment: local; & CSS gradients
* Degrades gracefully
*/
html {
background: white;
font: 120% sans-serif;
}
@ab-5v
ab-5v / dabblet.css
Created January 4, 2014 01:10
Untitled
body {background: #f6f6f6; font: normal 16px/1.6 Arial;}
.container { padding: 20px; width: 300px; margin: 100px auto; background: #FFF;}
.handle { color: #23377C; border-bottom: 1px dashed #23377C; cursor: pointer;}
.dropdown {
position: absolute;
background: white;
box-shadow: 0 0 5px 2px rgba(0,0,0,.3), 0 0 0 1px rgba(0,0,0,.1);
z-index: 999;
}
@ab-5v
ab-5v / dabblet.css
Created January 4, 2014 01:09
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
@ab-5v
ab-5v / dabblet.css
Created December 30, 2013 13:53
Untitled
body {
padding: 10px;
background: url(http://pintaw.com/images/wallpapers/lonely-island-somewhre-in-the-ocean-Wallpaper.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.b1 {
@ab-5v
ab-5v / dabblet.css
Created November 11, 2013 10:11
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body {
padding-top: 200px;
background: #f06;
background: linear-gradient(90deg, #f06, yellow);
min-height: 100%;
}
@ab-5v
ab-5v / dabblet.css
Created November 11, 2013 10:11
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body {
padding-top: 200px;
background: #f06;
background: linear-gradient(90deg, #f06, yellow);
min-height: 100%;
}
@ab-5v
ab-5v / dabblet.css
Created August 26, 2013 12:37
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, yellow, blue);
min-height: 100%;
}
.a {
position: relative;
@ab-5v
ab-5v / dabblet.css
Created August 26, 2013 09:09
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, yellow, blue);
min-height: 100%;
}
.a {
position: relative;
@ab-5v
ab-5v / dabblet.css
Created October 22, 2012 12:02
Untitled
.icon {
display: block;
position: relative;
width: 6px;
height: 6px;
background-color: #FFF;
border: 2px solid black;
border-radius: 5px;
}
@ab-5v
ab-5v / dabblet.css
Created October 22, 2012 11:56
Untitled
.b-sc-button {
position: relative;
overflow: hidden;
width: 40px;
height: 40px;
background: #fa892a; /* Old browsers */
background: -moz-linear-gradient(top, #fa892a 0%, #f93402 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa892a), color-stop(100%,#f93402)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fa892a 0%,#f93402 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fa892a 0%,#f93402 100%); /* Opera 11.10+ */