Advertisement
Guest User

Vintage CSS (thespook.deviantart.com)

a guest
May 22nd, 2012
582
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.27 KB | None | 0 0
  1. .journalbox{max-width:562px;_width:562px;padding:237px 0 0 0;margin:20px auto 190px auto;background:url(http://fc05.deviantart.com/fs45/o/2009/125/2/7/121579817_65750_body.jpg) repeat-y 26px 80px;border:0;position:relative!important}
  2.  
  3. .journaltop{background:url(http://fc03.deviantart.com/fs44/o/2009/125/e/5/121579817_65751_top_right.jpg) top right!important;padding:0 60px 0 0!important;width:297px;_width:357px;height:227px;position:absolute;top:0;left:205px;font-family:Georgia;font-size:10px;text-align:right}
  4.  
  5. .journaltop h2{font-family:Georgia;padding-top:100px;text-align:left}
  6. .journaltop img{display:none}
  7.  
  8. .photo_{background:url(http://fc08.deviantart.com/fs45/o/2009/125/7/b/121579817_65752_man.jpg) -5px -220px #222;position:absolute;top:0;left:0}
  9. .photo_:hover{background-position:top}
  10. .photo_ i{display:block;width:205px;height:227px;background:url(http://fc04.deviantart.com/fs42/o/2009/125/b/b/121579817_65753_photo.png)}
  11.  
  12. .footer_{display:block;height:0;padding-top:58px;background:url(http://fc08.deviantart.com/fs42/o/2009/125/5/d/121579817_65754_footer.png) no-repeat 9px 0;position:absolute;bottom:0;left:17px;right:-1px;_left:16px;_width:498px;_bottom:-16px;}
  13.  
  14. .tab_{background:url(http://fc06.deviantart.com/fs42/o/2009/125/6/1/121579817_65755_tab.gif) top right no-repeat;width:84px;height:277px;position:absolute;top:145px;left:478px}
  15. .tab_ sup{display:none;width:230px;height:190px;padding:25px;margin:10px 20px;overflow:hidden;font-size:14px}
  16. .tab_:hover{background-position:bottom;width:326px;left:236px}
  17. .tab_:hover sup{display:block}
  18.  
  19.  
  20. .journaltext{padding:0 70px 0 50px;font-family:monospace;line-height:17px}
  21. .journalbottom{padding:0 0 130px 0}
  22.  
  23. .list{border-top:1px solid #C4BD9E;margin:0 75px 20px 50px;font-family:monospace}
  24. .list .a{background:transparent!important}
  25. .list img{display:none}
  26. .list strong{font-weight:normal;color:#7E7A66}
  27. .list li{font-weight:bold!important;border-bottom:1px solid #C4BD9E}
  28.  
  29. ol{margin:0}
  30. ul{margin:0}
  31. ol br{display:none}
  32. ul br{display:none}
  33. li br{display:block;margin-bottom:5px}
  34. .journaltext li{margin-bottom:4px}
  35.  
  36. b b{font-size:16px;display:block;margin-bottom:-8px}
  37. b b b{font-size:20px;border-bottom:3px double}
  38.  
  39. blockquote{margin:0;padding:10px 0 10px 20px;border-left:2px dotted #7E7A66}
  40.  
  41. a:hover{color:#f00}
  42.  
  43. .credits {position:absolute;bottom:50px;left:70px;width:400px;font-size:11px;text-align:center;color:#7E7A66}
  44. .credits a{text-decoration:none!important;color:#7E7A66;position:relative}
  45. .credits a:hover{text-decoration:underline!important}
  46.  
  47.  
  48. .footjunk br{display:none}
  49. .tab_ br{display:block;margin-top:5px}
  50. .credits br{display:block;margin-top:5px}
  51.  
  52. .feature img{outline:2px solid #9A7956;border:1px solid #6E4F30}
  53. .feature img:hover{outline:2px solid #f00}
  54.  
  55. .feature{margin:0 -15px;text-align:center}
  56.  
  57. .feature .shadow{
  58. background:none!important;
  59. display: inline-block;
  60. max-height: 160px;
  61. min-width: 100px;
  62. text-align: center !important;
  63. }
  64. .feature .shadow img{
  65. vertical-align: middle !important;
  66. border:3px solid #9A7956;background:#ccc;outline:2px solid #6E4F30;
  67. }
  68. .feature .shadow img:hover{outline:2px solid #f00}
  69.  
  70. .skin_attribution{color:#7E7A66!important;position:absolute;bottom:10px;z-index:999;left:0;_left:25px;right:0;_width:489px}
  71. .skin_attribution a{color:#7E7A66!important}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement