Advertisement
phositivethemes

test1

Apr 21st, 2016
117
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.14 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--WARNING DO NOT REMOVE THIS CREDIT!-->
  6.  
  7.  
  8. <!---
  9.  
  10.  
  11. // * THEME BY PHOSITIVE.TUMBLR.COM
  12. // * DON'T REMOVE THE CREDITS
  13. // * THANKS FOR USING MY THEMES ❤
  14.  
  15.  
  16. --->
  17.  
  18. <!--WARNING DO NOT REMOVE THIS CREDIT!-->
  19.  
  20.  
  21. <title>{Title}</title><link rel="shortcut icon" href="{Favicon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23.  
  24. <!--meta tags-->
  25. <meta name="image:Background" content=""/>
  26. <meta name="image:Photo" content=""/>
  27. <meta name="color:Background" content="#fff"/>
  28.  
  29. <meta name="color:Borders" content="##caa1b3"/>
  30. <meta name="color:Accent" content="#f8efef"/>
  31. <meta name="color:Posts" content="#fff"/>
  32. <meta name="color:Text" content="#000"/>
  33.  
  34. <meta name="text:link title" content="link title"/>
  35. <meta name="text:link" content="link"/>
  36.  
  37. <meta name="text:Updates" content="updates"/>
  38.  
  39. <!--end-->
  40.  
  41. <!--fonts-->
  42. <link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
  43. <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  44. <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  45. <link href='https://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
  46.  
  47. <!--bootstrap-->
  48. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  49.  
  50. {block:IndexPage}
  51. <!--scrolltotop-->
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop" title="back to top"><img src="https://41.media.tumblr.com/b3020558c61ab2d416c583a1d0321ca4/tumblr_o5ab8uL2x61votit6o9_75sq.png" width="20"></a>
  53. {/block:IndexPage}
  54.  
  55. <!-- start of script tooltip -->
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  57.  
  58. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  59.  
  60. <script>
  61. (function($){
  62. $(document).ready(function(){
  63. $("a[title]").style_my_tooltips({
  64. tip_follows_cursor:true,
  65. tip_delay_time:90,
  66. tip_fade_speed:600,
  67. attribute:"title"
  68. });
  69. });
  70. })(jQuery);
  71. </script>
  72.  
  73. <!-- end of script tooltip -->
  74.  
  75. <!--masonry-- (dont remove unless you want messed up posts)-->
  76. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  77. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  78. <!--end-->
  79.  
  80. <style type="text/css">
  81. /*makes images in texts posts stay in the box*/
  82.  
  83.  
  84.  
  85. iframe, img, embed, object, video {
  86. max-width: 100%;
  87. }
  88.  
  89.  
  90. body{
  91. background-color:{color:background};
  92. background-image:url({image:Background});
  93. background-attachment:fixed;
  94. font-family:'Muli',serif;
  95. font-size:10px;
  96. cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important;
  97. }
  98.  
  99.  
  100. a:link, a:visited{
  101. text-decoration:none;
  102. color:{color:text};
  103. -webkit-transition: all 0.7s ease;
  104. -moz-transition: all 0.7s ease;
  105. -o-transition: all 0.7s ease;
  106. }
  107.  
  108. a:hover {
  109. cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important;
  110. color:{color:borders};
  111. text-decoration: none;
  112. -webkit-transition: all 0.7s ease;
  113. -moz-transition: all 0.7s ease;
  114. -o-transition: all 0.7s ease;
  115. }
  116.  
  117.  
  118. #left {position: fixed;
  119. background: {color:borders};
  120. top: 0;
  121. bottom: 0;
  122. width: 20px;
  123. left:0;
  124.  
  125.  
  126. }
  127.  
  128. #right {position: fixed;
  129. background: {color:borders};
  130. top: 0;
  131. bottom: 0;
  132. width: 20px;
  133. right:0;
  134. }
  135.  
  136.  
  137. #top {
  138. position: fixed;
  139. height:10px;
  140. left:0;
  141. right:0;
  142. top: 0;
  143. background: {color:borders};
  144. z-index:9999;
  145. }
  146.  
  147.  
  148. #bottom { position: fixed;
  149. width:100%;
  150. background: {color:borders};
  151. bottom:0;
  152. height:10px;
  153. z-index:9999;
  154. }
  155.  
  156.  
  157. #container{
  158. position:relative;
  159. width:690px;
  160. top:15px;
  161. left:350px;
  162. {block:PermalinkPage}
  163. width:500px;
  164. {/block:PermalinkPage}
  165. }
  166.  
  167. .entry{
  168. position:relative;
  169. font-family:{font:body text};
  170. text-align:left;
  171. float:left;
  172. {block:IndexPage}
  173. width:250px;
  174. -webkit-animation: cssAnimation 1s 1 ease-in-out;
  175. -moz-animation: cssAnimation 1s 1 ease-in-out;
  176. -o-animation: cssAnimation 1s 1 ease-in-out;
  177. {/block:IndexPage}
  178. {block:PermalinkPage}
  179. width:500px;
  180. {/block:PermalinkPage}
  181. margin:20px;
  182. padding:10px;
  183. background-color:{color:posts};
  184. border:1px solid {color:borders};
  185. box-shadow: 5px 5px {color:accent};
  186.  
  187.  
  188. }
  189.  
  190. .photo{
  191. -webkit-transition: all .7s ease-in-out;
  192. -moz-transition: all .7s ease-in-out;
  193. -ms-transition: all .7s ease-in-out;
  194. -o-transition: all .7s ease-in-out;
  195. transition: all .7s ease-in-out;
  196. }
  197. .photo:hover{
  198. -webkit-transition: all .7s ease-in-out;
  199. -moz-transition: all .7s ease-in-out;
  200. -ms-transition: all .7s ease-in-out;
  201. -o-transition: all .7s ease-in-out;
  202. transition: all .7s ease-in-out;
  203. opacity:0.7;
  204. }
  205.  
  206. #permpage{
  207. {block:PermalinkPage}
  208. width: 500px;
  209. height: 160px;
  210. overflow-y:scroll;
  211. position: relative;
  212. margin:5px;
  213. padding:2px;
  214. float:center;
  215. {/block:PermalinkPage}
  216. }
  217.  
  218.  
  219. #post{
  220. {block:PermalinkPage}
  221. display:none;
  222. {/block:PermalinkPage}
  223. position:absolute;
  224. padding-right:5px;
  225. padding-left:5px;
  226. text-transform:uppercase;
  227. letter-spacing:2px;
  228. color:{color:text};
  229. }
  230.  
  231. .entry:hover #post{
  232. border:1px solid {color:borders};
  233. background:{color:background};
  234. right:70px;
  235. top:-10px;
  236. position:absolute;
  237. height:15px;
  238. width:7px;
  239. opacity:1;
  240. padding-top:15px;overflow:hidden;height:auto;
  241.  
  242. }
  243.  
  244.  
  245. #post2{
  246. {block:PermalinkPage}
  247. display:none;
  248. {/block:PermalinkPage}
  249. position:absolute;
  250. padding-right:5px;
  251. padding-left:5px;
  252. text-transform:uppercase;
  253. letter-spacing:2px;
  254. color:{color:text};
  255. }
  256.  
  257. .entry:hover #post2{
  258. border:1px solid {color:borders};
  259. background:{color:background};
  260. right:40px;
  261. top:-10px;
  262. position:absolute;
  263. height:15px;
  264. width:7px;
  265. opacity:1;
  266. padding-top:15px;overflow:hidden;height:auto;
  267.  
  268. }
  269.  
  270. #post3{
  271. {block:PermalinkPage}
  272. display:none;
  273. {/block:PermalinkPage}
  274. position:absolute;
  275. padding-right:5px;
  276. padding-left:5px;
  277. text-transform:uppercase;
  278. letter-spacing:2px;
  279. color:{color:text}
  280. }
  281.  
  282. .entry:hover #post3{
  283. border:1px solid {color:borders};
  284. background:{color:background};
  285. right:10px;
  286. top:-10px;
  287. position:absolute;
  288. height:15px;
  289. width:7px;
  290. opacity:1;
  291. padding-top:15px;overflow:hidden;height:auto;
  292.  
  293. }
  294.  
  295.  
  296. .permalinktext {
  297. display: block;
  298. font-family: {font:body text};
  299. font-size:8px;
  300. line-height:3px;
  301. letter-spacing:1px;
  302. text-transform:uppercase;
  303. text-align: right;
  304. background-color:transparent;
  305. margin: 2px;
  306. margin-top:5px;
  307. color:#aaa;
  308. font-style:italic;
  309. border-top:1px solid {color:accent};
  310. padding-top:6px;
  311. {/block:IndexPage}
  312. {block:PermalinkPage}
  313. display:none;
  314. {/block:PermalinkPage}
  315. }
  316.  
  317.  
  318. #sidebar{
  319. width:200px;
  320. height:auto;
  321. position:fixed;
  322. padding:10px;
  323. border-top:1px solid {color:borders};
  324. border-right:1px solid {color:borders};
  325. top:30%;
  326. right:95px;
  327. z-index:999;
  328. background:#ffffff;
  329. }
  330. #description{
  331. text-align:center;
  332. margin-bottom:5px;
  333. padding:10px;
  334. }
  335. #blogtitle{
  336. font-size:34px;
  337. z-index:99;
  338. line-height:40px;
  339. background:#ffffff;
  340. position:absolute;
  341. left:5px;
  342. top:-25px;
  343. font-family: 'Clicker Script', cursive;
  344. letter-spacing:2px;
  345. }
  346.  
  347. #quotes{
  348. width:150px;
  349. height:auto;
  350. position:fixed;
  351. padding:10px;
  352. border:1px solid {color:borders};
  353. bottom:30px;
  354. left:45px;
  355. z-index:999;
  356. background:#ffffff;
  357. word-wrap: break-word;
  358. }
  359. #qcon{
  360. text-align:justify;
  361. margin-bottom:5px;
  362. padding:5px;
  363. }
  364. #qtitle{
  365. font-size:25px;
  366. z-index:99;
  367. line-height:40px;
  368. background:#ffffff;
  369. position:absolute;
  370. left:5px;
  371. top:-25px;
  372. font-family: 'Clicker Script', cursive;
  373. letter-spacing:2px;
  374. }
  375.  
  376. h2{
  377. font-family: 'Josefin Sans', sans-serif;
  378. text-align:center;
  379. font-weight:normal;
  380. font-size:14px;
  381. letter-spacing:1px;
  382. margin-top:5px;
  383. }
  384. h2 a{
  385. color:{color:title size};
  386.  
  387. }
  388.  
  389.  
  390. p{
  391. text-align:left;
  392. color:{color:text};
  393. font-size:{text:font size};
  394. }
  395.  
  396. #s-m-t-tooltip {
  397. max-width:300px;
  398. margin:15px;
  399. padding:3px 8px 3px 8px;
  400. border:1px solid #000;
  401. border-radius: 0px;
  402. background:#000;
  403. color:#fff;
  404. z-index:9999;
  405. font-size:8px;
  406. letter-spacing:2px;
  407. text-align: center;
  408.  
  409. }
  410.  
  411. /*-------------------------------SCROLL----------------------------------*/
  412. ::-webkit-scrollbar {
  413. height: 11px;
  414. width: 7px;
  415. border:3px solid white;
  416. }
  417. ::-webkit-scrollbar-thumb {
  418. background-color:{color:borders};
  419. border:3px solid white;
  420. }
  421.  
  422.  
  423. .links {
  424. text-align:center;
  425. font-size:{text:font size};
  426. -webkit-transition: all 0.7s ease;
  427. -moz-transition: all 0.7s ease;
  428. -o-transition: all 0.7s ease;
  429. }
  430.  
  431. .links a{
  432. border-bottom:1px solid transparent;
  433. padding:5px;
  434. padding-bottom:5px;
  435. text-decoration:none;
  436. color:{color:text};
  437. display: inline-block;
  438. position: relative;
  439. -webkit-transition: all 0.3s ease;
  440. -moz-transition: all 0.3s ease;
  441. -o-transition: all 0.3s ease;
  442. }
  443. .links a:hover{
  444. padding-bottom:2px;
  445. color:{color:borders};
  446. -webkit-transition: all 0.3s ease;
  447. -moz-transition: all 0.3s ease;
  448. -o-transition: all 0.3s ease;
  449. }
  450.  
  451.  
  452. @-webkit-keyframes cssAnimation {
  453. from { -webkit-transform: rotate(0deg) scale(0.871) skew(0deg) translate(0px); }
  454. to { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  455. }
  456. @-moz-keyframes cssAnimation {
  457. from { -moz-transform: rotate(0deg) scale(0.871) skew(0deg) translate(0px); }
  458. to { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  459. }
  460. @-o-keyframes cssAnimation {
  461. from { -o-transform: rotate(0deg) scale(0.871) skew(0deg) translate(0px); }
  462. to { -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  463. }
  464.  
  465. .playerbuttonbg {
  466. position: absolute;
  467. left: 20px;
  468. top: 20px;
  469. width: 19px;
  470. height: 19px;
  471. background-color: #ffffff;
  472. padding: 10px;
  473. opacity: .4;
  474. filter: alpha(opacity=40);
  475. -moz-opacity: 0.4;
  476. -khtml-opacity: 0.4;
  477. transition: opacity .7s ease-in-out;
  478. -moz-transition: opacity .7s ease-in-out;
  479. -webkit-transition: opacity .7s ease-in-out;
  480. }
  481. .playerbuttonbg:hover {
  482. opacity: 1;
  483. filter: alpha(opacity=100);
  484. -moz-opacity: 1;
  485. -khtml-opacity: 1;
  486. }
  487.  
  488. .newplayerbutton {
  489. position: relative;
  490. width: 19px;
  491. height: 19px;
  492. overflow: hidden;
  493. }
  494.  
  495. .playerbuttonhug {
  496. position: absolute;
  497. top: -18px;
  498. left: 3px;
  499. }
  500.  
  501. .tumblr_audio_player {
  502. height: 90px;
  503. width: 280px;
  504. -webkit-transform: scale(0.60, 0.60);
  505. -o-transform: scale(0.60, 0.60);
  506. -ms-transform: scale(0.60, 0.60);
  507. transform: scale(0.60, 0.60);
  508. -moz-transform-origin: top left;
  509. -webkit-transform-origin: top left;
  510. -o-transform-origin: top left;
  511. -ms-transform-origin: top left;
  512. transform-origin: top left;
  513. }
  514.  
  515. .audioimgwrapper {
  516. position: absolute;
  517. left: 0px;
  518. top: 0px;
  519. overflow: hidden;
  520. width: 79px;
  521. height: 79px;
  522. }
  523.  
  524. .audioimgwrapper img {
  525. width: 100%;
  526. height: auto;
  527. }
  528.  
  529. .trackdetails {
  530. width: auto;
  531. margin-top:20px;
  532. display:inline-block;
  533. margin-left: 90px;
  534. min-height: 85px;
  535. }
  536. .audiowrapper {
  537. position: relative;
  538. display:inline-block;
  539. }
  540. .question{
  541. color:{color:text};
  542. padding:5px;
  543. border-radius:3px;
  544. border-bottom:1px dashed {color:accent};
  545. }order-
  546. .asker a{
  547. color:{color:text};
  548.  
  549. }
  550. .asker a:hover{
  551. text-decoration:underline;
  552. }
  553. #asker_portrait img{float:left; max-width:25px; margin-right:5px;border: 1px solid {color:accent};}
  554.  
  555. .answerer{
  556. font-style: oblique;
  557. }
  558. .answer{
  559. font-style: oblique;
  560. }
  561. .replies{
  562. font-style: oblique;
  563. }
  564.  
  565. .tmblr-iframe{
  566. margin-top:10px;
  567. margin-right:10px;
  568. z-index:9999999999999999999999999999999!important;
  569. -webkit-filter: invert(100%);
  570. }
  571.  
  572. .quote{
  573. text-transform:uppercase;
  574. text-align:center;
  575. letter-spacing:1px;
  576. font-style:italic;
  577. }
  578. .source{
  579. padding:5px;
  580. text-transform:none;
  581. font-style:normal;
  582. }
  583. blockquote{
  584. padding:0px 0px 2px 5px;
  585. margin:0px 0px 2px 10px;
  586. border-left: 1px solid {color:text};
  587. }
  588.  
  589. #s-m-t-tooltip {
  590. border:1px solid {color:accent};
  591. max-width:100px;
  592. background-color:{color:posts};
  593. font-family:{font:accent 1};
  594. font-size:9px;
  595. color:{color:text};
  596. letter-spacing:1px;
  597. padding:3px 4px 3px 4px;
  598. margin:20px 0px 0px 20px;
  599. z-index:999999999999999999999999999999999999;
  600. }
  601.  
  602.  
  603. /* Notes */
  604. .post .notes {
  605. text-align: center;
  606. display: block;
  607. background: rgba(0, 0, 0, 0.4);
  608. color:#000000;
  609. padding: 3px;
  610. font-size: 9px;
  611. text-transform: lowercase;
  612. font-variant: small-caps;
  613. font-weight: bold;
  614. border-radius: 1px;
  615. }
  616. {/block:IndexPage}
  617.  
  618. .post .notes li a{color:#000000;background: rgba(0, 0, 0, 0.1);}
  619.  
  620.  
  621. /* Scroll To Top */
  622. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 25px; right: 55px;}
  623.  
  624. </style>
  625.  
  626.  
  627.  
  628. <!---masonry--->
  629. {block:indexpage}
  630. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  631. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  632. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  633. <script type="text/javascript">
  634. $(window).load(function(){
  635. var $wall = $('#container');
  636. $wall.imagesLoaded(function(){
  637. $wall.masonry({
  638. itemSelector: '.entry, .entry_photo',
  639. isAnimated : false
  640. });
  641. });
  642.  
  643. $wall.infinitescroll({
  644. navSelector : '#page-nav',
  645. nextSelector : '#page-nav a',
  646. itemSelector : '.entry, .entry_photo',
  647. bufferPx : 2000,
  648. debug : false,
  649. errorCallback: function() {
  650. $('#infscr-loading').fadeOut('normal');
  651. }},
  652. function( newElements ) {
  653. var $newElems = $( newElements );
  654. $newElems.hide();
  655. $newElems.imagesLoaded(function(){
  656. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  657. });
  658. }); $('#content').show(500);
  659. });
  660. </script>
  661. {/block:indexpage}
  662.  
  663. <!--end-->
  664.  
  665.  
  666.  
  667.  
  668.  
  669. </head>
  670. <body>
  671.  
  672. <!--blog border-->
  673. <div id="top"></div>
  674. <div id="left"></div>
  675. <div id="right"></div>
  676. <div id="bottom"></div>
  677.  
  678.  
  679. <!--creditsright-->
  680. <style>#cred{
  681. bottom:10px;
  682. font-size:13px;
  683. right:25px;
  684. position:fixed;
  685. z-index:999999999999999;
  686. }
  687. </style>
  688. <div id="cred"><a href="http://phositivethemes.tumblr.com/" target="_blank" title="phositive themes"><i class="fa fa-plus" aria-hidden="true"></i></a></div>
  689.  
  690.  
  691.  
  692. <!--sidebar-->
  693. <div id="sidebar">
  694. <div align="center">
  695. <div id="blogtitle">{Title}</div>
  696. <div id="description">{Description}</div></div>
  697.  
  698.  
  699. <!--links-->
  700. <div align="center">
  701. <div class="links">
  702. <a href="/" title="home">home</a> ○
  703.  
  704. <a href="/ask" class="linksbox" title="message">ask</a> ○
  705.  
  706. <a href="/ask" class="linksbox" title="archive">archive</a> ○
  707.  
  708.  
  709. <a href="{text:link url}" class="linksbox" title="{text:link title}">{text:link title}</a> ○
  710.  
  711. <!--please keep the credit-->
  712. <a href="https://phositive.tumblr.com" target="_blank" title="theme by phositive">theme</a>
  713.  
  714.  
  715. </div></div></div></div>
  716.  
  717.  
  718. <!--quotes-->
  719. <div id="quotes">
  720. <div id="qtitle">Updates</div>
  721. <div id="qcon">{text:updates}</div></div>
  722.  
  723.  
  724. <!--posts-->
  725. <div id="container">
  726.  
  727.  
  728. {block:Posts}
  729. {block:PermalinkPage}
  730. <!-- {block:NoRebloggedFrom}
  731. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  732. {/block:NoRebloggedFrom} -->
  733. {block:ContentSource}<!-- {SourceURL}
  734. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  735. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  736. {/block:ContentSource}
  737. {/block:PermalinkPage}
  738.  
  739. <div class="entry">
  740.  
  741. {block:Text}
  742. <div class="post text"> {block:Title}
  743. <h2>{Title}</h2>
  744. {/block:Title}{Body}
  745. </div>
  746. {block:IndexPage}
  747. <div class="permalinktext"> <a href="{Permalink}" title="notes">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" title="reblog">Reblog</a> </div>
  748. {/block:IndexPage}
  749. {/block:Text}
  750.  
  751.  
  752. {block:Photo}
  753. <div class="photo">
  754. {block:IndexPage}
  755. <a href="{Permalink}"> <img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>
  756.  
  757. <a href="{Permalink}" title="{Notecountwithlabel}"><div id="post"></div></a>
  758.  
  759. <a href="{ReblogUrl}" target="_blank" title="reblog"><div id="post2"></div></a>
  760. <a href="{Permalink}" title="{TimeAgo}"><div id="post3"></div></a>
  761.  
  762. {/block:IndexPage} {block:PermalinkPage}
  763. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  764. </a> {/block:PermalinkPage} </div>
  765. {/block:Photo}
  766.  
  767.  
  768. {block:Panorama} <div class="post panorama"> {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  769. <div id="perma"><a href="{Permalink}" title="{TimeAgo}">{NoteCount}</div></a>
  770. <div id="post">
  771. <a href="{ReblogURL}" title="reblog"><div class="reblog"></a></div>
  772. <div class="likep">
  773. <a id="like{PostID}" title="reblog" href="javascript:likelink('{PostID}','{Permalink}','');">
  774. <img src="http://static.tumblr.com/ifqwhnb/b6Lm5chs7/espa__o.png" width="21" height="20" title="like" id="likeimage{PostID}"/></a></div>
  775. <a href="{Permalink}" title="notes"><div class="notes">{NoteCount}</a>
  776. </div></div>
  777. {/block:Panorama}
  778.  
  779.  
  780. {block:Photoset}
  781. <div class="post photoset">
  782. {block:IndexPage}<a href="{permalink}">{Photoset-250}</a>{/block:IndexPage}
  783. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  784. <div id="perma"></div>
  785. <div id="post"><a href="{ReblogUrl}" title="Reblog">Reblog</a> - <a href="{Permalink}" title="More Info">{NoteCount}</a></div>
  786. </div>{/block:Photoset}
  787.  
  788.  
  789. {block:Quote}
  790. <h2 class="quote">"{Quote}" {block:Source} <div class="source">-{source}</div>
  791. {/block:Source}</h2>
  792. {block:IndexPage}<div class="permalinktext"><a href="{Permalink}" title="notes">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" title="reblog">Reblog</a> </div> {/block:IndexPage}
  793. {/block:Quote}
  794.  
  795.  
  796. {block:Link}
  797. <div class="post link"><a href="{URL}" class="link" {Target}>{Name}</a>
  798. {block:Description}<div class="description">{Description}</div>
  799. {/block:Description}</div>
  800. {block:IndexPage}<div class="permalinktext"> <a href="{Permalink}" title="notes">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" title="reblog">Reblog</a> </div>{/block:IndexPage}
  801. {/block:Link}
  802.  
  803.  
  804. {block:Chat}
  805. <div class="post chat"><code>
  806. {block:Title}
  807. <h3>{Title}</h3>
  808. {/block:Title}
  809.  
  810. <div class="chat">
  811. {block:Lines}
  812. <div class="{Alt} user_{UserNumber}">
  813. {block:Label}
  814. <b> <span class="label">{Label}</span></b>
  815. {/block:Label}{Line}
  816. </div>
  817. {/block:Lines}
  818. </code>
  819. </div> {block:IndexPage} <div class="permalinktext"> <a href="{Permalink}" title="notes">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" title="reblog">Reblog</a> </div> </div> {/block:IndexPage}
  820. {/block:Chat}
  821.  
  822. {block:Video}
  823. <div class="post video">
  824. {Video-250}
  825. </div> {block:IndexPage} <div class="permalinktext"> <a href="{Permalink}" title="notes">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" title="reblog">Reblog</a> </div> {/block:IndexPage}
  826. {/block:Video}
  827. {block:Audio}
  828. {block:AudioPlayer}
  829. <div class="audiowrapper">
  830. {block:AlbumArt}
  831. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  832. {/block:AlbumArt}
  833.  
  834. <div class="playerbuttonbg">
  835. <div class="newplayerbutton">
  836. <div class="playerbuttonhug">
  837.  
  838. {AudioPlayerWhite}
  839.  
  840. </div>
  841. </div>
  842. </div>
  843.  
  844. <div class="trackdetails">
  845.  
  846. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  847. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  848. {block:PlayCount}Played: {PlayCount} times {/block:PlayCount}
  849. {block:Album}Album: {Album}alt="unknown"{/block:Album}<br/>
  850.  
  851. </div>
  852. </div>
  853. {/block:AudioPlayer}
  854. <div class="permalinktext"> <a href="{Permalink}" title="notes">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" title="reblog">Reblog</a> </div> {/block:IndexPage}
  855. {/block:Audio}
  856. {block:Answer}
  857. <div class="question">
  858. <center><div id="asker_portrait"><img src="{AskerPortraitURL-48}"></div></center>
  859. <div class="asker">{Asker} asked: {Question}</div></div>
  860. {block:Answerer}
  861. <div class="answer"><div class="answerer">{Answerer}</div>{Answer}</div>
  862. {/block:Answerer}
  863.  
  864. <div class="replies">
  865. {Replies}
  866. </div> {block:IndexPage} <div class="permalinktext"> <a href="{Permalink}" title="notes">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" title="reblog">Reblog</a> </div> {/block:IndexPage}
  867. {/block:Answer}{block:PermalinkPagination}
  868. {block:PermalinkPage}
  869. {block:Caption}
  870. <div class="caption">{Caption}</div>
  871. {/block:Caption}
  872.  
  873. <div id="permpage">
  874. {block:NoteCount}<i class="fa fa-sticky-note-o" aria-hidden="true"></i> This post has {NoteCountWithLabel}{/block:NoteCount}
  875. <br><i class="fa fa-clock-o" aria-hidden="true"></i> This was posted on {DayOfWeek}, {Month} {MonthNumber}, {Year} <br>
  876. {block:HasTags} {block:Tags}
  877. <i class="fa fa-tags" aria-hidden="true"></i><a href={TagURL}> {Tag} </a>
  878. {/block:Tags}
  879. {/block:HasTags}
  880. {block:PostNotes}
  881. {PostNotes-16}
  882. </div></div>
  883. {/block:PostNotes}
  884. {/block:PermalinkPage}
  885. {/block:PermalinkPagination}
  886. </div>
  887.  
  888. {/block:Posts}
  889. </div>
  890.  
  891. </div>
  892. </body>
  893.  
  894. </div></div></div></div></div></div></div></div></div></div>
  895.  
  896.  
  897.  
  898.  
  899. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement