cloverfield

t#4 tanuki

Sep 15th, 2014
6,291
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.82 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd"><!--
  3.  
  4.  
  5.  
  6. > theme:tanuki by 01kido
  7. > please don't remove credit but moving to pages/etc is ok
  8.  
  9.  
  10.  
  11. --><html> <head>
  12.  
  13. <title>{Title}</title>
  14.  
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <link rel="shortcut icon" href="{image:favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. <meta name="image:favicon" content="">
  21. <meta name="image:background" content="">
  22. <meta name="image:sidebar" content="">
  23. <meta name="image:side image" content="">
  24. <meta name="image:default album art" content="http://i.imgur.com/RWGUgLa.png">
  25.  
  26. <meta name="color:background" content="#fff"/>
  27. <meta name="color:gradient 1" content="#bbccc2"/>
  28. <meta name="color:gradient 2" content="#dfa1d5"/>
  29. <meta name="color:text" content="#000"/>
  30. <meta name="color:titles" content="#9087c1"/>
  31. <meta name="color:sidebar text" content="#000"/>
  32. <meta name="color:posts" content="#fff2ef"/>
  33. <meta name="color:sidebar" content="#fff2ef"/>
  34. <meta name="color:post border" content="#aaa"/>
  35. <meta name="color:sidebar border" content="#aaa"/>
  36. <meta name="color:posts shadow" content="#aedae7"/>
  37. <meta name="color:links" content="#5d8cad"/>
  38. <meta name="color:links hover" content="#90cad7"/>
  39. <meta name="color:side links" content="#aaa"/>
  40. <meta name="color:side link hover" content="#ff0000"/>
  41. <meta name="color:permalink" content="#626262"/>
  42. <meta name="color:permalink hover" content="#000"/>
  43. <meta name="color:permalink links" content="#ff9f9f"/>
  44. <meta name="color:permalink links hover" content="#ff0000"/>
  45. <meta name="color:accent" content="#eee"/>
  46. <meta name="color:accent border" content="#aaa"/>
  47. <meta name="color:blockquote" content="#aaa"/>
  48. <meta name="color:chat 1" content="#bbccc2"/>
  49. <meta name="color:chat 2" content="#dfa1d5"/>
  50. <meta name="color:scrollbar" content="#fff"/>
  51. <meta name="color:scrollbar bg" content="#000"/>
  52.  
  53. <meta name="select:font" content="ms gothic"/>
  54. <meta name="select:font" content="ms ui gothic"/>
  55. <meta name="select:font" content="consolas"/>
  56. <meta name="select:font" content="inconsolata"/>
  57. <meta name="select:font" content="lucida sans"/>
  58. <meta name="select:font" content="lucida console"/>
  59. <meta name="select:font" content="segoe ui"/>
  60. <meta name="select:font" content="dotum"/>
  61. <meta name="select:font" content="dotumche"/>
  62. <meta name="select:font" content="arial"/>
  63.  
  64. <meta name="if:posts shadow" content="1"/>
  65. <meta name="if:show captions" content="1"/>
  66. <meta name="if:show tags" content="1"/>
  67. <meta name="if:250px posts" content="0"/>
  68. <meta name="if:300px posts" content="0"/>
  69. <meta name="if:350px posts" content="0"/>
  70. <meta name="if:400px posts" content="1"/>
  71. <meta name="if:500px posts" content="0"/>
  72. <meta name="if:gradient background" content="1"/>
  73. <meta name="if:small cursor" content="1"/>
  74. <meta name="if:custom scrollbar" content="1"/>
  75. <meta name="if:side image right" content="0"/>
  76. <meta name="if:background cover" content="0"/>
  77. <meta name="if:endless scroll" content="0"/>
  78. <meta name="if:weird static effect on sidebar image hover" content="0"/>
  79.  
  80. <meta name="text:menu text" content="hello"/>
  81. <meta name="text:menu tab width" content="50px"/>
  82. <meta name="text:font size" content="11px"/>
  83. <meta name="text:reblog symbol" content="♪"/>
  84. <meta name="text:sidebar width" content="100px"/>
  85. <meta name="text:sidebar top" content="100px"/>
  86. <meta name="text:sidebar left" content="470px"/>
  87. <meta name="text:scrollbar width" content="6px"/>
  88. <meta name="text:link 1 title" content="1 link"/>
  89. <meta name="text:link 1 url" content="/"/>
  90. <meta name="text:link 2 title" content="2 link"/>
  91. <meta name="text:link 2 url" content="/"/>
  92. <meta name="text:link 3 title" content="3 link"/>
  93. <meta name="text:link 3 url" content="/"/>
  94.  
  95. <meta name="select:post border style" content="1px solid" title="solid"/>
  96. <meta name="select:post border style" content="1px dotted" title="dotted"/>
  97. <meta name="select:post border style" content="1px dashed" title="dashed"/>
  98. <meta name="select:post border style" content="none"/>
  99.  
  100. <meta name="select:sidebar border style" content="1px solid" title="solid"/>
  101. <meta name="select:sidebar border style" content="1px dotted" title="dotted"/>
  102. <meta name="select:sidebar border style" content="1px dashed" title="dashed"/>
  103. <meta name="select:sidebar border style" content="none"/>
  104. <meta name="select:post corner rounded" content="0px"/>
  105. <meta name="select:post corner rounded" content="3px"/>
  106. <meta name="select:post corner rounded" content="5px"/>
  107. <meta name="select:post corner rounded" content="7px"/>
  108. <meta name="select:sidebar corner rounded" content="0px"/>
  109. <meta name="select:sidebar corner rounded" content="3px"/>
  110. <meta name="select:sidebar corner rounded" content="5px"/>
  111. <meta name="select:sidebar corner rounded" content="7px"/>
  112.  
  113. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  114.  
  115. <style type="text/css">
  116.  
  117. iframe#tumblr_controls { right:0px !important;position:fixed !important; }
  118.  
  119. {block:ifsmallcursor} *, body {cursor: url(http://i.imgur.com/2qleX.jpg), auto;} a, a:link,a:active,a:visited, a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;} {/block:ifsmallcursor}
  120.  
  121. {block:ifcustomscrollbar}
  122. ::-webkit-scrollbar { width:{text:scrollbar width}; height:{text:scrollbar width}; background-color:{color:scrollbar bg}; }
  123. ::-webkit-scrollbar-track { background-color:{color:scrollbar bg}; }
  124. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border:1px solid {color:scrollbar bg}; }
  125. {/block:ifcustomscrollbar}
  126.  
  127. body { {block:ifgradientbackground}
  128. background: -webkit-linear-gradient(left, {color:gradient 1} , {color:gradient 2});
  129. background: -o-linear-gradient(right, {color:gradient 1}, {color:gradient 2});
  130. background: -moz-linear-gradient(right, {color:gradient 1}, {color:gradient 2});
  131. background: linear-gradient(to right, {color:gradient 1} , {color:gradient 2});
  132. {/block:ifgradientbackground}
  133.  
  134. {block:ifnotgradientbackground} background-color:{color:background}; margin:0; background-image:url('{image:background}'); background-attachment:fixed; {block:ifbackgroundcover}-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;{/block:ifbackgroundcover} {/block:ifnotgradientbackground} word-wrap:break-word; font-family:{select:font}; color:{color:text}; font-size:{text:font size}; }
  135.  
  136. body img { border:none; }
  137.  
  138. .tooltip { display: inline; position: relative; }
  139. #s-m-t-tooltip { max-width:400px; padding:1px 3px 1px 3px; margin:10px; background-color:#fff; border:1px solid #777; font-family:{select:font}; font-size:{text:font size}; color: #777; z-index:999999; word-wrap:break-word; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
  140.  
  141. a { color:{color:links}; text-decoration:none; transition: all .2s ease; -webkit-transition: all .2s ease; -o-transition: all .2s ease; -moz-transition: all .2s ease; }
  142. a:hover { color:{color:links hover}; transition: all .2s ease; -webkit-transition: all .2s ease; -o-transition: all .2s ease; -moz-transition: all .2s ease; }
  143. h1 { font-size:14px; }
  144. small { font-size:10px; }
  145. big { font-size:14px; }
  146. pre { font-family:{select:font}; font-size:{text:font size}; border:1px solid {color:accent border}; background-color:{color:accent}; padding:5px 7px 5px 7px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
  147. }
  148.  
  149. blockquote { border-left:2px solid {color:blockquote}; padding-left:10px; margin:-2px 0px 5px 5px; }
  150.  
  151. #pangaea { {block:if250pxposts} width:270px; {/block:if250pxposts} {block:if300pxposts} width:320px; {/block:if300pxposts} {block:if350pxposts} width:370px; {/block:if350pxposts} {block:if400pxposts} width:420px; {/block:if400pxposts} {block:if500pxposts} width:520px; {/block:if500pxposts} margin:auto; }
  152.  
  153. #sidebarcont { position:fixed; width:100px; margin-left:{text:sidebar left}; color:{color:sidebar text}; margin-top:{text:sidebar top}; }
  154.  
  155. #sidebar { position:relative; width: {text:sidebar width} ; border:{select:sidebar border style} {color:sidebar border}; padding:10px 10px 12px 10px; border-radius:{select:sidebar corner rounded}; -webkit-border-radius:{select:sidebar corner rounded}; -moz-border-radius:{select:sidebar corner rounded}; background-color:{color:sidebar}; min-height:94px;}
  156.  
  157. #imgbox { width:{text:sidebar width}; }
  158. #imgbox img { max-width:{text:sidebar width}; margin-bottom:-2px; }
  159. #imgbox img:hover { {block:ifweirdstaticeffectonsidebarimagehover} opacity:0.9; {/block:ifweirdstaticeffectonsidebarimagehover} }
  160. #imgbox:hover { {block:ifweirdstaticeffectonsidebarimagehover} background-image:url('http://i.imgur.com/9gQIGfQ.gif'); {/block:ifweirdstaticeffectonsidebarimagehover} }
  161.  
  162. #descrip { color:{color:sidebar text}; text-align:center; margin-top:10px; }
  163.  
  164. #ks { width: {text:sidebar width} ; height:102px; border:{select:sidebar border style} {color:sidebar border}; background-color:{color:sidebar}; overflow:hidden; padding-top:9px; padding-bottom:3px; }
  165.  
  166. #hk { text-align:center; width:100px; margin-top:-116px; margin-left:10px; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
  167.  
  168. #hk:hover { margin-top:-1px; }
  169.  
  170. #menu { display:block; line-height:20px; border:{select:sidebar border style} {color:sidebar border}; padding-top:2px; text-align:center; width: {text:menu tab width} ; border-top:1px dotted {color:sidebar border} ; background-color:{color:sidebar}; margin-top:-1px;
  171.  
  172. border-bottom-left-radius:{select:sidebar corner rounded};
  173. -moz-border-radius-bottomleft: {select:sidebar corner rounded};
  174. -webkit-border-bottom-left-radius: {select:sidebar corner rounded};
  175. border-bottom-right-radius: {select:sidebar corner rounded};
  176. -moz-border-radius-bottomright: {select:sidebar corner rounded};
  177. -webkit-border-bottom-right-radius: {select:sidebar corner rounded};
  178.  
  179. }
  180.  
  181. .seto { display:block; width:100%; height:16px; line-height:16px; overflow:hidden; text-align:center; font-family:trebuchet ms; font-size:9px; letter-spacing:1px; text-transform:uppercase; color:{color:side links}; }
  182. .seto:hover { color:{color:side link hover}; }
  183.  
  184. #posts { {block:if250pxposts} width:250px; {/block:if250pxposts} {block:if300pxposts} width:300px; {/block:if300pxposts} {block:if350pxposts} width:350px; {/block:if350pxposts} {block:if400pxposts} width:400px; {/block:if400pxposts} {block:if500pxposts} width:500px; {/block:if500pxposts} border:{select:post border style} {color:post border} ; padding:10px; margin-top:40px; margin-bottom:40px; border-radius:{select:post corner rounded}; -webkit-border-radius:{select:post corner rounded}; -moz-border-radius:{select:post corner rounded}; {block:ifpostsshadow} box-shadow:-3px 3px 0px 0px {color:posts shadow}; -webkit-box-shadow:-3px 3px 0px 0px {color:posts shadow}; -3px 3px 0px 0px {color:posts shadow}; {/block:ifpostsshadow} background-color:{color:posts}; overflow:hidden; }
  185.  
  186. #posts img { max-width:100%; }
  187.  
  188. #titles { font-size:1.1em; font-weight:bold; text-align:center; padding-bottom:4px; margin-bottom:5px; color:{color:titles}; border-bottom:1px dotted {color:text}; }
  189.  
  190. #pppp { letter-spacing:1px; margin:10px -10px -10px -10px; padding:5px 7px 4px 7px; background-color:{color:permalink}; border-top:1px solid {color:post border}; text-align:left; line-height:11px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; }
  191.  
  192. #pppp:hover { background-color:{color:permalink hover}; transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; }
  193.  
  194. #pppp a { color:{color:permalink links}; all .1s ease; -webkit-transition: all .1s ease; -o-transition: all .1s ease; -moz-transition: all .1s ease; }
  195. #pppp a:hover { color:{color:permalink links hover}; all .1s ease; -webkit-transition: all .1s ease; -o-transition: all .1s ease; -moz-transition: all .1s ease; }
  196.  
  197. #ppp { min-height:11px; text-align:right; margin-top:-11px; }
  198.  
  199. #ttag { margin-top:2px; display:inline-block; }
  200.  
  201. #pp { margin-top:4px; padding-top:2px; border-top:1px dotted {color:permalink links}; text-align:center; text-transform:uppercase; }
  202.  
  203. #pagn { text-align:center; margin-bottom:40px; }
  204. #pagn a { border:1px solid {color:post border}; background-color:{color:posts}; padding: 2px 5px 2px 5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
  205.  
  206. #aart { width:90px; height:90px; background-image:url('{image:default album art}'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow:hidden; border:5px solid {color:accent}; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-top:0px;
  207.  
  208. {block:if250pxposts} margin-left:150px; {/block:if250pxposts}
  209. {block:if300pxposts} margin-left:200px; {/block:if300pxposts}
  210. {block:if350pxposts} margin-left:250px; {/block:if350pxposts}
  211. {block:if400pxposts} margin-left:300px; {/block:if400pxposts}
  212. {block:if500pxposts} margin-left:400px; {/block:if500pxposts}
  213. }
  214.  
  215. #aart img { width:90px; height:90px;
  216. border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
  217.  
  218. #aplayn { position:absolute; margin-top:-83px; margin-left:40px; }
  219.  
  220. #acontainer { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color: {color:accent}; padding:5px;
  221.  
  222. margin-top:-100px; min-height:90px;
  223. {block:if250pxposts} width:125px; {/block:if250pxposts}
  224. {block:if300pxposts} width:175px; {/block:if300pxposts}
  225. {block:if350pxposts} width:225px; {/block:if350pxposts}
  226. {block:if400pxposts} width:275px; {/block:if400pxposts}
  227. {block:if500pxposts} width:375px; {/block:if500pxposts}
  228. }
  229.  
  230. #acover { width:27px; padding:5px; }
  231. #acover:hover #aplay { opacity:1; display:block; height:27px; width:27px; transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; -moz-transition: all .4s ease; }
  232.  
  233. #aplay { margin-left:-4px; height:27px; width:0px; opacity:0; overflow:hidden; margin-top:-27px; transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; -moz-transition: all .4s ease; }
  234.  
  235. #ainfo { margin-top:20px; }
  236.  
  237. #trackt { padding-bottom:2px; border-bottom:1px dotted {color:text}; margin-bottom:4px; }
  238.  
  239.  
  240. #tr { width:0; height:0; border-top: 7px solid transparent; border-left: 10px solid {color:accent}; border-bottom: 7px solid transparent; margin-top:-30px;
  241.  
  242. {block:if250pxposts} margin-left:130px; {/block:if250pxposts}
  243. {block:if300pxposts} margin-left:180px; {/block:if300pxposts}
  244. {block:if350pxposts} margin-left:230px; {/block:if350pxposts}
  245. {block:if400pxposts} margin-left:280px; {/block:if400pxposts}
  246. {block:if500pxposts} margin-left:380px; {/block:if500pxposts}
  247. }
  248.  
  249.  
  250. #askimg { border:1px solid {color:accent border}; border-radius:24px; -webkit-border-radius:24px; -moz-border-radius:24px; }
  251.  
  252. #askimg:hover { -webkit-transform:rotate(-360deg); -moz-transform:rotate(-360deg); -o-transform:rotate(-360deg); transform:rotate(-360deg); transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay:0.1s; }
  253.  
  254. #ask { margin-top:-51px; margin-left:60px; background-color:{color:accent}; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:5px 6px 5px 6px; min-height:38px; }
  255.  
  256. #trnd { position:absolute; width: 0; height: 0; border-left: 10px solid transparent; border-top: 10px solid {color:accent}; margin-left:-15px; margin-top:-5px; }
  257.  
  258. .odd .label { font-weight:bold; color:{color:chat 1}; }
  259. .even .label { font-weight:bold; color:{color:chat 2}; }
  260.  
  261. #chat { list-style:none; line-height:1.2em; }
  262.  
  263. #quota { text-align:right; }
  264. #qsrc { font-style:italic; text-align:right; margin-top:5px; }
  265.  
  266. #lnk { text-align:center; line-height:1.8em; border:1px solid {color:accent border}; background-color:{color:accent}; width:100%; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
  267.  
  268. .nnotes { color:{color:text}; margin-top:-20px; }
  269. .nnotes li { list-style:none; margin-left:-40px; }
  270. .nnotes img { border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; margin:0px 8px 4px 0px; }
  271.  
  272. </style>
  273.  
  274. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  275.  
  276. </head>
  277.  
  278. <body>
  279.  
  280. <div style="position:fixed; bottom:-10px; {block:ifsideimageright} right:-10px; {/block:ifsideimageright} {block:ifnotsideimageright} left:-10px; {/block:ifnotsideimageright} z-index: -2;"><img style="border: 0;" src="{image:side image}"/></div>
  281.  
  282. <div id="pangaea">
  283.  
  284. <div id="sidebarcont">
  285.  
  286. <div id="sidebar">
  287.  
  288. <div id="imgbox">
  289. <center><a href="/" title="{title}"><img src="{image:sidebar}" ></a></center>
  290. </div> <!--end imgbox-->
  291.  
  292. {block:description}
  293. <div id="descrip">
  294. {description}
  295. </div> <!--end descrip-->
  296. {/block:description}
  297.  
  298.  
  299. </div> <!--end sidebar-->
  300.  
  301. <div id="hk">
  302.  
  303. <div id="ks">
  304.  
  305. <a class="seto" href="/" >refresh</a>
  306. <a class="seto" href="/ask" >message</a>
  307. <a class="seto" href="{text:link 1 url}" >{text:link 1 title}</a>
  308. <a class="seto" href="{text:link 2 url}" >{text:link 2 title}</a>
  309. <a class="seto" href="{text:link 3 url}" >{text:link 3 title}</a>
  310. <a class="seto" href="http://01kido.tumblr.com/" target="_blank" >theme</a>
  311.  
  312.  
  313. </div><!--end ks-->
  314.  
  315. <div id="menu">{text:menu text}</div>
  316.  
  317. </div> <!--end hk-->
  318.  
  319. </div> <!--end sidebarcont-->
  320.  
  321. <div id="box">
  322.  
  323. <div class = "autopagerize_page_element" >
  324.  
  325. {block:posts}
  326.  
  327. <div id="posts">
  328.  
  329. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  330.  
  331. {block:Video}
  332. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  333. {block:if300pxposts}<div style="margin-left:25px">{Video-250}</div>
  334. {/block:if300pxposts}
  335. {block:if350pxposts}<div style="margin-left:-25px">{Video-400}</div>
  336. {/block:if350pxposts}
  337. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  338. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  339. {/block:Video}
  340.  
  341.  
  342. {block:Link}
  343. <div id="lnk">
  344. <a href="{URL}" target="_blank">{Name} »</a></div>
  345. {block:Description}
  346. {Description}
  347. {/block:Description}
  348. {/block:Link}
  349.  
  350. {block:quote}
  351. <div id="quota">“{Quote}”</div>
  352. <div id="qsrc"> — {source} </div>
  353. {/block:quote}
  354.  
  355. {block:Chat}
  356. {block:Title}
  357. <div id="titles">{Title}</div>
  358. {/block:Title}
  359.  
  360. <div id="chat">
  361. {block:Lines}
  362. <li class="{Alt}">
  363. {block:Label}
  364. <span class="label">
  365. {Label}</span>
  366. {/block:Label}
  367. {Line} </li>
  368. {/block:Lines}
  369.  
  370. </div>
  371.  
  372. {/block:Chat}
  373.  
  374. {block:Answer}
  375.  
  376. <a href="{AskerURL}">
  377. <img id="askimg" src="{AskerPortraitURL-48}" >
  378. </a>
  379.  
  380.  
  381. <div id="ask"><div id="trnd"></div>{lang:Asker asked}: {Question}</div>
  382. {Answer}
  383. {/block:Answer}
  384.  
  385.  
  386.  
  387. {block:photo}
  388. <img src="{PhotoURL-500}" style="width:100%">
  389. {/block:photo}
  390.  
  391. {block:Photoset}
  392. {Photoset}
  393. {/block:Photoset}
  394.  
  395. {block:text}
  396. {block:title}
  397. <div id="titles">{title}</div>
  398. {/block:title}
  399. {Body}
  400. {/block:text}
  401.  
  402.  
  403. {block:audio}
  404.  
  405. <div id="aart">
  406.  
  407. {block:albumart}
  408. <img src="{AlbumArtURL}">
  409. {/block:albumart}
  410. </div>
  411.  
  412. <div id="aplayn"><img src="http://i.imgur.com/oFlAWls.gif"> </div>
  413.  
  414.  
  415. <div id="acontainer">
  416. <div id="acover"><img src="http://i.imgur.com/yxiUqBm.gif">
  417. <div id="aplay">{audioplayer}</div>
  418. </div> <!--end aconver--->
  419. <div id="tr"></div>
  420.  
  421. <div id="ainfo">
  422. <div id="trackt">{block:trackname}♪&nbsp{trackname}&nbsp♪{/block:trackname} </div>
  423. {block:artist}by:&nbsp{artist}<br>{/block:artist}
  424. {block:album}album:&nbsp{album}<br>{/block:album}
  425. {block:playcount}#plays:&nbsp{playcount}{/block:playcount}
  426. </div> <!-- end ainfo-->
  427. </div> <!-- end acontainer-->
  428.  
  429. {/block:audio}
  430.  
  431.  
  432. {block:ifshowcaptions}
  433. {block:indexpage}
  434. {block:Caption}{Caption}{/block:Caption}
  435. {/block:indexpage}
  436. {/block:ifshowcaptions}
  437.  
  438. {block:permalinkpage}
  439. {block:Caption}{Caption}{/block:Caption}
  440. {/block:permalinkpage}
  441.  
  442. {block:Date}
  443. <div id="pppp">
  444.  
  445. <a href="{Permalink}">{24Hour}:{Minutes}</a>
  446. <a href="{Permalink}">({MonthNumberWithZero}/{DayOfMonthWithZero})</a>
  447. {/block:Date}
  448. <div id="ppp">
  449. {block:NoteCount}
  450. <a href="{Permalink}"> {NoteCount}% </a>
  451. {/block:NoteCount}
  452. {block:indexpage}
  453. <a href="{ReblogURL}" title="Reblog" target="_blank">{text:reblog symbol}</a>
  454. {/block:indexpage}
  455. </div> <!--end ppp-->
  456.  
  457. {block:ifshowtags}
  458. {block:indexpage}
  459. {block:hastags}
  460. {block:tags}
  461. <div id="ttag">
  462. <a href="{TagURL}">×{Tag} </a>
  463. </div> <!--end ttag-->
  464. {/block:tags}
  465. {/block:hastags}
  466. {/block:indexpage}
  467. {/block:ifshowtags}
  468.  
  469. {block:permalinkpage}
  470. {block:hastags}
  471. {block:tags}
  472. <div id="ttag">
  473. <a href="{TagURL}">×{Tag} </a>
  474. </div> <!--end ttag-->
  475. {/block:tags}
  476. {/block:hastags}
  477. {/block:permalinkpage}
  478.  
  479. {block:permalinkpage}
  480. {block:rebloggedfrom}<div id="pp">
  481. <a href="{ReblogParentURL}" title="{lang:Reblogged from ReblogParentName}" target="_blank">via</a>{/block:rebloggedfrom}
  482. {block:ContentSource}
  483. <a href="{SourceURL}" title="{lang:Originally from ReblogRootName}" target="_blank" >&nbspsource</a>
  484. </div>{/block:ContentSource}
  485. {block:permalinkpage}
  486.  
  487. </div> <!--end pppp-->
  488.  
  489. </div> <!--end posts-->
  490. {/block:posts}
  491.  
  492. </div> <!--end infinite scroll-->
  493.  
  494.  
  495. {block:PostNotes}
  496. <div class="nnotes">
  497. {PostNotes}
  498. </div>
  499. {/block:PostNotes}
  500.  
  501.  
  502. </div> <!--end box-->
  503.  
  504. {block:ifnotendlessscroll}
  505.  
  506. {block:Pagination}<div id="pagn">{block:PreviousPage}
  507. <a href="{PreviousPage}">←</a>
  508. {/block:PreviousPage}
  509. {block:JumpPagination length="7"}
  510. {block:CurrentPage} <span class="current_page">{PageNumber}</span>
  511. {/block:CurrentPage}
  512. {block:JumpPage}
  513. <a class="jump_page" href="{URL}">{PageNumber}</a>
  514. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  515. <a href="{NextPage}">→</a>
  516. {/block:NextPage}
  517.  
  518. </div> <!--end pagn-->
  519. {/block:Pagination}
  520.  
  521. {/block:ifnotendlessscroll}
  522.  
  523.  
  524. </div> <!--end pangaea-->
  525.  
  526. </body>
  527.  
  528. {block:ifendlessscroll} <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script> {block:ifendlessscroll}
  529.  
  530. </html>
Advertisement
Add Comment
Please, Sign In to add comment