Advertisement
lennonthemes

blogroll

May 15th, 2013
189
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.70 KB | None | 0 0
  1. <!--blogroll page
  2. by bonivur.tumblr.com
  3. theme blog is nirvanaings.tumblr.com
  4. RULES:
  5. leave ALL credit.
  6. do not use as base or claim as your own.
  7. *FALURE TO FOLLOW MY RULES WILL RESULT IN SERIOUS CONSEQUENCES!*
  8. THEME F.A.Q:
  9. 1. go to the customize page
  10. 2. scroll down on the left, click “add a page”
  11. 3. choose your page URL
  12. 4. change page type from standard to custom
  13. 5. paste code in the box
  14. -->
  15. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16.  
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18. <head>
  19. <title>Blogroll</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22.  
  23.  
  24.  
  25.  
  26. <style type="text/css">
  27.  
  28. ::-webkit-scrollbar { width: 2px; background-color: #fff; }
  29.  
  30. ::-webkit-scrollbar-track { background-color: #fff; }
  31.  
  32. ::-webkit-scrollbar-thumb { background-color: #eee; }
  33.  
  34. ::-webkit-scrollbar-corner { background: #transparent ; }
  35.  
  36.  
  37. body
  38. {font-family:calibri;
  39. font-size:10px;
  40. }
  41.  
  42. a
  43. {text-decoration:none;
  44. color:#bababb;}
  45.  
  46. a:hover
  47. {text-decoration:none;
  48. color:#eee;
  49. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
  50. }
  51.  
  52. #container {
  53. width:380px;
  54. height:450px;
  55. overflow:auto;
  56. padding:10px;
  57. padding-right:0px;
  58. border:1px dotted #eee;
  59. margin-top:100px;
  60. margin-left:440px;
  61. }
  62.  
  63. #icon {
  64. width:30px;
  65. height:30px;
  66. padding:1px;
  67. float:left;
  68. overflow:hidden;
  69. }
  70.  
  71. #icon:hover {
  72. opacity:0.8;
  73. }
  74. #box {
  75. position:fixed;
  76. color:#d9d9d9;
  77. width:274px;
  78. padding:10px 50px 30px;
  79. margin-left:450px;
  80. margin-top:490px;
  81. background-color:#FCFCFC;
  82. border-bottom:1px solid #F2F2F2;
  83. border-top:1px solid #F2F2F2;
  84. font-family:times;
  85. font-size:10px;
  86. text-align:center;
  87. font-style:italic;
  88. font-weight:normal;
  89. line-height:80%;
  90. letter-spacing:2px;
  91. text-transform:lowercase;
  92. }
  93.  
  94. </style>
  95. </head>
  96. <body>
  97. <div id="sidebar">
  98.  
  99. <div style="margin-top: 100px;">
  100. <div id="box">
  101. <h1><a href="/">{Name}'s Blogroll</a></h1>
  102. <div class="links"><a title="reload"href="/">go back</a>&middot<a title="questions?"href="/ask">ask</a>&middot<a title="dash"href="http://www.tumblr.com/dashboard">dashboard</a>&middot<a title="credit"href="http://bonivur.tumblr.com/">©</a></div>
  103. </div>
  104.  
  105.  
  106.  
  107.  
  108. <div id="container">
  109. {block:Following}{block:Followed}
  110. <a href="{FollowedURL}"><div id="icon"><img src="{FollowedPortraitURL-30}">
  111. </a>
  112. </div>
  113.  
  114.  
  115.  
  116.  
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128.  
  129.  
  130. </body>
  131. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement