API tools faq
paste
Advertisement
teenageblog

Mocha Theme

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