API tools faq
paste
Advertisement
rezuna

Blogroll {001}

rezuna
Jul 13th, 2013
138
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.40 KB | None | 0 0
raw download clone embed print report
  1. <meta http-equiv="x-dns-prefetch-control" content="off"/><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5.  
  6. <!--
  7. Blogroll Theme #001 By Madaranus / Rezuna.
  8.  
  9. Rule 1.
  10. If wanting to remove credit from the page, move credit to another page on your blog that is visible to your followers.
  11.  
  12. Rule 2.
  13. Heavy editing of page is definitely acceptable though, no matter how much you edit, I still created the page so please keep the credit!
  14.  
  15. Rule 3.
  16. Do NOT delete these guidelines!
  17.  
  18.  
  19. Thank you for following these rules and I hope you enjoy the page!
  20. -->
  21.  
  22.  
  23. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  24. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  25. <script>
  26. (function($){
  27. $(document).ready(function(){
  28. $("[title]").style_my_tooltips();
  29. });
  30. })(jQuery);
  31. </script>
  32.  
  33.  
  34. <head>
  35.  
  36. <title>F O L L O W I N G</title>
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39.  
  40. <style type="text/css">
  41.  
  42. ::-webkit-scrollbar {
  43. width: 10px;
  44. height: 10px;
  45. }
  46.  
  47. ::-webkit-scrollbar-button:start:decrement {
  48. height: 6px;
  49. display: block;
  50. background-color:#fff;
  51. border-top: 1px solid #bbb;
  52. border-right: 1px solid #bbb;
  53. border-left: 1px solid #bbb;
  54. }
  55.  
  56. ::-webkit-scrollbar-button:end:increment {
  57. height: 6px;
  58. display: block;
  59. background-color:#fff;
  60. border-right: 1px solid #bbb;
  61. border-left: 1px solid #bbb;
  62. border-bottom: 1px solid #bbb;
  63. }
  64.  
  65. ::-webkit-scrollbar-track-piece {
  66. background-color:#fff;
  67. border-left: 1px solid #bbb;
  68. border-right: 1px solid #bbb;
  69. }
  70.  
  71. ::-webkit-scrollbar-thumb:vertical {
  72. height: 10px;
  73. background-color: #bbb;
  74. }
  75.  
  76. ::selection {
  77. background: #ccc;
  78. color: #fff;
  79. }
  80.  
  81. ::-moz-selection {
  82. background: #ccc;
  83. color: #fff;
  84. }
  85.  
  86. ::-webkit-selection {
  87. background: #ccc;
  88. color: #fff;
  89. }
  90.  
  91. *, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  92.  
  93. body {
  94. background-color: #fff;
  95. background-image:url('http://i40.tinypic.com/s6n96o.png');
  96. background-attachment: fixed;
  97. font-family: tahoma;
  98. font-size: 14px;
  99. color: #bbb;
  100. text-align: center;
  101. }
  102.  
  103. a:link, a:active, a:visited {
  104. color: #ccc;
  105. text-decoration: none;
  106. }
  107.  
  108. a:title {
  109. background-color: #fff;
  110. color: #bbb;
  111. height: auto;
  112. width: auto;
  113. border: 1px solid #bbb;
  114. }
  115.  
  116. a:hover {
  117. color: #ddd;
  118. text-decoration: none;
  119. }
  120.  
  121. #stupid {
  122. width: 142px;
  123. height: 58px;
  124. line-height: 58px;
  125. background-color: #fff;
  126. position: absolute;
  127. left: 282px;
  128. top: 12px;
  129. border: 1px solid #bbb;
  130. color: #bbb;
  131. text-align: center;
  132. font-size: 16px;
  133. }
  134.  
  135. #mirajane {
  136. width: 142px;
  137. height: 58px;
  138. line-height: 58px;
  139. background-color: #fff;
  140. position: absolute;
  141. left: 282px;
  142. top: 12px;
  143. border: 1px solid #bbb;
  144. color: #bbb;
  145. text-align: center;
  146. font-size: 16px;
  147. letter-spacing: 1px;
  148. -o-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  149. -ms-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  150. -moz-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  151. -webkit-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  152. transition:color .2s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  153. }
  154.  
  155. #natsu {
  156. width: 142px;
  157. height: 58px;
  158. line-height: 58px;
  159. background-color: #fff;
  160. position: absolute;
  161. left: 425px;
  162. top: 12px;
  163. border: 1px solid #bbb;
  164. color: #bbb;
  165. text-align: center;
  166. font-size: 16px;
  167. letter-spacing: 1px;
  168. -o-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  169. -ms-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  170. -moz-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  171. -webkit-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  172. transition:color .2s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  173. }
  174.  
  175. #kiba {
  176. width: 142px;
  177. height: 58px;
  178. line-height: 58px;
  179. background-color: #fff;
  180. position: absolute;
  181. left: 568px;
  182. top: 12px;
  183. border: 1px solid #bbb;
  184. color: #bbb;
  185. text-align: center;
  186. font-size: 16px;
  187. letter-spacing: 1px;
  188. -o-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  189. -ms-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  190. -moz-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  191. -webkit-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  192. transition:color .2s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  193. }
  194.  
  195. #nakama {
  196. width: 142px;
  197. height: 58px;
  198. line-height: 58px;
  199. background-color: #fff;
  200. position: absolute;
  201. left: 711px;
  202. top: 12px;
  203. border: 1px solid #bbb;
  204. color: #bbb;
  205. text-align: center;
  206. font-size: 16px;
  207. letter-spacing: 1px;
  208. -o-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  209. -ms-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  210. -moz-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  211. -webkit-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  212. transition:color .2s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  213. }
  214.  
  215. #sama {
  216. width: 142px;
  217. height: 58px;
  218. line-height: 58px;
  219. background-color: #fff;
  220. position: absolute;
  221. left: 854px;
  222. top: 12px;
  223. border: 1px solid #bbb;
  224. color: #bbb;
  225. text-align: center;
  226. font-size: 16px;
  227. letter-spacing: 1px;
  228. -o-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  229. -ms-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  230. -moz-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  231. -webkit-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  232. transition:color .2s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  233. }
  234.  
  235. #mirajane:hover {
  236. color: #fff;
  237. background-color: #bbb;
  238. opacity: 1;
  239. letter-spacing: 8px;
  240. -o-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  241. -ms-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  242. -moz-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  243. -webkit-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  244. transition:color .2s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  245. }
  246.  
  247. #natsu:hover {
  248. color: #fff;
  249. background-color: #bbb;
  250. opacity: 1;
  251. letter-spacing: 8px;
  252. -o-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  253. -ms-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  254. -moz-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  255. -webkit-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  256. transition:color .2s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  257. }
  258.  
  259. #kiba:hover {
  260. color: #fff;
  261. background-color: #bbb;
  262. opacity: 1;
  263. letter-spacing: 8px;
  264. -o-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  265. -ms-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  266. -moz-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  267. -webkit-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  268. transition:color .2s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  269. }
  270.  
  271. #nakama:hover {
  272. color: #fff;
  273. background-color: #bbb;
  274. opacity: 1;
  275. letter-spacing: 8px;
  276. -o-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  277. -ms-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  278. -moz-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  279. -webkit-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  280. transition:color .2s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  281. }
  282.  
  283. #sama:hover {
  284. color: #fff;
  285. background-color: #bbb;
  286. opacity: 1;
  287. letter-spacing: 8px;
  288. -o-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  289. -ms-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  290. -moz-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  291. -webkit-transition:color .8s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  292. transition:color .2s ease-out, background 1s ease-in, letter-spacing .6s ease-in-out;
  293. }
  294.  
  295. #ladylumps {
  296. width: 714px;
  297. height: 564px;
  298. background-color: #fff;
  299. position: absolute;
  300. left: 282px;
  301. top: 20px;
  302. border: 1px solid #bbb;
  303.  
  304. }
  305.  
  306. #yoloswag {
  307. width: 714px;
  308. height: 58px;
  309. line-height: 58px;
  310. background-color: #fff;
  311. position: absolute;
  312. left: 282px;
  313. top: 532px;
  314. border: 1px solid #bbb;
  315. color: #bbb;
  316. text-align: center;
  317. font-size: 20px;
  318. }
  319.  
  320. #halo {
  321. margin-left: 0px;
  322. margin-top: 1px;
  323. width: 700px;
  324. height: 444px;
  325. overflow-x:hidden;
  326. overflow-y:scroll;
  327. background-color: transparent;
  328. }
  329.  
  330. #beyoncespad {
  331. padding: 10px;
  332. }
  333.  
  334. #halo img {
  335. width:64px;
  336. height:64px;
  337. opacity:0.5;
  338. border: 1px solid #bbb;
  339. transform: scale(1);
  340. -webkit-transition: 600ms ease-in-out;
  341. -moz-transition: 600ms ease-in-out;
  342. -o-transition: 600ms ease-in-out;
  343. -ms-transition: 600ms ease-in-out;
  344. transition: 600ms ease-in-out;
  345. -webkit-transition:2800ms;
  346. -moz-transition:2800ms;
  347. }
  348.  
  349. #halo img:hover {
  350. width:64px;
  351. height:64px;
  352. -webkit-transform: rotate(360deg);
  353. -moz-transform: rotate(360deg);
  354. -o-transform: rotate(360deg);
  355. -ms-transform: rotate(360deg);
  356. transform: rotate(360deg);
  357. -webkit-filter: hue-rotate(360deg);
  358. -moz-filter: hue-rotate(360deg);
  359. -webkit-transition:2800ms;
  360. -moz-transition:2800ms;
  361. }
  362.  
  363. #s-m-t-tooltip {
  364. display: block;
  365. background: #fff;
  366. font-size: 10px;
  367. font-family: calibri;
  368. letter-spacing: 1px;
  369. text-transform: uppercase;
  370. color: #999999;
  371. text-align: center;
  372. margin-left: 18px;
  373. padding: 2px 3px 2px 3px;
  374. border: 1px solid #999999;
  375. max-width: auto;
  376. z-index: 99999;
  377. }
  378.  
  379. </style>
  380.  
  381. </head>
  382.  
  383. <body>
  384.  
  385. <div id="ladylumps">
  386.  
  387. </div>
  388.  
  389. <a href="/">
  390.  
  391. <div id="stupid">
  392. tfdk
  393. </a>
  394.  
  395. <div id="beyoncespad">
  396.  
  397. <div id="halo">
  398.  
  399. {block:Following}{block:Followed}
  400.  
  401. <a target="_blank" href="{FollowedURL}"><img border: "3" src="{FollowedPortraitURL-64}" title="{FollowedName}"/>
  402.  
  403. {/block:Followed}{/block:Following}</a></div>
  404.  
  405. </div> </div> </div>
  406.  
  407. <a href="/ask">
  408.  
  409. <div id="natsu">
  410.  
  411. ASK
  412.  
  413. </div>
  414.  
  415. </a>
  416.  
  417. <!-- DONT move <div id="mirajane"> up higher in the html, it will cause issues -->
  418.  
  419. <a href="/">
  420.  
  421. <div id="mirajane">
  422.  
  423. HOME
  424.  
  425. </div>
  426.  
  427. </a>
  428.  
  429. <a href="/grahpics">
  430.  
  431. <div id="kiba">
  432.  
  433. LINK
  434.  
  435. </div>
  436.  
  437. </a>
  438.  
  439. <a href="/info">
  440.  
  441. <div id="nakama">
  442.  
  443. LINK
  444.  
  445. </div>
  446.  
  447. </a>
  448.  
  449. <a href="http://madaranus.tumblr.com/">
  450.  
  451. <div id="sama">
  452.  
  453. CREDIT
  454.  
  455. </div>
  456.  
  457. </a>
  458.  
  459. </div>
  460.  
  461. <div id="yoloswag">
  462.  
  463. B &nbsp; L &nbsp; O &nbsp; G &nbsp; R &nbsp; O &nbsp; L &nbsp; L
  464.  
  465. </div>
  466.  
  467. </body>
  468.  
  469. </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!