jackarmley

/**
*Pure CSS3 "Chrevron style" breadcrumb nav
By Jack Armley (jackarmley.com)
==   
Gradient permalinks:
	-ul == http://www.colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231  
	-li a:after == http://www.colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231      
	-li:last-child a == http://www.colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231  
	-li:last-child a:after == http://www.colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 

jackarmley

/**
 * The first commented line is your dabblet’s title
 */

.corner{
	position:relative;
	width:40px;
	height:40px;
	background:red;
	overflow:hidden;

jackarmley

/**
 * CSS-only Corner Ribbon
 */
 
 /**
 * Demo styles, to make things look pretty
 */
 body{
 	margin-top:50px;
 	color:#333;

jackarmley

/**
 * Faux picture corner
 */
body{
	margin:50px 0;
}

.picture{
	position:relative;
	width:60%;

jackarmley

/**
 * Drop caps and other fancy type effects
 */
@import url(http://fonts.googleapis.com/css?family=Medula+One);
@import url(http://fonts.googleapis.com/css?family=Poiret+One);

body{
	width:100%;
	max-width:600px;
	margin:50px auto;

jackarmley

/**
 * Spinning flower
 */

@-webkit-keyframes flowerspin{
	0%{
		-webkit-transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);

jackarmley

/**
 * Inverted corner panel
 */
 
@import url(http://fonts.googleapis.com/css?family=Autour+One);
@import url(http://fonts.googleapis.com/css?family=Lato);


body{
	width:90%;

jackarmley

/**
 * Promo star
 */

@import url(http://fonts.googleapis.com/css?family=Lemon);

body{
	width:300px;
	margin:100px auto;
	font-size:100%;

jackarmley

/**
 * CSS-e spaghetti
 * The letter "A"
 */
 
 @import url(http://fonts.googleapis.com/css?family=Fascinate);
 @import url(http://fonts.googleapis.com/css?family=Croissant+One);
 @import url(http://fonts.googleapis.com/css?family=Ovo);
 
body{

jackarmley

/**
 * CSS alphabet-off: The letter "B"
 */

@import url(http://fonts.googleapis.com/css?family=Miniver);

html{
	height:100%;
}
body{