Skip to content

Instantly share code, notes, and snippets.

@ab-5v
ab-5v / dabblet.css
Created August 20, 2014 13:37
Scroll problem
/**
* Scroll problem
*/
.scroll {
position: absolute;
max-height: 200px;
overflow-y: auto;
background: #AFF;
}
@ab-5v
ab-5v / logo.png
Last active August 29, 2015 14:03
Test
@ab-5v
ab-5v / dabblet.css
Created April 9, 2014 09:11
Scroll problem
/**
* Scroll problem
*/
.scroll {
position: absolute;
max-height: 200px;
overflow-y: auto;
background: #AFF;
}
@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;