Advertisement
teenageblog

Memory Theme

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