API tools faq
paste
teenageblog

Beach Theme

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