Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Feuilles superposées
/**
* 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;
}
<blockquote>
<p>Après tout ne dit-on pas qu'il faut appeler un chat un chat ?</p>
<p>- par daniel</p>
</blockquote>
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.