Your Ad Here

advanced code snippet search

Posted By

justinscheetz on 12/08/10


Tagged


Versions (?)

Shut Up

 / Published in: HTML
 
Expand | Embed | Plain Text 
  1. <html>
  2. <head>
  3. 	<title>Shut up and get to work</title>
  4. 	<style type="text/css">
  5. 		body { font-family:Georgia, "Times New Roman", serif; background:#333 url('http://codecanyon.scheetzdesigns.com/wpstatus/dev/graphics/noise.png') repeat; height:100%; }
  6. 		.htmlstuff-etc { text-align:center; font-weight:normal; font-style:italic; font-size:70px; line-height:78px; color:#333; padding:150px 50px 0; }
  7. 		.htmlstuff-etc a.big-text { display:block; letter-spacing:-1px; text-decoration:none; color:#ddd; text-shadow:1px 1px 0 #000; }
  8. 		.twitter-share-button { float:right; display:block; padding:0 0 40px 0; }
  9. 		.button {
  10. 			color:#6CA659;
  11. 			text-shadow:1px 1px 0 #fff;
  12. 			text-decoration:none;
  13. 			font-size:25px;
  14. 			letter-spacing:-1px;
  15. 			margin:50px auto 0;
  16. 			font-family:Helvetica, Arial, sans-serif;
  17. 			font-style:normal;
  18. 			font-weight:bold;
  19. 			line-height:14px;
  20. 			display:inline-block;
  21. 			text-align:center;
  22. 			cursor:pointer;
  23. 			-moz-border-radius:10px;
  24. 			-webkit-border-radius:10px;
  25. 			border-radius:10px;
  26. 			border:1px solid #151515;
  27. 			background:#a0a0a0;
  28. 			background:-moz-linear-gradient(center bottom,#ababab 0%,#939393 20%);
  29. 			background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #ababab),color-stop(0.20, #939393));
  30. 			padding:0 0 10px 0;
  31. 			-moz-box-shadow:0 1px 2px #222;
  32. 			-webkit-box-shadow:0 1px 2px #222;
  33. 			box-shadow:0 1px 2px #222; }
  34.  
  35. 		a:hover.button { background:#ccc; }
  36.  
  37. 		.button span {
  38. 			display:block;
  39. 			-moz-border-radius:10px;
  40. 			-webkit-border-radius:10px;
  41. 			border-radius:10px;
  42. 			border:2px solid #fff;
  43. 			background:#f2f2f2;
  44. 			background:-moz-linear-gradient(center bottom,#ededed 0%,#fefefe 100%);
  45. 			background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #ededed),color-stop(1, #fefefe));
  46. 			padding:20px; }
  47. 	</style>
  48. </head>
  49.  
  50. <body>
  51. 	<div class="htmlstuff-etc">
  52. 		<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="julien">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
  53. 		<a class="big-text" href="/">That thing you've been procrastinating? Just do it already.</a>
  54. 		<a class="button"><span>Gimme Another!</span></a>	
  55. 	</div>
  56. </body>
  57. </html>

Report this snippet  

You need to login to post a comment.