Advertisement
teenageblog

Serendipity Theme

Jul 3rd, 2015
19,667
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.54 KB | None | 0 0
  1. <!-----------------------------------------
  2. ★ ° . .    . ☾ °☆  . * ● ¸ .   ★ ° :.  . • ○ ° ★  .  * .     .   °  . ● .    ° ☾ °☆  ¸. ● .  ★  ★ ° ☾ ☆ ¸. ¸  ★  :.  . • ○ ° ★  .  * . .  ¸ .   °  ¸. * ● ¸ .    ° °  ¸. ● ¸ .  ★ ° :.  . • °   ★ 
  3. ▒█▀▀▀ █▀▀ █░░ ░▀░ █▀▀█ █▀▀ █▀▀   ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  4. ▒█▀▀▀ █░░ █░░ ▀█▀ █░░█ ▀▀█ █▀▀   ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  5. ▒█▄▄▄ ▀▀▀ ▀▀▀ ▀▀▀ █▀▀▀ ▀▀▀ ▀▀▀   ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  6. ★ ° . .    . ☾ °☆  . * ● ¸ .   ★ ° :.  . • ○ ° ★  .  * .     .   °  . ● .    ° ☾ °☆  ¸. ● .  ★  ★ ° ☾ ☆ ¸. ¸  ★  :.  . • ○ ° ★   * . .  ¸ .   °  ¸. * ● ¸ .    ° ☾ °  ¸. ● ¸ .  ★ ° :.  . • °
  7. Please keep credit!!
  8. ----------------------------------------------->
  9.  
  10. <html lang="en">
  11. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="http://www.w3.org/1999/xhtml">
  13. <script type="text/javascript"
  14. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15.  
  16. <head>
  17. <link rel="shortcut icon" href="{Favicon}" />
  18. <!-- DEFAULT VARIABLES -->
  19. <title>{Title}</title>
  20. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  21. <meta name="color:Background" content="#fff"/>
  22. <meta name="color:Text" content="#000"/>
  23. <meta name="color:Title" content="#000"/>
  24. <meta name="color:Link" content="#999"/>
  25. <meta name="color:Hover" content="#000"/>
  26. <meta name="color:Ask Bubble" content="#eee"/>
  27. <meta name="color:Scrollbar" content="#ccc"/>
  28. <meta name="color:Blogtitle" content="#ccc"/>
  29. <meta name="color:Borders" content="#000"/>
  30. <meta name="color:Quote" content="#ccc"/>
  31. <meta name="color:Permalink Background" content="#fff"/>
  32. <meta name="color:Sidebar Background" content="#fff"/>
  33.  
  34. <meta name="if:One Column" content="0" />
  35. <meta name="if:Two Columns" content="1" />
  36. <meta name="if:Use Quote Bar" content="1" />
  37. <meta name="if:Show Sidebar" content="1" />
  38. <meta name="if:Shadows" content="1" />
  39. <meta name="if:Rounded Corners" content="0" />
  40.  
  41. <meta name="image:Sidebar" content=""/>
  42. <meta name="image:Background" content="0"/>
  43.  
  44. <meta name="text:Navigation Title" content="+links"/>
  45. <meta name="text:Quote" content="Quote">
  46.  
  47. <meta name="text:link one title" content="link" />
  48. <meta name="text:link one" content="/" />
  49. <meta name="text:link two title" content="link" />
  50. <meta name="text:link two" content="/ask" />
  51. <meta name="text:link three title" content="link" />
  52. <meta name="text:link three" content="" />
  53. <meta name="text:link four title" content="link" />
  54. <meta name="text:link four" content="" />
  55. <meta name="text:link five title" content="link" />
  56. <meta name="text:link five" content="" />
  57.  
  58.  
  59. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  60. <script>
  61. (function($){
  62. $(document).ready(function(){
  63. $("[title]").style_my_tooltips({
  64. tip_follows_cursor:true,
  65. tip_delay_time:200,
  66. tip_fade_speed:300
  67. }
  68. );
  69. });
  70. })(jQuery);
  71. </script>
  72. <style type="text/css">
  73. #s-m-t-tooltip{
  74. max-width:300px;
  75. margin:15px;
  76. padding:2px 8px;
  77. border:1px solid {color:borders};
  78. background:white;
  79. {block:ifroundedcorners}
  80. border-radius:5px;
  81. {/block:ifroundedcorners}
  82. {block:ifshadows}
  83. box-shadow:rgba(0,0,0,.08) 4px 4px;
  84. {/block:ifshadows}
  85. color:{color:text};
  86. z-index:999999;
  87. font-size:9px;
  88. font-style:italic;
  89. text-transform:lowercase;
  90. letter-spacing:1px;
  91. }
  92.  
  93.  
  94.  
  95. ::-webkit-scrollbar-thumb{
  96. background-color:{color:scrollbar};
  97. border:3px solid {color:background};
  98. height:6px;}
  99.  
  100. ::-webkit-scrollbar {
  101. height:10px;
  102. width:10px;
  103. background-color:{color:background};}
  104.  
  105.  
  106.  
  107.  
  108.  
  109. .wrapper{
  110. margin: 0px auto;
  111. margin-left: 60px;
  112. width: 1045px;
  113. }
  114.  
  115. .header{
  116. float: left;
  117. width: 100%;
  118. }
  119.  
  120. .left{
  121. float: left;
  122. margin-right: 20px;
  123. width:1045;
  124. }
  125.  
  126. .right{
  127. float: right;
  128. width: 200px;
  129. background-color: #fff;
  130. }
  131.  
  132.  
  133. body {
  134. margin:0px;
  135. background-color: {color:Background};
  136. background-image:url({image:Background});
  137. -webkit-background-size: cover;
  138. -moz-background-size: cover;
  139. -o-background-size: cover;
  140. background-size: cover;
  141. background-attachment: fixed;
  142. background-repeat: repeat;}
  143. body, div, p, textarea, submit, input{
  144. font-family: 'Ubuntu', sans-serif;
  145. font-size: 11px;
  146. line-height:14px;
  147. letter-spacing:1px;
  148. color:{color:Text};
  149. }
  150.  
  151.  
  152.  
  153. p {
  154. margin:0px;
  155. margin-top:0px;
  156. }
  157.  
  158. a:link, a:active, a:visited{
  159. text-decoration: none;
  160. -webkit-transition: color 0.3s ease-out;
  161. -moz-transition: color 0.3s ease-out;
  162. transition: color 0.3s ease-out;
  163. color: {color:Link};
  164. }
  165.  
  166. a:hover {
  167. : -webkit-transition-duration: 1.0s;
  168. color:{color:Hover};
  169. }
  170.  
  171.  
  172.  
  173.  
  174. div#center{
  175. margin:auto;
  176. margin-top:0px;
  177. position:relative;
  178. width:1045px;
  179. background-color:;
  180.  
  181. }
  182.  
  183. /*PERMAS*/
  184.  
  185. .entry .permalink {
  186. -webkit-transition: all .5s ease;
  187. -moz-transition: all .5s ease;
  188. -o-transition: all .5s ease;
  189. transition: all .5s ease;
  190. background:{color:permalink background};
  191. {block:ifroundedcorners}
  192. border-radius:5px;
  193. {/block:ifroundedcorners}
  194. position:absolute;
  195. top:40%;
  196. margin-left:5px;
  197. text-align:left;
  198. {block:ifonecolumn}
  199. width:200px;
  200. font-size:11px;
  201. {/block:ifonecolumn}
  202. {block:iftwocolumns}
  203. width:110px;
  204. font-size:10px;
  205. {/block:iftwocolumns}
  206. padding:5px;
  207. opacity:0;
  208. font-family: calibri;
  209. text-align:center;
  210. left:25%;
  211. border:1px solid {color:borders};
  212. }
  213.  
  214. .permalink a{
  215. font-style:normal;
  216. color:black;
  217. }
  218.  
  219. .entry:hover .permalink{
  220. -webkit-transition: all .5s ease;
  221. -moz-transition: all .5s ease;
  222. -o-transition: all .5s ease;
  223. transition: all .5s ease;
  224. opacity:1;
  225. }
  226.  
  227. .entry {
  228. float:left;
  229. background:white;
  230. {block:IndexPage}
  231. {block:ifonecolumn}
  232. width:500px;
  233. {/block:ifonecolumn}
  234. {block:iftwocolumns}
  235. width:253px;
  236. {/block:iftwocolumns}
  237. {/block:IndexPage}
  238. margin:28px;
  239. {block:ifroundedcorners}
  240. border-radius:5px;
  241. {/block:ifroundedcorners}
  242. {block:PermalinkPage}
  243. {block:ifonecolumn}
  244. width:500px;
  245. {/block:ifonecolumn}
  246. {block:iftwocolumns}
  247. width:500px;
  248. {/block:iftwocolumns}
  249. margin-left:25px;
  250. text-align:left;
  251. {/block:PermalinkPage}
  252. -moz-transition: all 2.2s ease-out;
  253. -o-transition: all 2.2s ease-out;
  254. -webkit-transition: all 2.2s ease-out;
  255. transition: all 2.2s ease-out;
  256. }
  257.  
  258.  
  259.  
  260.  
  261. /*SIDEBAR*/
  262. #sidebar{
  263. float:left;
  264. width:150px;
  265. margin-top:118px;
  266. {block:ifroundedcorners}
  267. border-radius:5px;
  268. {/block:ifroundedcorners}
  269. background:{color:sidebar background};
  270. font-size:11px;
  271. height:auto;
  272. margin-left:190px;
  273. position:fixed;
  274. padding:10px;
  275. text-align:center;
  276. font-family:calibri;
  277. line-height:12px;
  278. color:{color:text};
  279. {block:ifshadows}
  280. box-shadow:rgba(0,0,0,.08) 4px 4px;
  281. {/block:ifshadows}
  282. border:1px solid {color:borders};
  283. }
  284.  
  285. #sidebarimage{
  286. padding:0px;
  287.  
  288. }
  289. #blogtitle{
  290. padding:5px;
  291. line-height:13px;
  292. font-size:12px;
  293. background:white;
  294. text-transform:uppercase;
  295. letter-spacing:2px;
  296. font-family: 'Lucida Sans Unicode';
  297. color:{color:blogtitle};
  298. border:1px solid {color:borders};
  299. {block:ifroundedcorners}
  300. border-radius:5px;
  301. {/block:ifroundedcorners}
  302. }
  303.  
  304. #description{
  305. padding:5px;
  306. line-height:10px;
  307. font-size:9px;
  308. background:white;
  309. font-family: 'Lucida Sans Unicode';
  310. color:{color:text};
  311. border:1px solid {color:borders};
  312. {block:ifroundedcorners}
  313. border-radius:5px;
  314. {/block:ifroundedcorners}
  315. }
  316.  
  317.  
  318.  
  319.  
  320. #audio {width:250px; height:auto; min-height:60px; padding-bottom:0px;}
  321. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  322. .cover img {float:left; width:60px; height:60px;}
  323. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  324. .info {margin-left:73px; margin-top:4px; line-height:14px;}
  325.  
  326. .title{
  327. line-height:12px;
  328. color:{color:Title};
  329. font-weight:normal;
  330. }
  331.  
  332.  
  333.  
  334.  
  335.  
  336. #cred{
  337. position:fixed;
  338. font-family: arial;
  339. font-size: 8px;
  340. bottom:20px;
  341. right:10px;
  342. padding:10px;
  343. height:10px;
  344. text-align:center;
  345. text-transform:lowercase;
  346. padding-bottom:10px;
  347. width:15px;
  348. color:#aaa;
  349. transition: all 0.6s ease-out;
  350. -o-transition-transition: all 0.6s ease-out;
  351. -webkit-transition: all 0.6s ease-out;
  352. -moz-transition: all 0.6s ease-out;
  353. }
  354.  
  355. .eclipsethemes {
  356. width:260px;
  357. opacity: 1;
  358. z-index: 10000;
  359. margin-top:10px;
  360. margin-bottom:10px;
  361. text-align:left;
  362. font-size:10px;
  363. letter-spacing:1px;
  364. }
  365. #quote {
  366. font-size: 11px;
  367. padding:0px;
  368. background:{color:sidebar background};
  369. {block:ifroundedcorners}
  370. border-radius:5px;
  371. {/block:ifroundedcorners}
  372. {block:ifshadows}
  373. box-shadow:rgba(0,0,0,.08) 4px 4px;
  374. {/block:ifshadows}
  375. border:1px solid {color:borders};
  376. height:auto;
  377. {block:iftwocolumns}
  378. width:564px;
  379. {/block:iftwocolumns}
  380. {block:ifonecolumn}
  381. width:501px;
  382. {/block:ifonecolumn}
  383. color:{color:quote};
  384. margin-top:30px;
  385. margin-left:443px;
  386. text-align:center;
  387. -webkit-transition:all .5s ease-in-out;
  388. -moz-transition:all .5s ease-in-out;
  389. -o-transition:all .5s ease-in-out;
  390. transition:all .5s ease-in-out;
  391. }
  392.  
  393. .topbar {
  394. font-size:12px;
  395. text-transform:uppercase;
  396. width:auto;
  397. text-align:center;
  398. letter-spacing:1px;
  399. color:{color:quote};
  400. display:inline-block;
  401. font-family:calibri;
  402. line-height:110%;
  403. word-spacing:2px;
  404. padding:5px;
  405. margin:5px;
  406. -webkit-transition: all 0.3s linear;
  407. -webkit-transition: all 0.3s linear;
  408. -moz-transition: all 0.3s linear;
  409. transition: all 0.3s linear;
  410. }
  411.  
  412. .topbar:hover {
  413. font-style:italic;
  414. -webkit-transition: all 0.3s linear;
  415. -webkit-transition: all 0.3s linear;
  416. -moz-transition: all 0.3s linear;
  417. transition: all 0.3s linear;
  418. }
  419.  
  420. .topbar a {
  421. color:{color:quote};
  422.  
  423.  
  424. }
  425.  
  426. /*FOR TEXT*/
  427. .permahover {
  428. text-align: right;
  429. line-height:9px;
  430. opacity: 0;
  431. filter: alpha(opacity = 0);
  432. font-size: 9px;
  433. padding-top:0px;
  434. text-transform: lowercase;
  435. border-top:0px solid {color:link};
  436. -webkit-transition-duration: .75s;
  437. }
  438.  
  439. .entry:hover .permahover {
  440. text-align: right;
  441. opacity: 1;
  442. filter: alpha(opacity = 50);}
  443.  
  444.  
  445.  
  446. .bubble a{color:{color:text};}
  447.  
  448. .bubble {
  449. position:relative;
  450. margin:4px 0px 5px 45px;
  451. text-align:left;
  452. padding:5px 3px 5px 5px;
  453. background:{color:ask bubble};
  454. color:{color:text};
  455. -moz-border-radius:3px;
  456. -webkit-border-radius:3px;
  457. border-radius:2px;
  458. }
  459.  
  460.  
  461. .bubble p {
  462. margin:5px;
  463. }
  464.  
  465. .bubble span {
  466. position:absolute;
  467. display:block;
  468. top:-5px;
  469. left:-8px;
  470. width:1px;
  471. height:1px;
  472. font-size:12;
  473. line-height:1px;
  474. color:black;
  475. border-top:3px solid transparent;
  476. border-right:7px solid #eee;
  477. border-bottom:3px solid transparent;
  478. }
  479.  
  480. .askborder {
  481. left:-10px;
  482. margin:1px;
  483. padding:2px;
  484. background:#eee;
  485. }
  486.  
  487.  
  488. #posts {
  489. {block:iftwocolumns}
  490. width:700px;
  491. margin-left: 357px;
  492. {/block:iftwocolumns}
  493. {block:ifonecolumn}
  494. width:600px;
  495. margin-left:357px;
  496. {/block:ifonecolumn}
  497. {block:ifusequotebar}
  498. margin-top: 5px;
  499. {/block:ifusequotebar}
  500. {block:ifnotusequotebar}
  501. margin-top:1px;
  502. {/block:ifnotusequotebar}
  503. margin-right: auto;
  504. position:relative;
  505. overflow-y: hidden;
  506. }
  507.  
  508.  
  509. #infscr-loading{
  510. bottom: -70px;
  511. position: absolute;
  512. left: 50%;
  513. margin-left:-8px;
  514. width:16px;
  515. height:11px;
  516. overflow:hidden;
  517. margin-bottom: 50px;
  518. }
  519.  
  520. #postnotes{
  521. text-align: justify;
  522. }
  523.  
  524. #postnotes blockquote{
  525. border: 0px;
  526. }
  527.  
  528. blockquote{
  529. padding:0px 0px 2px 5px;
  530. margin:0px 0px 2px 1px;
  531. border-left: 1px dotted {color:Text};
  532. }
  533.  
  534. blockquote p, ul{
  535. margin:0px;
  536. padding:0px;
  537. }
  538.  
  539. a img{border: 0px;}
  540. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  541. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  542. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  543. .notes img{width:10px; position:relative; top:3px;
  544. }
  545.  
  546. small{font-size: 90%;}
  547.  
  548. .video embed, .post div.video object {
  549. {block:iftwocolumns}
  550. width:253px;
  551. {/block:iftwocolumns}
  552. {block:ifonecolumn}
  553. width:500px;
  554. {/block:ifonecolumn}
  555. !important; height:180px !important;}
  556.  
  557.  
  558. .video2 embed, .post div.video object {width:500px !important; height:400px !important;}
  559.  
  560. {CustomCSS}
  561.  
  562. </style>
  563.  
  564. {block:IndexPage}
  565.  
  566.  
  567. </script>
  568. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  569. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  570. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  571.  
  572. <script type="text/javascript">
  573. $(window).load(function () {
  574. var $content = $('#posts');
  575. $content.masonry({itemSelector: '.entry'}),
  576. $content.infinitescroll({
  577. navSelector : 'div#pagination',
  578. nextSelector : 'div#pagination a#nextPage',
  579. itemSelector : '.entry',
  580. loading: {
  581. finishedMsg: '',
  582. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  583. },
  584. bufferPx : 600,
  585. debug : false,
  586. },
  587. // call masonry as a callback.
  588. function( newElements ) {
  589. var $newElems = $( newElements );
  590. $newElems.hide();
  591. // ensure that images load before adding to masonry layout
  592. $newElems.imagesLoaded(function(){
  593. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  594.  
  595.  
  596. });
  597. });
  598. });
  599. </script>
  600. {/block:IndexPage}
  601.  
  602.  
  603. <title>{Title}</title>
  604. <meta name="viewport" content="width=720" />
  605. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  606. </head>
  607.  
  608. <body>
  609.  
  610. <div id="sidebar">
  611.  
  612. <div id="blogtitle">{title}</div>
  613.  
  614. {block:ifshowsidebar}
  615. <br>
  616. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}" width="150" height="160"></a></div>
  617. {/block:ifshowsidebar}
  618.  
  619. <br>
  620. <div id="description">
  621. {description}
  622. </div>
  623. <div style="text-align:right;padding-top:10px;">
  624. <select onchange='location=this.options[this.selectedIndex].value;' style='
  625. font-family: calibri;letter-spacing:1px; line-height:11px;font-size:11px;text-transform:corbel;color:{color:text};width:150px;background-color:#fafafa;border:{color:borders} 1px solid; height:20px;{block:ifroundedcorners}
  626. border-radius:5px;
  627. {/block:ifroundedcorners};'>
  628.  
  629. <option>{text:navigation title}</option>
  630. {block:IfLinkOneTitle}<option value="{text:Link One}"> {text:Link One Title} </option>{/block:ifLinkOneTitle}
  631. {block:ifLinkTwoTitle}<option value="{text:Link Two}"> {text:Link Two Title} </option>{/block:ifLinkTwoTitle}
  632. {block:ifLinkThreeTitle}<option value="{text:Link Three}"> {text:Link Three Title} </option>{/block:ifLinkThreeTitle}
  633. {block:ifLinkFourTitle}<option value="{text:Link Four}">{text:Link Four Title} </option>{/block:ifLinkFourTitle}
  634. {block:ifLinkFiveTitle}<option value="{text:Link Five}"> {text:Link Five Title} </option>{/block:ifLinkFiveTitle}
  635. </select></div></div>
  636.  
  637. </div>
  638.  
  639.  
  640.  
  641. {block:ifusequotebar}
  642. <div id="quote"><div class="topbar">{text:quote}</a>
  643. {/block:ifusequotebar}
  644. </div>
  645. </div>
  646.  
  647.  
  648.  
  649.  
  650.  
  651.  
  652.  
  653. <div class="wrapper">
  654. <div class="header">
  655.  
  656. </div>
  657.  
  658.  
  659.  
  660. <div class="left">
  661. <div id="posts">
  662. {block:Posts}
  663. <div class="entry">
  664.  
  665. {block:Answer}<img src="{AskerPortraitURL-30}" align="left" class="askborder">
  666. <div class="bubble"><font style="color:{color:link}; text-transform:uppercase; font-size:11px; font-family:calibri;">{Asker}:</font> <font style="color:{color:text}; font-family:calibri; font-size:11px; ">{Question}</font></div><br><center><font style="font-family:calibri; font-size:11px; letter-spacing:1px">{Answer}</font></center> <br>
  667. <div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  668. {/block:Answer}
  669.  
  670. {block:Text}
  671. {block:Title}<span class="title">{Title}</span>{/block:Title}
  672. <span class="entrytext">{Body}</span>
  673. <div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  674. {/block:Text}
  675.  
  676. {block:Link}
  677. <center><a href="{URL}"><span class="title">{Name}</span></a></center>
  678. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  679. {block:IndexPage}<div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  680. {/block:IndexPage}
  681. {block:Link}
  682.  
  683. {block:Photo}{block:IndexPage}
  684. <div class="permalink">
  685.  
  686.  
  687. <a style="letter-spacing:3px" href="{reblogurl}" target="_blank">REBLOG</a>
  688.  
  689. <br>
  690.  
  691. <a href="{permalink}" title="permalink">{notecount} NOTES</a>
  692. <br>
  693.  
  694. {Month} {DayOfMonth}{DayOfMonthSuffix}, {12HourWithZero}:{Minutes}{CapitalAmPm}
  695.  
  696. </div>
  697.  
  698.  
  699.  
  700. {/block:IndexPage}
  701. {block:IndexPage}
  702. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=100%/></a>
  703. {/block:IndexPage}
  704. {block:permalinkpage}{LinkOpenTag}
  705. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=500px/>{LinkCloseTag}
  706. {/block:permalinkpage}
  707. {/block:Photo}
  708.  
  709.  
  710. {block:Photoset}
  711. {block:IndexPage}
  712. <div class="permalink">
  713.  
  714.  
  715. <a style="letter-spacing:3px" href="{reblogurl}" target="_blank">REBLOG</a>
  716.  
  717. <br>
  718.  
  719. <a href="{permalink}" title="permalink">{notecount} NOTES</a>
  720. <br>
  721.  
  722. {Month} {DayOfMonth}{DayOfMonthSuffix}, {12HourWithZero}:{Minutes}{CapitalAmPm}
  723.  
  724. </div>
  725.  
  726.  
  727. {/block:IndexPage}
  728. {block:IndexPage}
  729. {block:Photos}<a href="{Permalink}">
  730. {block:ifonecolumn}
  731. <a href="{Permalink}"><img src="{PhotoURL-500}" width="500"></a>
  732. {/block:ifonecolumn}
  733. {block:iftwocolumns}
  734. <a href="{Permalink}"><img src="{PhotoURL-500}" width="253"></a>
  735. {/block:iftwocolumns}
  736. {/block:Photos}
  737. {/block:permalinkpage}
  738. {/block:IndexPage}
  739.  
  740. {block:permalinkpage}
  741. {Photoset-400}
  742. {/block:permalinkpage}
  743. {/block:Photoset}
  744.  
  745.  
  746.  
  747. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>
  748. <div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  749. {/block:Quote}
  750.  
  751. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  752. <ul class="chat">
  753. {block:Lines}
  754. <li class="user_{UserNumber}">
  755. {block:Label}
  756. <span class="label">{Label}</span>
  757. {/block:Label}
  758.  
  759. {Line}
  760. </li>
  761. {/block:Lines}
  762. <div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  763. {/block:Chat}
  764.  
  765. {block:Audio}
  766. <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>
  767. {block:IndexPage}
  768. <div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  769. {/block:IndexPage}
  770. {/block:Audio}
  771.  
  772. {block:Video}
  773. {block:IndexPage}
  774.  
  775. <div class="permalink">
  776.  
  777.  
  778. <a style="letter-spacing:3px" href="{reblogurl}" target="_blank">REBLOG</a>
  779.  
  780. <br>
  781.  
  782. <a href="{permalink}" title="permalink">{notecount} NOTES</a>
  783. <br>
  784.  
  785. {Month} {DayOfMonth}{DayOfMonthSuffix}, {12HourWithZero}:{Minutes}{CapitalAmPm}
  786.  
  787. </div>
  788.  
  789. {block:iftwocolumns}
  790. {Video-250}
  791. {/block:iftwocolumns}
  792. {block:ifonecolumn}
  793. {Video-500}
  794. {/block:ifonecolumn}
  795. </center>
  796. {/block:IndexPage}
  797. {block:PermalinkPage}
  798. <center>
  799. {Video-400}</center>
  800. {/block:PermalinkPage}
  801. {block:Video}
  802.  
  803. {block:PermalinkPage}
  804. <br>
  805. <div class="eclipsethemes">
  806. {block:Caption}{Caption}{/block:Caption}
  807.  
  808. {block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  809.  
  810. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
  811. {block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  812.  
  813. {block:HasTags}<Br> tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
  814. {/block:PermalinkPage}
  815.  
  816.  
  817.  
  818.  
  819.  
  820. {block:PostNotes}
  821. <span></span>
  822. <br>
  823. <div style="width:auto; max-height:200px; overflow:auto; text-align:left;">{PostNotes}</div>
  824.  
  825. </a>
  826. {/block:PostNotes}
  827. </div>
  828. {/block:posts}
  829.  
  830. </div></div>
  831.  
  832. {block:IndexPage}
  833. {block:Pagination}
  834. <div id="pagination">
  835. {block:NextPage}
  836. <a id="nextPage" href="{NextPage}"></a>
  837. {/block:NextPage}
  838. {block:PreviousPage}
  839. <a href="{PreviousPage}"></a>
  840. {/block:PreviousPage}
  841. </div>
  842. {/block:Pagination}
  843. {/block:IndexPage}
  844.  
  845. <div id="cred">
  846. <a href="http://teenageblog.tumblr.com/"><img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-moon-outline-48.png"></a></div>
  847.  
  848. </body>
  849. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement