Advertisement
teenageblog

Lonely Theme

Oct 24th, 2014
22,419
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.01 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="#aaa"/>
  22. <meta name="color:Title" content="#aaa"/>
  23. <meta name="color:Link" content="#999"/>
  24. <meta name="color:Hover" content="#fff"/>
  25. <meta name="color:Scrollbar" content="#ccc"/>
  26. <meta name="color:Blogtitle" content="#ccc"/>
  27.  
  28. <meta name="image:Sidebar" content=""/>
  29. <meta name="image:Background" content="0"/>
  30.  
  31. <meta name="if:1 column" content="0" />
  32. <meta name="if:2 columns" content="1" />
  33. <meta name="if:3 columns" content="0" />
  34. <meta name="if:Lace Banner" content="1" />
  35.  
  36. <meta name="text:Link One Title" content="refresh" />
  37. <meta name="text:Link One" content="" />
  38. <meta name="text:Link Two Title" content="inbox"/>
  39. <meta name="text:Link Two" content="" />
  40. <meta name="text:Link Three Title" content="more" />
  41. <meta name="text:Link Three" content="" />
  42. <meta name="text:Link Four Title" content="love" />
  43. <meta name="text:Link Four" content="" />
  44.  
  45.  
  46.  
  47.  
  48.  
  49. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  50. <script>
  51. (function($){
  52. $(document).ready(function(){
  53. $("[title]").style_my_tooltips({
  54. tip_follows_cursor:true,
  55. tip_delay_time:200,
  56. tip_fade_speed:300
  57. }
  58. );
  59. });
  60. })(jQuery);
  61. </script>
  62.  
  63.  
  64.  
  65.  
  66.  
  67. <style type="text/css">
  68. #s-m-t-tooltip{
  69. max-width:300px;
  70. margin:15px;
  71. padding:2px 8px;
  72. border:1px solid #DDD;
  73. border-radius:4px;
  74. background:#FFF;
  75. color:#AAA;
  76. z-index:999999;
  77. font-size:9px;
  78. font-style:italic;
  79. text-transform:lowercase;
  80. letter-spacing:1px;
  81. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  82.  
  83. ::-webkit-scrollbar-thumb{
  84. background-color: {color:scrollbar};
  85. border: 2px solid #ffffff;
  86. height:auto;
  87. -moz-border-radius: 10px;
  88. border-radius: 10px;
  89. }
  90.  
  91. ::-webkit-scrollbar {
  92. height:auto;
  93. width:9px;
  94. background-color: #999999;
  95. border: 4px solid #fff;
  96. }
  97.  
  98.  
  99.  
  100.  
  101.  
  102.  
  103. .wrapper{
  104. margin: 0px auto;
  105. margin-left: 60px;
  106. width: 1045px;
  107. }
  108.  
  109. .header{
  110. float: left;
  111. width: 100%;
  112. }
  113.  
  114. .left{
  115. float: left;
  116. margin-right: 20px;
  117. width:1045;
  118. }
  119.  
  120. .right{
  121. float: right;
  122. width: 200px;
  123. background-color: #fff;
  124. }
  125.  
  126.  
  127. body {
  128. margin:0px;
  129. background-color: {color:Background};
  130. background-image:url({image:Background});
  131. background-attachment: fixed;
  132. background-repeat: no-repeat;}
  133. body, div, p, textarea, submit, input{
  134. font-family: 'Ubuntu', sans-serif;
  135. font-size: 11px;
  136. line-height:14px;
  137. letter-spacing:1px;
  138. color:{color:Text};
  139. }
  140.  
  141.  
  142.  
  143. p {
  144. margin:0px;
  145. margin-top:0px;
  146. }
  147.  
  148. a:link, a:active, a:visited{
  149. text-decoration: none;
  150. -webkit-transition: color 0.3s ease-out;
  151. -moz-transition: color 0.3s ease-out;
  152. transition: color 0.3s ease-out;
  153. color: {color:Link};
  154. }
  155.  
  156. a:hover {
  157. : -webkit-transition-duration: 1.0s;
  158. color:{color:Hover};
  159. }
  160.  
  161.  
  162.  
  163.  
  164. div#center{
  165. margin:auto;
  166. margin-top:0px;
  167. position:relative;
  168. width:1045px;
  169. background-color:;
  170.  
  171. }
  172.  
  173.  
  174.  
  175. /*TOPBAR*/
  176.  
  177. #topbar{
  178. position:fixed;
  179. overflow:hidden;
  180. opacity:1;
  181. z-index:99999999;
  182. height:18px;
  183. background-image:url(http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png);
  184. width:1480px;
  185. margin-left:-100px;
  186. margin-top:0px;
  187. }
  188.  
  189. /*PERMAS*/
  190.  
  191. .perma{
  192. position:absolute;
  193. {block:if1column}
  194. margin-left:265px;
  195. {/block:if1column}
  196. {block:if2columns}
  197. margin-left:210px;
  198. {/block:if2columns}
  199. {block:if3columns}
  200. margin-left:185px;
  201. {/block:if3columns}
  202. opacity:0;
  203. -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;
  204. }
  205.  
  206. .perma a {
  207. z-index:99999999999999;
  208. display:block;
  209. width:6px;
  210. height:6px;
  211. margin:10px;
  212. background:#fff;
  213. border:3px double #888;
  214. padding:3px;
  215. }
  216.  
  217.  
  218. .entry:hover .perma {
  219. opacity:1;
  220. }
  221.  
  222.  
  223. /* Sidebar*/
  224. @font-face {
  225. font-family:titulo;
  226. src: url('http://static.tumblr.com/fxpo5zq/mtvmm3f7r/existence-unicaselight.otf');
  227. }
  228.  
  229. #sidebar{
  230. float:left;
  231. width:180px;
  232. margin-top:120px;
  233. font-size:11px;
  234. height:auto;
  235. {block:IndexPage}
  236. {block:if1column}
  237. margin-left:170px;
  238. {/block:if1column}
  239. {block:if3columns}
  240. margin-left:80px;
  241. {/block:if3columns}
  242. {block:if2columns}
  243. margin-left:120px;
  244. {/block:if2columns}
  245. {/block:IndexPage}
  246. position:fixed;
  247. padding:10px;
  248. text-align:center;
  249. font-family:calibri;
  250. line-height:12px;
  251. color:{color:text};
  252. background-color: #fff;
  253. border:1px solid #ccc;
  254. {block:PermalinkPage}
  255. {block:if1column}
  256. margin-left:170px;
  257. {/block:if1column}
  258. {block:if2columns}
  259. margin-left:120px;
  260. {/block:if2columns}
  261. {block:if3columns}
  262. margin-left:80px;
  263. {/block:if3columns}
  264. {/block:PermalinkPage}
  265. }
  266.  
  267.  
  268.  
  269. #blogtitle{
  270. padding:5px;
  271. line-height:13px;
  272. font-size:12px;
  273. font-family: 'century gothic';
  274. border:1px solid #ccc;
  275. color:{color:blogtitle};
  276. background-color: white;
  277. }
  278.  
  279. #sidebarimage{
  280. padding:0px;
  281.  
  282. }
  283.  
  284. #links{
  285. padding:5px;
  286. font-family:calibri;
  287. width:165px;
  288. border:1px solid #ccc;
  289. color:{color:blogtitle};
  290. background-color: white;
  291. letter-spacing:1px;
  292. display:inline-block;
  293.  
  294. }
  295.  
  296. #links:hover {
  297. color:{color:hover};
  298. }
  299.  
  300. /*ENTRIES*/
  301. .entry img{
  302. {block:iffadedposts}
  303. opacity: 0.7;
  304. {/block:iffadedposts}
  305. }
  306.  
  307.  
  308. .entry {
  309. float:left;
  310. display: block;
  311. overflow:hidden;
  312. {block:IndexPage}
  313. {block:if1column}
  314. width:300px;
  315. margin:16px;
  316. {/block:if1column}
  317. {block:if2columns}
  318. width:245px;margin:18px;
  319. {/block:if2columns}
  320. {block:if3columns}
  321. width:220px;
  322. margin:13px;
  323. {/block:if3columns}
  324. {block:IndexPage}
  325. background:#fff;
  326. border:1px solid #eee;
  327. padding:6px;
  328. {block:PermalinkPage}
  329. {block:if1column}
  330. width:450px;
  331. {/block:if1column}
  332. {block:if2columns}
  333. width:420px;
  334. {/block:if2columns}
  335. {block:if3columns}
  336. width:420px;{/block:if3columns}
  337.  
  338. text-align:left;
  339. {/block:PermalinkPage}
  340. -moz-transition: all 2.2s ease-out;
  341. -o-transition: all 2.2s ease-out;
  342. -webkit-transition: all 2.2s ease-out;
  343. transition: all 2.2s ease-out;
  344. }
  345.  
  346.  
  347.  
  348. #audio {width:250px; height:auto; min-height:60px; padding-bottom:0px;}
  349. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  350. .cover img {float:left; width:60px; height:60px;}
  351. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  352. .info {margin-left:73px; margin-top:4px; line-height:14px;}
  353.  
  354. .title{
  355. line-height:12px;
  356. color:{color:Title};
  357. font-weight:normal;
  358. }
  359.  
  360.  
  361.  
  362. #cred{
  363. position:fixed;
  364. font-family: arial;
  365. font-size: 8px;
  366. z-index:99999;
  367. bottom:20px;
  368. right:10px;
  369. padding:10px;
  370. height:10px;
  371. text-align:center;
  372. text-transform:lowercase;
  373. padding-bottom:10px;
  374. width:15px;
  375. color:#aaa;
  376. transition: all 0.6s ease-out;
  377. -o-transition-transition: all 0.6s ease-out;
  378. -webkit-transition: all 0.6s ease-out;
  379. -moz-transition: all 0.6s ease-out;
  380. }
  381.  
  382. .eclipsethemes {
  383. width:260px;
  384. opacity: 1;
  385. z-index: 10000;
  386. margin-top:10px;
  387. margin-bottom:10px;
  388. text-align:left;
  389. font-size:10px;
  390. letter-spacing:1px;
  391. }
  392.  
  393. .permalinktext {
  394. display: block;
  395. padding: 1px;
  396. margin: 0px 0px 0px 8px;
  397. font-family: calibri;
  398. letter-spacing: 0px;
  399. font-size: 10px;
  400. color: #424242;
  401. line-height: 11px;
  402. text-align: right;
  403. text-decoration: none;
  404. -webkit-transition: color 0.5s ease-out;
  405. -moz-transition: color 0.5s ease-out;
  406. }
  407. .bubble a{color:black;}
  408.  
  409. .bubble {
  410. position:relative;
  411. margin:4px 0px 5px 45px;
  412. text-align:left;
  413. padding:5px 3px 5px 5px;
  414. background:#eee;
  415. color:black;
  416. -moz-border-radius:3px;
  417. -webkit-border-radius:3px;
  418. border-radius:3px;
  419. }
  420.  
  421.  
  422. .bubble p {
  423. margin:5px;
  424. }
  425.  
  426. .bubble span {
  427. position:absolute;
  428. display:block;
  429. top:-5px;
  430. left:-8px;
  431. width:1px;
  432. height:1px;
  433. font-size:12;
  434. line-height:1px;
  435. color:black;
  436. border-top:3px solid transparent;
  437. border-right:7px solid #eee;
  438. border-bottom:3px solid transparent;
  439. }
  440.  
  441. .askborder {
  442. left:-10px;
  443. margin:1px;
  444. padding:2px;
  445. background:#eee;
  446. }
  447.  
  448.  
  449. #posts {
  450. {block:if1column}
  451. width:400px;
  452. margin-left:430px;
  453. {/block:if1column}
  454. {block:if2columns}
  455. width:700px;
  456. margin-left: 370px;
  457. {/block:if2columns}
  458. {block:if3columns}
  459. width:1000px;
  460. margin-left:325px;
  461. {/block:if3columns}
  462. margin-top: 15px;
  463. margin-right: auto;
  464. position:relative;
  465. overflow-y: hidden;
  466. {block:PermalinkPage}
  467. {block:if1column}
  468. margin-top:15px;
  469. margin-left:430px;
  470. {/block:if1column}
  471. {block:if2columns}
  472. margin-top:15px;
  473. margin-left:370px;
  474. {/block:if2columns}
  475. {block:if3columns}
  476. margin-top:15px;
  477. margin-left:325px;
  478. {/block:if3columns}
  479.  
  480. {/block:PermalinkPage}
  481. }
  482.  
  483.  
  484. #infscr-loading{
  485. bottom: -70px;
  486. position: absolute;
  487. left: 50%;
  488. margin-left:-8px;
  489. width:16px;
  490. height:11px;
  491. overflow:hidden;
  492. margin-bottom: 50px;
  493. }
  494.  
  495. #postnotes{
  496. text-align: justify;
  497. }
  498.  
  499. #postnotes blockquote{
  500. border: 0px;
  501. }
  502.  
  503. blockquote{
  504. padding:0px 0px 2px 5px;
  505. margin:0px 0px 2px 1px;
  506. border-left: 1px dotted {color:Text};
  507. }
  508.  
  509. blockquote p, ul{
  510. margin:0px;
  511. padding:0px;
  512. }
  513.  
  514. a img{border: 0px;}
  515. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  516. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  517. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  518. .notes img{width:10px; position:relative; top:3px;
  519. }
  520.  
  521. small{font-size: 90%;}
  522.  
  523. .video embed, .post div.video object {width:260px !important; height:180px !important;}
  524. .video2 embed, .post div.video object {width:400px !important; height:400px !important;}
  525.  
  526. {CustomCSS}
  527.  
  528. </style>
  529.  
  530. {block:IndexPage}
  531.  
  532.  
  533. </script>
  534. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  535. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  536. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  537.  
  538. <script type="text/javascript">
  539. $(window).load(function () {
  540. var $content = $('#posts');
  541. $content.masonry({itemSelector: '.entry'}),
  542. $content.infinitescroll({
  543. navSelector : 'div#pagination',
  544. nextSelector : 'div#pagination a#nextPage',
  545. itemSelector : '.entry',
  546. loading: {
  547. finishedMsg: '',
  548. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  549. },
  550. bufferPx : 600,
  551. debug : false,
  552. },
  553. // call masonry as a callback.
  554. function( newElements ) {
  555. var $newElems = $( newElements );
  556. $newElems.hide();
  557. // ensure that images load before adding to masonry layout
  558. $newElems.imagesLoaded(function(){
  559. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  560.  
  561.  
  562. });
  563. });
  564. });
  565. </script>
  566. {/block:IndexPage}
  567.  
  568.  
  569. <title>{Title}</title>
  570. <link rel="shortcut icon" href="{Favicon}" />
  571. <meta name="viewport" content="width=720" />
  572. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  573. </head>
  574.  
  575. <body>
  576.  
  577.  
  578. <div id="sidebar">
  579.  
  580. <div id="blogtitle">{title}</div><br>
  581.  
  582. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}" width="180" height="190"></a></div><br>
  583.  
  584. {description}<br><br>
  585.  
  586. <div id="links">
  587. <a href="{text:Link One}">{text:Link One Title}</a> &nbsp;
  588. <a href="{text:Link Two}">{text:Link Two Title}</a> &nbsp;
  589. <a href="{text:Link Three}">{text:Link Three Title}</a> &nbsp;
  590. <a href="{text:Link Four}">{text:Link Four Title}</a> &nbsp;
  591. </div></div>
  592.  
  593. {block:iflacebanner}
  594. <div id="topbar"></div>
  595. </div>
  596. {/block:iflacebanner}
  597. <div class="wrapper">
  598. <div class="header">
  599.  
  600. </div>
  601. </div>
  602.  
  603.  
  604. <div class="left">
  605. <div id="posts">
  606. {block:Posts}
  607. <div class="entry">
  608.  
  609. {block:Answer}<img src="{AskerPortraitURL-30}" align="left" class="askborder">
  610. <div class="bubble"><font style="color:black; text-transform:uppercase; font-size:11px; font-family:calibri;">{Asker}:</font> <font style="color:black; font-family:calibri; font-size:11px; ">{Question}</font></div><br><center><font style="font-family:calibri; font-size:11px; letter-spacing:1px">{Answer}</font></center> <br>
  611. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  612. {/block:Answer}
  613.  
  614. {block:Text}
  615. {block:Title}<span class="title">{Title}</span>{/block:Title}
  616. <span class="entrytext">{Body}</span>
  617. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  618. {/block:Text}
  619.  
  620. {block:Link}
  621. <center><a href="{URL}"><span class="title">{Name}</span></a></center>
  622. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  623. {block:IndexPage}<div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  624. {/block:IndexPage}
  625. {block:Link}
  626.  
  627. {block:Photo}{block:IndexPage}
  628. <center>
  629. <div class="perma"><a href="{permalink}" title="{notecountwithlabel}"></a>
  630. <a href="{reblogurl}" title="reblog"></a>
  631. <a href="{permalink}" title="posted {timeago}"></a></div>
  632.  
  633. {/block:IndexPage}
  634. {block:IndexPage}
  635. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=100%/></a>
  636.  
  637. {/block:IndexPage}
  638. {block:permalinkpage}{LinkOpenTag}
  639. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=420px/>{LinkCloseTag}
  640. {/block:permalinkpage}
  641. {/block:Photo}
  642.  
  643.  
  644. {block:Photoset}
  645. {block:IndexPage}
  646. <center>
  647. <div class="perma"><a href="{permalink}" title="{notecountwithlabel}"></a>
  648. <a href="{reblogurl}" title="reblog"></a>
  649. <a href="{permalink}" title="posted {timeago}"></a></div>
  650.  
  651.  
  652.  
  653. {/block:IndexPage}
  654. {block:IndexPage}
  655. {block:Photos}
  656. {block:if1column}
  657. <a href="{Permalink}"><img src="{PhotoURL-500}" width="295" style="padding:3px;"/></a>
  658. {/block:if1column}
  659. {block:if2columns}
  660. <a href="{Permalink}"><img src="{PhotoURL-500}" width="240" style="padding:3px;"/></a>
  661. {/block:if2columns}
  662. {block:if3columns}
  663. <a href="{Permalink}"><img src="{PhotoURL-500}" width="215" style="padding:3px;"/></a>
  664. {/block:if3columns}
  665. {/block:Photos}
  666. {/block:permalinkpage}
  667. {/block:IndexPage}
  668.  
  669.  
  670. {block:permalinkpage}
  671. {Photoset-500}
  672. {/block:permalinkpage}
  673. {/block:Photoset}
  674.  
  675.  
  676.  
  677.  
  678. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>
  679. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  680. {/block:Quote}
  681.  
  682. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  683. <ul class="chat">
  684. {block:Lines}
  685. <li class="user_{UserNumber}">
  686. {block:Label}
  687. <span class="label">{Label}</span>
  688. {/block:Label}
  689.  
  690. {Line}
  691. </li>
  692. {/block:Lines}
  693. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  694. {/block:Chat}
  695.  
  696. {block:Audio}
  697. <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>
  698. {block:IndexPage}
  699. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  700. {/block:IndexPage}
  701. {/block:Audio}
  702.  
  703. {block:Video}
  704. {block:IndexPage}
  705. <center>
  706. <div class="perma"><a href="{permalink}" title="{notecountwithlabel}"></a>
  707. <a href="{reblogurl}" title="reblog"></a>
  708. <a href="{permalink}" title="posted {timeago}"></a></div>
  709. {Video-250}</center>
  710. {/block:IndexPage}
  711. {block:PermalinkPage}
  712. <center>
  713. {Video-400}</center>
  714. {/block:PermalinkPage}
  715. {block:Video}
  716.  
  717. {block:PermalinkPage}
  718. <br>
  719. <div class="eclipsethemes">
  720. {block:Caption}{Caption}{/block:Caption}
  721.  
  722. {block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  723.  
  724. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
  725. {block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  726.  
  727. {block:HasTags}<br><Br> tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
  728. {/block:PermalinkPage}
  729.  
  730.  
  731.  
  732.  
  733.  
  734. {block:PostNotes}
  735. <span></span>
  736. <br>
  737. <div style="width:auto; max-height:200px; overflow:auto;">{PostNotes}</div>
  738.  
  739. </a>
  740. {/block:PostNotes}
  741. </div>
  742. {/block:posts}
  743.  
  744. </div></div>
  745.  
  746. {block:IndexPage}
  747. {block:Pagination}
  748. <div id="pagination">
  749. {block:NextPage}
  750. <a id="nextPage" href="{NextPage}"></a>
  751. {/block:NextPage}
  752. {block:PreviousPage}
  753. <a href="{PreviousPage}"></a>
  754. {/block:PreviousPage}
  755. </div>
  756. {/block:Pagination}
  757. {/block:IndexPage}
  758.  
  759.  
  760.  
  761. <div id="cred">
  762. <a href="http://teenageblog.tumblr.com/"><img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-moon-outline-48.png"></a></div>
  763.  
  764.  
  765. </body>
  766.  
  767.  
  768. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement