API tools faq
paste
nunmuri

blogroll v2

nunmuri
Oct 28th, 2012
951
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.07 KB | None | 0 0
raw download clone embed print report
  1. <!-- theme made by nunmuri.tumblr.com/rockappeal.tumblr.com | don't take off the credits -->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <html>
  7. <head>
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16.  
  17. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  18. <link href='http://fonts.googleapis.com/css?family=Economica:700' rel='stylesheet' type='text/css'>
  19. <style type="text/css">
  20.  
  21.  
  22.  
  23. ::-webkit-scrollbar {
  24. width: 5px;
  25. height: 8px;}
  26.  
  27. ::-webkit-scrollbar-button:start:decrement,
  28. ::-webkit-scrollbar-button:end:increment {
  29. height: 0px;
  30. display: block;
  31. background-color: transparent;}
  32.  
  33. ::-webkit-scrollbar-track-piece {
  34. background-color: transparent;
  35. -webkit-border-radius: 5px;}
  36.  
  37. ::-webkit-scrollbar-thumb:vertical {
  38. height: 30px;
  39. background-color: #fff;
  40. -webkit-border-radius: 5px;}
  41.  
  42.  
  43. #title {
  44. font-size: 9px;
  45. font-family: courier new;
  46. color: #aaa;
  47. padding-right: 5px;
  48. padding-left: 5px;
  49. padding-top: 5px;
  50. padding-bottom: 5px;
  51. line-height:10px;
  52. text-transform:uppercase;
  53. letter-spacing:1px;
  54. font-weight:normal;
  55. text-align:left;
  56. }
  57.  
  58. #title a{
  59. font-size: 15px;
  60. font-family: telegrafico;
  61. color: #aaa;
  62. padding-right: 5px;
  63. padding-left: 5px;
  64. padding-top: 0px;
  65. padding-bottom: 0px;
  66. line-height:15px;
  67. letter-spacing:-1px;
  68. text-transform:uppercase;
  69. text-align:left;
  70. }
  71.  
  72. #title a:hover{
  73. color: #aaa;
  74. }
  75.  
  76.  
  77. #content {
  78. width: 600px;
  79. background-color:black;
  80. margin-left: 365px;
  81. top: 160px;
  82. float: none;
  83. position: fixed;
  84. z-index: 3;
  85. }
  86.  
  87.  
  88. #content2 {
  89. width: 600px;
  90. margin-left: 368px;
  91. top: 180px;
  92. height: auto;
  93. float: none;
  94. position: relative;
  95. z-index: 1;
  96. overflow-y: hidden;
  97. }
  98.  
  99. #content3 {
  100. width: 600px;
  101. background-color:black;
  102. margin-left: 365px;
  103. top: 0px;
  104. float: none;
  105. position: fixed;
  106. z-index: 3;
  107. }
  108.  
  109.  
  110.  
  111. body {
  112. background-color: #f3ede5;
  113. color: #aaa;
  114. background-image: url('http://i50.tinypic.com/2eyf9ug.png');
  115. background-position:;
  116. background-attachment:fixed;
  117. font-family: trebuchet ms;
  118. font-size: 9px;
  119. overflow-x: hidden;
  120. }
  121. a {font-weight:normal; color: #4c4c4c; text-decoration:none; text-transform: lowercase; font-family: trebuchet ms; font-size: 9px; letter-spacing:0px; -webkit-transition: all 0.5s ease-out;
  122. -moz-transition: all 0.5s ease-out;
  123. -o-transition: all 0.5s ease-out;}
  124. a:hover {color: #aaa; -webkit-transition: all 0.5s ease-out;
  125. -moz-transition: all 0.5s ease-out;
  126. -o-transition: all 0.5s ease-out;}
  127.  
  128.  
  129.  
  130. .navi1 a{
  131. width: 80px;
  132. height: auto;
  133. margin-left: 2px;
  134. font-size:8px;
  135. color: #4c4c4c;
  136. float: left;
  137. font-family: courier new;
  138. margin-left: 20px;
  139. margin-bottom: 0px;
  140. padding: 20px;
  141. text-align: center;
  142. letter-spacing: 1px;
  143. line-height: 10px;
  144. background-color: white;
  145. text-transform:uppercase;
  146. -webkit-transition: all 0.4s ease-out;
  147. -moz-transition: all 0.4s ease-out;
  148. -o-transition: all 0.4s ease-out;
  149. }
  150.  
  151. .navi1 a:hover{ background-color:#232323;
  152. color: #b2b2b2;
  153. -webkit-transition: all 0.4s ease-out;
  154. -moz-transition: all 0.4s ease-out;
  155. -o-transition: all 0.4s ease-out;
  156. }
  157.  
  158.  
  159. #navi25 {
  160. width: 600px;
  161. margin-left: 13px;
  162. margin-top: 0px;
  163. float:left;
  164. padding-top: 60px;
  165. height: auto;
  166. padding-left: 70px;
  167. position:fixed;
  168. z-index:9999;
  169. background-color: transparent;
  170. }
  171.  
  172.  
  173.  
  174. .ava{
  175. margin-bottom: 2px;
  176. border: 10px solid;
  177. border-color: white;
  178. margin-left: 3px;-webkit-transition: all 0.5s ease-out;
  179. -moz-transition: all 0.5s ease-out;margin-bottom:-1px;
  180. -o-transition: all 0.5s ease-out;
  181. }
  182.  
  183. .ava img{
  184. margin-bottom:-4px;
  185.  
  186. }
  187.  
  188. .ava img:hover{border: 10px solid;
  189. border-color: black;}
  190. .ava:hover{border: 10px solid;
  191. border-color: black; -webkit-transition: all 0.5s ease-out;
  192. -moz-transition: all 0.5s ease-out;
  193. -o-transition: all 0.5s ease-out;}
  194.  
  195. #s-m-t-tooltip{
  196. position:absolute;
  197. max-width:300px;
  198. padding:6px 8px 8px 8px;
  199. background:#fff;
  200. z-index:99999;
  201. display:inline-block; /*important*/
  202. /*font*/
  203. font-family:trebuchet ms;
  204. font-size:9px;
  205. line-height:9px;
  206. color:#7e7e7e;
  207. }
  208.  
  209. .menu {
  210. float: left;
  211. width: 100%;
  212. height: 100%;
  213. font-size: 7px;
  214. font-family: Trebuchet MS;
  215. text-transform:uppercase;
  216. margin-left: 0px;
  217. color: #7e7e7e;
  218. margin-top:0px;
  219. background: black;
  220. padding-left: 0px;
  221. position: absolute;
  222. line-height:8px;
  223. letter-spacing: 1px;
  224. text-align: center;
  225. overflow:hidden;
  226. -webkit-transition: all 0.5s ease-out;
  227. -moz-transition: all 0.5s ease-out;
  228. -o-transition: all 0.5s ease-out;
  229. opacity: 0;
  230. filter:alpha(opacity=0);
  231. -moz-opacity: 0;
  232. -khtml-opacity: 0;
  233. }
  234.  
  235. .menu a{color: #4c4c4c; font-size: 7px;
  236. font-family: Trebuchet MS;
  237. text-transform:uppercase;}
  238.  
  239. .menu a:hover {#aaa;
  240. }
  241. #sidebari {margin-left:0px; margin-bottom:0px; margin-top:0px; padding-right:0px; overflow:hidden; width: auto;}
  242. #sidebari img { max-height: auto; text-align:center; padding-right:0px; overflow:hidden; }
  243.  
  244.  
  245. #sidebari:hover .menu{
  246. opacity: 0.7;
  247. filter:alpha(opacity=70);
  248. -moz-opacity: 0.7;
  249. -khtml-opacity: 0.7;
  250. -webkit-transition: all 0.5s ease-out;
  251. -moz-transition: all 0.5s ease-out;
  252. -o-transition: all 0.5s ease-out; overflow:hidden;}
  253.  
  254. #sidemenu { position: fixed; float:none: width: 10px; margin-left: 270px; margin-top: 190px; height:auto; opacity: 0.3;
  255. filter:alpha(opacity=30);
  256. -moz-opacity: 0.3;
  257. -khtml-opacity: 0.3;}
  258. #sidemenu img{ padding: 3px;}
  259. </style>
  260. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  261. <script type="text/javascript" src="http://static.tumblr.com/znu1c9m/BSqmb8qly/jquery.style-my-tooltips.js"></script>
  262. <script type="text/javascript">
  263. $().ready(function() {
  264. //applies to all elements with title attribute. Change to ".class[title]" to select only elements with specific .class and title
  265. $("[title]").style_my_tooltips({
  266. tip_follows_cursor: "on", //on/off
  267. tip_delay_time: 150 //milliseconds
  268. });
  269. });
  270. </script>
  271. </head>
  272. <body>
  273.  
  274. <div id="content3"><div id="sidebari"> <span class="menu"><div id="navi25">
  275. <div class="navi1"><a href="http://{name}.tumblr.com/">Back</a></div><div class="navi1"><a href="http://tumblr.com/">dashboard</a></div><div class="navi1"><a href="http://nunmurithemes.tumblr.com">credits</a></div>
  276. </div></div><img src="http://i45.tinypic.com/2i6mccg.png"></span></div>
  277. <div id="content">
  278. <div id="title">{name}'s blogroll</div></div>
  279. <div id="content2">
  280. {block:Following}{block:Followed}
  281.  
  282. <a target="_blank" href="{FollowedURL}"><img border: "0" src="{FollowedPortraitURL-40}" title="{FollowedName}" class="ava">
  283.  
  284. {/block:Followed}{/block:Following}</a>
  285. </div>
  286.  
  287. </body></html>
Advertisement
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!