API tools faq
paste
Fucking_Aj

Blogroll Theme #1 by Mufflinq

Fucking_Aj
Mar 11th, 2015
385
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <!-----------------------------------------------------------------
  4.  
  5. █▀▀▄ █▀▀█ █░░█ █░░█ 　 ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  6. █▀▀▄ █▄▄▀ █░░█ █▀▀█ 　 ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  7. ▀▀▀░ ▀░▀▀ ░▀▀▀ ▀░░▀ 　 ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  8. Blogroll Theme x
  9.  
  10. ------------------------------------------------------------------->
  11.  
  12. <title>Blogs I Follow</title>
  13. <link rel="shortcut icon" href="http://media.tumblr.com/51fb5c3ab12a123aadc273e048733e9d/tumblr_inline_mkc8l98VOZ1rul1ji.gif">
  14. <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
  15. <!-- TOOLTIP SCRIPTS -->
  16. <script type="text/javascript"
  17. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  18. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  19. <script>
  20. (function($){
  21. $(document).ready(function(){
  22. $("[title]").style_my_tooltips({
  23. tip_follows_cursor:true,
  24. tip_delay_time:200,
  25. tip_fade_speed:300
  26. }
  27. );
  28. });
  29. })(jQuery);
  30. </script>
  31.  
  32. <style type="text/css">
  33.  
  34. /** BODY **/
  35. body{
  36. font-family:calibri;
  37. font-size:11px;
  38. line-height:14px;
  39. background-image:url(http://media.tumblr.com/e7f3a70e2e9c42a2aa07cf78da5c3bb3/tumblr_inline_nkriyiZaqv1sfqydr.jpg);
  40. }
  41.  
  42.  
  43.  
  44. #pp{
  45. position:fixed;
  46. border:0px solid transparent;
  47. margin-left:1100px;
  48. margin-top:230px;
  49. }
  50. #pp img{
  51. width:260px;
  52. border:0px solid transparent;
  53. border-radius:0%;
  54. }
  55. /** TOOLTIPS **/
  56. #s-m-t-tooltip{
  57. max-width:300px;
  58. margin:15px;
  59. padding:5px 5px;
  60. background:#000; /** tooltip background color **/
  61. font-family:calibri;
  62. text-transform:lowercase;
  63. font-style:italic;
  64. color:#fff;
  65. font-size:10px;
  66. letter-spacing:1px;
  67. text-align:center;
  68. margin:0px 20px 0px 20px;
  69. background:rgba(0,0,0,.6);
  70. }
  71.  
  72. ::-webkit-scrollbar { background-color: #cecbe7; border:2px solid #fff; height:5px; -moz-border-radius:10px; border-radius:10px; width:5px;}
  73.  
  74. ::-webkit-scrollbar-thumb {width:5px; border-radius:5px; background-image: -ms-linear-gradient(top, #cecbe7; 0%, #fff 100%);
  75. background-image: -moz-linear-gradient(top, #cecbe7; 0%, #fff 100%);
  76. background-image: -o-linear-gradient(top, #cecbe7; 0%, #fff 100%);
  77. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cecbe7), color-stop(1, #fff));
  78. background-image: -webkit-linear-gradient(top, #cecbe7; 0%, #fff 100%);}
  79.  
  80. /** LINKS **/
  81. a{
  82. text-decoration:none;
  83. -webkit-transition-duration:.6s;
  84. -moz-transition-duration:.6s;
  85. -o-transition-duration:.6s;
  86. -ms-transition-duration:.6s;
  87. }
  88.  
  89. a:hover{
  90. -webkit-transition-duration:.6s;
  91. -moz-transition-duration:.6s;
  92. -o-transition-duration:.6s;
  93. -ms-transition-duration:.6s;
  94. }
  95.  
  96.  
  97. /** CONTAINER **/
  98. #content {
  99. position:fixed;
  100. margin:0 auto;
  101. width:450px;
  102. background:white;
  103. height:450px;
  104. margin-top:150px;
  105. margin-left:650px;
  106. overflow-y:scroll;
  107. border:1px solid #cecbe7;
  108. padding:5px;
  109. }
  110.  
  111. #tt1{
  112. position:fixed;
  113. top:-10px;
  114. left:0px;
  115. width:100%;
  116. height:30px;
  117. background:#cecbe7;
  118. z-index:9999999;
  119. box-shadow:3px 3px #e1e1e1;
  120. border-bottom:4px solid #fff;
  121. }
  122. #tt2{
  123. position:fixed;
  124. margin-top:72px;
  125. margin-left:650px;
  126. width:442px;
  127. padding:10px;
  128. letter-spacing:1px;
  129. word-spacing:2px;
  130. text-align:center;
  131. text-shadow:-2px 1px #ddd;
  132. line-height:60px;
  133. height:60px;
  134. background:#cecbe7;
  135. z-index:9999999;
  136. color:#fff;
  137. font-size:18px;
  138. text-transform:uppercase;
  139. }
  140. /** ICONS **/
  141. #content img{
  142. margin-left:5px;
  143. width:60px;
  144. border-radius:100%;
  145. border:2px solid #cecbe7;
  146. padding:10px;
  147. -webkit-transition-duration:.6s;
  148. -moz-transition-duration:.6s;
  149. -o-transition-duration:.6s;
  150. -ms-transition-duration:.6s;
  151. }
  152. #content img:hover{
  153. border-radius:0%;
  154. outline:1px solid #fff;
  155. outline-offset:-10px;
  156. -webkit-transition-duration:.6s;
  157. -moz-transition-duration:.6s;
  158. -o-transition-duration:.6s;
  159. -ms-transition-duration:.6s;
  160. }
  161.  
  162. /** TITLE **/
  163. #title{
  164. position:fixed;
  165. font-size:61px;
  166. color:#fff; /** title color **/
  167. text-shadow:-1px 1px #cecbe7, 0px 1px #cecbe7, 1px 1px #cecbe7;
  168. font-family: 'Euphoria Script', cursive;
  169. width:auto;
  170. text-align:center;
  171. line-height:80px;
  172. margin:0 auto;
  173. margin-top:180px;
  174. margin-left:60px;
  175. margin-bottom:10px;
  176. }
  177.  
  178. /** CREDIT **/
  179. .credit a{
  180. font-size:9px;
  181. bottom:7px;
  182. right:10px;
  183. position:fixed;
  184. letter-spacing:1px;
  185. text-transform:uppercase;
  186. color:#000;
  187. font-family:calibri;
  188. text-decoration:none;
  189. }
  190.  
  191. .credit a:hover{
  192. color:#eee;
  193. }
  194. #picy{
  195. position:fixed;
  196. border:3px solid #cecbe7;
  197. padding:8px;
  198. background:white;
  199. border-radius:100%;
  200. width:180px;
  201. height:180px;
  202. margin-top:300px;
  203. margin-left:150px;
  204.  
  205. }
  206. #picy img{
  207. height:180px;
  208. width:180px;
  209. border-radius:100%;
  210. }
  211. #link1{
  212.  
  213. position:fixed;
  214. border:2px solid #fff;
  215. background:#cecbe7; /* change the color */
  216. font-size:11px;
  217. text-transform:uppercase;
  218. color:#fff;
  219. padding:9px;
  220. margin-left:360px;
  221. margin-top:370px;
  222. font-family:Calibri;
  223. border-radius:4px;
  224. width:40px;
  225. text-align:center;
  226. }
  227. #link1 a{
  228. color:#fff;
  229. }
  230.  
  231. #link2{
  232. position:fixed;
  233. border:2px solid #fff;
  234. background:#cecbe7; /* change the color */
  235. font-size:11px;
  236. text-transform:uppercase;
  237. color:#fff;
  238. width:40px;
  239. text-align:center;
  240. padding:9px;
  241. margin-left:430px;
  242. margin-top:370px;
  243. font-family:Calibri;
  244. border-radius:4px;
  245. }
  246. #link2 a{
  247. color:#fff;
  248. }
  249.  
  250. #link3{
  251.  
  252. position:fixed;
  253. border:2px solid #fff;
  254. background:#cecbe7; /* change the color */
  255. font-size:11px;
  256. text-transform:uppercase;
  257. color:#fff;
  258. padding:9px;
  259. width:40px;
  260. margin-left:500px;
  261. text-align:center;
  262. margin-top:370px;
  263. font-family:Calibri;
  264. border-radius:4px;
  265. }
  266. #link3 a{
  267. color:#fff;
  268. }
  269. #link4{
  270.  
  271. position:fixed;
  272. border:2px solid #fff;
  273. background:#cecbe7; /* change the color */
  274. font-size:11px;
  275. width:40px;
  276. text-transform:uppercase;
  277. color:#fff;
  278. padding:9px;
  279. margin-left:360px;
  280. margin-top:410px;
  281. font-family:Calibri;
  282. text-align:center;
  283. border-radius:4px;
  284. }
  285. #link4 a{
  286. color:#fff;
  287. }
  288. #link5{
  289.  
  290. position:fixed;
  291. border:2px solid #fff;
  292. background:#cecbe7; /* change the color */
  293. font-size:11px;
  294. text-transform:uppercase;
  295. color:#fff;
  296. padding:9px;
  297. margin-left:430px;
  298. width:40px;
  299. text-align:center;
  300. margin-top:410px;
  301. font-family:Calibri;
  302. border-radius:4px;
  303. }
  304. #link5 a{
  305. color:#fff;
  306. }
  307. #link6{
  308.  
  309. position:fixed;
  310. border:2px solid #fff;
  311. background:#cecbe7; /* change the color */
  312. font-size:11px;
  313. text-transform:uppercase;
  314. color:#fff;
  315. padding:9px;
  316. text-align:center;
  317. width:40px;
  318. margin-left:500px;
  319. margin-top:410px;
  320. font-family:Calibri;
  321. border-radius:4px;
  322. }
  323. #link6 a{
  324. color:#fff;
  325. }
  326. </style>
  327. </head>
  328. <body>
  329. <div id="tt1"></div>
  330. <div id="tt2">Follow these beautiful blogs down below!</div>
  331. <div id="title">Wonderful Blogs I follow</div>
  332. <div id="picy"><img src="http://41.media.tumblr.com/0761a59efe38d2653f8fa6b9eb459263/tumblr_n4epr5xCCD1rq163po1_500.png"></div>
  333. <div id="content">
  334.  
  335. {block:Following}{block:Followed}<a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-48}">{/block:Followed}{/block:Following}
  336. </div>
  337. <div id="link1"><div style="color:#fff"><a href="/" title="go back to my blog">Refresh</a></div></div>
  338. <div id="link2"><div style="color:#fff"><a href="/ask" title="shoot me a message!">Message</a></div></div>
  339. <div id="link3"><div style="color:#fff"><a href="/" title="navigate my blog!">links</a></div></div>
  340. <div id="link4"><div style="color:#fff"><a href="/" title="title">link</a></div></div>
  341. <div id="link5"><div style="color:#fff"><a href="/" title="title">link</a></div></div>
  342. <div id="link6"><div style="color:#fff"><a href="http://tumblr.com/dashboard" title="go to your dashboard!">Dash</a></div></div>
  343. <div id="pp"><img src="http://static.tumblr.com/7a259e2b45397f979261f6b8add9a137/hhll7ub/9LOna0ior/tumblr_static_8s3blwlvy0cokgcg4o80w84ok.png"></div>
  344. <div class="credit"><a href="http://mufflinq.tumblr.com" title="aj made this theme">bruhthemes</a></div>
  345.  
  346. </body>
  347. </html>
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!