Advertisement
sadmilks

blgroll #1

Apr 12th, 2013
292
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.58 KB | None | 0 0
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.  
  3. <!--
  4.  
  5. blgroll #1 by r-eiora (`・ω・´)” pls don't use as your own or remove the credit, thank you!!
  6.  
  7. -->
  8.  
  9. <head>
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12.  
  13. <style type="text/css">
  14.  
  15.  
  16. @font-face {font-family: 'pix';font-style: normal;font-weight: normal;
  17. src: local('pix'), url('http://static.tumblr.com/s4afcug/sJzmj12zk/pix-webfont.woff') format('woff');}
  18. ::-webkit-scrollbar{width:7px;height:7px;}
  19. ::-webkit-scrollbar-button:start:decrement
  20. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  21. ::-webkit-scrollbar-track-piece{background-color:#ffffff; -webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  22. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#202020;-webkit-border-radius:px;}
  23. ::-webkit-scrollbar-thumb:horizontal{width:7px; background-color:#202020;-webkit-border-radius:px;}
  24.  
  25.  
  26. body {
  27. margin:0;
  28. padding:0;
  29. border:0;
  30. background-color:#f8f8f8;
  31. color:#e1e1e1;
  32. }
  33.  
  34. a {
  35. color:#e1e1e1;
  36. text-decoration:none;
  37. cursor:help;
  38. }
  39.  
  40.  
  41. #bo {
  42. width:920px;
  43. margin:10px auto 20px auto;
  44. height:auto;
  45. }
  46.  
  47. #bo img {
  48. margin:9px;
  49. background-color:#fffff;
  50. padding:5px;
  51. opacity:0.7;
  52. -webkit-transition: all 0.4s ease;
  53. -moz-transition: all 0.4s ease;
  54. -o-transition: all 0.4s ease;
  55. }
  56.  
  57. #bo img:hover {
  58. background-color:#fff;
  59. padding:5px;
  60. border:0px solid #def;
  61. opacity:1;
  62. }
  63.  
  64. #top {
  65. width:100%;
  66. height:40px;
  67. background-color:#000000;
  68. border-bottom:9px solid #202020;
  69. text-align:center;}
  70.  
  71. #top a {
  72. display:inline-block;
  73. padding:14px;
  74. border-bottom:0px solid #f1f1f1;
  75. font-family:tahoma;
  76. color:#fff;
  77. font-size:16px;
  78. letter-spacing:1px;
  79. text-transform:uppercase;
  80. text-align:center;
  81. text-decoration:none;
  82. -webkit-transition:all 0.2s ease-out;
  83. -moz-transition:all 0.2s ease-out;
  84. -o-transition:all 0.2s ease-out;}
  85.  
  86. #top a:hover {
  87. padding-top:14px;
  88. padding-left:14px;
  89. padding-bottom:11px;
  90. padding-right:14px;
  91. border-bottom:4px solid #000;
  92. background-color:#c0c0c0;
  93. color:#fff}
  94.  
  95. #nav {
  96. z-index:999999;
  97. width:80px;
  98. top:130px;
  99. left:15px;
  100. position:fixed;
  101. }
  102.  
  103. .nav a {
  104. font-family:tahoma;
  105. color:#222;
  106. font-size:19px;
  107. line-height:30px;
  108. letter-spacing:1px;
  109. padding:3px;
  110. }
  111.  
  112. .nav a:hover{
  113. background-color:#000;
  114. color:#fff
  115. }
  116.  
  117. #s-m-t-tooltip {z-index: 9999;cursor:help;padding: 0px 5px 0px 5px;display: block;background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #f9f9f9 100%);background-image: -o-linear-gradient(top, #FFFFFF 0%, #f9f9f9 100%);background-image: -moz-linear-gradient(top, #FFFFFF 0%, #f9f9f9 100%);background-image: -ms-linear-gradient(top, #FFFFFF 0%, #f9f9f9 100%)margin-top:5px;text-shadow:1px 1px 0px #ffffff;-moz-box-shadow: 0px 1px 1px #cccccc;-webkit-box-shadow: 0px 1px 1px #cccccc;box-shadow: 0px 1px 1px #cccccc;color: #202020;max-width: 100px;word-wrap: break-word;font-size: 10px;margin: 20px 15px 5px 15px; font-family:monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;}
  118.  
  119. #seme {font-size:12px;
  120. font-style:oblique;
  121. font-family:courier;
  122. text-transform:lowercase;
  123. padding:5px 0px 5px 5px;
  124. letter-spacing:8px;
  125. text-align:center; position:fixed; padding:0px; margin:0px; top:0px; left:50px; background:#000000; width:47.7px; height:100%;z-index:9999;}
  126.  
  127. #seme .text {
  128. position:fixed;
  129. margin-top:205px;
  130. text-align:center;
  131. padding:9px;
  132. color:#ffffff;
  133. }
  134.  
  135. #line{
  136. position:fixed;
  137. width:2px;
  138. margin-top:-10px;
  139. margin-left:140px;
  140. height:102%;
  141. background-color:#000000;
  142. }
  143.  
  144.  
  145. </style>
  146. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  147. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  148. <script>
  149. (function($){
  150. $(document).ready(function(){
  151. $("a[title]").style_my_tooltips({
  152. tip_follows_cursor:true,
  153. tip_delay_time:20,
  154. tip_fade_speed:400,
  155. attribute:"title"
  156. });
  157. });
  158. })(jQuery);
  159. </script>
  160. </head>
  161.  
  162.  
  163. <body>
  164.  
  165. <div id="line"></div>
  166. <div id="seme">
  167. <div class="text">
  168. <div align="left">
  169. <big><big><big><big><big> ブ <br> ロ <br> グ <br> ロ <br> ー <br> ル </br></big></big></big></big></big>
  170. </div>
  171. </div>
  172. </div>
  173. <center>
  174.  
  175.  
  176. </div>
  177. <div id="top">
  178. <a href="/">return</a>
  179. <a href="/ask">message</a>
  180. <a href="http://r-eiora.tumblr.com">credit</a></div>
  181.  
  182. </div>
  183.  
  184. {block:Following}
  185. <div id="bo" align="center">
  186. {block:Followed}<a title="{FollowedName}" target="_blank" href="{FollowedURL}"><img border="0" src="{FollowedPortraitURL-64}"/>{/block:Followed}
  187. </div>
  188. {/block:Following}
  189.  
  190.  
  191. </body>
  192. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement