march_

jacqueline [blogroll]

Mar 25th, 2014
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.18 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!---
  6.  
  7. page made by umiie.tumblr.com /(^ x ^=)\
  8.  
  9. notes: this looks waaaay better with Google Chrome, because of the scroll
  10. feel free to ask any questions
  11.  
  12. --->
  13.  
  14. <head>
  15. <title>{Title} - blogroll </title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17.  
  18. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  19.  
  20. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  21.  
  22. <script>
  23. (function($){
  24. $(document).ready(function(){
  25. $("a[title]").style_my_tooltips({
  26. tip_follows_cursor:true,
  27. tip_delay_time:0,
  28. tip_fade_speed:0,
  29. attribute:"title"
  30. });});})(jQuery);
  31. </script>
  32.  
  33.  
  34. <style type="text/css">
  35.  
  36. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  37.  
  38. @font-face { font-family: "craftygirls"; src: url('http://themes.googleusercontent.com/static/fonts/craftygirls/v0/0Sv8UWFFdhQmesHL32H8o3hCUOGz7vYGh680lGh-uXM.woff'); }
  39.  
  40. #s-m-t-tooltip {display:inline-block;z-index:9999!important;margin:26px 14px 7px 12px;padding:3px;padding-bottom:1px;font:9px Consolas;letter-spacing:1px;text-transform:uppercase;background-color:#fff;color:#c9bfde;border-radius:5px;}.chu{position:fixed;right:0px;bottom:0px;}.chu a:hover{background-color:transparent;color:{color:text};}.chu a {text-transform:uppercase;font-size:8px;letter-spacing:1px;}
  41.  
  42. /* Here's the body part. You can change the background color. */
  43.  
  44. body {background-color:#fff;font:9px Consolas;color:black;text-transform:uppercase;letter-spacing:1px;}
  45.  
  46. /* The main container. You can change the border style or color. */
  47.  
  48. .mukuro{margin-top:200px;margin-left:120px;width:552px;height:310px;overflow:hidden;background-color:white;position:fixed;padding:4px;border:1px dashed #ededed;border-radius:10px;}
  49.  
  50. .tsuna{width:510px;height:270px;overflow:scroll;padding:10px;background-color:#fff;margin:10px;}
  51.  
  52. .tsuna img {max-width:40px;border:10px solid white;margin:3px;-webki-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;border-radius:15px;}
  53.  
  54. /* This part is for the avatars. Change #68cdff for the code of the color you like. */
  55.  
  56. .tsuna img:hover {border:10px solid #68cdff;border-radius:0px;}
  57.  
  58. /* This is the scrollbar part. #ffe668 is the little rectangle and #fff is the scrollbar's background. */
  59.  
  60. ::-webkit-scrollbar-thumb:vertical {background-color:#ffe668; height:10px;}
  61. ::-webkit-scrollbar-thumb:horizontal {background-color:#ffe668; height:10px!important;}
  62. ::-webkit-scrollbar {background-color:#fff; height:10px; width:6px;}
  63.  
  64. /* The nav part. #ffe668 is the color of the title; #6881ff is the color of the links and #ff6881 is the color of the links when hover. */
  65.  
  66. .lambo {font-family:"craftygirls";font-size:16px;position:fixed;top:290px;left:710px;text-transform:lowercase;color:#ffe668;}
  67.  
  68. .lambo a {display:block;text-decoration:none;font:8px "silkscreen", Consolas;color:#6881ff;text-align:center;margin:7px 0px;-webki-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;text-transform:uppercase;}
  69.  
  70. .lambo a:hover{color:#ff6881;}
  71.  
  72. </style>
  73. </head>
  74. <body>
  75.  
  76. <!-- You can change the image or the title down below. Also, check the links, I'd recommend you to change it for your specific blog, ex: myblog.tumblr.com/ask -->
  77.  
  78. <div class="lambo">
  79. <center><img src="http://img806.imageshack.us/img806/4749/aisude001.png"></center><br>following<br>
  80. <a href="/">blog</a>
  81. <a href="/ask">ask</a>
  82. <a href="http://www.tumblr.com/dashboard">dash</a>
  83. </div>
  84.  
  85. <div class="chu"><a href="http://umiie.tumblr.com" alt="blank" title="theme"><img src="http://static.tumblr.com/cmsnnso/K1zn2eqqt/tumblr_md70k9yuuj1rx3d1wo1_500.gif" width="16px"></a></div>
  86.  
  87. <div class=mukuro>
  88.  
  89. <div class=tsuna>
  90. {block:Following}
  91. {block:Followed}
  92. <a href="{FollowedURL}" title="{FollowedName}" target="_blank"/><img src="{FollowedPortraitURL-64}"/></a>
  93. {/block:Followed}{/block:Following}
  94. </div>
  95.  
  96.  
  97. </body>
  98. </html>
Advertisement
Add Comment
Please, Sign In to add comment