geoffreycrofte

/**
 * Feuilles superposées
 */

/* Petite mise en page */
body {
	width: 375px;
	margin: 20px auto;
	font-family: helvetica, arial, sans-serif;
	color: #444;

geoffreycrofte

/**
	Bug fix for Chrome attribute selector
	A @goetter bug report
*/
a {
	display: block;
	margin-top: 6px;
	color: #000;
	text-decoration: none;
}

geoffreycrofte

/*
 * Only first letter in uppercase
 */


/* all in lowercase */
.transform li {
    text-transform: lowercase;
}
/* first-letter in uppercase */

geoffreycrofte

/*
 * Only first letter in uppercase
 */


/* all in lowercase */
.transform li {
    text-transform: lowercase;
}
/* first-letter in uppercase */

geoffreycrofte

/**
 * Feuilles superposées
 */

/* Petite mise en page */
body {
	width: 375px;
	margin: 20px auto;
	font-family: helvetica, arial, sans-serif;
	color: #444;

geoffreycrofte

/**
 * Drop Down Menu with CSS3 and Max-height animation
 * an idea inspirated from http://jsfiddle.net/leaverou/zwvNY/
 * visit http://www.creativejuiz.fr/blog/ for fun.
 */
a { 
	display:block; 
	color: #fff; 
	text-decoration:none;
}

geoffreycrofte

/**
 * Curved box Shadow
 * Alternative  : http://www.creativejuiz.fr/blog/tutoriels/ombre-avancees-avec-css3-et-box-shadow
 */
div {
	margin: 3em;
	width: 500px;
	height: 240px;
	background-color: #f6f6f6;
	/* 

geoffreycrofte

/**
 * Loader : demo of pseudo-element animation
 */

a { display:inline-block; margin-top: 3em}

span {
display:block;
position: relative;
width: 400px;

geoffreycrofte

/**
 * Input Search box-sizing
 */

[type="search"] {
margin: 1em 3em;
-webkit-box-sizing: content-box; /* comment this line to see... */
padding: .5em;
}

geoffreycrofte

/**
 * Animation in pseudo-element
 */
div { 
height: 100px;
background: #eee;
}
div:before {
content:" ";
display:inline-block;