Advertisement
teenageblog

Originals Theme

Sep 28th, 2013
5,323
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.50 KB | None | 0 0
  1. <!-----------------------------------------
  2. ╭━━━┳╮╱╱╱╱╱╱╱╱╱╱╭╮╱╭━━━━┳╮
  3. ┃╭━╮┃┃╱╱╱╱╱╱╱╱╱╱┃┃╱┃╭╮╭╮┃┃
  4. ┃┃╱╰┫╰━┳━━┳━╮╭━━┫┃╱╰╯┃┃╰┫╰━┳━━┳╮╭┳━━┳━━╮
  5. ┃┃╱╭┫╭╮┃╭╮┃╭╮┫┃━┫┃╱╱╱┃┃╱┃╭╮┃┃━┫╰╯┃┃━┫━━┫
  6. ┃╰━╯┃┃┃┃╭╮┃┃┃┃┃━┫╰╮╱╱┃┃╱┃┃┃┃┃━┫┃┃┃┃━╋━━┃
  7. ╰━━━┻╯╰┻╯╰┻╯╰┻━━┻━╯╱╱╰╯╱╰╯╰┻━━┻┻┻┻━━┻━━╯
  8.  
  9. Please keep credit (✿◠‿◠)
  10. ----------------------------------------------->
  11.  
  12. <html lang="en">
  13. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml">
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17.  
  18. <head>
  19. <!-- DEFAULT VARIABLES -->
  20. <title>{Title}</title>
  21. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  22. <meta name="color:Background" content="#fff"/>
  23. <meta name="color:Text" content="#000"/>
  24. <meta name="color:Title" content="#000"/>
  25. <meta name="color:Link" content="#999"/>
  26. <meta name="color:Hover" content="#000"/>
  27. <meta name="color:Scrollbar" content="#ccc"/>
  28. <meta name="color:Blogtitle" content="#ccc"/>
  29. <meta name="color:Blogtitle Shadow" content="#fff"/>
  30. <meta name="color:Border" content="#eee"/>
  31.  
  32. <meta name="if:Show Music Player" content="1"/>
  33.  
  34. <meta name="image:Bar" content="http://i43.tinypic.com/2lwuqnn.jpg"/>
  35. <meta name="image:Sidebar Background" content="http://i43.tinypic.com/2lwuqnn.jp"/>
  36. <meta name="image:Background" content=""/>
  37. <meta name="image:Sidebar" content="http://25.media.tumblr.com/f7a8d3a4c7655e5a3d18b87a8027b45f/tumblr_miy7thFaFe1r5f8xoo1_500.jpg"/>
  38.  
  39. <meta name="text:Name" content="For the ask" />
  40. <meta name="text:Music Player Code" content="use billy music player for this">
  41. <meta name="text:Link One Title" content="link 1" />
  42. <meta name="text:Link One" content="" />
  43. <meta name="text:Link Two Title" content="link 2" />
  44. <meta name="text:Link Two" content="" />
  45. <meta name="text:Link Three Title" content="link 3" />
  46. <meta name="text:Link Three" content="" />
  47. <meta name="text:Link Four Title" content="link 4" />
  48. <meta name="text:Link Four" content="" />
  49.  
  50. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  51. <script>
  52. (function($){
  53. $(document).ready(function(){
  54. $("a[title]").style_my_tooltips({
  55. tip_follows_cursor:true,
  56. tip_delay_time:90,
  57. tip_fade_speed:600,
  58. attribute:"title"
  59. });
  60. });
  61. })(jQuery);
  62. </script>
  63.  
  64.  
  65. <style type="text/css">
  66.  
  67.  
  68. 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;}
  69.  
  70. 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;}
  71.  
  72.  
  73.  
  74. .wrapper{
  75. margin: 0px auto;
  76. margin-left: 60px;
  77. width: 1045px;
  78. }
  79.  
  80. .header{
  81. float: left;
  82. width: 100%;
  83. }
  84.  
  85. .left{
  86. float: left;
  87. margin-right: 20px;
  88. width:1045;
  89. }
  90.  
  91. .right{
  92. float: right;
  93. width: 200px;
  94. background-color: #fff;
  95. }
  96.  
  97. body {
  98. margin:0px;
  99. background-color: {color:Background};
  100. background-image:url({image:Background});
  101. background-attachment: fixed;
  102. background-repeat: repeat;}
  103. body, div, p, textarea, submit, input{
  104. font-family: 'Ubuntu', sans-serif;
  105. font-size: 11px;
  106. line-height:14px;
  107. letter-spacing:1px;
  108. color:{color:Text};
  109. }
  110.  
  111. #s-m-t-tooltip {
  112. max-width:300px;
  113. height: 15px;
  114. line-height:17px;
  115. padding:6px 6px 6px 6px;
  116. margin:20px 0px 0px 20px;
  117. box-shadow:0px 0px 2px #333;
  118. background: white;
  119. border:3px solid {color:border}; /* change the border color */
  120. font-family:calibri; /* change the font */
  121. font-size:13px; /* change the font size */
  122. letter-spacing:0px; /* change the letter spacing */ /* can be uppercase, lowercase, none*/
  123. border-radius: 5px;
  124. color:#000; /* change the text color */
  125. z-index:999999999999999999999999999999999999;
  126. }
  127.  
  128.  
  129.  
  130. ::-webkit-scrollbar-thumb:vertical {
  131. height:4px;
  132. background-color: {color:scrollbar};
  133. border:solid 1px {color:borders};
  134. }
  135.  
  136. ::-webkit-scrollbar {
  137. width:4px;
  138. height:1px;
  139. background:#fff;
  140. margin-right:5px;
  141. border:solid 1px {color:borders};
  142. }
  143.  
  144.  
  145. p {
  146. margin:0px;
  147. margin-top:0px;
  148. }
  149.  
  150. a:link, a:active, a:visited{
  151. text-decoration: none;
  152. -webkit-transition: color 0.3s ease-out;
  153. -moz-transition: color 0.3s ease-out;
  154. transition: color 0.3s ease-out;
  155. color: {color:Link};
  156. }
  157.  
  158. a:hover {
  159. : -webkit-transition-duration: 1.0s;
  160. color:{color:Hover};
  161. }
  162.  
  163. .bar{
  164. position:fixed;
  165. z-index:1;
  166. margin-left:1105px;
  167. top: 0px;
  168. background: #;
  169. background-image:url({image:bar});
  170. height:100%;
  171. border-right: 3px solid #fff;
  172. opacity:1;
  173. width:20px;
  174. border-bottom:3px solid #fff;
  175. border-left: 3px solid #fff;
  176. border-right: 3px double solid #fff;
  177. }
  178.  
  179.  
  180.  
  181. div#center{
  182. margin:auto;
  183. margin-top:0px;
  184. position:relative;
  185. width:1045px;
  186. background-color:;
  187. overflow:auto;
  188. overflow-y:hidden;
  189. }
  190.  
  191.  
  192. #sidebar{
  193. position:fixed !important;
  194. width:250px;
  195. padding:8px;
  196. border:3px double {color:border};
  197. background:white;
  198. height:auto;
  199. margin-top:150px;
  200. margin-left:80px;
  201. text-align:center;
  202. z-index:999;
  203. }
  204. @font-face { font-family: "basket";src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  205. #blogtitle{
  206. position:fixed !important;
  207. width:250px;
  208. background:transparent;
  209. font-weight: bold;
  210. font-family: basket;
  211. color:{color:blogtitle};
  212. border:3px double transparent;
  213. text-shadow:1px 1px 5px {color:blogtitle shadow};
  214. font-size: 35px;
  215. line-height:32px;
  216. padding:8px;
  217. padding-top:10px;
  218. padding-bottom:15px;
  219. height:25px;
  220. margin-top:-65px;
  221. margin-left:-11px;
  222. text-align:center;
  223. z-index: 100;
  224. -webkit-transition: opacity .7s linear;
  225. -webkit-transition: all .7s ease-in-out;
  226. -moz-transition: all .7s ease-in-out;
  227. -o-transition: all .7s ease-in-out;
  228. }
  229.  
  230. #blogtitle:hover{
  231. color:white;
  232. text-shadow:1px 1px 10px {color:blogtitle};
  233. -webkit-transition: opacity .7s linear;
  234. -webkit-transition: all .7s ease-in-out;
  235. -moz-transition: all .7s ease-in-out;
  236. -o-transition: all .7s ease-in-out;
  237. }
  238.  
  239. #music{
  240. position:fixed !important;
  241. text-align:center;
  242. background:white;
  243. opacity:.8;
  244. width:250px;
  245. height:15px;
  246. padding-left:8px;
  247. padding-top:1px;
  248. padding-bottom:4px;
  249. padding-right:8px;
  250. margin-left:-8px;
  251. margin-top:-35px;
  252. }
  253.  
  254. @font-face{
  255. font-family: "WebSymbolsRegular";
  256. src: url('http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf');
  257. }
  258.  
  259. div#links{
  260. position: fixed !important;
  261. opacity:1.0;
  262. height: auto;
  263. width: 18px;
  264. background-color:white;
  265. color: {color:link};
  266. z-index:999999;
  267. font-family: websymbolsregular;
  268. font-size: 20px;
  269. text-transform:uppercase;
  270. line-height:30px;
  271. margin-top:200px;
  272. margin-left:32px;
  273. padding:15px;
  274. text-align:left;
  275. border:3px double {color:border};
  276. border-right:0px;
  277. border-top-left-radius:20px;
  278. border-bottom-left-radius:20px;
  279. -webkit-transition: all 0.9s ease;
  280. -moz-transition: all 0.9s ease;
  281. -o-transition: all 0.9s ease;
  282. }
  283.  
  284. #sidebar:hover #links{
  285. opacity:1.0;
  286. transition: all 0.9s ease-out;
  287. -o-transition-transition: all 0.9s ease-out;
  288. -webkit-transition: all 0.9s ease-out;
  289. -moz-transition: all 0.9s ease-out;
  290. }
  291.  
  292. #sidebarbg {
  293. position:fixed !important;
  294. opacity: 0.8;
  295. width: auto;
  296. height: 100%;
  297. margin-top: 145px;
  298. padding:10px;
  299. margin-left: 50px;
  300. margin-bottom: 0px;
  301. z-index:1;
  302. -webkit-transition: all 0.9s ease-in-out;
  303. -moz-transition: all 0.9s ease-in-out;
  304. -o-transition: all 0.9s ease-in-out;
  305. -ms-transition: all 0.9s ease-in-out;
  306. transition: all 0.9s ease-in-out;
  307. }
  308. #sidebarpic{
  309. opacity:1;
  310. width:380px;
  311. height:100%;
  312. margin-left:-65px;
  313. margin-top:-160px;
  314. z-index:1;
  315. padding:5px;
  316. background:white;
  317. border-right:1px solid {color:border};
  318. border-left:1px solid {color:border};
  319. -webkit-transition: all 0.9s ease;
  320. -moz-transition: all 0.9s ease;
  321. -o-transition: all 0.9s ease;
  322. }
  323.  
  324. #sidebarpic:hover{
  325. -webkit-transition: all 0.9s ease;
  326. -moz-transition: all 0.9s ease;
  327. -o-transition: all 0.9s ease;
  328. }
  329.  
  330. #sidebarpic img{
  331. width:380px;
  332. height:100%;
  333. -webkit-transition: all 0.9s ease;
  334. -moz-transition: all 0.9s ease;
  335. -o-transition: all 0.9s ease;
  336. }
  337.  
  338. #sidebarpic img:hover{
  339. -webkit-transition: all 0.9s ease;
  340. -moz-transition: all 0.9s ease;
  341. -o-transition: all 0.9s ease;
  342. }
  343.  
  344.  
  345. .entry {
  346. float:left;
  347. display: block;
  348. overflow:hidden;
  349. width:210px;
  350. padding:15px;
  351. border:1px solid {color:border};
  352. margin:4px;
  353. background-color: white;
  354. padding:6px;
  355. padding-bottom:4px;
  356. {block:PermalinkPage}
  357. width:520px;
  358. margin-left:0px;
  359. text-align:center;
  360. {/block:PermalinkPage}
  361. }
  362.  
  363. .entry .perma{
  364. width:200px;
  365. height:11px;
  366. margin-left:0px;
  367. position: absolute;
  368. line-height: 11px;
  369. overflow:hidden;
  370. padding:5px;
  371. padding-top:4px;
  372. text-align:center;
  373. top:-11px;
  374. font-family:calibri;
  375. text-transform:uppercase;
  376. font-size:8px;
  377. border-bottom:3px solid {color:border};
  378. background:white;
  379. word-spacing:2px;
  380. letter-spacing:1px;
  381. opacity: 0.0;
  382. -webkit-filter:blur(2px);
  383. -webkit-transition: opacity .7s linear;
  384. -webkit-transition: all .7s ease-in-out;
  385. -moz-transition: all .7s ease-in-out;
  386. -o-transition: all .7s ease-in-out;
  387.  
  388. }
  389.  
  390. .entry:hover .perma{
  391. overflow:visible;
  392. opacity:1;
  393. height:11px;
  394. top:0px;
  395. -webkit-filter:blur(0px);
  396. border-bottom:3px solid {color:border};
  397. }
  398.  
  399. .permatext{
  400. height:auto;
  401. line-height:100%;
  402. position:absolute;
  403. right:4px;
  404. bottom:0px;
  405. {block:IfPermalinkMovement}
  406. bottom:-5px;
  407. {block:IfPermalinkMovement}
  408. opacity:0;
  409. padding:0;
  410. background:#transparent;
  411. box-shadow:0 0 15px 10px #transparent;
  412. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  413. }
  414. .entry:hover .permatext{
  415. right:4px; bottom:0px;
  416. opacity:1;
  417. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  418. }
  419. .entry:hover .permatext:hover{
  420. opacity:1;
  421. }
  422.  
  423. .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;}
  424. .bubble p {margin:1px 0px;}
  425. .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;}
  426. .askborder {float: left;margin: 1px 4px 1 0;padding: 3px; background: #eee;}
  427.  
  428. @font-face { font-family: "Cedarville Cursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  429.  
  430.  
  431. #audio {width:250px; height:auto; min-height:60px; padding-bottom:0px;}
  432. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  433. .cover img {float:left; width:60px; height:60px;}
  434. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  435. .info {margin-left:73px; margin-top:4px; line-height:14px;}
  436.  
  437. .title{
  438. font-family: "cedarville cursive";
  439. font-size: 22px;
  440. line-height: 20px;
  441. color: {color:Title};
  442. text-shadow:1px 2px 2px #aaa;
  443. letter-spacing: 1px;
  444. font-weight: normal;
  445. }
  446.  
  447. .cred {
  448. color: #000;
  449. font-family: Calibri;
  450. font-size:14px;
  451. z-index: 99999999999999px;
  452. line-height:14px;
  453. background:#fff;
  454. border: 1px #eee solid;
  455. background-repeat:repeat;
  456. padding:2px;
  457. -webkit-border-radius:2px;
  458. moz-border-radius:2px;
  459. -o-border-radius:2px;
  460. border-radius:2px;
  461. }
  462.  
  463. .cred a { color: #000; }
  464.  
  465.  
  466. #posts {
  467. width:900px;
  468. margin-top: 5px;
  469. margin-left: 336px;
  470. margin-right: auto;
  471. position:relative;
  472. overflow-y: hidden;
  473. }
  474.  
  475.  
  476. #infscr-loading{
  477. bottom: -70px;
  478. position: absolute;
  479. left: 50%;
  480. margin-left:-8px;
  481. width:16px;
  482. height:11px;
  483. overflow:hidden;
  484. margin-bottom: 50px;
  485. }
  486.  
  487. #postnotes{
  488. text-align: justify;
  489. }
  490.  
  491. #postnotes blockquote{
  492. border: 0px;
  493. }
  494.  
  495. blockquote{
  496. padding:0px 0px 2px 5px;
  497. margin:0px 0px 2px 1px;
  498. border-left: 1px dotted {color:Text};
  499. }
  500.  
  501. blockquote p, ul{
  502. margin:0px;
  503. padding:0px;
  504. }
  505.  
  506. a img{border: 0px;}
  507. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  508. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  509. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  510. .notes img{width:10px; position:relative; top:3px;
  511. }
  512.  
  513. small{font-size: 90%;}
  514.  
  515. .video embed, .post div.video object {width:260px !important; height:180px !important;}
  516. .video2 embed, .post div.video object {width:400px !important; height:400px !important;}
  517.  
  518. {CustomCSS}
  519.  
  520. </style>
  521.  
  522. {block:IndexPage}
  523.  
  524.  
  525. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  526. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  527. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  528.  
  529. <script type="text/javascript">
  530. $(window).load(function () {
  531. var $content = $('#posts');
  532. $content.masonry({itemSelector: '.entry'}),
  533. $content.infinitescroll({
  534. navSelector : 'div#pagination',
  535. nextSelector : 'div#pagination a#nextPage',
  536. itemSelector : '.entry',
  537. loading: {
  538. finishedMsg: '',
  539. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  540. },
  541. bufferPx : 600,
  542. debug : false,
  543. },
  544. // call masonry as a callback.
  545. function( newElements ) {
  546. var $newElems = $( newElements );
  547. $newElems.hide();
  548. // ensure that images load before adding to masonry layout
  549. $newElems.imagesLoaded(function(){
  550. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  551.  
  552.  
  553. });
  554. });
  555. });
  556. </script>
  557. {/block:IndexPage}
  558.  
  559.  
  560. <title>{Title}</title>
  561. <link rel="shortcut icon" href="{favicon}">
  562. <meta name="viewport" content="width=720" />
  563. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  564. </head>
  565.  
  566. <body>
  567. <div class="bar"></div>
  568.  
  569. <div id="links">
  570. <a href="{text:Link One}" title="{text:Link One Title}">*</a>
  571. <br> <a href="{text:Link Two}" title="{text:Link Two Title}">@</a>
  572. <br> <a href="{text:Link Three}" title="{text:Link Three Title}">s</a> <br>
  573. <a href="{text:Link Four}" title="{text:Link Four Title}">Z</a></center>
  574. </div>
  575.  
  576. <div id="sidebar">
  577. <div id="blogtitle">{title}</div>
  578. <center>
  579. <a href="/"><img src="{image:sidebar}" width=100%></a>
  580.  
  581. {block:ifshowmusicplayer}<div id="music">{text:music player code}</div>{/block:ifshowmusicplayer}
  582. <div style="font-size:12px; line-height:14px; padding:5px;">{description}</div>
  583. </center>
  584. </div>
  585.  
  586.  
  587. <div id="sidebarbg">
  588.  
  589. <div id="sidebarpic"><a href="/"><img src="{image:sidebar background}"></a></div>
  590.  
  591. </div>
  592.  
  593. </div>
  594. </div>
  595. <div class="wrapper">
  596. <div class="header">
  597. </div>
  598.  
  599.  
  600.  
  601. <div class="left">
  602. <div id="posts">
  603. {block:Posts}
  604. <div class="entry">
  605.  
  606.  
  607. {block:Answer}
  608. <div style="margin-top:2px; margin-bottom:0px; margin-left:12px; height:auto; padding: 5px; background-color: #fff; border-radius:5px; font-family:calibri;font-size: 11px;font-style: none;border:1px double #eee;">
  609.  
  610. <img src="{AskerPortraitURL-30}" width="30" align="left" style="border-radius: 25px 10px / 10px 25px; margin-left: -20px; margin-top: -10px ;padding: 2px; background: white; border: 1px solid #eee; z-index:1;opacity:1;"/><asker style="font-family:basket; font-size:15px;">&nbsp;{Asker}:&nbsp;</asker><br>{Question}</div><br>
  611. <div style="margin-top:2px; margin-bottom:4px; font-size: 11px;
  612. font-family:pewp;line-height:13px;font-style: none;background: transparent; text-align:center;">{Answer}
  613. <p style="text-align:right; font-family:basket; font-size:15px; color:#a1bdf3;">-{text:name}</p>
  614. </div>
  615. {/block:Answer}
  616.  
  617.  
  618. {block:Text}
  619. {block:Title}<left><span class="title">{Title}</span></left>{/block:Title}
  620. <div style="margin-left:3px;">{Body}</div>
  621. {block:IndexPage}
  622.  
  623. {/block:IndexPage}
  624. {/block:Text}
  625.  
  626.  
  627. {block:Link}
  628. <left><a href="{URL}"><span class="title">{Name}</span></a></left>
  629. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  630. {block:IndexPage}
  631. {/block:IndexPage}
  632. {block:Link}
  633.  
  634.  
  635. {block:Photo}{block:IndexPage}
  636.  
  637. <center>
  638. <div class="perma">
  639. {timeago} - <a href="{ReblogURL}" target="_blank"> reblog </a> - <a href="{Permalink}">{notecountwithlabel}</a></div>
  640.  
  641. {/block:IndexPage}
  642. {block:IndexPage}
  643. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=210px/></a>
  644. {/block:IndexPage}
  645. {block:permalinkpage}{LinkOpenTag}
  646. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=520px/>{LinkCloseTag}
  647. {/block:permalinkpage}
  648. {/block:Photo}
  649.  
  650. {block:Photoset}
  651. <center>
  652. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  653. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  654. </center>
  655.  
  656. {block:IndexPage}
  657.  
  658. {/block:IndexPage}
  659. {/block:Photoset}
  660.  
  661.  
  662. {block:Quote}
  663. <div style="margin-left:3px;">
  664. {Quote}</span>
  665. {block:Source}<strong>{Source}</strong>{/block:Source}
  666. </div>
  667.  
  668. {block:IndexPage}
  669. {/block:IndexPage}
  670. {/block:Quote}
  671.  
  672. {block:Chat}
  673. <div style="margin-left:3px;">
  674. {block:Title}<span class="title">{Title}</span>{/block:Title}
  675. <ul class="chat">
  676. {block:Lines}
  677. <li class="user_{UserNumber}">
  678. {block:Label}
  679. <span class="label">{Label}</span>
  680. {/block:Label}
  681. {Line}
  682. </li>
  683. {/block:Lines}
  684. </ul>
  685. </div>
  686.  
  687. {block:IndexPage}
  688. {/block:IndexPage}
  689. {/block:Chat}
  690.  
  691. {block:Audio}
  692. <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>
  693. {block:IndexPage}
  694. {/block:IndexPage}
  695. {/block:Audio}
  696.  
  697. {block:Video}
  698. {block:IndexPage}
  699. <center>
  700. {Video-250}</center>
  701. {/block:IndexPage}
  702. {block:PermalinkPage}
  703. <center>
  704. {Video-500}</center>
  705. {/block:PermalinkPage}
  706.  
  707. {block:IndexPage}
  708. {/block:IndexPage}
  709. {block:Video}
  710.  
  711.  
  712.  
  713. {block:IndexPage}
  714. {block:Text}
  715. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  716. {/block:Text}
  717. {block:Photoset}
  718. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  719. {/block:Photoset}
  720. {block:Quote}
  721. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  722. {/block:Quote}
  723. {block:Link}
  724. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  725. {/block:Link}
  726. {block:Chat}
  727. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  728. {/block:Chat}
  729. {block:Audio}
  730. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  731. {/block:Audio}
  732. {block:Answer}
  733. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  734. {/block:Answer}
  735. {/block:IndexPage}
  736.  
  737. {block:PostNotes}<div align="middle">{caption}</div>
  738. <center>
  739.  
  740. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  741.  
  742. {block:HasTags}
  743. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  744. {block:RebloggedFrom}
  745. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  746. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  747.  
  748. {/block:RebloggedFrom}
  749. </center></span>
  750. <br>
  751. <div id="postnotes">{PostNotes}</div><br>
  752.  
  753. <center>{block:ContentSource}
  754. <br><a href="{SourceURL}">
  755. {lang:Source}:
  756. {block:SourceLogo}
  757. <img src="{BlackLogoURL}" width="{LogoWidth}"
  758. height="{LogoHeight}" alt="{SourceTitle}" />
  759. {/block:SourceLogo}
  760. {block:NoSourceLogo}
  761. {SourceLink}
  762. {/block:NoSourceLogo}
  763. </a>
  764. {/block:ContentSource}</center>
  765.  
  766. {/block:PostNotes}
  767. </div>
  768. {/block:Posts}
  769. </div></div>
  770.  
  771. {block:IndexPage}
  772. {block:Pagination}
  773. <div id="pagination">
  774. {block:NextPage}
  775. <a id="nextPage" href="{NextPage}"></a>
  776. {/block:NextPage}
  777. {block:PreviousPage}
  778. <a href="{PreviousPage}"></a>
  779. {/block:PreviousPage}
  780. </div>
  781. {/block:Pagination}
  782. {/block:IndexPage}
  783.  
  784.  
  785. <div style="position: fixed; right:6px;bottom:10px;">
  786. <span class="cred">
  787. <a href="http://teenageblog.tumblr.com/" target="_blank">
  788. </a></span></div>
  789. </body>
  790. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement