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
/* Contact Info badge Thingy */ | |
body{background:radial-gradient(#fff,#ddd);} | |
#container { | |
position:relative; | |
width:550px; | |
border:1px solid rgba(255,255,255,0); | |
border-radius:4px; | |
box-shadow:inset 4px 4px 8px rgba(255,255,255,.4),inset -4px -4px 8px rgba(255,255,255,.8); | |
background-color:#f3db7a; |
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
/* More Realistic CSS tape */ | |
body{background-color:#eee;background:url('http://subtlepatterns.com/patterns/paper.png');min-height:100%; | |
font-family:cursive;} | |
div{position:relative;padding-top:1.5em;width:300px;height:200px;margin:50px auto; | |
background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.1) 90%),linear-gradient(to right,rgba(255,255,255,.5),rgba(255,255,255,.1) 45%,rgba(255,255,255,.5) 98% ),linear-gradient(#fd0,#fd0); | |
border:1px solid rgba(2552,255,255,.1);box-shadow:0 0 2px rgba(0,0,0,.2); | |
border-bottom-left-radius:180px 2px;border-bottom-right-radius:180px 1px; | |
} |
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
/* Old Man (box-shadow)*/ | |
body{background:#000;color:#fff;} | |
a{color:#f00;} | |
#art { | |
width: 128px; | |
height: 128px; | |
} | |
#art div{ | |
width: 8px; |
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
/** Power buttons | |
* | |
*/ | |
body {background:#ccc;} | |
ul{ | |
width:50px; | |
margin-left:30px; | |
margin-top:5em; |