Advertisement
teenageblog

Breathe Theme

Oct 15th, 2013
36,202
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.74 KB | None | 0 0
  1. <!-----------------------------------------
  2. ★ ° . .    . ☾ °☆  . * ● ¸ .   ★ ° :.  . • ○ ° ★  .  * .     .   °  . ● .    ° ☾ °☆  ¸. ● .  ★  ★ ° ☾ ☆ ¸. ¸  ★  :.  . • ○ ° ★  .  * . .  ¸ .   °  ¸. * ● ¸ .    ° °  ¸. ● ¸ .  ★ ° :.  . • °   ★ 
  3. ▒█▀▀▀ █▀▀ █░░ ░▀░ █▀▀█ █▀▀ █▀▀   ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  4. ▒█▀▀▀ █░░ █░░ ▀█▀ █░░█ ▀▀█ █▀▀   ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  5. ▒█▄▄▄ ▀▀▀ ▀▀▀ ▀▀▀ █▀▀▀ ▀▀▀ ▀▀▀   ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  6. ★ ° . .    . ☾ °☆  . * ● ¸ .   ★ ° :.  . • ○ ° ★  .  * .     .   °  . ● .    ° ☾ °☆  ¸. ● .  ★  ★ ° ☾ ☆ ¸. ¸  ★  :.  . • ○ ° ★   * . .  ¸ .   °  ¸. * ● ¸ .    ° ☾ °  ¸. ● ¸ .  ★ ° :.  . • °
  7. Please keep credit!!
  8. ----------------------------------------------->
  9.  
  10. <html lang="en">
  11. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="http://www.w3.org/1999/xhtml">
  13. <script type="text/javascript"
  14. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15.  
  16. <head>
  17. <!-- DEFAULT VARIABLES -->
  18. <title>{Title}</title>
  19. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  20. <meta name="color:Background" content="#fff"/>
  21. <meta name="color:Text" content="#000"/>
  22. <meta name="color:Title" content="#000"/>
  23. <meta name="color:Link" content="#999"/>
  24. <meta name="color:Hover" content="#000"/>
  25. <meta name="color:Links" content="#eeeeee"/>
  26. <meta name="color:Scrollbar" content="#ccc"/>
  27. <meta name="color:Links Hover" content="#aaaaaa"/>
  28.  
  29. <meta name="if:Title Font 1" content="0"/>
  30. <meta name="if:Title Font 2" content="1"/>
  31. <meta name="if:Crosshair Cursor" content="0"/>
  32. <meta name="if:Use Banner" content="0">
  33. <meta name="if:Show blog title" content="1"/>
  34. <meta name="if:Post Shadows" content="0"/>
  35.  
  36. <meta name="image:Banner" content="">
  37. <meta name="image:Background" content="0"/>
  38.  
  39. <meta name="text:Link Hover Title1" content="Basics"/>
  40. <meta name="text:Link Hover Title2" content="Links"/>
  41. <meta name="text:Link 1 Title" content="link1"/>
  42. <meta name="text:Link 1 URL" content=""/>
  43. <meta name="text:Link 2 Title" content="link2"/>
  44. <meta name="text:Link 2 URL" content=""/>
  45. <meta name="text:Link 3 Title" content=""/>
  46. <meta name="text:Link 3 URL" content=""/>
  47. <meta name="text:Link 4 Title" content=""/>
  48. <meta name="text:Link 4 URL" content=""/>
  49. <meta name="text:Link 5 Title" content=""/>
  50. <meta name="text:Link 5 URL" content=""/>
  51.  
  52.  
  53. {block:ifCrosshairCursor}
  54. <style type="text/css">body { cursor: crosshair; } </style>
  55. {/block:ifCrosshairCursor}
  56. <style type="text/css">
  57.  
  58.  
  59. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  60.  
  61. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  62.  
  63.  
  64.  
  65. .wrapper{
  66. margin: 0px auto;
  67. margin-left: 60px;
  68. width: 1045px;
  69. }
  70.  
  71. .header{
  72. float: left;
  73. width: 100%;
  74. }
  75.  
  76. .left{
  77. float: left;
  78. margin-right: 20px;
  79. width:1045;
  80. }
  81.  
  82. .right{
  83. float: right;
  84. width: 200px;
  85. background-color: #fff;
  86. }
  87.  
  88. body {
  89. margin:0px;
  90. background-color: {color:Background};
  91. background-image:url({image:Background});
  92. background-attachment: fixed;
  93. background-repeat: no-repeat;}
  94. body, div, p, textarea, submit, input{
  95. font-family: 'Ubuntu', sans-serif;
  96. font-size: 11px;
  97. line-height:14px;
  98. letter-spacing:1px;
  99. color:{color:Text};
  100. }
  101. ::-webkit-scrollbar {width: 8px; height: 4px; background: #eeeeee; border-left: 1px solid #eee; }
  102.  
  103. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px solid #eee; border-top: 1px solid #eee; border-left: 1px solid
  104. #eee; border-right: 1px solid #eee; }
  105.  
  106.  
  107. p {
  108. margin:0px;
  109. margin-top:0px;
  110. }
  111.  
  112. a:link, a:active, a:visited{
  113. text-decoration: none;
  114. -webkit-transition: color 0.3s ease-out;
  115. -moz-transition: color 0.3s ease-out;
  116. transition: color 0.3s ease-out;
  117. color: {color:Link};
  118. }
  119.  
  120. a:hover {
  121. : -webkit-transition-duration: 1.0s;
  122. color:{color:Hover};
  123. }
  124.  
  125. #banner {
  126. width:100%;
  127. margin-top:10px;
  128. padding-bottom:20px;
  129. text-align:center;
  130. }
  131.  
  132. #holder {
  133. width:100%;
  134. }
  135.  
  136.  
  137.  
  138. div#center{
  139. margin:auto;
  140. margin-top:0px;
  141. position:relative;
  142. width:1045px;
  143. background-color:;
  144. overflow:auto;
  145. overflow-y:hidden;
  146. }
  147. @font-face {font-family:"Soopafresh"; src:url('http://static.tumblr.com/9wzbixa/PQlm26p56/soopafre.ttf');}
  148.  
  149. @font-face {font-family:"Pacifico"; src:url('http://static.tumblr.com/9wzbixa/D3Wlyw7u4/pacifico.ttf');}
  150. .description{width:100%;text-align:center;margin:auto;z-index:1100;margin-bottom:5px;margin-top:0px;}
  151.  
  152. .blogtitle {
  153. text-align:center;
  154. {Block:IfTitleFont1}font-family: 'soopafresh' !important;{/Block:IfTitleFont1}
  155. {Block:IfTitleFont2}font-family: 'pacifico' !important;{/Block:IfTitleFont2}
  156. padding-bottom:20px;
  157. font-size:60px;
  158. padding-top:35px;
  159. line-height:50px;}
  160.  
  161. #linksss{
  162. position:absolute !important;
  163. width:auto;
  164. height:auto;
  165. right:3px;
  166. top:29px;
  167. }
  168.  
  169. #justin{width:100px;height:15px;overflow:hidden;z-index:967588;position:absolute;margin-top:-13px;margin-left:740px;padding:5px;-webkit-transition: all .5s ease-in-out;}
  170. #justin:hover{height:100px;-webkit-transition: all .5s ease-in-out;}
  171.  
  172.  
  173. #bieber{width:100px;height:15px;overflow:hidden;z-index:967588;position:absolute;margin-top:-13px;margin-left:520px;padding:5px;-webkit-transition: all .5s ease-in-out;}
  174. #bieber:hover{height:100px;-webkit-transition: all .5s ease-in-out;}
  175.  
  176. #drew{width:100px;height:15px;overflow:hidden;z-index:988;position:absolute;margin-top:-13px;margin-left:630px;padding:5px;-webkit-transition: all .5s ease-in-out;}
  177. #drew:hover{height:110px;-webkit-transition: all .5s ease-in-out;}
  178.  
  179. .links {
  180. width: 100px;
  181. height: 5px;
  182. padding: 6px;
  183. font-family: helvetica;
  184. background-color: {color:links};
  185. margin-right: -1px;
  186. margin-top: 1px;
  187. font-size:10px;
  188. letter-spacing:2px;
  189. line-height: 5px;
  190. display: inline-block;
  191. text-align:center;
  192. -webkit-transition-duration: .4s;
  193. border:none;}
  194.  
  195. .links:hover {
  196. background-color: {color:links hover};
  197. -moz-box-shadow: 0px 0px;
  198. -webkit-box-shadow: 0px 0px;
  199. }
  200.  
  201. .entry {
  202. float:left;
  203. display: block;
  204. overflow:hidden;
  205. width:240px;
  206. padding:12px;
  207. transition: all 0.5s ease-out;
  208. -o-transition-transition: all 0.5s ease-out;
  209. -webkit-transition: all 0.5s ease-out;
  210. -moz-transition: all 0.5s ease-out;
  211. {block:PermalinkPage}
  212. width:520px;
  213. margin-left:200px;
  214. text-align:center;
  215. {/block:PermalinkPage}
  216. }
  217.  
  218. .entry img{
  219. {block:ifpostshadows}
  220. -webkit-box-shadow: 2px 2px 2px #ccc;
  221. -moz-box-shadow: 2px 2px 2px #ccc;
  222. box-shadow: 2px 2px 2px #ccc;
  223. {/block:ifpostshadows}
  224. }
  225.  
  226.  
  227. .links a{
  228. background-color:;
  229. font-size:12px;
  230. text-shadow:10px 1px 0px transparent, -10px 1px 0px transparent;
  231. margin-top:3px;
  232. width:;
  233. font-style:italic;
  234. margin-left:1px;
  235. border-bottom:1px solid transparent;
  236. display:inline-block;
  237. margin-bottom:0px;
  238. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  239. }
  240.  
  241. .links a:hover {
  242. opacity:1;
  243. text-shadow:0px 0px 0px #a0a8bd, 0px 0px 0px #5d5d5e;
  244. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out-webkit-filter: blur(15px);;
  245. }
  246.  
  247.  
  248.  
  249. .like_and_reblog_buttons {
  250. position:absolute;
  251. bottom:20px;
  252. left:18px;
  253. list-style: none;
  254. opacity:0;
  255. -webkit-transition: all 0.2s linear;
  256. -webkit-transition: all 0.2s linear;
  257. -moz-transition: all 0.2s linear;
  258. transition: all 0.2s linear;
  259. }
  260. .entry:hover .like_and_reblog_buttons{
  261. opacity:.7;
  262. -webkit-transition: all 0.2s linear;
  263. -webkit-transition: all 0.2s linear;
  264. -moz-transition: all 0.2s linear;
  265. transition: all 0.2s linear;
  266. }
  267.  
  268. .like_and_reblog_buttons li {
  269. float: left;
  270. background-color:white;
  271. border-radius:100%;
  272. padding:10px;
  273. height:20px;
  274. width:20px;
  275. }
  276.  
  277. .like_and_reblog_buttons li:first-child {
  278. margin-right:8px;
  279. }
  280.  
  281.  
  282. .entry:hover{
  283. opacity:1;
  284. -webkit-transition: all .7s ease;
  285. -moz-transition: all .7s ease;
  286. -o-transition: all .7s ease;
  287. transition: all .7s ease;
  288. }
  289. .permatext{
  290. height:auto;
  291. line-height:100%;
  292. position:absolute;
  293. right:4px;
  294. bottom:0px;
  295. {block:IfPermalinkMovement}
  296. bottom:-5px;
  297. {block:IfPermalinkMovement}
  298. opacity:0;
  299. padding:0;
  300. background:#transparent;
  301. box-shadow:0 0 15px 10px #transparent;
  302. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  303. }
  304. .entry:hover .permatext{
  305. right:4px; bottom:0px;
  306. opacity:1;
  307. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  308. }
  309. .entry:hover .permatext:hover{
  310. opacity:1;
  311. }
  312.  
  313. .bubble {align:right;background:#eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  314. .bubble p {margin:1px 0px;}
  315. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 12;line-height: 14px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  316. .askborder {float: left;margin: 1px 4px 1 0;padding: 3px; background: #eee;}
  317.  
  318. @font-face { font-family: "Cedarville Cursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  319.  
  320.  
  321. #audio {width:250px; height:auto; min-height:60px; padding-bottom:0px;}
  322. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  323. .cover img {float:left; width:60px; height:60px;}
  324. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  325. .info {margin-left:73px; margin-top:4px; line-height:14px;}
  326.  
  327. .title{
  328. font-family: "ubuntu";
  329. font-size: 22px;
  330. line-height: 20px;
  331. color: {color:Title};
  332. text-shadow:1px 2px 2px #aaa;
  333. letter-spacing: 1px;
  334. font-weight: normal;
  335. }
  336.  
  337.  
  338. #cred{
  339. position:fixed;
  340. font-family: arial;
  341. font-size: 8px;
  342. bottom:20px;
  343. right:10px;
  344. padding:10px;
  345. height:10px;
  346. text-align:center;
  347. text-transform:lowercase;
  348. padding-bottom:10px;
  349. width:15px;
  350. color:#aaa;
  351. transition: all 0.6s ease-out;
  352. -o-transition-transition: all 0.6s ease-out;
  353. -webkit-transition: all 0.6s ease-out;
  354. -moz-transition: all 0.6s ease-out;
  355. }
  356.  
  357. #posts {
  358. width:1400px;
  359. margin-top: 1px;
  360. margin-left: -40px;
  361. margin-right: auto;
  362. position:relative;
  363. overflow-y: hidden;
  364. }
  365.  
  366.  
  367. #infscr-loading{
  368. bottom: -70px;
  369. position: absolute;
  370. left: 50%;
  371. margin-left:-8px;
  372. width:16px;
  373. height:11px;
  374. overflow:hidden;
  375. margin-bottom: 50px;
  376. }
  377.  
  378. #postnotes{
  379. text-align: justify;
  380. }
  381.  
  382. #postnotes blockquote{
  383. border: 0px;
  384. }
  385.  
  386. blockquote{
  387. padding:0px 0px 2px 5px;
  388. margin:0px 0px 2px 1px;
  389. border-left: 1px dotted {color:Text};
  390. }
  391.  
  392. blockquote p, ul{
  393. margin:0px;
  394. padding:0px;
  395. }
  396.  
  397. a img{border: 0px;}
  398. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  399. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  400. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  401. .notes img{width:10px; position:relative; top:3px;
  402. }
  403.  
  404. small{font-size: 90%;}
  405.  
  406. .video embed, .post div.video object {width:260px !important; height:180px !important;}
  407. .video2 embed, .post div.video object {width:400px !important; height:400px !important;}
  408.  
  409. {CustomCSS}
  410.  
  411. </style>
  412.  
  413. {block:IndexPage}
  414.  
  415.  
  416. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  417. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  418. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  419.  
  420. <script type="text/javascript">
  421. $(window).load(function () {
  422. var $content = $('#posts');
  423. $content.masonry({itemSelector: '.entry'}),
  424. $content.infinitescroll({
  425. navSelector : 'div#pagination',
  426. nextSelector : 'div#pagination a#nextPage',
  427. itemSelector : '.entry',
  428. loading: {
  429. finishedMsg: '',
  430. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  431. },
  432. bufferPx : 600,
  433. debug : false,
  434. },
  435. // call masonry as a callback.
  436. function( newElements ) {
  437. var $newElems = $( newElements );
  438. $newElems.hide();
  439. // ensure that images load before adding to masonry layout
  440. $newElems.imagesLoaded(function(){
  441. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  442.  
  443.  
  444. });
  445. });
  446. });
  447. </script>
  448. {/block:IndexPage}
  449.  
  450.  
  451. <title>{Title}</title>
  452. <link rel="shortcut icon" href="{favicon}">
  453. <meta name="viewport" content="width=720" />
  454. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  455. </head>
  456.  
  457. <body>
  458. <div id="banner">
  459.  
  460. {block:ifusebanner}<center><a href="/"><img style="max-width:1500px; max-height:300px" src="{image:banner}"/></center></a>{/block:ifusebanner}
  461. {block:ifshowblogtitle}<a href="/"><div class="blogtitle">{Title}</a></div>{/block:ifshowblogtitle}
  462.  
  463. <div class="description">
  464. <div style="font-size:12px;font-family:arial;margin-top:18px;text-transform:none;">{Description}</div></div>
  465. <br>
  466. <div id="bieber">
  467. <a href="" class="links">{text:Link Hover Title1}</a>
  468. <a href="/" class="links">home</a>
  469. <a href="/ask" class="links">ask</a>
  470. <a href="/archive" class="links">archive</a>
  471. </div>
  472.  
  473. <div id="justin">
  474. <a href="" class="links">Theme</a>
  475. <a href="http://teenageblog.tumblr.com" class="links">teenageblog</a>
  476. </div>
  477.  
  478. <div id="drew">
  479. <a href="" class="links">{text:Link Hover Title2}</a>
  480. {block:ifLink1Title}
  481. <a href="{text:Link 1 URL}" class="links">{text:Link 1 Title}</a>
  482. {/block:ifLink1Title}
  483.  
  484. {block:ifLink2Title}
  485. <a href="{text:Link 2 URL}" class="links">{text:Link 2 Title}</a>
  486. {/block:ifLink2Title}
  487.  
  488. {block:ifLink3Title}
  489. <a href="{text:Link 3 URL}" class="links">{text:Link 3 Title}</a>
  490. {/block:ifLink3Title}
  491.  
  492. {block:ifLink4Title}
  493. <a href="{text:Link 4 URL}" class="links">{text:Link 4 Title}</a>
  494. {/block:ifLink4Title}
  495.  
  496. {block:ifLink5Title}
  497. <a href="{text:Link 5 URL}" class="links">{text:Link 5 Title}</a>
  498. {/block:ifLink5Title}
  499. </div><br><br>
  500. </div>
  501. </div></div>
  502.  
  503.  
  504. <div class="wrapper">
  505. <div class="header">
  506. </div>
  507.  
  508.  
  509. <div class="left">
  510. <div id="posts">
  511. {block:Posts}
  512. <div class="entry">
  513.  
  514. {block:Answer}
  515. <div class="post"><div class="askborder">
  516. <img src="{askerportraiturl-40}" width="40px"></div><div class="bubble"><span></span>{asker} said: {Question}</div><br>
  517. {Answer}
  518. </div><br>
  519. {/block:Answer}
  520.  
  521.  
  522. {block:Text}
  523. {block:Title}<left><span class="title">{Title}</span></left>{/block:Title}
  524. <div style="margin-left:3px;">{Body}</div>
  525. {block:IndexPage}
  526.  
  527. {/block:IndexPage}
  528. {/block:Text}
  529.  
  530.  
  531. {block:Link}
  532. <left><a href="{URL}"><span class="title">{Name}</span></a></left>
  533. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  534. {block:IndexPage}
  535. {/block:IndexPage}
  536. {block:Link}
  537.  
  538.  
  539. {block:Photo}{block:IndexPage}
  540.  
  541. <ul class="like_and_reblog_buttons">
  542. <li>{ReblogButton color="grey"}</li>
  543. <li>{LikeButton color="grey"}</li>
  544. </ul>
  545. {/block:IndexPage}
  546. {block:IndexPage}
  547. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=240px/></a>
  548. {/block:IndexPage}
  549. {block:permalinkpage}{LinkOpenTag}
  550. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=520px/>{LinkCloseTag}
  551. {/block:permalinkpage}
  552. {/block:Photo}
  553.  
  554. {block:Photoset}
  555. <center>
  556. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  557. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  558. </center>
  559.  
  560. {block:IndexPage}
  561.  
  562. {/block:IndexPage}
  563. {/block:Photoset}
  564.  
  565.  
  566. {block:Quote}
  567. <div style="margin-left:3px;">
  568. {Quote}</span>
  569. {block:Source}<strong>{Source}</strong>{/block:Source}
  570. </div>
  571.  
  572. {block:IndexPage}
  573. {/block:IndexPage}
  574. {/block:Quote}
  575.  
  576. {block:Chat}
  577. <div style="margin-left:3px;">
  578. {block:Title}<span class="title">{Title}</span>{/block:Title}
  579. <ul class="chat">
  580. {block:Lines}
  581. <li class="user_{UserNumber}">
  582. {block:Label}
  583. <span class="label">{Label}</span>
  584. {/block:Label}
  585. {Line}
  586. </li>
  587. {/block:Lines}
  588. </ul>
  589. </div>
  590.  
  591. {block:IndexPage}
  592. {/block:IndexPage}
  593. {/block:Chat}
  594.  
  595. {block:Audio}
  596. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  597. {block:IndexPage}
  598. {/block:IndexPage}
  599. {/block:Audio}
  600.  
  601. {block:Video}
  602. {block:IndexPage}
  603. <ul class="like_and_reblog_buttons">
  604. <li>{ReblogButton color="grey"}</li>
  605. <li>{LikeButton color="grey"}</li>
  606. </ul>
  607. {Video-250}</center>
  608. {/block:IndexPage}
  609. {block:PermalinkPage}
  610. <center>
  611. {Video-500}</center>
  612. {/block:PermalinkPage}
  613.  
  614. {block:IndexPage}
  615. {/block:IndexPage}
  616. {block:Video}
  617.  
  618.  
  619.  
  620. {block:IndexPage}
  621. {block:Text}
  622. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  623. {/block:Text}
  624. {block:Photoset}
  625. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  626. {/block:Photoset}
  627. {block:Quote}
  628. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  629. {/block:Quote}
  630. {block:Link}
  631. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  632. {/block:Link}
  633. {block:Chat}
  634. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  635. {/block:Chat}
  636. {block:Audio}
  637. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  638. {/block:Audio}
  639. {block:Answer}
  640. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  641. {/block:Answer}
  642. {/block:IndexPage}
  643.  
  644. {block:PostNotes}<div align="middle">{caption}</div>
  645. <center>
  646.  
  647. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  648.  
  649. {block:HasTags}
  650. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  651. {block:RebloggedFrom}
  652. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  653. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  654.  
  655. {/block:RebloggedFrom}
  656. </center></span>
  657. <br>
  658. <div id="postnotes">{PostNotes}</div><br>
  659.  
  660. <center>{block:ContentSource}
  661. <br><a href="{SourceURL}">
  662. {lang:Source}:
  663. {block:SourceLogo}
  664. <img src="{BlackLogoURL}" width="{LogoWidth}"
  665. height="{LogoHeight}" alt="{SourceTitle}" />
  666. {/block:SourceLogo}
  667. {block:NoSourceLogo}
  668. {SourceLink}
  669. {/block:NoSourceLogo}
  670. </a>
  671. {/block:ContentSource}</center>
  672.  
  673. {/block:PostNotes}
  674. </div>
  675. {/block:Posts}
  676. </div></div>
  677.  
  678. {block:IndexPage}
  679. {block:Pagination}
  680. <div id="pagination">
  681. {block:NextPage}
  682. <a id="nextPage" href="{NextPage}"></a>
  683. {/block:NextPage}
  684. {block:PreviousPage}
  685. <a href="{PreviousPage}"></a>
  686. {/block:PreviousPage}
  687. </div>
  688. {/block:Pagination}
  689. {/block:IndexPage}
  690.  
  691.  
  692. <div id="cred">
  693. <a href="http://teenageblog.tumblr.com/"><img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-moon-outline-48.png"></a></div>
  694. </body>
  695. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement