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
| /** | |
| * 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%), |
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
| /** | |
| * 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; |
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
| @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
| /* 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
| .ch-item { | |
| width: 100%; | |
| height: 100%; | |
| border-radius: 50%; | |
| position: relative; | |
| cursor: default; | |
| box-shadow: | |
| inset 0 0 0 0 rgba(200,95,66, 0.4), | |
| inset 0 0 0 16px rgba(255,255,255,0.6), | |
| 0 1px 2px rgba(0,0,0,0.1); |
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
| /** | |
| * Nice, Simple, Gradient Back | |
| */ | |
| background: #f06; | |
| background: linear-gradient(45deg, #4ff, yellow); | |
| min-height: 100%; |