teenageblog

Heatwave Theme

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