API tools faq
paste
Advertisement
teenageblog

Reflections Theme

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