LukyVj
/ dabblet.css
Created
April 22, 2012 15:20
— forked from anonymous/dabblet.css
"The Cool tooltip"
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
| /* "The Cool tooltip" | |
| Author: Web-gate -> Luky_Vj | |
| */ | |
| body { | |
| background-color: #ccc; | |
| /*background-size*/ | |
| -webkit-background-size: 1000px 1000px, 1000px 100px, 100px 100px, 100px 100px; | |
| -moz-background-size: 1000px 1000px, 1000px 100px, 100px 100px, 100px 100px; |
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
| /* "The Cool tooltip" | |
| Author: Web-gate -> Luky_Vj | |
| for : cssdeck.com | |
| */ | |
| body { | |
| height: 100%; | |
| margin: 0; | |
| position: absolute; |
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
| body { | |
| background: -webkit-radial-gradient(black 5%, transparent 16%) 0 0, -webkit-radial-gradient(black 15%, transparent 16%) 8px 8px, -webkit-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, -webkit-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px; | |
| background-color: #666; | |
| background-size: 16px 16px; | |
| } | |
| h1{ | |
| margin: 0 0 30px 0; | |
| color: #222; | |
| font-family: 'League Gothic', Arial, Helvetica, sans-serif; |
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
| h1 { | |
| position: relative; | |
| font-size: 100px; | |
| text-align: center; | |
| } |
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
| body{background:#999; | |
| color:#fff; | |
| width:100%; | |
| height:100%;} | |
| #bucket{ | |
| width:100%; | |
| height:100%;} |
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
| /** | |
| * Little Toolbar | |
| */ | |
| body{ | |
| background: | |
| radial-gradient(black 15%, transparent 16%) 0 0, | |
| radial-gradient(black 15%, transparent 16%) 8px 8px, | |
| radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, | |
| radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px; |
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
| /* First, create the keyframes behavior */ | |
| @-webkit-keyframes bk_move { | |
| 0% { background-position: 10px} | |
| 100% { background-position: 0 0 } | |
| } | |
| @-moz-keyframes bk_move { | |
| 0% { background-position: 10px } | |
| 100% { background-position: 0 0 } | |
| } |
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
| background-color:#c3904D; | |
| background-image: linear-gradient(0, rgba(255,255,255,.07) 50%, transparent 50%), | |
| linear-gradient(0, rgba(255,255,255,.13) 50%, transparent 50%), | |
| linear-gradient(0, transparent 50%, rgba(255,255,255,.17) 50%), | |
| linear-gradient(0, transparent 50%, rgba(255,255,255,.19) 50%); | |
| background-size: 3px,5px,14px,10px; |
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
| body { | |
| background: #333; } | |
| .note-box { | |
| width: 190px; | |
| margin: 200px auto; | |
| padding: 5px; | |
| border: 1px solid black; | |
| position: relative; | |
| -webkit-border-radius: 10px; |
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
| body { | |
| background: #333; } | |
| .note-box { | |
| width: 190px; | |
| margin: 200px auto; | |
| padding: 5px; | |
| border: 1px solid black; | |
| position: relative; | |
| -webkit-border-radius: 10px; |
OlderNewer