Skip to content

Instantly share code, notes, and snippets.

@taesheren
taesheren / dabblet.css
Created March 22, 2012 00:35
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body {
background: #fff;
/*background: linear-gradient(45deg, #f06, yellow); */
min-height:100%;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
}
@taesheren
taesheren / dabblet.css
Created February 10, 2012 04:01
Pure CSS3 box-shadow page curl effect by Matt Hamm | http://matthamm.com/box-shadow-curl.html
/*
* Pure CSS3 box-shadow page curl effect by Matt Hamm | http://matthamm.com/box-shadow-curl.html
*/
ul.box {
float: left;
list-style: none;
margin: 10px 10px;
overflow: hidden;
padding: 5px;
@taesheren
taesheren / dabblet.css
Created February 10, 2012 04:01
Pure CSS3 box-shadow page curl effect by Matt Hamm | http://matthamm.com/box-shadow-curl.html
/*
* Pure CSS3 box-shadow page curl effect by Matt Hamm | http://matthamm.com/box-shadow-curl.html
*/
ul.box {
position: relative;
float: left;
z-index: 1; /* prevent shadows falling behind containers with backgrounds */
overflow: hidden;
list-style: none;
@taesheren
taesheren / dabblet.css
Created February 10, 2012 03:52
PRIDE Backdrop
/**
* PRIDE Backdrop
*/
background: #F29100;
background-image: linear-gradient( 45deg,
#E20613 14.3%,
#E64410 14.3%, #E64410 28.6%,
#EC6E04 28.6%, #EC6E04 42.9%,
#F29100 42.9%, #F29100 57.2%,
@taesheren
taesheren / dabblet.css
Created December 20, 2011 16:31
PRIDE Backdrop
/**
* PRIDE Backdrop
*/
background: #F29100;
background-image: linear-gradient( 45deg,
#E20613 14.3%,
#E64410 14.3%, #E64410 28.6%,
#EC6E04 28.6%, #EC6E04 42.9%,
#F29100 42.9%, #F29100 57.2%,