Created
May 26, 2012 09:02
-
-
Save daviddegliame/2793014 to your computer and use it in GitHub Desktop.
Feuilles superposées
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Feuilles superposées | |
| */ | |
| /* Petite mise en page */ | |
| body { | |
| width: 375px; | |
| margin: 20px auto; | |
| font-family: helvetica, arial, sans-serif; | |
| color: #fff; | |
| background:#eee; | |
| 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: #fff; | |
| } | |
| /* Code du bloc de citation */ | |
| blockquote { | |
| position: relative; | |
| margin:0; | |
| padding:15px 25px; | |
| } | |
| blockquote, | |
| blockquote:after, | |
| blockquote:before { | |
| color: #fff; | |
| background :rgba(00,107,250,0.8); | |
| box-shadow: 1px 1px 4px rgba(0,0,0,0.4); | |
| } | |
| blockquote:after, | |
| blockquote:before { | |
| position: absolute; | |
| top: 0px; right:10px; bottom:0; left:-10px; | |
| content: ""; | |
| z-index: -10; | |
| transform-origin: 100% 0; | |
| } | |
| blockquote:after { | |
| background :rgba(200,17,0,0.9); | |
| transform: rotate(-1.3deg); | |
| } | |
| blockquote:before { | |
| background :rgba(0,200,50,0.9); | |
| transform: rotate(-2.2deg); | |
| right: 5px; left: -15px; | |
| } | |
| /* 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; | |
| } | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <blockquote> | |
| <p>Après tout ne dit-on pas qu'il faut appeler un chat un chat ?</p> | |
| <p>- par daniel</p> | |
| </blockquote> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"view":"split-vertical","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment