API tools faq
paste
hydrathemes

Burn

hydrathemes
Jul 10th, 2015
1,179
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.08 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <title>Blogroll</title>
  4. <link rel="shortcut icon" href="{Favicon}" />
  5.  
  6. <!------------------------------------------------------------------------
  7.  
  8. BURN | Blogroll Page #01
  9. By Hydra Themes
  10.  
  11. REMINDERS:
  12. 1. Do not claim this as yours
  13. 2. Do not use this as a base
  14. 3. Do not copy the codes
  15. 4. Do not delete or move the credit
  16.  
  17. If you have any problems, feel free to send me a message and I'll help you out.
  18.  
  19. www.hydrathemes.tumblr.com
  20. www.msclairedearing.tumblr.com
  21.  
  22. ------------------------------------------------------------------------->
  23.  
  24. <!-- IMPORTED SCRIPTS -->
  25. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  26. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  27.  
  28. <!-- FONT -->
  29. <link href='http://fonts.googleapis.com/css?family=Lato:400,900' rel='stylesheet' type='text/css'>
  30. <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  31.  
  32. <!-- FONT AWESOME -->
  33. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  34.  
  35. <!-- TOOLTIPS -->
  36. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  37. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  38. <script>
  39. (function($){
  40. $(document).ready(function(){
  41. $("a[title]").style_my_tooltips({
  42. tip_follows_cursor:true,
  43. tip_delay_time:90,
  44. tip_fade_speed:600,
  45. attribute:"title"
  46. });
  47. });
  48. })(jQuery);
  49. </script>
  50.  
  51.  
  52. <style type="text/css">
  53.  
  54. body {
  55. background:#eee;
  56. color:#000;
  57. font-family:Roboto;
  58. font-size:11px;
  59. }
  60.  
  61. /** SELECTION COLORS **/
  62. ::-moz-selection {
  63. background:#;
  64. color:#;
  65. }
  66.  
  67. ::selection {
  68. background:#;
  69. color:#;
  70. }
  71.  
  72. /** SCROLLBAR **/
  73. ::-webkit-scrollbar {
  74. width:9px;
  75. height:3px;
  76. background:#fff;
  77. }
  78.  
  79. ::-webkit-scrollbar-thumb {
  80. background-color:#ddd;
  81. }
  82.  
  83. a {
  84. text-decoration:none;
  85. -webkit-transition: all .3s;
  86. -moz-transition: all .3s;
  87. -o-transition: all .3s;
  88. -ms-transition: all .3s;
  89. transition: all .3s;
  90. }
  91.  
  92. /** LINKS **/
  93. a:hover {
  94. -webkit-transition: all .3s;
  95. -moz-transition: all .3s;
  96. -o-transition: all .3s;
  97. -ms-transition: all .3s;
  98. transition: all .3s;
  99. }
  100.  
  101. #s-m-t-tooltip{
  102. position:absolute;
  103. margin-top: 15px;
  104. z-index:9999;
  105. text-transform:uppercase;
  106. background:#fff;
  107. border:1px solid #ddd;
  108. color:#000;
  109. padding:5px;
  110. vertical-align:middle;
  111. font-size:8.5px;
  112. }
  113.  
  114. .header {
  115. width:400px;
  116. max-width:400px;
  117. display:block;
  118. padding:10px;
  119. border:1px solid #ddd;
  120. background:#fff;
  121. text-align:center;
  122. margin:auto;
  123. margin-top:100px;
  124. margin-bottom:5px;
  125. font-size:15px;
  126. font-weight:bold;
  127. text-transform:uppercase;
  128. }
  129.  
  130. .links {
  131. width:400px;
  132. max-width:400px;
  133. display:block;
  134. padding:10px;
  135. border:1px solid #ddd;
  136. background:#fff;
  137. text-align:center;
  138. margin:auto;
  139. text-transform:uppercase;
  140. font-size:11px;
  141. }
  142.  
  143. .links a {
  144. display:inline-block;
  145. margin-left:5px;
  146. color:#000;
  147. text-decoration:none;
  148. }
  149.  
  150. .links a:hover {
  151. color:#ddd;
  152. }
  153.  
  154. .container {
  155. width:400px;
  156. max-width:400px;
  157. height:250px;
  158. max-height:250px;
  159. display:block;
  160. padding:10px;
  161. border:1px solid #ddd;
  162. background:#fff;
  163. text-align:left;
  164. margin:auto;
  165. margin-bottom:5px;
  166. overflow:auto;
  167. }
  168.  
  169. .container img{
  170. margin-left:5px;
  171. width:50px;
  172. }
  173.  
  174. /** CREDIT, DON'T TOUCH **/
  175. .c a{font-family:Verdana;font-size:9px;bottom:7px;right:7px;position:fixed;font-weight:bold;text-transform:uppercase;color:#000;text-align:justify;text-decoration:none;letter-spacing:15px;margin-right:-270px;}
  176. .c a:hover{color:#006899;letter-spacing:0;margin-right:0;}
  177.  
  178. </style>
  179. </head>
  180. <body>
  181.  
  182. <div class="header">
  183. blogroll
  184. </div>
  185.  
  186. <div class="container">
  187. {block:Following}{block:Followed}<a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-48}">{/block:Followed}{/block:Following}
  188. </div>
  189.  
  190. <div class="links">
  191. <a href="/">back</a>
  192. <a href="/ask">ask</a>
  193. <a href="/">link 1</a>
  194. <a href="http://tumblr.com">dashboard</a>
  195. </div>
  196.  
  197. <div class="c"><a href="/">© hydrathemes</a></div>
  198.  
  199. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!