API tools faq
paste
Advertisement
teenageblog

Odyssey Theme

teenageblog
Apr 5th, 2015
25,920
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.69 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. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  16.  
  17. <script type="text/javascript">
  18. WebFontConfig = {
  19. google: { families: [ 'Lora::latin', 'Fira+Mono::latin', 'Oxygen+Mono::latin', 'Merriweather::latin', 'Crimson+Text::latin' ] }
  20. };
  21. (function() {
  22. var wf = document.createElement('script');
  23. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  24. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  25. wf.type = 'text/javascript';
  26. wf.async = 'true';
  27. var s = document.getElementsByTagName('script')[0];
  28. s.parentNode.insertBefore(wf, s);
  29. })(); </script>
  30.  
  31.  
  32. <head>
  33. <link rel="shortcut icon" href="{Favicon}" />
  34. <!-- DEFAULT VARIABLES -->
  35. <title>{Title}</title>
  36. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  37. <meta name="color:Background" content="#fff"/>
  38. <meta name="color:Text" content="#000"/>
  39. <meta name="color:Title" content="#000"/>
  40. <meta name="color:Link" content="#999"/>
  41. <meta name="color:Hover" content="#000"/>
  42. <meta name="color:Scrollbar" content="#ccc"/>
  43. <meta name="color:Blogtitle" content="#000"/>
  44. <meta name="color:Borders" content="#000"/>
  45.  
  46. <meta name="image:Background" content="0"/>
  47. <meta name="if:Crosshair Cursor" content="0"/>
  48. <meta name="if:Black Borders" content="1"/>
  49. <meta name="if:2 columns" content="0" />
  50. <meta name="if:3 columns" content="1" />
  51. <meta name="if:Scroll to Top" content="0"/>
  52. <meta name="if:Show Link 1" content="1"/>
  53. <meta name="if:Show Link 2" content="1"/>
  54. <meta name="if:Show Link 3" content="1"/>
  55.  
  56. <meta name="text:link 1 title" content="link 1" />
  57. <meta name="text:link 1 url" content="/" />
  58. <meta name="text:link 2 title" content="link 2" />
  59. <meta name="text:link 2 url" content="/"/>
  60. <meta name="text:link 3 title" content="link 3" />
  61. <meta name="text:link 3 url" content="/" />
  62.  
  63.  
  64.  
  65. {block:ifCrosshairCursor}
  66. <style type="text/css">body { cursor: crosshair; } </style>
  67. {/block:ifCrosshairCursor}
  68.  
  69. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  70. <script>
  71. (function($){
  72. $(document).ready(function(){
  73. $("[title]").style_my_tooltips({
  74. tip_follows_cursor:true,
  75. tip_delay_time:200,
  76. tip_fade_speed:300
  77. }
  78. );
  79. });
  80. })(jQuery);
  81. </script>
  82. <style type="text/css">
  83. #s-m-t-tooltip{
  84. max-width:300px;
  85. margin:15px;
  86. padding:2px 8px;
  87. border:1px solid #DDD;
  88. border-radius:4px;
  89. background:#FFF;
  90. color:#AAA;
  91. z-index:999999;
  92. font-size:9px;
  93. font-style:italic;
  94. text-transform:lowercase;
  95. letter-spacing:1px;
  96. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  97.  
  98. ::-webkit-scrollbar-thumb{
  99. background-color: {color:scrollbar};
  100. border: 2px solid #ffffff;
  101. height:auto;
  102. -moz-border-radius: 10px;
  103. border-radius: 10px;
  104. }
  105.  
  106. ::-webkit-scrollbar {
  107. height:auto;
  108. width:9px;
  109. background-color: #999999;
  110. border: 4px solid #fff;
  111. }
  112.  
  113.  
  114.  
  115.  
  116.  
  117. #toTop {
  118. text-align:center;
  119. padding:5px;
  120. position:fixed;
  121. bottom:10px;
  122. right:20px;
  123. cursor:pointer;
  124. display:none;
  125. color:#000;
  126. z-index: 99999999999999999999;
  127. font-size:10px;
  128. }
  129.  
  130.  
  131. .wrapper{
  132. margin: 0px auto;
  133. margin-left: 60px;
  134. width: 1045px;
  135. }
  136.  
  137. .header{
  138. float: left;
  139. width: 100%;
  140. }
  141.  
  142. .left{
  143. float: left;
  144. margin-right: 20px;
  145. width:1045;
  146. }
  147.  
  148. .right{
  149. float: right;
  150. width: 200px;
  151. background-color: #fff;
  152. }
  153.  
  154.  
  155. body {
  156. margin:0px;
  157. background-color: {color:Background};
  158. background-image:url({image:Background});
  159. background-attachment: fixed;
  160. background-repeat: repeat;}
  161. body, div, p, textarea, submit, input{
  162. font-family: times;
  163. font-size: 11px;
  164. line-height:14px;
  165. letter-spacing:1px;
  166. color:{color:Text};
  167. }
  168.  
  169.  
  170.  
  171. p {
  172. margin:0px;
  173. margin-top:0px;
  174. }
  175.  
  176. a:link, a:active, a:visited{
  177. text-decoration: none;
  178. -webkit-transition: color 0.3s ease-out;
  179. -moz-transition: color 0.3s ease-out;
  180. transition: color 0.3s ease-out;
  181. color: {color:Link};
  182. }
  183.  
  184. a:hover {
  185. : -webkit-transition-duration: 1.0s;
  186. color:{color:Hover};
  187. }
  188.  
  189.  
  190.  
  191.  
  192. div#center{
  193. margin:auto;
  194. margin-top:0px;
  195. position:relative;
  196. width:1045px;
  197. background-color:;
  198.  
  199. }
  200.  
  201.  
  202. /*PERMALINKS*/
  203. .entry .perma{
  204. width:auto;
  205. height: auto;
  206. font-family: 'Fira Mono', monospace;
  207. position: absolute;
  208. font-size: 10px;
  209. line-height: 11px;
  210. text-align: center;
  211. color:#999;
  212. opacity:0.9;
  213. top:20px;
  214. z-index: 99999;
  215. text-transform:uppercase;
  216. overflow:hidden;
  217. background-color:white;
  218. margin-left: 7px;
  219. padding: 4px;
  220. border:1px solid {color:borders};
  221. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  222. -webkit-transition: all 0.5s linear;
  223. -moz-transition: all 0.5s linear;
  224. transition: all 0.5s linear;
  225.  
  226. }
  227. .entry:hover .perma{
  228. overflow:visible;
  229. opacity:1;
  230. top:14px;
  231. -webkit-transition: all 0.5s linear;
  232. -webkit-transition: all 0.5s linear;
  233. -moz-transition: all 0.5s linear;
  234. transition: all 0.5s linear;
  235.  
  236. }
  237.  
  238. /*MAIN POSTS*/
  239.  
  240.  
  241.  
  242. .entry {
  243. float:left;
  244. display: block;
  245. overflow:hidden;
  246. {block:IndexPage}
  247. {block:if3columns}
  248. width:240px;
  249. {/block:if3columns}
  250. {block:if2columns}
  251. width:240px;
  252. {/block:if2columns}
  253. {/block:IndexPage}
  254. background:#fff;
  255. {block:ifBlackBorders}
  256. border:1px solid {color:borders};
  257. {/block:ifBlackBorders}
  258. padding:5px;
  259. margin:14px;
  260. {block:PermalinkPage}
  261. {block:IndexPage}
  262. {block:if2columns}
  263. width:400px;
  264. {/block:if2columns}
  265. {block:if3columns}
  266. width:400px;
  267. {/block:if3columns}
  268. {/block:IndexPage}
  269. text-align:left;
  270. {/block:PermalinkPage}
  271. -moz-transition: all 2.2s ease-out;
  272. -o-transition: all 2.2s ease-out;
  273. -webkit-transition: all 2.2s ease-out;
  274. transition: all 2.2s ease-out;
  275. }
  276.  
  277.  
  278. /*SIDEBAR*/
  279. #sidebar {
  280. height:100px;
  281. width:600px;
  282. position:absolute;
  283. font-family:times;
  284. background: transparent;
  285. {block:if3columns}
  286. top:5%;
  287. margin-left:315px;
  288. {/block:if3columns}
  289. {block:if2columns}
  290. margin-left:298px;
  291. top:5%;
  292. {/block:if2columns}
  293. color:{color:text};
  294. padding:7px;
  295. text-align:center;
  296. z-index:999;
  297. opacity:1;
  298. }
  299.  
  300. .blogtitle{
  301. border-right:3px solid {color:border};
  302. font-family:times;
  303. color:{color:blogtitle};
  304. text-align:right;
  305. font-size:30px;
  306. padding-top:20px;
  307. padding-right:6px;
  308. padding-bottom:20px;
  309. width:200px;
  310. height:40px;
  311. }
  312.  
  313. .blogtitle a{
  314. color:{color:Blogtitle};
  315. }
  316.  
  317. .desc {
  318. color:{color:text};
  319. text-align:left;
  320. margin-left:-200px;
  321. width:350px;
  322. font-family:times;
  323. font-size:12px;
  324. line-height:12px;
  325. padding:6px;
  326. }
  327.  
  328. #main {
  329. color:{color:text};
  330. z-index:9999999999999;
  331. font-family:times;
  332. font-size:12px;
  333. text-align:left;
  334. padding-top:6px;
  335. }
  336.  
  337.  
  338. #audio {width:250px; height:auto; min-height:60px; padding-bottom:0px;}
  339. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  340. .cover img {float:left; width:60px; height:60px;}
  341. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  342. .info {margin-left:73px; margin-top:4px; line-height:14px;}
  343.  
  344. .title{
  345. line-height:12px;
  346. color:{color:Title};
  347. font-weight:normal;
  348. }
  349.  
  350.  
  351.  
  352. #cred{
  353. position:fixed;
  354. font-family: arial;
  355. font-size: 8px;
  356. bottom:20px;
  357. right:10px;
  358. padding:10px;
  359. height:10px;
  360. text-align:center;
  361. text-transform:lowercase;
  362. padding-bottom:10px;
  363. width:15px;
  364. color:#aaa;
  365. transition: all 0.6s ease-out;
  366. -o-transition-transition: all 0.6s ease-out;
  367. -webkit-transition: all 0.6s ease-out;
  368. -moz-transition: all 0.6s ease-out;
  369. }
  370.  
  371. .eclipsethemes {
  372. width:260px;
  373. opacity: 1;
  374. z-index: 10000;
  375. margin-top:10px;
  376. margin-bottom:10px;
  377. text-align:left;
  378. font-size:10px;
  379. letter-spacing:1px;
  380. }
  381. /*FOR TEXT*/
  382. .permahover {
  383. text-align: right;
  384. line-height:9px;
  385. opacity: 0;
  386. filter: alpha(opacity = 0);
  387. font-size: 9px;
  388. padding-top:0px;
  389. text-transform: lowercase;
  390. border-top:0px solid {color:link};
  391. -webkit-transition-duration: .75s;
  392. }
  393.  
  394. .entry:hover .permahover {
  395. text-align: right;
  396. opacity: 1;
  397. filter: alpha(opacity = 50);}
  398.  
  399.  
  400. .bubble a{color:black;}
  401.  
  402. .bubble {
  403. position:relative;
  404. margin:4px 0px 5px 45px;
  405. text-align:left;
  406. padding:5px 3px 5px 5px;
  407. background:#eee;
  408. color:black;
  409. -moz-border-radius:3px;
  410. -webkit-border-radius:3px;
  411. border-radius:3px;
  412. }
  413.  
  414.  
  415. .bubble p {
  416. margin:5px;
  417. }
  418.  
  419. .bubble span {
  420. position:absolute;
  421. display:block;
  422. top:-5px;
  423. left:-8px;
  424. width:1px;
  425. height:1px;
  426. font-size:12;
  427. line-height:1px;
  428. color:black;
  429. border-top:3px solid transparent;
  430. border-right:7px solid #eee;
  431. border-bottom:3px solid transparent;
  432. }
  433.  
  434. .askborder {
  435. left:-10px;
  436. margin:1px;
  437. padding:2px;
  438. background:#eee;
  439. }
  440.  
  441.  
  442. #posts {
  443. {block:if3columns}
  444. width:900px;
  445. margin-top: 140px;
  446. margin-left: 180px;
  447. {/block:if3columns}
  448. {block:if2columns}
  449. width:600px;
  450. margin-top:140px;
  451. margin-left:320px;
  452. {/block:if2columns}
  453. margin-right: auto;
  454. position:relative;
  455. overflow-y: hidden;
  456. {block:PermalinkPage}
  457. margin-left:350px;
  458. {/block:PermalinkPage}
  459. }
  460.  
  461.  
  462. #infscr-loading{
  463. bottom: -70px;
  464. position: absolute;
  465. left: 50%;
  466. margin-left:-8px;
  467. width:16px;
  468. height:11px;
  469. overflow:hidden;
  470. margin-bottom: 50px;
  471. }
  472.  
  473. #postnotes{
  474. text-align: justify;
  475. }
  476.  
  477. #postnotes blockquote{
  478. border: 0px;
  479. }
  480.  
  481. blockquote{
  482. padding:0px 0px 2px 5px;
  483. margin:0px 0px 2px 1px;
  484. border-left: 1px dotted {color:Text};
  485. }
  486.  
  487. blockquote p, ul{
  488. margin:0px;
  489. padding:0px;
  490. }
  491.  
  492. a img{border: 0px;}
  493. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  494. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  495. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  496. .notes img{width:10px; position:relative; top:3px;
  497. }
  498.  
  499. small{font-size: 90%;}
  500.  
  501.  
  502. .video embed, .video object, .video iframe {
  503. {block:IndexPage}
  504. width:240px;
  505. {/block:IndexPage}
  506. {block:PermalinkPage}
  507. width:400px;
  508. height:auto;
  509. {/block:PermalinkPage}}
  510.  
  511.  
  512. {CustomCSS}
  513.  
  514. </style>
  515.  
  516. {block:IndexPage}
  517.  
  518.  
  519. </script>
  520. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  521. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  522. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  523.  
  524. <script type="text/javascript">
  525. $(window).load(function () {
  526. var $content = $('#posts');
  527. $content.masonry({itemSelector: '.entry'}),
  528. $content.infinitescroll({
  529. navSelector : 'div#pagination',
  530. nextSelector : 'div#pagination a#nextPage',
  531. itemSelector : '.entry',
  532. loading: {
  533. finishedMsg: '',
  534. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  535. },
  536. bufferPx : 600,
  537. debug : false,
  538. },
  539. // call masonry as a callback.
  540. function( newElements ) {
  541. var $newElems = $( newElements );
  542. $newElems.hide();
  543. // ensure that images load before adding to masonry layout
  544. $newElems.imagesLoaded(function(){
  545. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  546.  
  547.  
  548. });
  549. });
  550. });
  551. </script>
  552. {/block:IndexPage}
  553.  
  554.  
  555. <title>{Title}</title>
  556. <meta name="viewport" content="width=720" />
  557. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  558. </head>
  559.  
  560. <body>
  561. {block:ifscrolltotop}<div id="toTop"><img src="http://media.tumblr.com/tumblr_lw4i8ijjPt1r43b17.png" /></div>{/block:ifscrolltotop}
  562.  
  563. <div id="sidebar">
  564.  
  565. <table style="width:798px; height:70px;">
  566. <tr>
  567. <td>
  568. <div class="blogtitle">
  569. {Title}</a></div>
  570.  
  571. </td><td>
  572.  
  573. <div class="desc">
  574. {Description}
  575. <div id="main">
  576.  
  577. <a href="/"><i class="fa fa-refresh"></i> home</a> &nbsp; &nbsp;
  578.  
  579. <a href="/ask"><i class="fa fa-envelope-o"></i> ask</a> &nbsp; &nbsp;
  580.  
  581. {block:ifshowlink1}<a href="{text:link 1 url}"><i class="fa fa-folder-open"></i> {text:link 1 title}</a> &nbsp; &nbsp;{/block:ifshowlink1}
  582.  
  583. {block:ifshowlink2}<a href="{text:link 2 url}"><i class="fa fa-send-o"></i> {text:link 2 title}</a>{/block:ifshowlink2}
  584. &nbsp;&nbsp;
  585. {block:ifshowlink3}
  586. <a href="{text:link 3 url}"><i class="fa fa-star-o"></i> {text:link 3 title}</a>
  587. {block:ifshowlink3}
  588.  
  589.  
  590. </td>
  591. </tr>
  592. </table>
  593.  
  594.  
  595. </div>
  596. </div>
  597. <div class="wrapper">
  598. <div class="header">
  599.  
  600. </div>
  601.  
  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="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></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="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></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="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  624. {/block:IndexPage}
  625. {block:Link}
  626.  
  627. {block:Photo}{block:IndexPage}
  628.  
  629.  
  630. <div class="perma">
  631. <a href="{permalink}">{notecount}</a> / <a href="{reblogurl}"target="_blank">reblog</a> </span></div>
  632.  
  633.  
  634. {/block:IndexPage}
  635. {block:IndexPage}
  636. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=100%/></a>
  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. {block:Photoset}
  644. {block:IndexPage}
  645.  
  646. <div class="perma">
  647. <a href="{permalink}">{notecount}</a> / <a href="{reblogurl}"target="_blank">reblog</a> </span></div>
  648.  
  649. {/block:IndexPage}
  650. {block:IndexPage}
  651. {block:Photos}
  652.  
  653. {block:if2columns}
  654. <a href="{Permalink}"><img src="{PhotoURL-500}" width="240"></a>
  655. {/block:if2columns}
  656. {block:if3columns}
  657. <a href="{Permalink}"><img src="{PhotoURL-500}" width="240"></a>
  658. {/block:if3columns}
  659.  
  660. {/block:Photos}
  661. {/block:permalinkpage}
  662. {/block:IndexPage}
  663.  
  664. {block:permalinkpage}
  665. {Photoset-500}
  666. {/block:permalinkpage}
  667. {/block:Photoset}
  668.  
  669.  
  670.  
  671.  
  672. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>
  673. <div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  674. {/block:Quote}
  675.  
  676. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  677. <ul class="chat">
  678. {block:Lines}
  679. <li class="user_{UserNumber}">
  680. {block:Label}
  681. <span class="label">{Label}</span>
  682. {/block:Label}
  683.  
  684. {Line}
  685. </li>
  686. {/block:Lines}
  687. <div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  688. {/block:Chat}
  689.  
  690. {block:Audio}
  691. <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>
  692. {block:IndexPage}
  693. <div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  694. {/block:IndexPage}
  695. {/block:Audio}
  696.  
  697. {block:Video}
  698. <div class="post">
  699. {block:IndexPage}
  700. <div class="video">
  701. {Video-500}
  702. </div>
  703. <div class="perma">
  704. <a href="{permalink}">{notecount}</a> / <a href="{reblogurl}"target="_blank">reblog</a> </span></div>
  705. {/block:IndexPage}
  706. {block:PermalinkPage}
  707. {Video-500}
  708. {/block:PermalinkPage}
  709. </div>
  710. {/block:Video}
  711.  
  712. {block:PermalinkPage}
  713. <br>
  714. <div class="eclipsethemes">
  715. {block:Caption}{Caption}{/block:Caption}
  716.  
  717. {block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  718.  
  719. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
  720. {block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  721.  
  722. {block:HasTags}<br><Br> tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
  723. {/block:PermalinkPage}
  724.  
  725.  
  726.  
  727.  
  728.  
  729. {block:PostNotes}
  730. <span></span>
  731. <br>
  732. <div style="width:auto; max-height:200px; overflow:auto; text-align:left;">{PostNotes}</div>
  733.  
  734. </a>
  735. {/block:PostNotes}
  736. </div>
  737. {/block:posts}
  738.  
  739. </div></div>
  740.  
  741. {block:IndexPage}
  742. {block:Pagination}
  743. <div id="pagination">
  744. {block:NextPage}
  745. <a id="nextPage" href="{NextPage}"></a>
  746. {/block:NextPage}
  747. {block:PreviousPage}
  748. <a href="{PreviousPage}"></a>
  749. {/block:PreviousPage}
  750. </div>
  751. {/block:Pagination}
  752. {/block:IndexPage}
  753.  
  754.  
  755. <script type="text/javascript">
  756.  
  757. $(function() {
  758. $(window).scroll(function() {
  759. if($(this).scrollTop() != 0) {
  760. $('#toTop').fadeIn();
  761. } else {
  762. $('#toTop').fadeOut();
  763. }
  764. });
  765.  
  766. $('#toTop').click(function() {
  767. $('body,html').animate({scrollTop:0},800);
  768. });
  769. });
  770.  
  771.  
  772. $(window).load(function () {
  773.  
  774.  
  775.  
  776.  
  777.  
  778. // endless scrolling
  779. var $container = $('#holder');
  780. $container.imagesLoaded(function(){
  781. $container.masonry({
  782. itemSelector: '.box'
  783. });
  784. });
  785. $container.infinitescroll({
  786. navSelector : '#page-nav', // selector for the paged navigation
  787. nextSelector : '#page-nav a', // selector for the NEXT link (to page 2)
  788. itemSelector : '.box', // selector for all items you'll retrieve
  789. bufferPx: 0,
  790. debug : true,
  791. loading: {
  792. finishedMsg: '',
  793. img: '',
  794. msgText: ''
  795. }
  796. },
  797. // trigger Masonry as a callback
  798. function( newElements ) {
  799. // hide new items while they are loading
  800. var $newElems = $( newElements ).css({ opacity: 0 });
  801. // ensure that images load before adding to masonry layout
  802. $newElems.imagesLoaded(function(){
  803. // show elems now they're ready
  804. $newElems.animate({ opacity: 1 });
  805. $container.masonry( 'appended', $newElems, true );
  806. });
  807. }
  808. );
  809.  
  810. // End of endless scrolling
  811.  
  812. });
  813.  
  814. </script>
  815.  
  816.  
  817.  
  818.  
  819.  
  820. <div id="cred">
  821. <a href="http://teenageblog.tumblr.com/"><img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-moon-outline-48.png"></a></div>
  822.  
  823. </body>
  824. </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!