Advertisement
cloverfield

t#5 ken

Sep 28th, 2014
4,840
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.17 KB | None | 0 0
  1. <!DOCTYPE html><!--
  2.  
  3.  
  4.  
  5. > theme:ken by 01kido
  6. > please don't remove credit but moving to pages/etc is ok
  7.  
  8.  
  9.  
  10. --><html> <head>
  11.  
  12. <title>{Title}</title>
  13.  
  14. <meta name="image:favicon" content="" />
  15. <meta name="image:background" content="" />
  16. <meta name="image:side image" content="" />
  17. <meta name="image:sidebar" content="" />
  18. <meta name="image:post border" content="" />
  19. <meta name="image:sidebar border" content="" />
  20.  
  21. <meta name="if:250px posts" content="1" />
  22. <meta name="if:300px posts" content="0" />
  23. <meta name="if:350px posts" content="0" />
  24. <meta name="if:400px posts" content="0" />
  25. <meta name="if:round corner posts" content="1" />
  26. <meta name="if:round corner sidebar" content="1" />
  27. <meta name="if:transparent posts" content="0" />
  28. <meta name="if:transparent sidebar" content="0" />
  29. <meta name="if:double column" content="1" />
  30. <meta name="if:top permalink" content="0"/>
  31. <meta name="if:grayscale pictures" content="0" />
  32. <meta name="if:posts shadow" content="1"/>
  33. <meta name="if:side image right" content="0" />
  34. <meta name="if:background cover" content="0"/>
  35. <meta name="if:custom scrollbar" content="1"/>
  36. <meta name="if:small cursor" content="0"/>
  37. <meta name="if:show captions" content="1" />
  38. <meta name="if:show tags" content="1" />
  39. <meta name="if:infinite scroll" content="0"/>
  40. <meta name="if:link 1" content="1" />
  41. <meta name="if:link 2" content="1" />
  42. <meta name="if:link 3" content="1" />
  43. <meta name="if:link 4" content="1" />
  44. <meta name="if:link 5" content="0" />
  45. <meta name="if:link 6" content="0" />
  46.  
  47. <meta name="color:background" content="#fff" />
  48. <meta name="color:highlighted text" content="#c3f4ff" />
  49. <meta name="color:chat 1" content="#ffecdf" />
  50. <meta name="color:chat 2" content="#f1e3ff" />
  51. <meta name="color:sidebar" content="#fff" />
  52. <meta name="color:post color" content="#fff" />
  53. <meta name="color:text" content="#777" />
  54. <meta name="color:sidebar text" content="#777" />
  55. <meta name="color:links" content="#9bb5dc" />
  56. <meta name="color:links hover" content="#a8e78e" />
  57. <meta name="color:accent" content="#f8f8f8" />
  58. <meta name="color:accent text" content="#999" />
  59. <meta name="color:permalink links" content="#777" />
  60. <meta name="color:permalink links hover" content="#ff0000" />
  61. <meta name="color:menu button bg" content="#f1f1f1" />
  62. <meta name="color:menu button border" content="#777" />
  63. <meta name="color:menu bg" content="#f1f1f1" />
  64. <meta name="color:menu border" content="#777" />
  65. <meta name="color:menu text" content="#777" />
  66. <meta name="color:menu links" content="#777" />
  67. <meta name="color:menu links hover" content="#ff0000" />
  68. <meta name="color:scrollbar" content="#f1f1f1" />
  69. <meta name="color:scrollbar bg" content="#000" />
  70. <meta name="color:tooltip text" content="#eee" />
  71. <meta name="color:tooltip bg" content="#000" />
  72. <meta name="color:tooltip border" content="#eee" />
  73. <meta name="color:sidebar border 1" content="#777" />
  74. <meta name="color:sidebar border 2" content="#777" />
  75. <meta name="color:post border 1" content="#777" />
  76. <meta name="color:post border 2" content="#fff" />
  77.  
  78. <meta name="select:post border 1" content="solid" />
  79. <meta name="select:post border 1" content="dashed" />
  80. <meta name="select:post border 1" content="dotted" />
  81. <meta name="select:post border 2" content="solid" />
  82. <meta name="select:post border 2" content="dashed" />
  83. <meta name="select:post border 2" content="dotted" />
  84. <meta name="select:sidebar border 1" content="solid" />
  85. <meta name="select:sidebar border 1" content="dashed" />
  86. <meta name="select:sidebar border 1" content="dotted" />
  87. <meta name="select:sidebar border 2" content="solid" />
  88. <meta name="select:sidebar border 2" content="dashed" />
  89. <meta name="select:sidebar border 2" content="dotted" />
  90. <meta name="select:font" content="consolas" />
  91. <meta name="select:font" content="inconsolata" />
  92. <meta name="select:font" content="century gothic" />
  93. <meta name="select:font" content="lucida console" />
  94. <meta name="select:font" content="trebuchet ms" />
  95. <meta name="select:font" content="ms gothic" />
  96. <meta name="select:font" content="calibri" />
  97. <meta name="select:font" content="tahoma" />
  98. <meta name="select:font" content="arial" />
  99.  
  100. <meta name="text:menu title" content="navigation"/>
  101. <meta name="text:font size" content="11px"/>
  102. <meta name="text:reblog" content="reblog"/>
  103. <meta name="text:tags" content="×"/>
  104. <meta name="text:sidebar width" content="130px"/>
  105. <meta name="text:sidebar from top" content="150px"/>
  106. <meta name="text:sidebar from left" content="-150px"/>
  107. <meta name="text:title link1" content="link"/>
  108. <meta name="text:url link1" content="/"/>
  109. <meta name="text:title link2" content="link"/>
  110. <meta name="text:url link2" content="/"/>
  111. <meta name="text:title link3" content="link"/>
  112. <meta name="text:url link3" content="/"/>
  113. <meta name="text:title link4" content="link"/>
  114. <meta name="text:url link4" content="/"/>
  115. <meta name="text:title link5" content="link"/>
  116. <meta name="text:url link5" content="/"/>
  117. <meta name="text:title link6" content="link"/>
  118. <meta name="text:url link6" content="/"/>
  119.  
  120. {block:Description}
  121. <meta name="description" content="{MetaDescription}" />
  122. {/block:Description}
  123.  
  124. <link rel="shortcut icon" href="{image:favicon}">
  125.  
  126. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  127.  
  128. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  129.  
  130. <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>
  131.  
  132. <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>
  133.  
  134. <style type="text/css">
  135.  
  136. iframe#tumblr_controls { right:0px !important;position:fixed !important; opacity:0.2; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } iframe#tumblr_controls:hover { opacity:1; }
  137.  
  138. {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}
  139.  
  140. {block:ifcustomscrollbar}
  141. ::-webkit-scrollbar { width:9px; height:9px; }
  142. ::-webkit-scrollbar-track { background-color:{color:scrollbar}; border:4px solid {color:scrollbar bg}; }
  143. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border:2px solid {color:scrollbar bg}; }
  144. {/block:ifcustomscrollbar}
  145.  
  146. .tooltip { display: inline; position: relative; } #s-m-t-tooltip { max-width:400px; letter-spacing:0px; padding:1px 3px 1px 3px; margin:10px; background-color:{color:tooltip bg}; border:1px solid {color:tooltip border} ; font-family:{select:font}; font-size:{text:font size}; color: {color:tooltip text}; z-index:999999; word-wrap:break-word; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
  147.  
  148. ::-moz-selection { color: {color:highlighted text}; }
  149. ::selection { color: {color:highlighted text}; }
  150.  
  151. #happy { margin:auto; width: {block:ifdoublecolumn} {block:if250pxposts} 730px {/block:if250pxposts} {/block:ifdoublecolumn} {block:ifnotdoublecolumn} {block:if250pxposts} 365px {/block:if250pxposts} {block:if300pxposts} 415px {/block:if300pxposts} {block:if350pxposts} 465px {/block:if350pxposts} {block:if400pxposts} 515px {/block:if400pxposts} {/block:ifnotdoublecolumn} ; }
  152.  
  153. #content { margin:auto; width: {block:ifdoublecolumn} {block:if250pxposts} 730px {/block:if250pxposts} {/block:ifdoublecolumn} {block:ifnotdoublecolumn} {block:if250pxposts} 365px {/block:if250pxposts} {block:if300pxposts} 415px {/block:if300pxposts} {block:if350pxposts} 465px {/block:if350pxposts} {block:if400pxposts} 515px {/block:if400pxposts} {/block:ifnotdoublecolumn} ; }
  154.  
  155. body { line-height:1.3em; letter-spacing:1px; background: {color:background} url('{image:Background}'); color: {color:text}; font-family: {select:font}; font-size: {text:Font size}; margin: 0; padding: 0; word-wrap:break-word; {block:ifbackgroundcover}-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;{/block:ifbackgroundcover} background-attachment:fixed; }
  156.  
  157. p { margin:6px 0px 6px 0px; } a { color: {color:links}; text-decoration: none; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; } a:hover { color:{color:links hover}; } b { text-shadow:1px 1px rgba(220,220,220,0.4); } pre, small, big, h1, h2 { font-size:{text:font size}; font-family:{select:font}; } blockquote { background-color:rgba(200,200,200,0.1); border-left: 3px solid rgba(200,200,200,0.3); margin: 0px; padding:3px 7px 3px 7px; margin-top:5px; } #posts iframe, img, #posts embed, #posts object, #posts video { max-width: 100%; } img { height: auto; width: auto; } nav li { display: inline; }
  158.  
  159. article { margin:40px; padding:5px; border:1px {select:post border 1} {color:post border 1} ; {block:ifroundcornerposts} -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; {/block:ifroundcornerposts} {block:iftransparentposts} border:1px solid transparent; background-color:rgba(0,0,0,0); {/block:iftransparentposts} {block:ifnottransparentposts} background-color:{color:post color}; background-image:url('{image:post border}'); {/block:ifnottransparentposts} width: {block:if150pxposts} 172px {/block:if150pxposts} {block:if200pxposts} 222px {/block:if200pxposts} {block:if250pxposts} 272px {/block:if250pxposts} {block:if300pxposts} 322px {/block:if300pxposts} {block:if350pxposts} 372px {/block:if350pxposts} {block:if400pxposts} 422px {/block:if400pxposts}; {block:PermalinkPage} width:422px; {/block:PermalinkPage}
  160.  
  161. {block:ifpostsshadow} -webkit-box-shadow:7px 7px rgba(200,200,200,0.4) ; -moz-box-shadow:7px 7px rgba(200,200,200,0.4) ; box-shadow:7px 7px rgba(200,200,200,0.4) ; {/block:ifpostsshadow} }
  162.  
  163.  
  164. #posts { padding: 10px; overflow:hidden; background: {color:post color}; border:1px {select:post border 2} {color:post border 2} ; {block:iftransparentposts} border:1px solid transparent; background-color:rgba(0,0,0,0); {/block:iftransparentposts} width: {block:if250pxposts} 250px {/block:if250pxposts} {block:if300pxposts} 300px {/block:if300pxposts} {block:if350pxposts} 350px {/block:if350pxposts} {block:if400pxposts} 400px {/block:if400pxposts} ; {block:PermalinkPage} width:400px; {/block:PermalinkPage} {block:ifroundcornerposts} border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; {/block:ifroundcornerposts} } #posts img, .photoset { opacity:0.9; {block:ifgrayscalepictures} -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); {/block:ifgrayscalepictures} transition: all 0.9s ease-out; -webkit-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; } #posts img:hover, .photoset:hover { opacity:1; {block:ifgrayscalepictures} -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); {/block:ifgrayscalepictures} transition: all 0.9s ease-out; -webkit-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; }
  165.  
  166. #desc_r { margin-top:7px; text-align:center; } #no_ { position:fixed; z-index:2; margin-left:{text:sidebar from left}; margin-top:{text:sidebar from top}; } #sidebar { padding:5px; width:{text:sidebar width}; {block:ifnottransparentsidebar} border:1px {select:sidebar border 1} {color:sidebar border 1} ; background-color:{color:sidebar}; background-image:url('{image:sidebar border}') ; {/block:ifnottransparentsidebar}
  167.  
  168. {block:iftransparentsidebar} border:1px solid transparent; background-color:rgba(0,0,0,0); {/block:iftransparentsidebar} {block:ifroundcornersidebar} border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; {/block:ifroundcornersidebar} }
  169.  
  170. #senpai { padding:10px; color: {color:sidebar text} ; {block:iftransparentsidebar} border:1px solid transparent; background-color:rgba(0,0,0,0); {/block:iftransparentsidebar} {block:ifnottransparentsidebar} border:1px {select:sidebar border 2} {color:sidebar border 2} ; background-color:{color:sidebar}; {/block:ifnottransparentsidebar} {block:ifroundcornersidebar} border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; {/block:ifroundcornersidebar} } #senpai img { margin-bottom:-2px; opacity:0.8; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; } #senpai img:hover { opacity:1; }
  171.  
  172. #kashima { color:{color:menu text}; width:95%; margin-top:7px; height:15px; line-height:15px; border:1px solid {color:menu button border} ; text-align:center; background-color:{color:menu button bg}; {block:iftransparentsidebar} border:1px solid transparent; background-color:rgba(0,0,0,0); {/block:iftransparentsidebar} } #kashima a { color:{color:menu links}; } #kashima a:hover { color:{color:menu links hover}; } #yuu { margin-left:-1px; margin-top:1px; display:none; width:100%; border:1px solid {color:menu border} ; border-top:{color:menu bg}; background-color:{color:menu bg}; {block:iftransparentsidebar} border:1px solid transparent; background-color:rgba(0,0,0,0); {/block:iftransparentsidebar} }
  173.  
  174. #peach { margin-bottom:40px; {block:ifdoublecolumn} {block:ifinfinitescroll} display:none; {/block:ifinfinitescroll} {/block:ifdoublecolumn} } .jump_page, .current_page, #peach a { border:1px solid {color:post border 1}; background-color:{color:post color}; padding: 2px 5px 2px 5px; {block:ifroundcornerposts} border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; {/block:ifroundcornerposts} }
  175.  
  176. #titles { font-size:1.2em; font-weight:bold; text-align:center; margin-bottom:8px ; } #captions { margin:0px; padding:0px; } .q { font-size:1.2em; line-height:1.3em; text-align:right; } .s { text-align:right; margin-top:3px ; }
  177.  
  178. .player { position:absolute; width:27px; height:27px; overflow:hidden; opacity:0.4; } #ainfoyg { background-color:{color:accent}; color:{color:accent text}; padding:4px; margin-left:110px; margin-top:-100px; min-height:92px; } .albumartyg { width:100px; height:100px; background-image:url('http://i.imgur.com/k3jk8A9.png'); }
  179.  
  180. #tree { width:0; height:0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid {color:accent}; margin-bottom:7px; } #trunk { position:absolute; margin-left:-9px; width:0; height:0; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-right: 5px solid {color:accent}; }
  181.  
  182. #tags { color:{color:permalink links}; display:inline-block; {block:ifnottoppermalink} margin-top:5px; {/block:ifnottoppermalink} {block:iftoppermalink} margin-top:8px; {/block:iftoppermalink} } #tags a { color:{color:permalink links}; } #tags a:hover { color:{color:permalink links hover}; }
  183.  
  184. #string { display:block; color:{color:permalink links}; width:100%; margin-top:10px; } #string a { color:{color:permalink links}; } #string a:hover { color:{color:permalink links hover}; } .reblog { float:right; }
  185.  
  186. #perm { display: block; color:{color:permalink links}; width: 100%; margin-bottom:10px; margin-top:-3px; } #perm a { color:{color:permalink links}; } #perm a:hover { color:{color:permalink links hover}; } .reblogged { float: right; }
  187.  
  188. #n { width:390px; clear: both; overflow:hidden; background-color:rgba(200,200,200,0.3); padding:5px; margin-top:10px; {block:ifroundcornerposts} border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; {/block:ifroundcornerposts} } #nnotes { margin-left:-30px; margin-top:-5px; } #nnotes li, #nnotes ol { margin-bottom:4px; width:370px; list-style:none; } #nnotes img { border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; margin-right:5px; }
  189.  
  190. #ask { background-color:{color:accent}; color:{color:accent text}; padding:7px; } #ask a { color:{color:accent text}; } #ask a:hover { color:{color:links hover}; } #askr { } #askr img { ; border:1px solid {color:accent} ; margin-left:14px; opacity:0.8; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; } #askr img:hover { opacity:1; }
  191.  
  192. .chat { width:auto; height:auto ; } .label { font-weight:bold; } .chat li { padding:0.2% 3% 0.2% 3%; margin:5px 0px 5px 0px;} .chat span { } .chat ul { margin:0; padding:0; list-style: none; } .chat .odd { background-color:{color:chat 1}; width:80%; } .chat .even { background-color:{color:chat 2}; width:80%; margin-left:14%; }
  193.  
  194. </style>
  195.  
  196. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  197.  
  198. <script>$(document).ready(function(){$("#kashima").click(function(){$("#yuu").toggle()})});</script>
  199.  
  200. </head>
  201.  
  202. <body>
  203.  
  204. <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>
  205.  
  206. <div id="happy">
  207.  
  208. <div id="no_">
  209.  
  210. <div id="sidebar">
  211. <div id="senpai">
  212. <center><img src="{image:sidebar}"></center>
  213. <div id="desc_r">{description}
  214. </div><!--desc_r-->
  215. <center>
  216. <div id="kashima">{text:menu title}
  217. <div id="yuu">
  218. <a href="/">home</a><br>
  219. <a href="/ask">mail</a><br>
  220. {block:iflink1}<a href="{text:url link1}">{text:title link1}</a><br>{/block:iflink1}
  221. {block:iflink2}<a href="{text:url link2}">{text:title link2}</a><br>{/block:iflink2}
  222. {block:iflink3}<a href="{text:url link3}">{text:title link3}</a><br>{/block:iflink3}
  223. {block:iflink4}<a href="{text:url link4}">{text:title link4}</a><br>{/block:iflink4}
  224. {block:iflink5}<a href="{text:url link5}">{text:title link5}</a><br>{/block:iflink5}
  225. {block:iflink6}<a href="{text:url link6}">{text:title link6}</a><br>{/block:iflink6}
  226. <a href="http://01kido.tumblr.com/" target="_blank" >theme</a>
  227.  
  228. </div><!--yuu-->
  229. </div><!--kashima-->
  230. </center>
  231. </div><!--senpai-->
  232.  
  233.  
  234. </div><!--sidebar-->
  235.  
  236.  
  237.  
  238. </div><!--no_-->
  239.  
  240.  
  241. <div id="content">
  242.  
  243. {block:ifnotdoublecolumn} <div class = "autopagerize_page_element"> {/block:ifnotdoublecolumn}
  244.  
  245. {block:Posts}
  246.  
  247. <article> <div id="posts">
  248.  
  249. {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} -->
  250.  
  251. {block:iftoppermalink} <div id="perm">
  252.  
  253. {block:Date} <a href="{Permalink}"> {24Hour}:{Minutes} </a> <a href="{Permalink}"> {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} </a> {/block:Date}
  254. {block:NoteCount} | <a class="notecount" href="{Permalink}">{NoteCount} N</a> {/block:NoteCount}
  255.  
  256. {block:indexpage}
  257. <a class="reblog" href="{ReblogURL}" title="reblog" target="_blank">{text:reblog}</a>
  258. {/block:indexpage}
  259.  
  260. {block:PermalinkPage}
  261. {block:ContentSource}
  262.  
  263. <div class="reblogged">
  264. <a href="{SourceURL}" target="_blank" title="{lang:Originally from ReblogRootName}">☆ {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  265.  
  266. </div>
  267.  
  268. {/block:ContentSource}
  269. {/block:PermalinkPage}
  270.  
  271. </div><!--perm--> {/block:iftoppermalink}
  272.  
  273. {block:Audio}
  274. <div class="audioyg">
  275. <div class="albumartyg">
  276. {block:AlbumArt}
  277. <img src="{AlbumArtURL}"/>
  278. {/block:AlbumArt}
  279. </div><!--albumartyg-->
  280. <div class="player" style="margin-top:-67px; margin-left:37px;">{AudioPlayerBlack}
  281.  
  282. </div> <!--audioyg-->
  283.  
  284. <div id="ainfoyg">
  285. <div id="trunk"> </div>
  286.  
  287. {block:TrackName}<p><center><b>{TrackName}</b></center></p>{/block:TrackName}
  288. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  289. {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
  290. {block:PlayCount}<b>Heard:</b> {PlayCount} times <br>{/block:PlayCount}
  291.  
  292. </div> {/block:Audio}
  293.  
  294.  
  295. {block:Text}
  296. <div class="text">
  297. {block:Title}<div id="titles">{Title}</div>{/block:Title}
  298. {Body} {/block:Text}
  299.  
  300. {block:Photo}
  301. <div class="photo">
  302. {LinkOpenTag}
  303. {block:indexpage}
  304. {block:if250pxposts}
  305. <center><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></center>
  306. {/block:if250pxposts}
  307. {block:ifnot250pxposts}
  308. <center><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></center>
  309. {/block:ifnot250pxposts}
  310. {/block:indexpage}
  311. {block:permalinkpage}
  312. <center><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></center>
  313. {/block:permalinkpage}
  314. {LinkCloseTag}
  315. {/block:Photo}
  316.  
  317. {block:Photoset}
  318. <div class="photoset">
  319. {block:indexpage}
  320. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  321. {block:if300pxposts}{Photoset}{/block:if300pxposts}
  322. {block:if350pxposts}{Photoset}{/block:if350pxposts}
  323. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  324. {/block:indexpage}
  325.  
  326. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  327.  
  328. {/block:Photoset}
  329.  
  330. {block:Quote}
  331. <div class="quote">
  332. <div class="q">
  333. ❝{Quote}❞ </div>
  334.  
  335. {block:Source}<div class="s">
  336. — <cite> {Source} </cite> </div>{/block:Source}
  337. {/block:Quote}
  338.  
  339. {block:Link}
  340. <div class="link">
  341. <div id="titles" style="margin-bottom:10px"><a href="{URL}" target="_blank">{Name} »</a></div>
  342. {block:Description}{Description}{/block:Description}
  343. {/block:Link}
  344.  
  345. {block:Chat}
  346. <div class="chat">
  347. {block:title}<div id="titles">{Title}</div>{/block:title}
  348. <ul> {block:Lines} <li class="{Alt}"> <p> {block:Label} <span class="label">{Label}</span>{/block:Label} {Line} </p></li>{/block:Lines} </ul>
  349. {/block:Chat}
  350.  
  351. {block:Video}
  352. <div class="video">
  353. <div class="video-player">
  354. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  355. {block:if300pxposts}{Video-400}{/block:if300pxposts}
  356. {block:if350pxposts}{Video-400}{/block:if350pxposts}
  357. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  358. </div>
  359.  
  360. {/block:Video}
  361.  
  362. {block:Answer}
  363. <div class="answer">
  364. <div id="ask">{Asker} said: {Question}</div>
  365. <div id="tree" style="margin-left:30px"> </div>
  366. <div id="askr"><a href="{AskerURL}" target="_blank"><img src="{AskerPortraitURL-40}"/></a></div>
  367. {Answer}
  368. {/block:Answer}
  369. </div>
  370.  
  371. {block:indexpage}{block:ifshowcaptions}
  372. {block:Caption}<div id="captions">{Caption}</div>{/block:Caption}
  373. {/block:ifshowcaptions}{/block:indexpage}
  374.  
  375. {block:permalinkpage}
  376. {block:Caption}<div id="captions">{Caption}</div>{/block:Caption}
  377. {/block:permalinkpage}
  378.  
  379. {block:ifnottoppermalink}
  380. <div id="string">
  381.  
  382. {block:Date} <a href="{Permalink}"> {24Hour}:{Minutes} </a> <a href="{Permalink}"> {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} </a> {/block:Date}
  383.  
  384. {block:NoteCount} | <a class="notecount" href="{Permalink}">{NoteCount} N</a> {/block:NoteCount}
  385.  
  386. {block:indexpage}
  387. <a class="reblog" href="{ReblogURL}" title="reblog" target="_blank" >{text:reblog}</a>
  388. {/block:indexpage}
  389.  
  390. {block:PermalinkPage}
  391. {block:ContentSource}
  392.  
  393. <div class="reblogged">
  394. <a href="{SourceURL}" target="_blank" title="{lang:Originally from ReblogRootName}">☆ {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  395.  
  396. </div>
  397.  
  398. {/block:ContentSource}
  399. {/block:PermalinkPage}
  400.  
  401. </div><!--string-->
  402.  
  403. {/block:ifnottoppermalink}
  404.  
  405. {block:indexpage}
  406. {block:ifshowtags}
  407. {block:HasTags}
  408. {block:Tags}
  409. <div id="tags">
  410. <a href="{TagURL}">{text:tags} {Tag}</a>
  411. </div>
  412. {/block:Tags}
  413. {/block:HasTags}
  414. {/block:ifshowtags}
  415. {/block:indexpage}
  416.  
  417. {block:permalinkpage}
  418. {block:HasTags}
  419. {block:Tags}
  420. <div id="tags">
  421. <a href="{TagURL}">{text:tags} {Tag}</a>
  422. </div>
  423. {/block:Tags}
  424. {/block:HasTags}
  425. {/block:permalinkpage}
  426.  
  427. {block:PostNotes}
  428. <div id="n">
  429. <div id="nnotes">
  430. {PostNotes-16} </div>
  431. </div> {/block:PostNotes}
  432.  
  433. </div><!--posts--> </article>
  434.  
  435. {/block:Posts}
  436.  
  437. </div><!--content-->
  438.  
  439. {block:ifnotdoublecolumn}
  440. {block:ifinfinitescroll}
  441. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  442. {/block:ifinfinitescroll}
  443.  
  444.  
  445. {block:ifnotinfinitescroll}
  446. {block:Pagination}
  447. <center> <div id="peach">
  448. <div class="pagination">
  449. {block:PreviousPage}
  450. <a href="{PreviousPage}">←</a>
  451. {/block:PreviousPage}
  452. {block:JumpPagination length="5"}
  453. {block:CurrentPage} <span class="current_page">{PageNumber}</span>
  454. {/block:CurrentPage}
  455. {block:JumpPage}
  456. <a class="jump_page" href="{URL}">{PageNumber}</a>
  457. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  458. <a href="{NextPage}">→</a>
  459. {/block:NextPage}
  460. </div>
  461. </div> </center>
  462. {/block:Pagination}
  463. {/block:ifnotinfinitescroll}
  464.  
  465. {/block:ifnotdoublecolumn}
  466.  
  467.  
  468. </div><!--happy-->
  469.  
  470. {block:if250pxposts}
  471. {block:ifdoublecolumn}
  472.  
  473. {block:Pagination}
  474. <center> <div id="peach">
  475. <div class="pagination">
  476. {block:PreviousPage}
  477. <a href="{PreviousPage}">←</a>
  478. {/block:PreviousPage}
  479. {block:JumpPagination length="5"}
  480. {block:CurrentPage} <span class="current_page">{PageNumber}</span>
  481. {/block:CurrentPage}
  482. {block:JumpPage}
  483. <a class="jump_page" href="{URL}">{PageNumber}</a>
  484. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  485. <a href="{NextPage}">→</a>
  486. {/block:NextPage}
  487. </div>
  488. </div> </center>
  489. {/block:Pagination}
  490.  
  491. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  492. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  493. {block:ifinfiniteScroll}
  494. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  495. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  496. {/block:ifinfiniteScroll}
  497.  
  498. <script>
  499. (function() {
  500. var $tumblelog = $('#content');
  501. {block:ifinfiniteScroll}
  502. $tumblelog.infinitescroll({
  503. navSelector : ".pagination",
  504. nextSelector : ".pagination a:first",
  505. itemSelector : "article",
  506. bufferPx : 50,
  507. done : "",
  508. loading: {
  509. finishedMsg: "<p> </p>",
  510. img : " ",
  511. msg: null,
  512. msgText: "<p> </p>"
  513. },
  514. },
  515. function( newElements ) {
  516. var $newElems = $( newElements ).css({ opacity: 0 });
  517. $newElems.imagesLoaded(function(){
  518. $newElems.animate({ opacity: 1 });
  519. $tumblelog.masonry( 'appended', $newElems);
  520. });
  521. }
  522. );
  523. {/block:ifinfiniteScroll}
  524. $tumblelog.imagesLoaded( function(){
  525. $tumblelog.masonry({
  526. columnWidth: function( containerWidth ) {
  527. return containerWidth / 100;
  528. }
  529. });
  530. });
  531. })();
  532. </script>
  533.  
  534. {/block:ifdoublecolumn}
  535. {/block:if250pxposts}
  536.  
  537. </body>
  538.  
  539. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement