API tools faq
paste
Advertisement
teenageblog

Music Player Theme

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