taesheren

/**
 * 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

/* 
 * 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

/* 
 * 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

/**
 * 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

/**
 * 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%,