Advertisement
teenageblog

Disaster Theme

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