-
-
Save tavriaforever/2776475 to your computer and use it in GitHub Desktop.
Стопка бумаг не должна завистеть от контента:
This file contains 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
| /* Стопка бумаг не должна завистеть от контента: | |
| может быть больше или меньше http://clck.ru/d/7IfEw0cr15kKL */ | |
| @font-face | |
| { | |
| font-family: 'TravelingTypewriter'; | |
| src: local('TravelingTypewriter'), | |
| url('http://dl.dropbox.com/u/3584294/TravelingTypewriter.otf'); | |
| } | |
| ::selection | |
| { | |
| background-color: black; | |
| color: white; | |
| } | |
| .paper | |
| { | |
| padding: 35px 20px 125px 50px; | |
| margin: 70px auto; /*Чтоб удобно просматривать*/ | |
| width: 475px; | |
| font: 16px/1.4 'TravelingTypewriter'; | |
| background-color: #feffec; | |
| position: relative; | |
| } | |
| .paper, | |
| .paper:before, | |
| .paper:after | |
| { | |
| box-shadow: 0 0 5px rgba(0,0,0,0.5); | |
| } | |
| .paper:before, | |
| .paper:after | |
| { | |
| content: " "; | |
| width: 100%; | |
| height: 100%; | |
| z-index: -1; | |
| position: absolute; | |
| bottom:0; | |
| right: 0; | |
| } | |
| .paper:before | |
| { | |
| background-color: #efefef; | |
| top: -10px; | |
| left: -10px; | |
| } | |
| .paper:after | |
| { | |
| background-color: #fafafa; | |
| top: -5px; | |
| left: -5px; | |
| } | |
| .paper:hover:before | |
| { | |
| transform:rotate(-8deg); | |
| } | |
| .paper:hover:after | |
| { | |
| transform:rotate(-4deg); | |
| } | |
| .intro | |
| { | |
| margin: 0 0 40px 250px; | |
| } |
This file contains 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
| <div class="paper"> | |
| <p class="intro"> | |
| 1 Infinite Loop<br> | |
| Cupertino CA 9504<br> | |
| United States<br> | |
| </p> | |
| <p>Here’s to the crazy ones. The misfits. The rebels. The troublemakers. The round pegs in the square holes.</p> | |
| <p>The ones who see things differently. They’re not fond of rules. And they have no respect for the status quo. You can quote them, disagree with them, glorify or vilify them.</p> | |
| <p>About the only thing you can’t do is ignore them. Because they change things. They invent. They imagine. They heal. They explore. They create. They inspire. They push the human race forward.</p> | |
| <p>Maybe they have to be crazy.</p> | |
| <p>How else can you stare at an empty canvas and see a work of art? Or sit in silence and hear a song that’s never been written? Or gaze at a red planet and see a laboratory on wheels?</p> | |
| <p>. . .</p> | |
| <p>While some see them as the crazy ones, we see genius. Because the people who are crazy enough to think they can change the world, are the ones who do.</p> | |
| </div> |
This file contains 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":"100","seethrough":"","prefixfree":"1","page":"css"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment