Advertisement
teenageblog

XX Theme

Oct 14th, 2013
17,846
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.13 KB | None | 0 0
  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. <script type="text/javascript"
  15. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16.  
  17. <head>
  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:Scrollbar" content="#ccc"/>
  27.  
  28. <meta name="if:Title Font 1" content="0"/>
  29. <meta name="if:Title Font 2" content="1"/>
  30.  
  31. <meta name="if:Use Banner" content="0">
  32. <meta name="if:Show blog title" content="1"/>
  33.  
  34. <meta name="image:Banner" content="">
  35. <meta name="image:Background" content="0"/>
  36.  
  37. <meta name="text:Link1 Title" content="Link1">
  38. <meta name="text:Link1" content="http://">
  39.  
  40. <meta name="text:Link2 Title" content="Link2">
  41. <meta name="text:Link2" content="http://">
  42.  
  43.  
  44. <meta name="text:Link3 Title" content="Link3">
  45. <meta name="text:Link3" content="http://">
  46.  
  47. <meta name="text:Link4 Title" content="Link4">
  48. <meta name="text:Link4" content="http://">
  49.  
  50.  
  51.  
  52. <style type="text/css">
  53.  
  54.  
  55. 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;}
  56.  
  57. 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;}
  58.  
  59.  
  60.  
  61. .wrapper{
  62. margin: 0px auto;
  63. margin-left: 60px;
  64. width: 1045px;
  65. }
  66.  
  67. .header{
  68. float: left;
  69. width: 100%;
  70. }
  71.  
  72. .left{
  73. float: left;
  74. margin-right: 20px;
  75. width:1045;
  76. }
  77.  
  78. .right{
  79. float: right;
  80. width: 200px;
  81. background-color: #fff;
  82. }
  83.  
  84. body {
  85. margin:0px;
  86. background-color: {color:Background};
  87. background-image:url({image:Background});
  88. background-attachment: fixed;
  89. background-repeat: no-repeat;}
  90. body, div, p, textarea, submit, input{
  91. font-family: 'Ubuntu', sans-serif;
  92. font-size: 11px;
  93. line-height:14px;
  94. letter-spacing:1px;
  95. color:{color:Text};
  96. }
  97. ::-webkit-scrollbar {width: 8px; height: 4px; background: #eeeeee; border-left: 1px solid #eee; }
  98.  
  99. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px solid #eee; border-top: 1px solid #eee; border-left: 1px solid
  100. #eee; border-right: 1px solid #eee; }
  101.  
  102.  
  103. p {
  104. margin:0px;
  105. margin-top:0px;
  106. }
  107.  
  108. a:link, a:active, a:visited{
  109. text-decoration: none;
  110. -webkit-transition: color 0.3s ease-out;
  111. -moz-transition: color 0.3s ease-out;
  112. transition: color 0.3s ease-out;
  113. color: {color:Link};
  114. }
  115.  
  116. a:hover {
  117. : -webkit-transition-duration: 1.0s;
  118. color:{color:Hover};
  119. }
  120.  
  121. #banner {
  122. width:100%;
  123. margin-top:10px;
  124. padding-bottom:20px;
  125. text-align:center;
  126. }
  127.  
  128. #holder {
  129. width:100%;
  130. }
  131.  
  132.  
  133.  
  134. div#center{
  135. margin:auto;
  136. margin-top:0px;
  137. position:relative;
  138. width:1045px;
  139. background-color:;
  140. overflow:auto;
  141. overflow-y:hidden;
  142. }
  143. @font-face {font-family:"Soopafresh"; src:url('http://static.tumblr.com/9wzbixa/PQlm26p56/soopafre.ttf');}
  144.  
  145. @font-face {font-family:"Pacifico"; src:url('http://static.tumblr.com/9wzbixa/D3Wlyw7u4/pacifico.ttf');}
  146. .description{width:100%;text-align:center;margin:auto;z-index:1100;margin-bottom:5px;margin-top:0px;}
  147.  
  148. .blogtitle {
  149. text-align:center;
  150. {Block:IfTitleFont1}font-family: 'soopafresh' !important;{/Block:IfTitleFont1}
  151. {Block:IfTitleFont2}font-family: 'pacifico' !important;{/Block:IfTitleFont2}
  152. padding-bottom:20px;
  153. font-size:60px;
  154. padding-top:35px;
  155. line-height:50px;}
  156.  
  157.  
  158. .entry {
  159. float:left;
  160. display: block;
  161. overflow:hidden;
  162. width:230px;
  163. padding:12px;
  164. transition: all 0.5s ease-out;
  165. -o-transition-transition: all 0.5s ease-out;
  166. -webkit-transition: all 0.5s ease-out;
  167. -moz-transition: all 0.5s ease-out;
  168. {block:PermalinkPage}
  169. width:520px;
  170. margin-left:245px;
  171. text-align:center;
  172. {/block:PermalinkPage}
  173. }
  174. nav a {
  175. position: relative;
  176. margin: 5px 3px;
  177. outline: none;
  178. color: #000;
  179. text-decoration: none;
  180. letter-spacing: 0px;
  181. font-size: 10px; display:inline-block; font-style:italic;
  182.  
  183. }
  184.  
  185. nav a:hover{
  186. text-shadow:5px 1px 0px #3d9cb6, -5px 1px 0px #eee;
  187. }
  188.  
  189. .cl-effect-18 {
  190. position: relative;
  191. z-index: 1;
  192. display:inline-block;
  193. text-align:center;}
  194.  
  195. .cl-effect-18 a {
  196. display:inline-block;
  197. padding: 0 10px;
  198. color: #000;
  199. -webkit-transition: color 0.3s;
  200. -moz-transition: color 0.3s;
  201. transition: color 0.3s;
  202. }
  203.  
  204. .cl-effect-18 a::before,
  205. .cl-effect-18 a::after {
  206. position: absolute;
  207. width: 100%;
  208. left:0;
  209. top: 50%;
  210. height: 1px;
  211. margin-top: -1px;
  212. background:#a2a29d;
  213. content: '';
  214. z-index: -1;
  215. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  216. -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  217. transition: transform 0.3s, opacity 0.3s;
  218. pointer-events: none;
  219. }
  220.  
  221. .cl-effect-18 a::before {
  222. -webkit-transform: translateY(10px);
  223. -moz-transform: translateY(10px);
  224. transform: translateY(10px);
  225. }
  226.  
  227. .cl-effect-18 a::after {
  228. -webkit-transform: translateY(10px);
  229. -moz-transform: translateY(10px);
  230. transform: translateY(10px);
  231. }
  232.  
  233. .cl-effect-18 a:hover,
  234. .cl-effect-18 a:focus {
  235. color: #000;
  236. }
  237.  
  238. .cl-effect-18 a:hover::before,
  239. .cl-effect-18 a:hover::after,
  240. .cl-effect-18 a:focus::before,
  241. .cl-effect-18 a:focus::after {
  242. opacity: 0.7;
  243. }
  244.  
  245. .cl-effect-18 a:hover::before,
  246. .cl-effect-18 a:focus::before {
  247. -webkit-transform: rotate(45deg);
  248. -moz-transform: rotate(45deg);
  249. transform: rotate(45deg);
  250. }
  251.  
  252. .cl-effect-18 a:hover::after,
  253. .cl-effect-18 a:focus::after {
  254. -webkit-transform: rotate(-45deg);
  255. -moz-transform: rotate(-45deg);
  256. transform: rotate(-45deg);
  257. }
  258.  
  259.  
  260. .links a{
  261. background-color:;
  262. font-size:12px;
  263. text-shadow:10px 1px 0px transparent, -10px 1px 0px transparent;
  264. margin-top:3px;
  265. width:;
  266. font-style:italic;
  267. margin-left:1px;
  268. border-bottom:1px solid transparent;
  269. display:inline-block;
  270. margin-bottom:0px;
  271. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  272. }
  273.  
  274. .links a:hover {
  275. opacity:1;
  276. text-shadow:0px 0px 0px #a0a8bd, 0px 0px 0px #5d5d5e;
  277. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out-webkit-filter: blur(15px);;
  278. }
  279.  
  280.  
  281.  
  282. .photoperm {-webkit-transition-duration:.8s;z-index:1;position:absolute; text-decoration:none; bottom:2px; margin-left:5px; padding:2px;padding-bottom:1px;border-radius:100px; width:auto;height:auto;background:none; opacity:0; z-index:10;color:black;background:white;text-align:center;font-family:consolas;font-size:8px;text-transform:uppercase;line-height:4px;color:{color:link};letter-spacing:1px;color:#555555;border-bottom:1px solid white;}
  283. .photoperm a{color:#555555;}.photoperm a:hover{color:{color:hover};}
  284. .entry:hover .photoperm { position:absolute; opacity:.9;bottom:18px;}
  285. .entry:hover .photoperm:hover{opacity:1;}.photoperm img{box-shadow:none;}
  286. .imgp{opacity:.5;-webkit-transition-duration:.8s;}
  287. .photoperm:hover .imgp, .imgp:hover, .photoperma:hover .imgp{opacity:.7;transform: rotate(-360deg);
  288. -ms-transform: rotate(-360deg);
  289. -webkit-transform: rotate(-360deg);
  290. -o-transform: rotate(-360deg);
  291. -moz-transform: rotate(-360deg);}
  292.  
  293. .photoperma {-webkit-transition-duration:.8s;z-index:1;position:absolute; text-decoration:none; bottom:2px; margin-left:38px; padding:2px;padding-bottom:1px;border-radius:100px; width:auto;height:auto;background:none; opacity:0; z-index:10;color:black;background:white;text-align:center;font-family:consolas;font-size:8px;text-transform:uppercase;line-height:4px;color:{color:link};letter-spacing:1px;color:#555555;border-bottom:1px solid white;}
  294.  
  295. .photoperma a{color:#555555;}.photoperm a:hover{color:{color:hover};}
  296. .entry:hover .photoperma { position:absolute; opacity:.9;bottom:18px;}
  297. .entry:hover .photoperma:hover{opacity:1;}.photoperma img{box-shadow:none;}
  298.  
  299.  
  300.  
  301.  
  302. .entry:hover{
  303. opacity:1;
  304. -webkit-transition: all .7s ease;
  305. -moz-transition: all .7s ease;
  306. -o-transition: all .7s ease;
  307. transition: all .7s ease;
  308. }
  309. .permatext{
  310. height:auto;
  311. line-height:100%;
  312. position:absolute;
  313. right:4px;
  314. bottom:0px;
  315. {block:IfPermalinkMovement}
  316. bottom:-5px;
  317. {block:IfPermalinkMovement}
  318. opacity:0;
  319. padding:0;
  320. background:#transparent;
  321. box-shadow:0 0 15px 10px #transparent;
  322. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  323. }
  324. .entry:hover .permatext{
  325. right:4px; bottom:0px;
  326. opacity:1;
  327. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  328. }
  329. .entry:hover .permatext:hover{
  330. opacity:1;
  331. }
  332.  
  333. .bubble {align:right;background:#eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  334. .bubble p {margin:1px 0px;}
  335. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 12;line-height: 14px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  336. .askborder {float: left;margin: 1px 4px 1 0;padding: 3px; background: #eee;}
  337.  
  338. @font-face { font-family: "Cedarville Cursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  339.  
  340.  
  341. #audio {width:250px; height:auto; min-height:60px; padding-bottom:0px;}
  342. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  343. .cover img {float:left; width:60px; height:60px;}
  344. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  345. .info {margin-left:73px; margin-top:4px; line-height:14px;}
  346.  
  347. .title{
  348. font-family: "ubuntu";
  349. font-size: 22px;
  350. line-height: 20px;
  351. color: {color:Title};
  352. text-shadow:1px 2px 2px #aaa;
  353. letter-spacing: 1px;
  354. font-weight: normal;
  355. }
  356.  
  357.  
  358. #cred{
  359. position:fixed;
  360. font-family: arial;
  361. font-size: 8px;
  362. bottom:20px;
  363. right:10px;
  364. padding:10px;
  365. height:10px;
  366. text-align:center;
  367. text-transform:lowercase;
  368. padding-bottom:10px;
  369. width:15px;
  370. color:#aaa;
  371. transition: all 0.6s ease-out;
  372. -o-transition-transition: all 0.6s ease-out;
  373. -webkit-transition: all 0.6s ease-out;
  374. -moz-transition: all 0.6s ease-out;
  375. }
  376.  
  377.  
  378.  
  379. #posts {
  380. width:1200px;
  381. margin-top: 30px;
  382. margin-left: 100px;
  383. margin-right: auto;
  384. position:relative;
  385. overflow-y: hidden;
  386. }
  387.  
  388.  
  389. #infscr-loading{
  390. bottom: -70px;
  391. position: absolute;
  392. left: 50%;
  393. margin-left:-8px;
  394. width:16px;
  395. height:11px;
  396. overflow:hidden;
  397. margin-bottom: 50px;
  398. }
  399.  
  400. #postnotes{
  401. text-align: justify;
  402. }
  403.  
  404. #postnotes blockquote{
  405. border: 0px;
  406. }
  407.  
  408. blockquote{
  409. padding:0px 0px 2px 5px;
  410. margin:0px 0px 2px 1px;
  411. border-left: 1px dotted {color:Text};
  412. }
  413.  
  414. blockquote p, ul{
  415. margin:0px;
  416. padding:0px;
  417. }
  418.  
  419. a img{border: 0px;}
  420. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  421. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  422. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  423. .notes img{width:10px; position:relative; top:3px;
  424. }
  425.  
  426. small{font-size: 90%;}
  427.  
  428. .video embed, .post div.video object {width:260px !important; height:180px !important;}
  429. .video2 embed, .post div.video object {width:400px !important; height:400px !important;}
  430.  
  431. {CustomCSS}
  432.  
  433. </style>
  434.  
  435. {block:IndexPage}
  436.  
  437.  
  438. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  439. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  440. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  441.  
  442. <script type="text/javascript">
  443. $(window).load(function () {
  444. var $content = $('#posts');
  445. $content.masonry({itemSelector: '.entry'}),
  446. $content.infinitescroll({
  447. navSelector : 'div#pagination',
  448. nextSelector : 'div#pagination a#nextPage',
  449. itemSelector : '.entry',
  450. loading: {
  451. finishedMsg: '',
  452. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  453. },
  454. bufferPx : 600,
  455. debug : false,
  456. },
  457. // call masonry as a callback.
  458. function( newElements ) {
  459. var $newElems = $( newElements );
  460. $newElems.hide();
  461. // ensure that images load before adding to masonry layout
  462. $newElems.imagesLoaded(function(){
  463. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  464.  
  465.  
  466. });
  467. });
  468. });
  469. </script>
  470. {/block:IndexPage}
  471.  
  472.  
  473. <title>{Title}</title>
  474. <link rel="shortcut icon" href="{favicon}">
  475. <meta name="viewport" content="width=720" />
  476. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  477. </head>
  478.  
  479. <body>
  480. <div id="banner">
  481.  
  482. {block:ifusebanner}<center><a href="/"><img style="max-width:1500px; max-height:300px" src="{image:banner}"/></center></a>{/block:ifusebanner}
  483. {block:ifshowblogtitle}<a href="/"><div class="blogtitle">{Title}</a></div>{/block:ifshowblogtitle}
  484.  
  485. <div class="description">
  486. <div style="font-size:12px;font-family:arial;margin-top:18px;text-transform:none;">{Description}</div></div>
  487.  
  488. </div><div style="margin-left:500px;"><div class="links"><div style="margin-top:0px;">
  489. <nav class="cl-effect-18">
  490.  
  491. <a href="/" title="Home">Home</a>
  492. <a href="/ask"title="Message">Ask </a>
  493. <a href="{text:Link1}" title="{text:Link1 Tool}">{text:Link1 Title}</a>
  494. <a href="{text:Link2}" title="{text:Link2 Tool}">{text:Link2 Title}</a>
  495. <a href="{text:Link3}" title="{text:Link3 Tool}">{text:Link3 Title}</a>
  496.  
  497. <a href="{text:Link4}" title="{text:Link4 Tool}">{text:Link4 Title}</a>
  498. </div>
  499. </nav></div>
  500. </div></div>
  501.  
  502.  
  503. <div class="wrapper">
  504. <div class="header">
  505. </div>
  506.  
  507.  
  508. <div class="left">
  509. <div id="posts">
  510. {block:Posts}
  511. <div class="entry">
  512.  
  513. {block:Answer}
  514. <div class="post"><div class="askborder">
  515. <img src="{askerportraiturl-40}" width="40px"></div><div class="bubble"><span></span>{asker} said: {Question}</div><br>
  516. {Answer}
  517. </div><br>
  518. {/block:Answer}
  519.  
  520.  
  521. {block:Text}
  522. {block:Title}<left><span class="title">{Title}</span></left>{/block:Title}
  523. <div style="margin-left:3px;">{Body}</div>
  524. {block:IndexPage}
  525.  
  526. {/block:IndexPage}
  527. {/block:Text}
  528.  
  529.  
  530. {block:Link}
  531. <left><a href="{URL}"><span class="title">{Name}</span></a></left>
  532. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  533. {block:IndexPage}
  534. {/block:IndexPage}
  535. {block:Link}
  536.  
  537.  
  538. {block:Photo}{block:IndexPage}
  539.  
  540. <div class="photoperm"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/apahx90/827mqp7az/reblog_st.png" style="width:25px;" class="imgp"/></a></div>
  541. <div class="photoperma"><a href="{permalink}"><img src="http://cdn5.iconfinder.com/data/icons/iconsweets2/40/link_seo.png" class="imgp" style="width:25px;"/></a></div>
  542.  
  543. {/block:IndexPage}
  544. {block:IndexPage}
  545. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=230px/></a>
  546. {/block:IndexPage}
  547. {block:permalinkpage}{LinkOpenTag}
  548. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=520px/>{LinkCloseTag}
  549. {/block:permalinkpage}
  550. {/block:Photo}
  551.  
  552. {block:Photoset}
  553. <center>
  554. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  555. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  556. </center>
  557.  
  558. {block:IndexPage}
  559.  
  560. {/block:IndexPage}
  561. {/block:Photoset}
  562.  
  563.  
  564. {block:Quote}
  565. <div style="margin-left:3px;">
  566. {Quote}</span>
  567. {block:Source}<strong>{Source}</strong>{/block:Source}
  568. </div>
  569.  
  570. {block:IndexPage}
  571. {/block:IndexPage}
  572. {/block:Quote}
  573.  
  574. {block:Chat}
  575. <div style="margin-left:3px;">
  576. {block:Title}<span class="title">{Title}</span>{/block:Title}
  577. <ul class="chat">
  578. {block:Lines}
  579. <li class="user_{UserNumber}">
  580. {block:Label}
  581. <span class="label">{Label}</span>
  582. {/block:Label}
  583. {Line}
  584. </li>
  585. {/block:Lines}
  586. </ul>
  587. </div>
  588.  
  589. {block:IndexPage}
  590. {/block:IndexPage}
  591. {/block:Chat}
  592.  
  593. {block:Audio}
  594. <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>
  595. {block:IndexPage}
  596. {/block:IndexPage}
  597. {/block:Audio}
  598.  
  599. {block:Video}
  600. {block:IndexPage}
  601. <center>
  602. {Video-250}</center>
  603. {/block:IndexPage}
  604. {block:PermalinkPage}
  605. <center>
  606. {Video-500}</center>
  607. {/block:PermalinkPage}
  608.  
  609. {block:IndexPage}
  610. {/block:IndexPage}
  611. {block:Video}
  612.  
  613.  
  614.  
  615. {block:IndexPage}
  616. {block:Text}
  617. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  618. {/block:Text}
  619. {block:Photoset}
  620. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  621. {/block:Photoset}
  622. {block:Quote}
  623. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  624. {/block:Quote}
  625. {block:Link}
  626. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  627. {/block:Link}
  628. {block:Chat}
  629. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  630. {/block:Chat}
  631. {block:Audio}
  632. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  633. {/block:Audio}
  634. {block:Answer}
  635. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  636. {/block:Answer}
  637. {/block:IndexPage}
  638.  
  639. {block:PostNotes}<div align="middle">{caption}</div>
  640. <center>
  641.  
  642. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  643.  
  644. {block:HasTags}
  645. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  646. {block:RebloggedFrom}
  647. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  648. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  649.  
  650. {/block:RebloggedFrom}
  651. </center></span>
  652. <br>
  653. <div id="postnotes">{PostNotes}</div><br>
  654.  
  655. <center>{block:ContentSource}
  656. <br><a href="{SourceURL}">
  657. {lang:Source}:
  658. {block:SourceLogo}
  659. <img src="{BlackLogoURL}" width="{LogoWidth}"
  660. height="{LogoHeight}" alt="{SourceTitle}" />
  661. {/block:SourceLogo}
  662. {block:NoSourceLogo}
  663. {SourceLink}
  664. {/block:NoSourceLogo}
  665. </a>
  666. {/block:ContentSource}</center>
  667.  
  668. {/block:PostNotes}
  669. </div>
  670. {/block:Posts}
  671. </div></div>
  672.  
  673. {block:IndexPage}
  674. {block:Pagination}
  675. <div id="pagination">
  676. {block:NextPage}
  677. <a id="nextPage" href="{NextPage}"></a>
  678. {/block:NextPage}
  679. {block:PreviousPage}
  680. <a href="{PreviousPage}"></a>
  681. {/block:PreviousPage}
  682. </div>
  683. {/block:Pagination}
  684. {/block:IndexPage}
  685.  
  686. <div id="cred">
  687. <a href="http://teenageblog.tumblr.com/"><img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-moon-outline-48.png"></a></div>
  688.  
  689. </body>
  690. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement