Advertisement
Aelyon

#11 Lemonade

Sep 6th, 2014
666
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.48 KB | None | 0 0
  1.  
  2. <!-- ***Theme by Aℯℓy℮n***
  3.  
  4. PLEASE RESPECT MY TERMS OF USE AND DO NOT STEAL, USE AS BASE OR REMOVE THE CREDIT
  5. thank you!-->
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9. <head>
  10.  
  11. <link href='http://fonts.googleapis.com/css?family=Wire+One|Economica' rel='stylesheet' type='text/css'>
  12.  
  13. <script type="text/javascript">
  14. WebFontConfig = {
  15. google: { families: [ 'Wire+One::latin', 'Economica::latin' ] }
  16. };
  17. (function() {
  18. var wf = document.createElement('script');
  19. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  20. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  21. wf.type = 'text/javascript';
  22. wf.async = 'true';
  23. var s = document.getElementsByTagName('script')[0];
  24. s.parentNode.insertBefore(wf, s);
  25. })(); </script>
  26.  
  27.  
  28. <title>{Title}</title>
  29.  
  30. <link rel="shortcut icon" href="{Favicon}">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32. {block:Description}
  33. <meta name="description" content="{MetaDescription}" />
  34. {/block:Description}
  35. <meta name="image:sidebar" content="">
  36. <meta name="image:background" content="">
  37.  
  38. <meta name="color:background" content="#f5f5f5">
  39. <meta name="color:header" content="#fef79c">
  40. <meta name="color:main links bg" content="#ffa848">
  41. <meta name="color:main links" content="#ffffff">
  42. <meta name="color:your links" content="#3c9f9c">
  43. <meta name="color:subtitle bg" content="#7ad609">
  44. <meta name="color:underliner" content="#a6e480">
  45. <meta name="color:post bg" content="#f8f7f7">
  46. <meta name="color:permabar links" content="#ffffff">
  47.  
  48. <meta name="color:selection" content="#ededed">
  49. <meta name="color:selection bg" content="#da5997">
  50. <meta name="color:text" content="#6f6f6f">
  51. <meta name="color:bold" content="#ffa848">
  52. <meta name="color:links" content="#ffb9a5">
  53. <meta name="color:links hover" content="#da5997">
  54. <meta name="color:h1" content="#3c9f9c">
  55. <meta name="color:h2" content="#fe8b4a">
  56. <meta name="color:h3" content="#da5997">
  57. <meta name="color:h6" content="#ff4a3c">
  58. <meta name="color:italic" content="#da5997">
  59.  
  60. <meta name="if:bigger sidebar" content="">
  61. <meta name="if:bigger posts" content="">
  62. <meta name="if:smaller posts" content="">
  63. <meta name="if:infinite scrolling" content="">
  64.  
  65. <meta name="text:subtitle" content="">
  66. <meta name="text:updates" content="">
  67. <meta name="text:embed code for the music player" content="">
  68. <meta name="text:name 1" content="link 1">
  69. <meta name="text:url 1" content="http://">
  70. <meta name="text:name 2" content="link 2">
  71. <meta name="text:url 2" content="http://">
  72. <meta name="text:url 3" content="http://">
  73. <meta name="text:name 3" content="link 3">
  74. <meta name="text:url 3" content="http://">
  75. <meta name="text:name 4" content="link 4">
  76. <meta name="text:url 4" content="http://">
  77. <meta name="text:name 5" content="link 5">
  78. <meta name="text:url 5" content="http://">
  79. <meta name="text:name 6" content="link 6">
  80. <meta name="text:url 6" content="http://">
  81. <meta name="text:name 7" content="link 7">
  82. <meta name="text:url 7" content="http://">
  83. <meta name="text:name 8" content="link 8">
  84. <meta name="text:url 8" content="http://">
  85. <meta name="text:name 9" content="link 9">
  86. <meta name="text:url 9" content="http://">
  87. <meta name="text:name 10" content="link 10">
  88. <meta name="text:url 10" content="http://">
  89. <meta name="text:name 11" content="link 11">
  90. <meta name="text:url 11" content="http://">
  91.  
  92. <style type="text/css">
  93. @import url(http://fonts.googleapis.com/css?family=Wire+One|Economica);
  94.  
  95. /*Tumblelog's style*/
  96.  
  97. body
  98. {font-family:times new roman;
  99. font-size:13px;
  100. background-color:{color:background};
  101. color:{color:text};
  102. background-image:url('{image:background}');
  103. background-position: fixed;
  104. background-attachment:fixed;
  105. background-repeat:repeat;}
  106.  
  107. a{text-decoration:none; color:{color:links};}
  108. a hover:{color:{color:links hover};
  109. -webkit-transition: all .3s ease-in-out;
  110. -moz-transition: all .3s ease-in-out;
  111. transition: all .3s ease-in-out;}
  112.  
  113. strong
  114. {color:{color:bold};}
  115.  
  116. em{color:{color:italic};}
  117.  
  118. h1{color:{color:h1}; font-size:40px;}
  119. h2{font-family:wire one; color:{color:h2}; letter-spacing:1px;}
  120. h3{color:{color:h3};}
  121. h4{letter-spacing:1px; color:{color:h1};}
  122. h5{font-family:wire one; color:{color:bold}; font-size:26px;}
  123. h6{color:{color:h6}; font-size:18px;}
  124.  
  125.  
  126. ::selection
  127. {background:{color:selection bg};
  128. color:{color:selection};}
  129.  
  130. ::-moz-selection
  131. {background:{color:selection bg};
  132. color:{color:selection};}
  133.  
  134. ::-webkit-selection
  135. {background:{color:selection bg};
  136. color:{color:selection};}
  137.  
  138. ::-webkit-scrollbar
  139. {width:10px;
  140. height:10px;}
  141.  
  142. ::-webkit-scrollbar-track
  143. {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  144. border-radius: 10px;
  145. background:{color:subtitle bg};}
  146.  
  147. ::-webkit-scrollbar-thumb
  148. {border-radius: 10px;
  149. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
  150.  
  151. blockquote
  152. {margin:5px;
  153. line-height:15px;
  154. padding:0px 8px;
  155. border-left:3px solid {color:your links};}
  156.  
  157.  
  158. #container
  159. {position:absolute;
  160. top:40px;
  161. padding:10px 10px 10px 0px;
  162. left:294px;
  163. width:75%;}
  164.  
  165. /*--POSTS---*/
  166.  
  167. .post
  168. {position:relative; border:4px double {color:subtitle bg}; margin:15px 10px 10px 10px; background-color:{color:post bg}; padding:10px 10px 15px 10px; z-index:115;
  169. {block:ifbiggerposts}width:500px;{/block:ifbiggerposts}
  170. {block:ifnotsmallerposts}
  171. {block:ifnotbiggerposts}width:400px;{/block:ifnotbiggerposts}
  172. {/block:ifnotsmallerposts}
  173. {block:ifsmallerposts}width:250px;{/block:ifsmallerposts}}
  174.  
  175. #name{position:relative; text-align:right; top:21px; margin-right:10px; font-size:30px; font-family:wire one; word-wrap:break-word;}
  176. #name_line{position:relative; height:3px; z-index:60; background-color:{color:subtitle bg}; z-index:70; {block:ifbiggerposts}margin:48px 0px 0px 48px; width:452px;{/block:ifbiggerposts}
  177. {block:ifnotsmallerposts}{block:ifnotbiggerposts}margin:48px 0px 0px 48px; width:352px;{/block:ifnotbiggerposts}{/block:ifnotsmallerposts}
  178. {block:ifsmallerposts}margin:48px 0px 0px 16px; width:240px;{/block:ifsmallerposts}}
  179.  
  180. /*--HEADER---*/
  181.  
  182. #header
  183. {position:fixed; width:100%; height:36px; top:0px; left:0px; background-color:{color:header}; z-index:300; border-bottom:9px solid {color:underliner};}
  184.  
  185. #yourlinks
  186. {position:fixed; left:330px;}
  187. #yourlinks a{float:left; margin:0px 0px 0px 0px; font-family:calibri; text-transform:uppercase; font-size:11px; height:21px; padding:15px 4px 0px 3px; color:{color:your links};
  188. -webkit-transition: all .3s ease-in-out;
  189. -moz-transition: all .3s ease-in-out;
  190. transition: all .3s ease-in-out;}
  191. #yourlinks a:hover{ background-color:{color:main links bg}; color:{color:main links}; padding:15px 8px 0px 8px; font-size:12px;}
  192.  
  193. /*--DESCRIPTION--*/
  194.  
  195. #description_box
  196. {position:fixed; width:320px; right:27px; top:43px; background-color:{color:underliner}; z-index:280; display:none; padding:25px 8px 8px 8px; overflow:auto;}
  197.  
  198. /*--MAIN LINKS---*/
  199.  
  200. #main_links a
  201. {float:left; margin-left:50px; letter-spacing:2px; text-transform:uppercase; background-color:{color:main links bg}; color:{color:main links}; padding:0px 2px 1px 3px; font-size:9px;}
  202.  
  203. /*--BIG SIDEBAR--*/
  204.  
  205. {block:ifbiggersidebar}
  206. #subtitlebg{position:fixed; top:180px; left:-70px; z-index:200; transform: rotate(316deg); -ms-transform: rotate(316deg); -webkit-transform: rotate(316deg); background-color:{color:subtitle bg}; width:455px; padding-bottom:2px; padding-top:2px;}
  207. .sidebar img{position:fixed; width:410px; height:205px; z-index:300;
  208. transform: rotate(318deg); top:-25px; left:-116px; ms-transform: rotate(318deg); -webkit-transform: rotate(318deg); background-color:{color:header};}
  209. .sidebar::before{position:fixed; top:-20px; left:-125px; border-top:0;
  210. border-right: 210px solid {color:header};
  211. border-left: 210px solid {color:header};
  212. border-bottom: 210px solid transparent; transform: rotate(315deg);
  213. z-index:310; -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg);
  214. content: ""; }
  215. #main{position:fixed; width:22px; height:580px; background-color:{color:header}; top:-83px; left:100px; z-index:500; transform: rotate(46deg); -ms-transform: rotate(46deg); -webkit-transform: rotate(46deg);}
  216. #main_links{position:fixed; top:183px; margin-left:-18px; z-index:550; transform: rotate(316deg); -ms-transform: rotate(316deg); -webkit-transform: rotate(316deg);}
  217. {/block:ifbiggersidebar}
  218.  
  219. /*--SMALL SIDEBAR--*/
  220. {block:ifnotbiggersidebar}
  221. #subtitlebg{position:fixed; top:158px; left:-70px; z-index:200; transform: rotate(317deg); -ms-transform: rotate(317deg); -webkit-transform: rotate(317deg); background-color:{color:subtitle bg}; width:455px; padding-bottom:2px; padding-top:2px;}
  222. .sidebar img{position:fixed; width:370px; height:185px; z-index:300;
  223. top:-24px; left:-101px; transform: rotate(317deg); -ms-transform: rotate(317deg); -webkit-transform: rotate(317deg); opacity:1;}
  224. .sidebar::before{position:fixed; top:-18px; left:-115px; border-top:0;
  225. border-right:195px solid {color:header}; z-index:310;
  226. border-left:195px solid {color:header}; border-bottom:195px solid transparent; transform: rotate(315deg); -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); content: ""; }
  227. #main{position:fixed; width:22px; height:510px; background-color:{color:header}; top:-80px; left:110px; transform: rotate(47deg);
  228. z-index:500; -ms-transform: rotate(47deg); -webkit-transform: rotate(47deg);}
  229. #main_links{position:fixed; margin-top:161px; margin-left:-27px; z-index:550; transform: rotate(317deg); -ms-transform: rotate(317deg); -webkit-transform: rotate(317deg);}
  230. {/block:ifnotbiggersidebar}
  231.  
  232. /*--PERMABAR--*/
  233.  
  234. .permabar
  235. {position:relative; padding:0px 0px 3px 0px; margin-bottom:-26px; font-size:10px; text-align:center; z-index:120; text-overflow: ellipsis; width:413px; {block:ifbiggerposts}margin-left:40px;{/block:ifbiggerposts}
  236. {block:ifnotsmallerposts}{block:ifnotbiggerposts}margin-left:-8px;{block:ifnotbiggerposts}{/block:ifnotsmallerposts}
  237. {block:ifsmallerposts} margin-left:-83px{/block:ifsmallerposts}}
  238. .permabar a{color:{color:permabar links};}
  239.  
  240. #tags
  241. {position:relative; background-color:transparent; margin:5px 0px 9px 0px; padding:1px 5px 3px; text-align:center; }
  242. #tags a{font-size:11px; padding:12px 0px 3px 0px; margin-bottom:20px; color:grey; word-wrap:break-word;}
  243.  
  244. #notecount
  245. {float:center; background-color:{color:subtitle bg}; font-family:consolas; padding:0px 6px 1px 5px; margin-left:110px; margin-right:110px;}
  246. #like
  247. {position:absolute; left:84px; margin-top:-5px; border:4px double {color:subtitle bg}; padding:1px 2px 0px 2px; background-color:{color:post bg}; z-index:200;}
  248. #reblog
  249. {position:absolute; left:303px; margin-top:-20px; border:4px double {color:subtitle bg}; padding:2px; background-color:{color:post bg}; z-index:200;}
  250.  
  251. /*--AUDIO--*/
  252.  
  253. #audio
  254. {position:absolute; padding:4px; width:27px; height:27px; overflow:hidden; background:#e4e4e4; -webkit-border-radius: 50px 50px 50px 50px; border-radius:50px 50px 50px 50px; z-index:110; border:3px solid {color:subtitle bg}; margin:39px;}
  255.  
  256. #cd img{position:absolute; top:10px;}
  257. #album img{position:absolute; top:8px; opacity:.9;}
  258.  
  259. #info
  260. {position:relative; margin-left:120px; padding:5px; border-bottom:1px dashed {color:subtitle bg}; letter-spacing:1px; font-size:11px; word-wrap:break-word; {block:ifsmallerposts} width:128px; {/block:ifsmallerposts}{block:ifnotsmallerposts} width:228px; {/block:ifnotsmallerposts}}
  261.  
  262. #info strong{font-family:economica, cursive; text-transform:uppercase;
  263. font-size:14px; letter-spacing:0px; padding-right:2px; width:220px;}
  264.  
  265. /*--MESSAGES--*/
  266.  
  267. .message
  268. {position:relative;
  269. min-height:20px; word-wrap:break-word; margin-left:42px; margin-top:1px; padding:5px 10px 10px 15px; letter-spacing:1px; word-wrap:break-word; font-family:wire one;
  270. border-top:1px solid {color:subtitle bg}; font-size:18px;}
  271.  
  272. #asker img
  273. {position:relative; margin-top:-5px; margin-left:3px; padding:3px; border:1px solid {color:subtitle bg}; -border-radius: 20px 20px 20px 20px; border-radius:20px 20px 20px 20px;
  274. background-color:{color:post bg}; z-index:90;}
  275. #asker{position:relative; margin-top:13px;}
  276. #asker a{float:left; color:{color:subtitle bg}; margin-left:5px; font-size:12px; font-family:consolas; letter-spacing:1px;}
  277. #asker strong{color:{color:subtitle bg};}
  278.  
  279. /*--PAGINATION--*/
  280.  
  281. {block:ifnotinfinitescrolling}
  282. .pagination
  283. {position:fixed; width:110px; height:17px; top:36px; right:130px;
  284. padding-bottom:2px; z-index:2000; background-color:{color:header};
  285. -webkit-transition: all 0.7s ease-in-out;
  286. -moz-transition: all 0.7s ease-in-out;
  287. transition: all 0.7s ease-in-out;}
  288. #next a
  289. {position:absolute; width:0; height:0; border-top:6px solid transparent; border-left:12px solid {color:subtitle bg}; border-bottom:6px solid transparent; margin-left:4px; bottom:6px; z-index:10;
  290. -webkit-transition: all 0.5s ease-in-out;
  291. -moz-transition: all 0.5s ease-in-out;
  292. transition: all 0.5s ease-in-out;}
  293. #next a:hover{border-left: 12px solid {color:underlinder};}
  294. #previous a
  295. {position:absolute; width:0; height:0; border-top:6px solid transparent; border-right:12px solid {color:subtitle bg}; border-bottom:6px solid transparent; margin-left:5px; bottom:6px; z-index:10;
  296. -webkit-transition: all 0.5s ease-in-out;
  297. -moz-transition: all 0.5s ease-in-out;
  298. transition: all 0.5s ease-in-out;}
  299. #previous a:hover{border-right: 12px solid {color:underliner};}
  300.  
  301. #pageno {float:left; margin:2px 3px 2px 3px; padding:0px 3px; font-size:11px; background-color:{color:main links bg}; color:{color:main links}; opacity:.9;
  302. -webkit-transition: all 0.5s ease-in-out;
  303. -moz-transition: all 0.5s ease-in-out;
  304. transition: all 0.5s ease-in-out;}
  305. .pagination a{color:{color:underliner};}
  306. #pageno:hover{background-color:{color:your links};}
  307. #pageno a:hover{color:{color:header};}
  308.  
  309. #pagination{display:none;}
  310. {/block:ifnotinfinitescrolling}
  311.  
  312. /*Permalink Page*/
  313.  
  314. body#permalink .post{width:500px;}
  315. body#permalink .permabar{margin-left:40px;}
  316. body#permalink #name_line{margin:48px 0px 0px 48px; width:452px;}
  317. body#permalink #info{width:228px;}
  318.  
  319. ol.notes li.note {margin-left:35px;}
  320.  
  321. ol.notes li.note img.avatar {
  322. vertical-align: -4px;
  323. margin:5px 7px 0px 8px;
  324. border:4px double {color:subtitle bg};}
  325. ol.notes li.note blockquote a {font-size:10px;}
  326.  
  327. iframe#tumblr_controls{position:fixed !important;}
  328.  
  329. </style>
  330.  
  331. </head>
  332.  
  333. <!--Tumblelog Items-->
  334.  
  335. <body>
  336.  
  337. <div id="pagefit" width="100%">
  338.  
  339. <div id="main"></div>
  340. <div id="main_links">
  341. <a href="/"> Index</a>
  342. <a href="/ask"> Ask</a>
  343. <a href="/archive">History</a></div>
  344.  
  345. <div id="header">
  346. <div id="yourlinks"><div style="float:left; font-size:28px; letter-spacing:2px; margin-top:2px; font-family:wire one; margin-right:2px;">{Title}</div>
  347. {block:ifurl1}
  348. <a href="{text:url 1}" title="{text:name 1}">{text:name 1}</a>
  349. {/block:ifurl1}
  350. {block:ifurl2}
  351. <a href="{text:url 2}" title="{text:name 2}">{text:name 2}</a>
  352. {/block:ifurl2}
  353. {block:ifurl3}
  354. <a href="{text:url 3}" title="{text:name 3}">{text:name 3}</a>
  355. {/block:ifurl3}
  356. {block:ifurl4}
  357. <a href="{text:url 4}" title="{text:name 4}">{text:name 4}</a>
  358. {/block:ifurl4}
  359. {block:ifurl5}
  360. <a href="{text:url 5}" title="{text:name 5}">{text:name 5}</a>
  361. {/block:ifurl5}
  362. {block:ifurl6}
  363. <a href="{text:url 6}" title="{text:name 6}">{text:name 6}</a>
  364. {/block:ifurl6}
  365. {block:ifurl7}
  366. <a href="{text:url 7}" title="{text:name 7}">{text:name 7}</a>
  367. {/block:ifurl7}
  368. {block:ifurl8}
  369. <a href="{text:url 8}" title="{text:name 8}">{text:name 8}</a>
  370. {/block:ifurl8}
  371. {block:ifurl9}
  372. <a href="{text:url 9}" title="{text:name 9}">{text:name 9}</a>
  373. {/block:ifurl9}
  374. {block:ifurl10}
  375. <a href="{text:url 10}" title="{text:name 10}">{text:name 10}</a>
  376. {/block:ifurl10}
  377. {block:ifurl11}
  378. <a href="{text:url 11}" title="{text:name 11}">{text:name 11}</a>
  379. {/block:ifurl11}
  380. <a href="aelyon.tumblr.com">theme</a>
  381. </div>
  382. </div>
  383.  
  384. <div style="position:fixed; background-color:{color:header}; top:-16px; left:-5px; height:40px; width:20px; z-index:600; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);"></div>
  385. <div class="sidebar"><img src="{image:sidebar}"/></div>
  386. <div id="subtitlebg"><center><div style="letter-spacing:1px; font-size:12px;">{text:subtitle}</div></center></div>
  387.  
  388. <div id="description_box">{Description}</div>
  389.  
  390. {block:ifnotinfinitescrolling}
  391. {block:Pagination}
  392. <div class="pagination">
  393. {block:PreviousPage}
  394. <div id="previous"><a href="{PreviousPage}"></a></div>
  395. {/block:PreviousPage}
  396. {block:JumpPagination length="4"}
  397. <div style="margin-left:20px;">
  398. {block:CurrentPage}
  399. <a class="current_page"><div id="pageno" style="color:{color:tags hover}; background-color:{color:tags bg hover};"><b>{PageNumber}</b></div></a>
  400. {/block:CurrentPage}
  401. {block:JumpPage}<a class="jump_page" href="{URL}"><div id="pageno"> {PageNumber}</div></a>
  402. {/block:JumpPage}</div>
  403. {/block:JumpPagination}
  404. {block:NextPage}<div id="next"><a href="{NextPage}"></a></div>{/block:NextPage}
  405. </div>
  406. {/block:Pagination}
  407. {/block:ifnotinfinitescrolling}
  408. {/block:ifinfinitescrolling}
  409. {block:Pagination}
  410. <div id="pagination">
  411. {block:PreviousPage}
  412. <a href="{PreviousPage}"></a>
  413. {/block:PreviousPage}
  414. {block:NextPage}<a id="nextPage" href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}
  415. {/block:ifinfinitescrolling}
  416.  
  417. <div id="container">
  418. {block:Posts}
  419.  
  420. <div class="post">
  421.  
  422. {block:Text}<div style="overflow:auto;">
  423. {block:Title}
  424. <div id="name"><em>{Title}</em></div><div id="name_line"></div>{/block:Title}
  425. {Body}</div>
  426. {/block:Text}
  427.  
  428. {block:IndexPage}
  429. {block:Photo}<div style="overflow:auto;">
  430. {LinkOpenTag}
  431. {block:ifbiggerposts}
  432. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>{/block:ifbiggerposts}
  433. {block:ifnotbiggerposts}{block:ifnotsmallerposts}
  434. <img src="{PhotoURL-400}" width="400px" alt="{PhotoAlt}"/>{/block:ifnotsmallerposts}{/block:ifnotbiggerposts}
  435. {block:ifsmallerposts}
  436. <img src="{PhotoURL-250}" width="250px" alt="{PhotoAlt}"/>{/block:ifsmallerposts}
  437. {LinkCloseTag}
  438. {block:HighRes}<a href="{PhotoURL-HighRes}"><small>*</small></a>
  439. {/block:HighRes}
  440. {block:Caption}{Caption}{/block:Caption}</div>
  441. {/block:Photo}
  442. {/block:IndexPage}
  443.  
  444. {block:Permalink}
  445. {block:Photo}<div style="overflow:auto;">
  446. {LinkOpenTag}
  447. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>
  448. {LinkCloseTag}
  449. {block:HighRes}<a href="{PhotoURL-HighRes}"><small>*</small></a>
  450. {/block:HighRes}
  451. {block:Caption}{Caption}{/block:Caption}</div>
  452. {/block:Photo}
  453. {/block:Permalink}
  454.  
  455. {block:IndexPage}<div style="overflow:auto;">
  456. {block:Photoset}
  457. {block:ifbiggerposts}{Photoset-500}{/block:ifbiggerposts}
  458. {block:ifnotsmallerposts}
  459. {block:ifnotbiggerposts}{Photoset-400}{/block:ifnotbiggerposts}
  460. {/block:ifnotsmallerposts}
  461. {block:ifsmallerposts}{Photoset-250}{/block:ifsmallerposts}
  462. {block:Caption}{Caption}{/block:Caption}
  463. {/block:Photoset} </div>
  464. {/block:IndexPage}
  465.  
  466. {block:Permalink}<div style="overflow:auto;">{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>{/block:Permalink}
  467.  
  468. {block:Quote}<div style="margin-top:-32px; margin-bottom:-28px; text-align:center;"><h6>{Quote}</h6></div>{block:Source}<div style="text-align:right;">~ {Source}</div>{/block:Source}{/block:Quote}
  469.  
  470. {block:Link}<div id="name"><a href="{URL}"target="{Target}"><b><em>{Name}</em></b></a></div><div id="name_line"></div>{block:Description}{Description}{/block:Description}{/block:Link}
  471.  
  472. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}{block:Label}<strong>{Label}</strong>{/block:Label}{Line}<br>{/block:Lines}{/block:Chat}
  473.  
  474. {block:Audio}<div style="overflow:auto;">
  475. <div id="audio">{block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}</div><div id="name_line"></div>
  476. <div id="cd"><img src="http://24.media.tumblr.com/6e1511849e737947f056b96a88974f52/tumblr_mt57i5ZnzT1sx58cyo3_r1_250.png" height="120" width="120"/></div>
  477. {block:TrackName}
  478. <div id="name">{block:ifnotsmallerposts}<em>{TrackName}</em>{/block:ifnotsmallerposts}{block:ifsmallerposts}<small><em>{TrackName}</em></small>{/block:ifsmallerposts}</div>
  479. {/block:TrackName}
  480. {block:Artist}
  481. <div id="info">
  482. <strong>Artist: </strong> {Artist}</div>
  483. {/block:Artist}{block:Album}
  484. <div id="info">
  485. <strong>Album: </strong> {Album}</div>
  486. {/block:Album}
  487.  
  488. {block:AlbumArt}
  489. <div id="album"><img src="{AlbumArtURL}" height="120" width="120"/></div>
  490. {/block:AlbumArt}
  491.  
  492. <br /> <br />
  493. {block:Caption}{Caption}{/block:Caption}</div>
  494. {/block:Audio}
  495.  
  496. {block:IndexPage}
  497. <div style="overflow:auto;">
  498. {block:Video}
  499. {block:ifbiggerposts}{Video-500}{/block:ifbiggerposts}
  500. {block:ifnotsmallerposts}
  501. {block:ifnotbiggerposts}{Video-400}{/block:ifnotbiggerposts}
  502. {/block:ifnotsmallerposts}
  503. {block:ifsmallerposts}{Video-250}{/block:ifsmallerposts}
  504. {block:Caption}{Caption}{/block:Caption}
  505. {/block:Video} </div>
  506. {/block:IndexPage}
  507.  
  508. {block:Permalink}<div style="overflow:auto;">{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}</div>{/block:Permalink}
  509.  
  510. {block:Answer}<div style="overflow:auto;">
  511. <div id="asker"><a href="{AskerUrl}"><img src="{AskerPortraitURL-30}" title="{AskerName}"/> </a><strong>{asker}:</strong></div><div class="message"> {Question}</div>{Answer}</div>
  512. {/block:Answer}
  513.  
  514. <div id="tags"> {block:Tags}
  515. <a href="{TagURL}"># {Tag}</a>
  516. {/block:Tags}</div>
  517.  
  518. <div class="permabar">
  519. {block:IndexPage}
  520. <div class="like_button" title="like">
  521. <div id="like">{LikeButton color="grey" size="14"}
  522. </div></div>
  523. {/block:IndexPage}
  524. <center>
  525. <div id="notecount">
  526. <a href="{Permalink}">{NoteCountWithLabel} |</a>
  527.  
  528. {block:Date}
  529. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}"> {24Hour}:{Minutes} {AmPM} | {DayOfMonth}-{MonthNumber}-{Year} </a>
  530. {/block:Date}</center>
  531. {block:IndexPage}
  532. <div class="reblog_button" title="reblog">
  533. <div id="reblog">{ReblogButton color="grey" size="15"}
  534. </div> </div>{/block:IndexPage}
  535. </div></div>
  536.  
  537.  
  538. <body{block:Permalink} id="permalink"
  539. {/block:Permalink}>
  540.  
  541. {/block:Posts}
  542.  
  543.  
  544. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  545.  
  546.  
  547. </div></div>
  548.  
  549.  
  550. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  551. <script type="text/javascript" charset="utf-8">
  552. var $j = jQuery.noConflict();
  553. $j(function() {
  554. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  555. $j("img").lazyload({
  556. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  557. effect: "fadeIn",
  558. });
  559. });
  560. </script>
  561.  
  562. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  563.  
  564.  
  565. <script>
  566. $(document).ready(function(){
  567. $("#subtitlebg").click(function(){
  568. $("#description_box").slideToggle("slow");
  569. });
  570. });
  571. </script>
  572.  
  573. {block:IndexPage}
  574. {block:ifnotinfinitescrolling}
  575.  
  576. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  577. <script type="text/javascript">
  578. $(window).load(function () {
  579. $('#container').masonry({
  580. itemSelector : ".post",
  581. },
  582. function() { $('#container').masonry({ appendedContent: $(this) }); }
  583. );
  584. });
  585. </script>
  586. {/block:ifnotinfinitescrolling}
  587.  
  588. {block:ifinfinitescrolling}
  589. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  590. <script src="http://static.tumblr.com/fxpo5zq/HCHm5q8gs/infinitescroll.js"></script>
  591. <script type="text/javascript">
  592. $(window).load(function () {
  593. $('#container').masonry(),
  594. $('.masonryWrap').infinitescroll({
  595. navSelector : '#pagination',
  596. nextSelector : '#pagination a#nextPage',
  597. itemSelector : ".post",
  598. bufferPx : 100,
  599. loadingText : "<em></em>",
  600. },
  601. function() { $('#container').masonry({ appendedContent: $(this) }); }
  602. );
  603. });
  604. </script>
  605. {/block:ifinfinitescrolling}
  606. {/block:IndexPage}
  607. </body>
  608. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement