Feuilles superposées

dabblet.css

/**
 * Feuilles superposées
 */

/* Petite mise en page */
body {
	width: 375px;
	margin: 20px auto;
	font-family: helvetica, arial, sans-serif;
	color: #444;
	font-size: 0.9em;
	text-align: justify;
}
blockquote p { 
	margin: 0;
}
blockquote p + p {
	text-align: right;
	line-height: 1.2em;
	margin:-1.1em 0 0 0;
	color: #999;
}

/* Code du bloc de citation */
blockquote {
	position: relative;
	margin:0;
	padding:15px 25px;
}

blockquote,
blockquote:after,
blockquote:before {
	background: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,0.4);
}
blockquote:after,
blockquote:before {
	position: absolute;
	top: 0; right:3px; bottom:0; left:-3px;
	content: "";
	z-index: -10;
	transform-origin: 100% 0;
}
blockquote:after {
	transform: rotate(-0.6deg);
}
blockquote:before {
	transform: rotate(-1.2deg);
	right: 5px; left: -5px;
}

/* Quotes perso */
blockquote p:first-child:before,
blockquote p:first-child:after {
	font-size: 1.75em;
	font-family: Georgia, serif;
	color: #888;
}
blockquote p:first-child:before {
	content : "“ ";
	vertical-align: -.05em;
}
blockquote p:first-child:after {
	content : " ”";
	vertical-align: -.55em;
}

dabblet.html

<blockquote>
	<p>Après tout ne dit-on pas qu'il faut appeler un chat un chat ?</p>
	<p>- par daniel</p>
</blockquote>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}