Don't like ads? PRO users don't see any ads ;-)
Public Pastes

blogroll code

By: jongsi on Jan 8th, 2012  |  syntax: None  |  size: 1.23 KB  |  hits: 13,705  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <style>
  2. body {
  3. background:#eeeeee url(http://static.tumblr.com/qbwrk8v/boLln5ddh/214qqx.png);
  4. background-position:fixed;
  5. font-family:georgia;
  6. font-style:italic;
  7. font-size:30px;
  8. color:#666;}
  9.  
  10. .oppa, .oppa a{
  11. font-size:12px;
  12. color:#333333;
  13. }
  14.  
  15. a {
  16. color:#333333;
  17. text-decoration:none;
  18. border:none;
  19. -webkit-transition-duration: 0.9s;
  20. }
  21.  
  22. a img {
  23. border:3px;
  24. color:#333333;
  25. decoration:none;
  26. opacity:.8;
  27. border-radius:0px;
  28. -webkit-transition-duration: 0.9s;
  29. }
  30.  
  31. a img:hover {
  32. opacity:1;
  33. border-radius:96px;
  34. -webkit-transition-duration: 0.9s;
  35. }
  36.  
  37. #contentcolumn{
  38. background-color:#ffffff;
  39. padding:7px;
  40. border-radius:20px;
  41. margin-left:210px;
  42. margin-top:100px;
  43. width:800px;
  44. opacity:1;
  45. overflow:shown;
  46. z-index: 0.9;
  47. text-align:center;
  48. }
  49. </style>
  50.  
  51. <div id="contentcolumn">
  52.  
  53. I'm following these wonderful people!<br>
  54. <div class="oppa">
  55. <a href="/">Go Back Home</a> ·
  56. <a href="/blogroll">Refresh</a> ·  
  57. <a href="http://www.tumblr.com/dashboard">Dashboard</a> ·
  58. <a href="http://-apple.tumblr.com">Credit</a>
  59. <br><br>
  60. {block:Following}{block:Followed}<a title='{FollowedName}' target='_blank' href='{FollowedURL}'><img border='0' src='{FollowedPortraitURL-96}' />{/block:Followed}{/block:Following}
  61.  
  62. </div>
create a new version of this paste RAW Paste Data