Advertisement
teenageblog

Hurricane Theme

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