API tools faq
paste
Advertisement
hitopslou

blogroll2

hitopslou
Mar 17th, 2014
424
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.19 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!--
  3. HH HH II TTTTTT OO PPPP SSSS LL OO UU UU
  4. HH HH II TT OO OO PP PP SS LL OO OO UU UU
  5. HHHHHH II TT OO OO PP PP SS LL OO OO UU UU
  6. HH HH II TT OO OO PP SS LL OO OO UU UU
  7. HH HH II TT OO PP SSSS LLLLLL OO UU
  8.  
  9. This theme is the property of tumblr user hitopslou, owner of hitopslouthemes. DO NOT REMOVE THEME MAKER CREDIT! Please DO NOT use this as a base theme to create your own theme. Minor changes may be made, but do not drastically alter the theme. I'm always available to answer questions regarding any of my themes or themes in general. All images used were giffed and/or edited by me, so don't claim them as your own. -->
  10. <!-- Any notes within these brackets explain things you can or cannot change -->
  11. <head>
  12. <link rel="shortcut icon" href="{Favicon}" />
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  14. <title>{Title}</title>
  15. <style>
  16. body {
  17. background-color:#eeddee;
  18. }
  19. .sidebar {
  20. width:250px;
  21. float:left;
  22. margin-top:50px;
  23. margin-left:50px;
  24. }
  25. .sidebar img {
  26. width:240px;
  27. border:5px outset #dd4466;
  28. margin-bottom:10px;
  29. float:left;
  30. }
  31. #title {
  32. font-family:Georgia,serif;
  33. font-size:1.5em;
  34. font-style:italic;
  35. text-align:center;
  36. margin-bottom:10px;
  37. color:#550022;
  38. width:250px;
  39. float:left;
  40. margin-left:50px;
  41. }
  42. #links {
  43. width:250px;
  44. display:inline;
  45. text-align:center;
  46. margin-left:50px;
  47. float:left;
  48. }
  49. .link {
  50. background-color:#995577;
  51. width:120px;
  52. margin-right:10px;
  53. display:inline;
  54. text-align:center;
  55. font-family:Helvetica,sans-serif;
  56. letter-spacing:2px;
  57. font-size:12px;
  58. float:left;
  59. clear:right;
  60. height:16px;
  61. }
  62. .link a {
  63. text-decoration:none;
  64. color:#eeddff;
  65. text-transform:uppercase;
  66. }
  67. .link a:hover {
  68. font-style:italic;
  69. color:#ff0044;
  70. }
  71. .link1 {
  72. background-color:#995577;
  73. width:120px;
  74. margin-right:10px;
  75. display:inline;
  76. text-align:center;
  77. font-family:Helvetica,sans-serif;
  78. letter-spacing:2px;
  79. font-size:12px;
  80. float:right;
  81. clear:left;
  82. height:16px;
  83. position:absolute;
  84. margin-left:-60px;
  85. }
  86. .link1 a {
  87. text-decoration:none;
  88. color:#eeddff;
  89. text-transform:uppercase;
  90. }
  91. .link1 a:hover {
  92. font-style:italic;
  93. color:#ff0044;
  94. }
  95. #fol {
  96. margin-top:50px;
  97. margin-left:200px;
  98. width:500px;
  99. height:500px;
  100. overflow:scroll;
  101. border:5px outset #995577;
  102. display:inline-block;
  103. text-align:center;
  104. position:absolute;
  105. }
  106. #fol img {
  107. border-radius:100%;
  108. border:none;
  109. margin-top:3px;
  110. }
  111. #fol::-webkit-scrollbar {
  112. width:14px;
  113. background-color:#892a3f;
  114. }
  115. #fol::-webkit-scrollbar:horizontal {
  116. display:none;
  117. }
  118. #fol::-webkit-scrollbar-thumb {
  119. background-color:#ff0044;
  120. border:4px outset #ff0044;
  121. }
  122. #fol::-webkit-scrollbar-thumb:hover {
  123. background-color:#ff0044;
  124. border:4px inset #ff0044;
  125. }
  126. </style>
  127. </head>
  128. <body>
  129. <div class="sidebar">
  130. <!--
  131. Change URL between src=" " to change sidebar image. It will resize to 240px wide.
  132. -->
  133. <img class="sidebar" src="https://31.media.tumblr.com/68a412bbafb044b4580a63c0e7aef8e7/tumblr_inline_n2hup6LMkd1ru85ye.gif"/>
  134.  
  135. <div id="title">
  136. my blogroll <!-- This is your title -->
  137. </div>
  138. <div id="links">
  139. <!-- You can change the first three links. Change the url between href=" " -->
  140. <div class="link">
  141. <a href="http://tumblr.com">dash</a>
  142. </div>
  143. <div class="link1">
  144. <a href="/">home</a>
  145. </div> <br/>
  146. <div class="link">
  147. <a href="/ask">ask</a>
  148. </div>
  149. <!-- THEME CRED DON'T REMOVE -->
  150. <div class="link1">
  151. <a href="http://hitopslouthemes.tumblr.com">theme</a>
  152. </div>
  153. <!-- END OF CRED -->
  154. </div>
  155.  
  156. </div>
  157.  
  158.  
  159. <div id="fol">
  160. {block:Following}{block:Followed}<a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-64}" title="{FollowedName}" /></a> {/block:Followed}{/block:Following}
  161. </div>
  162.  
  163. </body>
  164. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!