API tools faq
paste
Advertisement
teenageblog

Tropical Theme

teenageblog
Aug 7th, 2014
6,526
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.20 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------
  2. ★ ° . .　　　　.　☾ °☆ 　. * ● ¸ .　　　★　° :.　 . • ○ ° ★　 .　 *　.　　　　　. 　 ° 　. ● .　　　　° ☾ °☆ 　¸. ● .　　★　　★ ° ☾ ☆ ¸. ¸ 　★　 :.　 . • ○ ° ★　 .　 *　.　.　　¸ .　　 ° 　¸. * ● ¸ .　　　　° ° 　¸. ● ¸ .　　★　° :.　 . • °　　　★　
  3. ▒█▀▀▀ █▀▀ █░░ ░▀░ █▀▀█ █▀▀ █▀▀ 　 ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  4. ▒█▀▀▀ █░░ █░░ ▀█▀ █░░█ ▀▀█ █▀▀ 　 ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  5. ▒█▄▄▄ ▀▀▀ ▀▀▀ ▀▀▀ █▀▀▀ ▀▀▀ ▀▀▀ 　 ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  6. ★ ° . .　　　　.　☾ °☆ 　. * ● ¸ .　　　★　° :.　 . • ○ ° ★　 .　 *　.　　　　　. 　 ° 　. ● .　　　　° ☾ °☆ 　¸. ● .　　★　　★ ° ☾ ☆ ¸. ¸ 　★　 :.　 . • ○ ° ★　　 *　.　.　　¸ .　　 ° 　¸. * ● ¸ .　　　　° ☾ ° 　¸. ● ¸ .　　★　° :.　 . • °
  7. Please keep credit!!
  8. ----------------------------------------------->
  9.  
  10.  
  11.  
  12. <html lang="en">
  13. <script type="text/javascript">
  14.  
  15.  
  16. <script type="text/javascript"
  17. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  18.  
  19. <!--DEFAULT VARIABLES-->
  20. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  21. <meta name="color:Background" content="#fff"/>
  22. <meta name="color:Blogtitle" content="#fff"/>
  23. <meta name="color:Description" content="#fff"/>
  24. <meta name="color:Link" content="#777"/>
  25. <meta name="color:Link Background" content="#d5d5d5"/>
  26. <meta name="color:Text" content="#777"/>
  27. <meta name="color:Title" content="#333"/>
  28. <meta name="color:Hover" content="#fff"/>
  29. <meta name="color:Scrollbar" content="#ccc"/>
  30. <meta name="color:Link 1" content="#5ac9e1"/>
  31. <meta name="color:Link 2" content="#7bd4e7"/>
  32. <meta name="color:Link 3" content="#9cdfed"/>
  33. <meta name="color:Link 4" content="#bde9f3"/>
  34. <meta name="color:Link 5" content="#dcecf5"/>
  35.  
  36. <meta name="image:Header Image" content="http://s9.favim.com/orig/131012/header-pale-palm-twitter-header-Favim.com-988439.png"/>
  37. <meta name="image:Background" content="1"/>
  38.  
  39. <meta name="if:2 columns" content="0" />
  40. <meta name="if:3 columns" content="1" />
  41.  
  42. <meta name="text:Link 1" content="">
  43. <meta name="text:Link 1 url" content="">
  44. <meta name="text:Link 2" content="">
  45. <meta name="text:Link 2 url" content="">
  46. <meta name="text:Link 3" content="">
  47. <meta name="text:Link 3 url" content="">
  48. <meta name="text:Link 4" content="">
  49. <meta name="text:Link 4 url" content="">
  50. <meta name="text:Link 5" content="">
  51. <meta name="text:Link 5 url" content="">
  52.  
  53. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  54. <style>
  55. div#qTip {
  56. padding: 4px;
  57. height:8px;
  58. font-style:italic;
  59. display: none;
  60. text-align: center;
  61. font-size:8px;
  62. position: absolute;
  63. font-family:calibri;
  64. line-height:8px;
  65. letter-spacing:1px;
  66. border-radius:5px;
  67. z-index: 999999999999;
  68. border:1px solid white;
  69. background:{color:link background};
  70. color:white;
  71. text-transform:uppercase;
  72. letter-spacing: 1px;
  73. }
  74. </style>
  75.  
  76.  
  77.  
  78. <style type="text/css">
  79.  
  80.  
  81.  
  82. ::-webkit-scrollbar-thumb{
  83. background-color:{color:scrollbar};
  84. border:1px solid #fff;
  85. height:4px;}
  86.  
  87. ::-webkit-scrollbar {
  88. height:5px;
  89. width:5px;
  90. background-color:#fff;}
  91.  
  92.  
  93. body {
  94. padding:0px;
  95. margin:0px;
  96. color:{color:Text};
  97. font-family:calibri;
  98. font-size:10px;
  99. line-height:12px;
  100. text-transform:normal;
  101. background-color:{color:Background};
  102. background-image:url({image:Background});
  103. background-attachment:fixed;
  104. background-repeat:no-repeat;}
  105.  
  106. a:link, a:active, a:visited{
  107. color:{color:Link};
  108. text-decoration:none;
  109. -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out; transition:all 0.6s ease-out;}
  110.  
  111. a:hover{
  112. color:{color:Hover};
  113. text-decoration:none;
  114. -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
  115. }
  116.  
  117. div#center{
  118. width:1400px;
  119. background-color:;
  120.  
  121. }
  122.  
  123.  
  124. #audio {
  125. width:200px;
  126. height:auto;
  127. min-height:60px;
  128. padding-bottom:0px;
  129. }
  130.  
  131. .cover {
  132. position:absolute;
  133. z-index:1;
  134. width:60px;
  135. height:60px;
  136. }
  137.  
  138. .cover img {
  139. float:left;
  140. width:60px;
  141. height:60px;
  142. }
  143.  
  144. .playbox {
  145. opacity:0.6;
  146. width:27px;
  147. height:30px;
  148. overflow:hidden;
  149. position:absolute;
  150. z-index:1000;
  151. margin-left:17px;
  152. margin-top:17px;
  153. text-align:center;
  154. }
  155.  
  156. .info {
  157. margin-left:73px;
  158. margin-top:4px;
  159. line-height:14px;
  160. }
  161.  
  162. #eclipse{width:250px; height:auto;}
  163. {block:PermalinkPage}
  164. width:10px;
  165. {/block:PermalinkPage}
  166. }
  167.  
  168. #center{
  169. padding-top:3px;
  170. padding-bottom:3px;
  171. position:fixed !important;
  172. width:250px;
  173. height:207px;
  174. background-color:#fff;
  175. {block:PermalinkPage}
  176. width:410px;
  177. height:207px;
  178. {/block:PermalinkPage}
  179. }
  180. /*ENTRIES*/
  181.  
  182. #posts{
  183. float:center;
  184. {block:indexpage}
  185. {block:if2columns}
  186. width:800px;
  187. margin-left:-138px;
  188. {/block:if2columns}
  189. {block:if3columns}
  190. width:950px;
  191. margin-left:-280px;
  192. {/block:if3columns}
  193. {/block:indexpage}
  194. {block:permalinkpage}
  195. width:600px;
  196. margin-left:-120px;
  197. {/block:permalinkpage}
  198. margin-top:50px;
  199. z-index:999999999;
  200. }
  201.  
  202.  
  203. #entry img{
  204. {block:indexpage}
  205. opacity:1;
  206. max-width:250px;
  207. z-index:9999999;
  208. -webkit-transition:all 0.7s ease-out;
  209. -moz-transition:all 0.7s ease-out;
  210. transition:all 0.7s ease-out;
  211. {/block:indexpage}
  212. }
  213.  
  214. #entry{
  215. z-index:999;
  216. margin:26px;
  217. float:left;
  218. background:#fff;
  219. font-size:10px;
  220. line-height:13px;
  221. text-transform:normal;
  222. width:250px;
  223. {block:PermalinkPage}
  224. width:500px;
  225. opacity:1;
  226. margin-top:15px;
  227. margin-left:13px;
  228. z-index:999;
  229. {/block:PermalinkPage}
  230. -moz-transition: all 2.2s ease-out;
  231. -o-transition: all 2.2s ease-out;
  232. -webkit-transition: all 2.2s ease-out;
  233. transition: all 2.2s ease-out;
  234. }
  235.  
  236.  
  237. #entry .perma{
  238. width:223px;
  239. height:20px;
  240. left:2px;
  241. position:absolute;
  242. line-height: 10px;
  243. overflow:hidden;
  244. overflow:hidden;
  245. text-align:left;
  246. top:10px;
  247. padding-right:5px;
  248. font-size: 1px;
  249. word-spacing:0px;
  250. letter-spacing:0px;
  251. opacity:0;
  252. z-index:99;
  253. -webkit-transition: all .7s ease;
  254. -moz-transition: all .7s ease;
  255. -o-transition: all .7s ease;
  256. transition: all .7s ease;
  257. }
  258. #entry .perma a{
  259. display:inline-block;
  260. background-color:{color:link 1};
  261. padding:9px;
  262. margin-top:0px;
  263. margin-left:10px;
  264. border:solid 1px #fff;
  265. -webkit-transition: all 0.7s ease-out;
  266. -moz-transition: all 0.7s ease-out;
  267. transition: all 0.7s ease-out;
  268. }
  269. #entry:hover .perma{
  270. overflow:visible;
  271. opacity:1;
  272. }
  273. #entry .perma2{
  274. width:223px;
  275. height:20px;
  276. left:10px;
  277. position:absolute;
  278. line-height: 10px;
  279. overflow:hidden;
  280. overflow:hidden;
  281. text-align:left;
  282. top:10px;
  283. padding-right:5px;
  284. font-size: 1px;
  285. word-spacing:0px;
  286. letter-spacing:0px;
  287. opacity:0;
  288. z-index:99;
  289. -webkit-transition: all .7s ease;
  290. -moz-transition: all .7s ease;
  291. -o-transition: all .7s ease;
  292. transition: all .7s ease;
  293. }
  294. #entry .perma2 a{
  295. display:inline-block;
  296. background-color:{color:Link 2};
  297. padding:9px;
  298. margin-top:0px;
  299. margin-left:10px;
  300. border:solid 1px #fff;
  301. -webkit-transition: all 0.7s ease-out;
  302. -moz-transition: all 0.7s ease-out;
  303. transition: all 0.7s ease-out;
  304. }
  305. #entry:hover .perma2{
  306. overflow:visible;
  307. opacity:1;
  308. left:26px;
  309. }
  310. #entry .perma3{
  311. width:223px;
  312. height:20px;
  313. left:10px;
  314. position:absolute;
  315. line-height: 10px;
  316. overflow:hidden;
  317. overflow:hidden;
  318. text-align:left;
  319. top:10px;
  320. padding-right:5px;
  321. font-size: 1px;
  322. word-spacing:0px;
  323. letter-spacing:0px;
  324. opacity:0;
  325. z-index:99;
  326. -webkit-transition: all .7s ease;
  327. -moz-transition: all .7s ease;
  328. -o-transition: all .7s ease;
  329. transition: all .7s ease;
  330. }
  331. #entry .perma3 a{
  332. display:inline-block;
  333. background-color:{color:Link 3};
  334. padding:9px;
  335. margin-top:0px;
  336. margin-left:10px;
  337. border:solid 1px #fff;
  338. -webkit-transition: all 0.7s ease-out;
  339. -moz-transition: all 0.7s ease-out;
  340. transition: all 0.7s ease-out;
  341. }
  342. #entry:hover .perma3{
  343. overflow:visible;
  344. opacity:1;
  345. left:51px;
  346. }
  347.  
  348. .permalinktext{
  349. display:block;
  350. text-align:right;
  351. text-decoration:none;
  352. font-size:8px;
  353. letter-spacing:1px;
  354. padding-top:5px;
  355. text-transform:uppercase;
  356. background:{color:Link Background};
  357. border:1px solid #f3f3f3;
  358. padding:2px;
  359. }
  360. /*LINKS*/
  361. #bubbles {
  362. margin-top:-86px;
  363. font-size:9px;
  364. z-index:9999;
  365. padding:14px;
  366. font-family:calibri;
  367. margin-left:70px;
  368. letter-spacing:1px;
  369. line-height:12px;
  370. height:40px;
  371. color:{color:description};
  372. width:300px;
  373.  
  374. }
  375.  
  376. .bubble2 {text-align:right;
  377. margin-top:10px;
  378. width:300px;
  379. color:{color:description};
  380. margin:3px 0px 2px 5px;
  381. padding:10px;
  382. position: relative; }
  383.  
  384. #links {
  385. width:99px;
  386. display:inline;
  387. word-spacing:-2px;
  388. margin-top:130px;
  389. margin-left:0px;
  390.  
  391. }
  392.  
  393. #one {
  394. background:{color:link 1};
  395. padding-left:50px;
  396. padding-right:50px;
  397. }
  398.  
  399. #two {
  400. background:{color:link 2};
  401. padding-left:50px;
  402. padding-right:50px;
  403. }
  404.  
  405. #three {
  406. padding-left:50px;
  407. padding-right:50px;
  408. background:{color:link 3};
  409. }
  410.  
  411. #four {
  412. padding-left:50px;
  413. padding-right:50px;
  414. background:{color:link 4};
  415. }
  416.  
  417. #five {
  418. padding-left:50px;
  419. padding-right:50px;
  420. background:{color:link 5};
  421. }
  422.  
  423.  
  424. /*HEADER*/
  425. @font-face {
  426. font-family:undefined;
  427. src: url('http://static.tumblr.com/ejm8w78/JDllviajb/marketingscript.ttf');,
  428. }
  429. #blogtitle{
  430. font-size:32px;
  431. line-height:34px;
  432. font-style:none;
  433. font-family: 'undefined';
  434. text-align:left;
  435. letter-spacing:2px;
  436. z-index:99999999999;
  437. display:inline-block;
  438. margin-top:30px;
  439. color:{color:Blogtitle};
  440. max-width:220px;
  441. }
  442.  
  443. #header{
  444. position:absolute;
  445. font-family: calibri;
  446. z-index:999999999999999;
  447. opacity:.9;
  448. font-size: 10px;
  449. line-height:12px;
  450. text-align:center;
  451. letter-spacing: 0px;
  452. width: 500px;
  453. height: 125px;
  454. margin-left:400px;
  455. margin-top:20px;
  456. padding:0px;
  457. letter-spacing: 1px;
  458. border:1px solid #eee;
  459. background-image: url({image:Header Image});
  460. }
  461.  
  462.  
  463. /*ASK*/
  464. .bubble a{color:{color:link};}
  465.  
  466. .bubble {
  467. position:relative;
  468. margin:4px 0px 5px 45px;
  469. text-align:left;
  470. padding:5px 3px 5px 5px;
  471. background:{color:Link Background};
  472. color:{color:text};
  473. -moz-border-radius:2px;
  474. -webkit-border-radius:2px;
  475. border-radius:2px;
  476. }
  477.  
  478.  
  479. .bubble p {
  480. margin:5px;
  481. }
  482.  
  483. .bubble span {
  484. position:absolute;
  485. display:block;
  486. top:-5px;
  487. left:-8px;
  488. width:1px;
  489. height:1px;
  490. font-size:12;
  491. line-height:1px;
  492. color:black;
  493. border-right:7px solid #eee;
  494. ;
  495. }
  496.  
  497. .title{
  498. line-height:12px;
  499. color:{color:Title};
  500. font-weight:normal;
  501. }
  502.  
  503.  
  504. .eclipsethemes {
  505. width:500px;
  506. opacity: 1;
  507. z-index: 10000;
  508. margin-top:10px;
  509. margin-bottom:10px;
  510. text-align:left;
  511. font-size:10px;
  512. letter-spacing:1px;
  513. text-transform:both;
  514. }
  515.  
  516.  
  517. #cred{
  518. position:fixed;
  519. font-family: arial;
  520. font-size: 8px;
  521. bottom:20px;
  522. right:10px;
  523. padding:10px;
  524. height:10px;
  525. text-align:center;
  526. text-transform:lowercase;
  527. padding-bottom:10px;
  528. width:15px;
  529. color:#aaa;
  530. transition: all 0.6s ease-out;
  531. -o-transition-transition: all 0.6s ease-out;
  532. -webkit-transition: all 0.6s ease-out;
  533. -moz-transition: all 0.6s ease-out;
  534. }
  535.  
  536. #infscr-loading{
  537. bottom: -70px;
  538. position: absolute;
  539. left: 50%;
  540. margin-left:-8px;
  541. width:16px;
  542. height:11px;
  543. overflow:hidden;
  544. margin-bottom: 50px;
  545. }
  546. .video embed, .video object, .video iframe {
  547. {block:IndexPage}
  548. width:200px /**/ !important;
  549. {/block:IndexPage}
  550. height:auto !important;
  551. }
  552.  
  553. #postnotes{
  554. text-align: justify;}
  555.  
  556. #postnotes blockquote{
  557. border: 0px;}
  558.  
  559. blockquote{
  560. padding:0px 0px 2px 5px;
  561. margin:0px 0px 2px 10px;
  562. border-left: 1px dotted #eee;
  563. }
  564.  
  565. blockquote p, ul{
  566. margin:0px;
  567. padding:0px;
  568. }
  569.  
  570. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  571. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  572. </style>
  573.  
  574.  
  575. <title>{Title}</title>
  576.  
  577. <link rel="shortcut icon" href="{Favicon}" />
  578.  
  579. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  580. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  581. <meta name="viewport" content="width=820" />
  582. </head>
  583.  
  584. <body>
  585.  
  586. <div id="header">
  587.  
  588.  
  589. <div id="blogtitle">{Title}</div>
  590.  
  591.  
  592.  
  593. <div class="fruitloopdingus">
  594.  
  595. <div style="margin-top:46px;padding:2px;text-align:center;width:100px;border-right:0px solid #fff;">
  596. </div></div>
  597.  
  598. <div id="links">
  599.  
  600. <a href="{text:link 1 url}" id="one" title="{text:link 1}"></a>
  601. <a href="{text:link 2 url}" id="two", title="{text:link 2}"></a>
  602. <a href="{text:link 3 url}" id="three" title="{text:link 3}"></a>
  603. <a href="{text:link 4 url}" id="four" title="{text:link 4}"></a>
  604. <a href="{text:link 5 url}" id="five" title="{text:link 5}"></a>
  605. </div>
  606.  
  607. <div id="bubbles">
  608. <div class="bubble2">
  609. <center>
  610. {description}
  611. </center>
  612. </div>
  613. <div id="center">
  614. <div id="content">
  615. </div>
  616.  
  617. <div id="posts">
  618. {block:Posts}
  619. <div id="entry">
  620.  
  621.  
  622. {block:Answer}<img src="{AskerPortraitURL-30}" align="left" class="askborder">
  623. <div class="bubble"><font style="color:#5a5959; text-transform:uppercase; font-size:12px; font-family:calibri;">{Asker}:</font> <font style="color:#5a5959; font-family:calibri; font-size:12px; ">{Question}</font></div><br><center><font style="font-family:calibri; font-size:12px; letter-spacing:1px">{Answer}</font></center> <br>
  624. <div class="permalinktext">
  625. <center> <a target="_blank" href="{ReblogURL}" title="Reblog"><font color="#fff">reblog</a> with</font> <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></center></div>
  626. {/block:Answer}
  627.  
  628.  
  629. {block:Text}
  630. {block:Title}<span class="title">{Title}</span>{/block:Title}
  631. <span class="entrytext">{Body}</span></a>
  632. {block:IndexPage}<br>
  633. <div class="permalinktext">
  634. <center> <a target="_blank" href="{ReblogURL}" title="Reblog"><font color="#fff">reblog</a> with</font> <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></center></div>{/block:IndexPage}
  635. {/block:Text}
  636.  
  637. {block:Link}
  638. <a href="{URL}" class="title">{Name}</a>
  639. {block:Description}{Description}{/block:Description}
  640. {block:IndexPage}<br>
  641. <div class="permalinktext">
  642. <center> <a target="_blank" href="{ReblogURL}" title="Reblog"><font color="#fff">reblog</a> with</font> <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></center></div>
  643. {/block:IndexPage}
  644. {block:Link}
  645.  
  646. {block:Photo}{block:IndexPage}
  647. <center>
  648. <div class="perma"> <a title="reblog" href="{reblogurl}" target="_blank"></a></div>
  649. <div class="perma2"> <a title="{notecountwithlabel}" href="{permalink}"></a></div>
  650. <div class="perma3"> <a title="{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}" href="{permalink}"></a>
  651.  
  652. </div>
  653. {/block:IndexPage}
  654.  
  655. {block:IndexPage}
  656. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  657.  
  658. {/block:IndexPage}
  659. {block:permalinkpage}{LinkOpenTag}<center>
  660. <img src="{PhotoURL-500}" alt="{PhotoAlt}"width=100%">
  661. {LinkCloseTag}</center>{/block:permalinkpage}
  662. {/block:Photo}
  663.  
  664.  
  665. {block:Photoset}
  666. {block:IndexPage}
  667. <center>
  668. <div class="perma"> <a title="reblog" href="{reblogurl}" target="_blank"></a></div>
  669. <div class="perma2"> <a title="{notecountwithlabel}" href="{permalink}"></a></div>
  670. <div class="perma3"> <a title="{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}" href="{permalink}"></a>
  671.  
  672. </div>
  673.  
  674. {Photoset-250}</center>
  675. {/block:IndexPage}
  676. {block:PermalinkPage}
  677. <center>
  678. {Photoset-500}</center>
  679. {/block:PermalinkPage}
  680. {/block:Photoset}
  681.  
  682. {block:Quote}
  683. <div class="quote">❝ {quote} ❞</div>
  684. {block:IndexPage}<br>
  685. <div class="permalinktext">
  686. <center> <a target="_blank" href="{ReblogURL}" title="Reblog"><font color="#fff">reblog</a> with</font> <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></center></div>{/block:IndexPage}
  687. {/block:Quote}
  688.  
  689. {block:Chat}
  690. {block:Title}<span class="title">{Title}</span>{/block:Title}
  691. <ul class="chat">
  692. {block:Lines}
  693. <li class="user_{UserNumber}">
  694. {block:Label}
  695. <span class="label">{Label}</span>
  696. {/block:Label}
  697.  
  698. {Line}<br>
  699. {/block:Lines}
  700. {block:IndexPage}<br>
  701. <div class="permalinktext">
  702. <center> <a target="_blank" href="{ReblogURL}" title="Reblog"><font color="#fff">reblog</a> with</font> <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></center></div>{/block:IndexPage}
  703. {/block:Chat}
  704.  
  705. {block:Audio}
  706. <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}>Lovers</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Touch:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  707. {block:IndexPage}<br>
  708. <div class="permalinktext">
  709. <center> <a target="_blank" href="{ReblogURL}" title="Reblog"><font color="#fff">reblog</a> with</font> <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></center></div>{/block:IndexPage}
  710. {/block:Audio}
  711.  
  712. {block:Video}
  713. {block:IndexPage}
  714. <div class="permalinktext">
  715. <center> <a target="_blank" href="{ReblogURL}" title="Reblog"><font color="#fff">reblog</a> with</font> <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></center></div>
  716. {block:IndexPage}
  717. <a href="{permalink}"><i>View Video</i></a>
  718. {/block:IndexPage}
  719. </center>
  720. {block:PermalinkPage}
  721. <center>{Video-500}</center>
  722. {/block:PermalinkPage}
  723. {block:Video}
  724.  
  725.  
  726. {block:PermalinkPage}
  727. <br>
  728. <div class="eclipsethemes">
  729. {block:Caption}{Caption}{/block:Caption}
  730.  
  731. {block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  732.  
  733. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
  734. {block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  735.  
  736. {block:HasTags}<br><Br> tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
  737. {/block:PermalinkPage}
  738.  
  739.  
  740.  
  741.  
  742.  
  743. {block:PostNotes}
  744. <span></span>
  745. <br>
  746. <div style="width:auto; max-height:200px; overflow:auto;">{PostNotes}</div>
  747.  
  748. </a>
  749. {/block:PostNotes}
  750. </div>
  751. {/block:posts}
  752.  
  753. </div></div>
  754.  
  755. {block:indexpage}
  756. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  757. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  758. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  759. <script type="text/javascript">
  760. $(window).load(function(){
  761. var $wall = $('#posts');
  762. $wall.imagesLoaded(function(){
  763. $wall.masonry({
  764. itemSelector: '#entry, #entry_photo',
  765. isAnimated : false
  766. });
  767. });
  768.  
  769. $wall.infinitescroll({
  770. navSelector : '#page-nav',
  771. nextSelector : '#page-nav a',
  772. itemSelector : '#entry, #entry_photo',
  773. bufferPx : 2000,
  774. debug : false,
  775. errorCallback: function() {
  776. $('#infscr-loading').fadeOut('normal');
  777. }},
  778. function( newElements ) {
  779. var $newElems = $( newElements );
  780. $newElems.hide();
  781. $newElems.imagesLoaded(function(){
  782. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  783. });
  784. }); $('#content').show(500);
  785. });
  786. </script>
  787. {/block:indexpage}
  788.  
  789.  
  790. </body>
  791.  
  792.  
  793. <div id="cred">
  794. <a href="http://teenageblog.tumblr.com/"><img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-moon-outline-48.png"></a></div>
  795. </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!