Advertisement
teenageblog

Vanilla Theme

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