Advertisement
planthed

Blogroll #1 ver. 2

Nov 3rd, 2014
289
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.45 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4. ▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▄▀█ ▒█▀▀▀   ▒█▀▀█ ▒█░░▒█  
  5. ░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█▒█▒█ ▒█▀▀▀   ▒█▀▀▄ ▒█▄▄▄█  
  6. ░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█░░▒█ ▒█▄▄▄   ▒█▄▄█ ░░▒█░░
  7.  
  8. ▒█▀▀█ ▒█░░░ ░█▀▀█ ▒█▄░▒█ ▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▀▄
  9. ▒█▄▄█ ▒█░░░ ▒█▄▄█ ▒█▒█▒█ ░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█░▒█
  10. ▒█░░░ ▒█▄▄█ ▒█░▒█ ▒█░░▀█ ░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█▄▄▀.TUMBLR.COM
  11.  
  12. KEEP THE CREDITS OR I'LL REPORT YOU!
  13.  
  14.  
  15. --->
  16.  
  17.  
  18. <html lang="en">
  19.  
  20. </script>
  21.  
  22. <style type="text/css">
  23. @font-face { font-family:"Hasteristico"; src: url('http://slutpark-resources.webs.com/Hasteristico.ttf');}
  24.  
  25. ::-webkit-scrollbar-thumb{ background-color:#000; border:1px solid rgba(255, 255, 255, 0.5);; height:auto; border-radius:10px;}
  26.  
  27. ::-webkit-scrollbar{ height:auto; width:9px; background-color:#999999; border:4px solid rgba(255, 255, 255, 0.5);;}
  28.  
  29. body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;}
  30.  
  31.  
  32. a:link, a:active, a:visited{
  33. color:#000;
  34. text-decoration: none;
  35. -webkit-transition: color 0.4s ease-out;
  36. -moz-transition: color 0.4s ease-out; cursor: url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), progress;
  37. }
  38.  
  39. body {
  40. padding:0px;
  41. margin:0px;
  42. color:#000;
  43. font-family:calibri;
  44. line-height:9px;
  45. font-size:8px;
  46. background-color:#fbfbfb;
  47. background-image:url(URL IMAGE HERE);
  48. background-attachment: fixed;
  49. background-position:center;
  50. background-repeat: no-repeat;
  51. background-attachment:fixed;
  52. background-size: cover;
  53.  
  54. cursor: url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), progress;
  55. }
  56.  
  57.  
  58. #sidebar{
  59. position:fixed !important;
  60. width:90px;
  61. z-index: 99999999;
  62. height:;
  63. border: 1px solid #eee;
  64. padding:10px;
  65. margin-left:280px;
  66. margin-top:150px;
  67. font-size: 9px;
  68. line-height:11px;
  69. background-color:#fff;
  70. font-family:helvetica;
  71. overflow:hidden;
  72. text-align:left;
  73. opacity:0.8; }
  74.  
  75. #links {
  76. padding:10px;
  77. background:none;
  78. width:auto;
  79. position:fixed;
  80. margin-top:260px;
  81. margin-left:270px;
  82. }
  83.  
  84. #credit{
  85. position:fixed;
  86. font-family:calibri;
  87. text-transform:uppercase;
  88. z-index:999;
  89. bottom:5px;
  90. right:5px;
  91. width:55px;
  92. height:10px;
  93. padding-bottom:1px;
  94. overflow:hidden;
  95. text-align:center;
  96. font-size:8px;
  97. letter-spacing:1px;
  98. opacity:.8;
  99. background:#fff;
  100. -webkit-transition: all 0.3s linear;
  101. -moz-transition: all 0.3s linear;
  102. transition: all 0.3s linear;
  103. }
  104.  
  105.  
  106. #credit a{
  107. color:#000;
  108. }
  109.  
  110. .credit_u{
  111. line-height:10px;
  112. -webkit-transition: all 0.3s linear;
  113. -moz-transition: all 0.3s linear;
  114. transition: all 0.3s linear;
  115. }
  116.  
  117. #credit a:hover .credit_u{
  118. margin-top:-13px;
  119. -webkit-transition: all 0.3s linear;
  120. -moz-transition: all 0.3s linear;
  121. transition: all 0.3s linear;
  122. }
  123.  
  124. .credit_h{
  125. line-height:16px;
  126. font-size:8px;
  127. }
  128.  
  129.  
  130. #links a {
  131. display:inline-block;
  132. margin-top:3px;
  133. width:53px;
  134. height:20px;
  135. border:1px solid #eee;
  136. padding-top:11px;
  137. text-align:center;
  138. font-size:8px;
  139. letter-spacing:1px;
  140. text-transform:uppercase;
  141. color:#000;
  142. background:#fff;
  143. opacity:.7;
  144. -moz-transition: all 0.7s ease-out;
  145. transition: all 0.7s ease-out;
  146. transition: all 0.7s ease;
  147. }
  148.  
  149. #links a:hover {
  150. background:black;
  151. color:#fff;
  152. -moz-transition: all 0.7s ease-out;
  153. transition: all 0.7s ease-out;
  154. transition: all 0.7s ease;
  155. }
  156.  
  157.  
  158.  
  159. .titulo{
  160. position: fixed;
  161. font-family:Lucida Calligraphy;
  162. font-size:40px;
  163. letter-spacing:0px;
  164. line-height:auto;
  165. color:#000;
  166. margin-top: 120px;
  167. margin-left: 512px;
  168.  
  169. opacity: 1;
  170. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  171. z-index: 999;
  172. display:inline;
  173. text-align:center;
  174. text-transform:normal;
  175. }
  176.  
  177. #box{
  178. position:fixed !important;
  179. width:500px;
  180. height:350px;
  181. border:1px solid #eee;
  182. padding:5px;
  183. margin-left:410px;
  184. margin-top:150px;
  185. font-size: 9px;
  186. line-height:11px;
  187. background:rgba(255, 255, 255, 0.5);
  188.  
  189. font-family:helvetica;
  190. overflow:auto;
  191. text-align:left;
  192. box-shadow:0px 2px 2px #ddd;}
  193.  
  194. #box img{
  195. width:50px;-webkit-filter:grayscale(70%);
  196. padding:5px;
  197. margin:3px;border-radius:0%;-webkit-transition: all 0.7s ease-out;
  198. -moz-transition: all 0.7s ease-out;
  199. transition: all 0.7s ease-out;}
  200.  
  201. #box img:hover{-webkit-transform: scale(1.85);
  202. -moz-transform: scale(1.85);
  203. -o-transform: scale(1.85);
  204. -ms-transform: scale(1.85);
  205. transform: rotate(-90deg);
  206. -moz-transform: rotate(-90deg);
  207. -webkit-transform: rotate(-90deg);
  208. -o-transform: rotate(-90deg);
  209. border-radius:100%;-webkit-transition: all 0.7s ease-out;
  210. -moz-transition: all 0.7s ease-out;
  211. transition: all 0.7s ease-out;
  212. opacity:1;
  213. transition: all 0.7s ease;
  214. -o-transition-transition: all 0.7s ease;
  215. -webkit-transition: all 0.7s ease;
  216. -moz-transition: all 0.7s ease;
  217. -webkit-filter:grayscale(0%);
  218.  
  219. }
  220.  
  221.  
  222. </style>
  223.  
  224.  
  225. <div id="credit"><a href="http://planthed.tumblr.com"><div class="credit_u">theme</div><div class="credit_h">planthed</div></a></div>
  226.  
  227. <div id="sidebar">
  228. <img src="{PortraitURL-128}" class="img" width="90" style="">
  229. </div>
  230.  
  231. <div id="links">
  232. <a href="/">back</a>
  233. <a href="/">mail</a><br>
  234. <a href="/">about</a>
  235. <a href="http://planthed.tumblr.com/">credit</a>
  236. </div>
  237.  
  238.  
  239. <div class="titulo">
  240. People I Follow
  241. </div>
  242.  
  243.  
  244.  
  245. <div id="box">
  246. {block:Following}
  247. {block:Followed}
  248.  
  249. <a href="{FollowedURL}" target="_blank" title="{FollowedName}"><img src="{FollowedPortraitURL-64}"> </a>
  250.  
  251. {/block:Followed}
  252. {/block:Following}
  253.  
  254. </div></div>
  255.  
  256. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  257.  
  258. <title>amazing blogs</title>
  259. <link rel="shortcut icon" href="https://31.media.tumblr.com/tumblr_lkl6pkKMMm1qfamg6.gif">
  260.  
  261. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  262. <style>
  263. div#qTip {
  264. padding:4px;
  265. height: auto;
  266. margin-top:5px;
  267. margin-left:10px;
  268. font-family:Calibri;
  269. font-size:8px;
  270. display: none;
  271. text-align: center;
  272. position: absolute;
  273. line-height: 10px;
  274. text-transform:uppercase;
  275. letter-spacing:0px;
  276. z-index: 999999999999;
  277. border:1px solid #fff;
  278. background:black;
  279. border-radius:2px;
  280. color:#fff;
  281. }
  282.  
  283. </style>
  284.  
  285. <body onkeydown="return false">
  286. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement