Marcello Africano mnafricano
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
| /* Research Skills B */ | |
| @import url(http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic); | |
| @import url(http://fonts.googleapis.com/css?family=Lobster); | |
| @import url(http://fonts.googleapis.com/css?family=Cutive+Mono); | |
| @import url(http://fonts.googleapis.com/css?family=Ultra); | |
| @import url(http://fonts.googleapis.com/css?family=Bubblegum+Sans); | |
| body { | |
| background-color: #77FF00; |
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
| @import url(http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic); | |
| @import url(http://fonts.googleapis.com/css?family=Lobster); | |
| @import url(http://fonts.googleapis.com/css?family=Cutive+Mono); | |
| @import url(http://fonts.googleapis.com/css?family=Ultra); | |
| @import url(http://fonts.googleapis.com/css?family=Bubblegum+Sans); | |
| body { | |
| background-color: #00e8d5; | |
| font-family: 'Josefin Slab', serif; | |
| } |
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
| /* Wrigley Field */ | |
| body { | |
| background-color: silver; | |
| font-family: Tahoma, Arial, Helvetica; | |
| color: red; | |
| } | |
| h1, h2 { |
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
| /** | |
| * Slidebar | |
| */ | |
| @import url("http://fonts.googleapis.com/css?family=Josefin+Slab:400"); | |
| html { | |
| font-family: 'Josefin Slab', sans-serif; |
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
| /** | |
| * Slidebar | |
| */ | |
| @import url("http://fonts.googleapis.com/css?family=Josefin+Slab:400"); | |
| html { | |
| font-family: 'Josefin Slab', sans-serif; |
mnafricano
/ index.html
Created
October 18, 2012 14:33
The digits are all done in pure CSS (linear-gradient + multiply backgrounds) Hope you like it. Using JS only to make it show the correct time.
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
| <span class="digit"></span> | |
| <span class="digit"></span> | |
| <span class="colon"></span> | |
| <span class="digit"></span> | |
| <span class="digit"></span> | |
| <span class="colon"></span> |
mnafricano
/ index.html
Created
October 18, 2012 14:33
The digits are all done in pure CSS (linear-gradient + multiply backgrounds) Hope you like it. Using JS only to make it show the correct time.
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
| <span class="digit"></span> | |
| <span class="digit"></span> | |
| <span class="colon"></span> | |
| <span class="digit"></span> | |
| <span class="digit"></span> | |
| <span class="colon"></span> |
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
| /** | |
| * Backstripe | |
| */ | |
| body { | |
| margin: 0; | |
| height: 100%; | |
| background: linear-gradient(top, #ffff00 0%, #ff0000 100%), | |
| linear-gradient(top, #e20687 0%, #a21465 100%), | |
| linear-gradient(top, #d8479e 0%, #a1c4d1 100%), |
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
| /** | |
| * Pink to Yellow Gradient | |
| */ | |
| background: #f06; | |
| background: -webkit-linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; |
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
| /** | |
| * Pretty Div | |
| */ | |
| body { | |
| background: #2574B0 url(http://cssdesk.com/images/bg-blueprint.png); | |
| font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| padding: 75px; | |
| font-size: 13px; | |
| } |