API tools faq
paste
Advertisement
teenageblog

Dreamers Theme

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