API tools faq
paste
Advertisement
b0rn-to-be-wild

Vintage Blogroll

b0rn-to-be-wild
Mar 18th, 2014
375
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.79 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!----
  5.  
  6. © borntobewildthemes.tumblr.com | Vintage Blogroll
  7.  
  8. + Please do not redistribute this page or remove credits.
  9. + You are allowed to make changes as long as you keep our credits.
  10. + If you have any questions or concerns, just contact us.
  11. + Thanks for using our page! We hope that you enjoy it!
  12.  
  13. ---->
  14.  
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  19.  
  20. <script type="text/javascript"
  21. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22.  
  23. <link rel="shortcut icon" href="http://38.media.tumblr.com/avatar_f8e15733f970_128.png" />
  24. <link rel="alternate" type="application/rss+xml" href="http://euthanasia-for-mankind.tumblr.com/rss" />
  25.  
  26. <style type="text/css">
  27.  
  28. body {
  29. font-style:none;
  30. background-color:black;
  31. background-image:url(http://static.tumblr.com/01a05fe46b41f855f5fdabc2d2baf2ce/qb55nk5/qLInt6gzn/tumblr_static_4cdpeppcu3qcw0888s4okg8ko.jpg);
  32. background-size:cover;
  33. font-family:Helvetica;
  34. color:#000;
  35. overflow:hidden;
  36. }
  37.  
  38.  
  39. a {
  40. color:#000;
  41. text-decoration:none;
  42. }
  43.  
  44. a:hover {
  45. text-decoration:none;
  46. -webkit-transition: all 0.8s ease-out;
  47. -moz-transition: all 0.8s ease-out;
  48. transition: all 0.8s ease-out;
  49. }
  50.  
  51. img {
  52. border:none;
  53. }
  54.  
  55. blockquote {
  56. padding-left:5px;
  57. border-left:2px solid ;
  58. }
  59.  
  60. h1 {
  61. font-size:20px;
  62. }
  63.  
  64. /* Tooltips */
  65.  
  66. #s-m-t-tooltip {
  67. max-width:300px;
  68. z-index:10000000;
  69. margin:24px 14px 7px 12px;
  70. padding:8px;
  71. color:#eee;
  72. background:#000;
  73. font-size:12px;
  74. line-height:15px;
  75. }
  76.  
  77. /* Cursor code */
  78.  
  79. body, a:hover {
  80. cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur237.ani), url(http://cur.cursors-4u.net/cursors/cur-3/cur237.png), progress !important;}
  81.  
  82. /* Webkit scrollbar */
  83.  
  84. ::-webkit-scrollbar-thumb {
  85. height: auto;
  86. background-image:url('http://i58.tinypic.com/idgbi9.png');
  87. }
  88.  
  89. ::-webkit-scrollbar {
  90. width:20px;
  91. height: auto;
  92. background-image:url('http://i58.tinypic.com/10z1xds.png');
  93. background-size:cover;
  94. }
  95.  
  96. /* Container */
  97.  
  98. #container {
  99. position:absolute;
  100. top:50%;
  101. left:50%;
  102. width:580px;
  103. height:600px;
  104. background-image:url('http://i41.tinypic.com/b3n12e.jpg');
  105. -webkit-transform: translateX(-50%) translateY(-50%);
  106. -moz-transform: translateX(-50%) translateY(-50%);
  107. -ms-transform: translateX(-50%) translateY(-50%);
  108. transform: translateX(-50%) translateY(-50%);
  109. }
  110.  
  111. /* Title */
  112.  
  113. #title {
  114. font-family:'Great Vibes';
  115. font-size:30px;
  116. text-align:center;
  117. margin-top:140px;
  118. margin-left:auto;
  119. margin-right:auto;
  120. color:#000;
  121. }
  122.  
  123. /* Blogroll */
  124.  
  125. #blogroll{
  126. width:320px;
  127. height:230px;
  128. color:#000;
  129. overflow-y:auto;
  130. text-align:center;
  131. margin-left:135px;
  132. margin-top:5px;
  133. padding:5px;
  134. border-top:1px solid #000;
  135. border-bottom:1px solid #000;
  136. }
  137.  
  138. #blogroll img{
  139. border:2px black solid;
  140. border-radius:80px;
  141. padding:5px;
  142. margin:2px;
  143. width:40px;
  144. }
  145.  
  146. #blogroll img:hover{
  147. border-radius:0;
  148. -webkit-transition: all 0.8s ease-out;
  149. -moz-transition: all 0.8s ease-out;
  150. transition: all 0.8s ease-out;
  151. }
  152.  
  153. /* Links */
  154.  
  155. #links {
  156. width:370px;
  157. margin-left:115px;
  158. font-family:'Great Vibes';
  159. color:#000;
  160. font-size:16px;
  161. text-align:center;
  162. margin-top:10px;
  163. }
  164.  
  165. #links a {
  166. display:inline;
  167. font-size:17px;
  168. color:#000;
  169. }
  170.  
  171. #links a:hover {
  172. font-weight:bold;
  173. }
  174.  
  175. /* Credits */
  176.  
  177. #credits {
  178. position:fixed;
  179. right:10px;
  180. top:40px;
  181. z-index:100000;
  182. }
  183.  
  184. #credits img{
  185. border:3px solid #000;
  186. }
  187.  
  188. </style>
  189.  
  190. <!--Style my tooltips-->
  191.  
  192. <script type="text/javascript"
  193. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  194.  
  195. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  196. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  197. <script src="jquery.style-my-tooltips.js"></script>
  198.  
  199. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  200.  
  201. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  202. <script>
  203. (function($){
  204. $(document).ready(function(){
  205. $("[title]").style_my_tooltips({
  206. tip_follows_cursor:true,
  207. tip_delay_time:200,
  208. tip_fade_speed:300
  209. }
  210. );
  211. });
  212. })(jQuery);
  213. </script>
  214.  
  215. </head>
  216.  
  217. <body>
  218.  
  219. <div id="container">
  220.  
  221. <div id="title"><b>Blogroll</b></div>
  222.  
  223. <div id="blogroll">
  224.  
  225. {block:Following}{block:Followed}<a title='{FollowedName}' target='_blank' href='{FollowedURL}'><img border='0' src='{FollowedPortraitURL-96}' />{/block:Followed}{/block:Following}
  226.  
  227. </div>
  228. <!--End blogroll-->
  229.  
  230. <div id="links">
  231. <a href="/">Home </a>//
  232. <a href="/ask">Ask </a>//
  233. <a href="/about">About </a>//
  234. <a href="/faq">F.A.Q. </a>//
  235. <a href="/tags">Navigation </a>
  236. </div>
  237. <!--End links-->
  238.  
  239. </div>
  240. <!--End container-->
  241.  
  242. <a href="http://borntobewildthemes.tumblr.com"><div id="credits">
  243. <img src="http://i57.tinypic.com/301g6eg.jpg" title="Page VINTAGE BLOGROLL by borntobewildthemes"></div></a>
  244.  
  245. </body>
  246. </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!