API tools faq
paste
Advertisement
jojiwoji

is there somewhere

jojiwoji
Mar 12th, 2016
1,151
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.28 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  5.  
  6. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  7.  
  8. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  9.  
  10. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  11.  
  12. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  13.  
  14. <link href='https://fonts.googleapis.com/css?family=Roboto:400' rel='stylesheet' type='text/css'>
  15.  
  16. {block:IfInfiniteScroll}
  17. <script type="text/javascript" src= "http://static.tumblr.com/viy1vex/zZZo3o1ta/jquery.infinitescroll.js" ></script>
  18. {/block:IfInfiniteScroll}
  19.  
  20. <head>
  21.  
  22. <!---
  23.  
  24. theme by jo @ sentimental themes
  25.  
  26. do not steal | have a nice day
  27.  
  28. ----->
  29.  
  30. <title>{Title}</title>
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  34.  
  35. <meta name="color:background" content="#f6f6f6"/>
  36. <meta name="color:title" content="#222"/>
  37. <meta name="color:text" content="#222"/>
  38. <meta name="color:links" content="#555"/>
  39. <meta name="color:hover" content="#666"/>
  40. <meta name="color:posts" content="#fff"/>
  41. <meta name="color:accent" content="#eee" />
  42.  
  43. <meta name="image:bg" content="">
  44. <meta name="image:header img" content="">
  45.  
  46. <meta name="select:post width" content="250" title="250px"/>
  47. <meta name="select:post width" content="300" title="300px"/>
  48. <meta name="select:post width" content="350" title="350px"/>
  49. <meta name="select:post width" content="400" title="400px"/>
  50.  
  51. <meta name="select:header img style" content="none" title="no img"/>
  52. <meta name="select:header img style" content="circle" title="circle"/>
  53. <meta name="select:header img style" content="square" title="square"/>
  54.  
  55. <meta name="if:cover bg" content="0"/>
  56. <meta name="if:pattern bg" content="0"/>
  57. <meta name="if:header img" content="1"/>
  58. <meta name="if:hide caption" content="0"/>
  59. <meta name="if:fade in posts" content="0"/>
  60. <meta name="if:infinite scroll" content="0">
  61. <meta name="if:header on scroll" content="1">
  62.  
  63. <meta name="text:link 1" content="link"/>
  64. <meta name="text:link 1 url" content="/"/>
  65. <meta name="text:link 2" content="link"/>
  66. <meta name="text:link 2 url" content="/"/>
  67. <meta name="text:link 3" content="link"/>
  68. <meta name="text:link 3 url" content="/"/>
  69. <meta name="text:link 4" content="link"/>
  70. <meta name="text:link 4 url" content="/"/>
  71. <meta name="text:link 5" content="link"/>
  72. <meta name="text:link 5 url" content="/"/>
  73.  
  74. {block:IfInfiniteScroll}
  75.  
  76. <!--infinite scroll-->
  77.  
  78. <script>
  79. $(document).ready(function(){
  80. var $container = $(".entries");
  81. $container.infinitescroll({
  82. navSelector : 'div.pagination',
  83. nextSelector : 'div.pagination a#next',
  84. itemSelector : '.entries div.posts',
  85. bufferPx : 2000,
  86. }, function( newElements ) {
  87. $( newElements ).find('.photo-slideshow').pxuPhotoset({
  88. lightbox: true,
  89. rounded: false,
  90. borderRadius: '0px',
  91. gutter: '2px',
  92. photoset: '.photo-slideshow',
  93. photoWrap: '.photo-data',
  94. photo: '.pxu-photo'
  95. }, function(){resizeVideos();
  96. });
  97. });
  98. });
  99. </script>
  100.  
  101. {/block:IfInfiniteScroll}
  102.  
  103. {block:ifheaderonscroll}
  104.  
  105. {block:indexpage}
  106.  
  107. <!--fade in header-->
  108.  
  109. <script>
  110. $(document).scroll(function() {
  111. var y = $(this).scrollTop();
  112. if (y > 400) {
  113. $('.header2').fadeIn(400);
  114. } else {
  115. $('.header2').fadeOut(400);
  116. }
  117. });
  118. </script>
  119.  
  120. <!--scroll to top-->
  121.  
  122. <script>
  123. $(document).ready(function(){
  124. $('.blogt2').click(function(){
  125. $('html, body').animate({scrollTop : 0},800);
  126. return false;
  127. });
  128.  
  129. });
  130. </script>
  131.  
  132. {/block:indexpage}
  133.  
  134. {/block:ifheaderonscroll}
  135.  
  136.  
  137. <!--pxu-->
  138.  
  139. <script>
  140. $(document).ready(function(){
  141. $('.photo-slideshow').pxuPhotoset({
  142. lightbox: true,
  143. rounded: false,
  144. gutter: '2px',
  145. borderRadius: '0px',
  146. photoset: '.photo-slideshow',
  147. photoWrap: '.photo-data',
  148. photo: '.pxu-photo'
  149. });
  150. });
  151. </script>
  152.  
  153. <!--tooltips-->
  154.  
  155. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  156.  
  157. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  158.  
  159. <script>
  160. (function($){
  161. $(document).ready(function(){
  162. $("a[title]").style_my_tooltips({
  163. tip_follows_cursor:true,
  164. tip_delay_time:30,
  165. tip_fade_speed:300,
  166. attribute:"title"
  167. });
  168. });
  169. })(jQuery);
  170. </script>
  171.  
  172. {block:iffadeinposts}
  173.  
  174. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  175. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  176. <script type="text/javascript" charset="utf-8">
  177. var $j = jQuery.noConflict();
  178. $j(function() {
  179. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  180. $j("img").lazyload({
  181. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  182. effect: "fadeIn",
  183. });
  184. });
  185. </script>
  186.  
  187. {/block:iffadeinposts}
  188.  
  189.  
  190.  
  191. <style type="text/css">
  192.  
  193. /*general*/
  194.  
  195. body {
  196. background:{color:background};
  197. {block:IfPatternBg}
  198. background:url('{image:bg}') center center fixed repeat;
  199. {/block:IfPatternBg}
  200. {block:IfCoverBg}
  201. background:url('{image:bg}') center center fixed no-repeat;
  202. -webkit-background-size: cover;
  203. -moz-background-size: cover;
  204. -o-background-size: cover;
  205. background-size: cover;
  206. {/block:IfCoverBg}
  207. word-break:normal;
  208. font-size:10px;
  209. font-weight:normal;
  210. font-family:helvetica neue;
  211. text-align:left;
  212. color:{color:text};
  213. }
  214.  
  215. a {
  216. color:{color:links};
  217. text-decoration:none;
  218. margin-top:0px;
  219. transition-duration: 0.4s;
  220. -moz-transition:all ease-in-out 0.4s;
  221. -ms-transition:all ease-in-out 0.4s;
  222. -o-transition:all ease-in-out 0.4s;
  223. transition:all ease-in-out 0.4s;
  224. }
  225.  
  226. a:hover {
  227. cursor:help;
  228. color:{color:hover};
  229. transition-duration: 0.4s;
  230. -moz-transition:all ease-in-out 0.4s;
  231. -ms-transition:all ease-in-out 0.4s;
  232. -o-transition:all ease-in-out 0.4s;
  233. transition:all ease-in-out 0.4s;
  234. }
  235.  
  236. small {font-size:10px;}
  237.  
  238. h1 {
  239. font-family:roboto;
  240. text-align:left;
  241. font-size:15px;
  242. color: {color:accent};
  243. margin-bottom:5px;
  244. margin-left:5px;
  245. letter-spacing:1px;
  246. }
  247.  
  248. h2 {
  249. font-family:roboto;
  250. color:{color:accent};
  251. font-size:12px;
  252. }
  253.  
  254. blockquote {
  255. padding-left:10px;
  256. margin-left:15px;
  257. border-left:1px solid {color:accent};
  258. }
  259.  
  260. blockquote blockquote {
  261. padding-left:10px;
  262. border-left:1px solid {color:accent};
  263. }
  264.  
  265. pre {
  266. white-space: pre-wrap;
  267. white-space: -moz-pre-wrap;
  268. white-space: -pre-wrap;
  269. white-space: -o-pre-wrap;
  270. word-wrap: break-word;
  271. }
  272.  
  273. ol {
  274. list-style-type:none;
  275. text-align:left;
  276. margin:20px 0;
  277. }
  278.  
  279. /*header*/
  280.  
  281. .header {
  282. margin-left:auto;
  283. margin-right:auto;
  284. margin-top:120px;
  285. width:calc({select:post width}px + 20px);
  286. text-align:center;
  287. }
  288.  
  289. .header img {
  290. display:inline-block;
  291. }
  292.  
  293. .none {display:none;}
  294.  
  295. .circle img {
  296. border-radius:50%;
  297. display:inline-block;
  298. height:60px;
  299. width:60px;
  300. margin-bottom:10px;
  301. border:solid 1px {color:accent};
  302. background:{color:posts};
  303. padding:5px;
  304. }
  305.  
  306. .square img {
  307. display:inline-block;
  308. height:60px;
  309. width:60px;
  310. margin-bottom:10px;
  311. border:solid 1px {color:accent};
  312. background:{color:posts};
  313. padding:5px;
  314. }
  315.  
  316. /*title*/
  317.  
  318. .blogt {
  319. font-family:roboto;
  320. letter-spacing:1px;
  321. font-size:13px;
  322. margin-top:5px;
  323. transition-duration: 0.6s;
  324. -moz-transition:all ease-in-out 0.6s;
  325. -ms-transition:all ease-in-out 0.6s;
  326. -o-transition:all ease-in-out 0.6s;
  327. transition:all ease-in-out 0.6s;
  328. }
  329.  
  330. .blogt a {
  331. color:{color:title};
  332. transition-duration: 0.6s;
  333. -moz-transition:all ease-in-out 0.6s;
  334. -ms-transition:all ease-in-out 0.6s;
  335. -o-transition:all ease-in-out 0.6s;
  336. transition:all ease-in-out 0.6s;
  337. }
  338.  
  339. /*description*/
  340.  
  341. .desc {
  342. width:calc({select:post width}px - 80px);
  343. padding:10px;
  344. margin-left:auto;
  345. margin-right:auto;
  346. }
  347.  
  348. /*links*/
  349.  
  350. .links {
  351. margin-left:auto;
  352. margin-right:auto;
  353. width:240px;
  354. word-spacing:10px;
  355. padding-left:10px;
  356. transition-duration: 0.6s;
  357. -moz-transition:all ease-in-out 0.6s;
  358. -ms-transition:all ease-in-out 0.6s;
  359. -o-transition:all ease-in-out 0.6s;
  360. transition:all ease-in-out 0.6s;
  361. }
  362.  
  363. .links a {
  364. letter-spacing:2px;
  365. color:{color:accent};
  366. text-transform:uppercase;
  367. display:inline-block;
  368. font-weight:normal;
  369. transition-duration: 0.6s;
  370. -moz-transition:all ease-in-out 0.6s;
  371. -ms-transition:all ease-in-out 0.6s;
  372. -o-transition:all ease-in-out 0.6s;
  373. transition:all ease-in-out 0.6s;
  374. }
  375.  
  376. .links a:hover {
  377. color:{color:hover};
  378. transition-duration: 0.6s;
  379. -moz-transition:all ease-in-out 0.6s;
  380. -ms-transition:all ease-in-out 0.6s;
  381. -o-transition:all ease-in-out 0.6s;
  382. transition:all ease-in-out 0.6s;
  383. }
  384.  
  385. .header2 {
  386. display:none;
  387. top:0;
  388. left:0;
  389. right:0;
  390. position:fixed;
  391. background:{color:accent};
  392. height:65px;
  393. width:100%;
  394. z-index:100;
  395. }
  396.  
  397. .blogt2 {
  398. text-align:left;
  399. font:roboto;
  400. font-size:13px;
  401. line-height:65px;
  402. margin-top:10px;
  403. position:absolute;
  404. letter-spacing:1px;
  405. margin-left:20px;
  406. }
  407.  
  408. .blogt2, .links2 a {color:{color:posts}!important;margin-right:3px;}
  409.  
  410. .links2 {
  411. text-align:right;
  412. line-height:65px;
  413. margin-top:10px;
  414. position:absolute;
  415. right:30px;
  416. font-size:13px;
  417. }
  418.  
  419. /*pagi*/
  420.  
  421. .pagination {
  422. {block:IfInfiniteScroll}
  423. display:none;
  424. {/block:IfInfiniteScroll}
  425. font-size:13px;
  426. padding-top:10px;
  427. margin-bottom:120px;
  428. text-align:center;
  429. }
  430.  
  431. .pagination a {
  432. margin:2px;
  433. display:inline-block;
  434. color:{color:accent};
  435. }
  436.  
  437. {block:IfInfiniteScroll}
  438. .scroll{
  439. position: absolute;
  440. margin-bottom:80px;
  441. }
  442. {/block:IfInfiniteScroll}
  443.  
  444.  
  445. /*posts*/
  446.  
  447. .entries {
  448. width:calc({select:post width}px + 20px);
  449. margin-right:auto;
  450. margin-left:auto;
  451. text-align:center;
  452. margin-top:120px;
  453. }
  454.  
  455. .posts {
  456. width:calc({select:post width}px + 20px);
  457. padding-bottom:none;
  458. margin-bottom:150px;
  459. text-align:left;
  460. }
  461.  
  462. .posts img, .posts li , .text {max-width: 100%;height:auto;}
  463.  
  464. .photo, .photoset, .text {
  465. width:{select:post width}px;
  466. background:{color:posts};
  467. padding:10px;
  468. }
  469.  
  470. .photoset: hover {
  471. cursor:hover;
  472. }
  473.  
  474. /*caption*/
  475.  
  476. .caption {
  477. background:{color:posts};
  478. padding-left:10px;
  479. padding-right:10px;
  480. padding-bottom:5px;
  481. padding-top:5px;
  482. margin-top:5px;
  483. text-transform:none;
  484. width:{select:post width}px;
  485. {block:IfHideCaption}
  486. {block:IndexPage}
  487. display:none;
  488. {/block:IndexPage}
  489. {/block:IfHideCaption}
  490. }
  491.  
  492. /*quotes*/
  493.  
  494. .quote {
  495. text-align:center;
  496. font-size:12px;
  497. font-family:roboto;
  498. padding-top:25px;
  499. padding-bottom:25px;
  500. background:{color:posts};
  501. }
  502.  
  503. .source {
  504. font-size:11px;
  505. text-align:center;
  506. padding:10px;
  507. }
  508.  
  509. /*audio*/
  510.  
  511. .audioplayer {
  512. width:25px;
  513. height:30px;
  514. overflow:hidden;
  515. opacity:0.8;
  516. position:absolute;
  517. margin:20px;
  518. }
  519.  
  520. .albumart {
  521. float:left;
  522. margin:0px auto;
  523. width:70px;
  524. }
  525.  
  526. .audioinfo {
  527. height:39px;
  528. overflow:auto;
  529. background:{color:posts};
  530. margin-left:75px;
  531. padding:15px;
  532. }
  533.  
  534. /*chat*/
  535.  
  536. .chat ol {
  537. margin-top:5px;
  538. margin-bottom:0px;
  539. padding:0px;
  540. list-style-type:none;
  541. }
  542.  
  543. .line:nth-child(1) { border-top:solid 0px {color:accent}; }
  544.  
  545.  
  546. .line {
  547. width:calc({select:post width}px - 2px);
  548. display:inline-block;
  549. padding:10px;
  550. background:#fff;
  551. border-top:solid 1px {color:accent};
  552. }
  553.  
  554. .label {
  555. padding:0;
  556. font-weight:bold;
  557. display:inline-block;
  558. color:{color:accent};
  559. }
  560.  
  561. /*asks*/
  562.  
  563. .question {
  564. margin-top:5px;
  565. background:#fff;
  566. border:solid 1px {color:accent};
  567. padding:10px;
  568. }
  569. .reply {
  570. margin-top:5px;
  571. padding-left:10px;
  572. }
  573.  
  574. .asker {
  575. text-transform:lowercase;
  576. padding-bottom:5px;
  577. }
  578.  
  579. /*info + tags*/
  580.  
  581. .permalink {
  582. font-size:10px;
  583. margin-top:10px;
  584. padding-top:5px;
  585. {block:indexpage}
  586. opacity:0;
  587. {/block:indexpage}
  588. border-top:solid 1px {color:accent};
  589. transition-duration: 0.6s;
  590. -moz-transition:all ease-in-out 0.6s;
  591. -ms-transition:all ease-in-out 0.6s;
  592. -o-transition:all ease-in-out 0.6s;
  593. transition:all ease-in-out 0.6s;
  594. }
  595.  
  596. .nc, .nc a {
  597. font-family:roboto;
  598. color:{color:accent};
  599. font-size:10px;
  600. display:inline-block;
  601. }
  602.  
  603. .tags {
  604. font-style:italic;
  605. font-weight:normal;
  606. font-size:10px;
  607. margin-top:2px;
  608. color:{color:accent};
  609. }
  610.  
  611. .posts:hover .permalink {
  612. opacity:1;
  613. transition-duration: 0.6s;
  614. -moz-transition:all 0.6s;
  615. -ms-transition:all 0.6s;
  616. -o-transition:all 0.6s;
  617. transition:all 0.6s;
  618. }
  619.  
  620. /*permalink page*/
  621.  
  622. .pagenotes {
  623. {block:IndexPage}
  624. display: none!important;
  625. {/block:IndexPage}
  626. font-weight:normal;
  627. margin:0 auto 0 auto;
  628. margin-top:5px;
  629. width:cacl({select:post width}px + 20px);
  630. max-height:300px;
  631. overflow-y:auto;
  632. overflow-x:hidden;
  633. border-top:solid 1px {color:accent};
  634. }
  635.  
  636. .pagenotes img {
  637. display:none;}
  638.  
  639. .pagenotes li {
  640. font-size:10px;
  641. list-style-type:decimal-leading-zero ;
  642. border:0;
  643. margin-top:5px;
  644. margin-left:-10px;
  645. padding:0;
  646. }
  647.  
  648. /*tooltip*/
  649.  
  650. #s-m-t-tooltip{
  651. max-width:300px;
  652. margin-top:5px;
  653. margin-left:4px;
  654. padding:4px 5px;
  655. border:solid 1px {color:accent};
  656. background:#fff;
  657. z-index:999999;
  658. }
  659.  
  660. /*tumblr controls*/
  661.  
  662. .tmblr-iframe, .tmblr-iframe--desktop-logged-in-controls, .iframe-controls--desktop {
  663. z-index:999999999!important;
  664. right:5px;
  665. -ms-transform: scale(0.95);
  666. -webkit-transform: scale(0.95);
  667. transform: scale(0.95);
  668. }
  669.  
  670. /*credit*/
  671. /*!!DO NOT TOUCH!!*/
  672.  
  673. .cred {
  674. bottom:5px;
  675. position:fixed;
  676. right:15px;
  677. text-align:center;
  678. font-weight:bold;
  679. font-size:12px;
  680. }
  681.  
  682. .cred a {
  683. color:{color:text};
  684. }
  685.  
  686. </style>
  687.  
  688. </head>
  689. <body>
  690.  
  691. <!---header--->
  692.  
  693. <div class="header">
  694.  
  695. <div class="{select:header img style}"><img src="{image:header img}">
  696. </div>
  697.  
  698. <div class="blogt"><a href="/">[ {title} ]</a></div>
  699. <div class="desc">{Description}</div>
  700. <div class="links">
  701. <a href="{text:link 1 url}" title="{text:link 1}"><i class="fa fa-circle-o"></i></a>
  702. <a href="{text:link 2 url}" title="{text:link 2}"><i class="fa fa-circle-o"></i></a>
  703. </a>
  704. <a href="{text:link 3 url}" title="{text:link 3}"><i class="fa fa-circle-o"></i></a>
  705. <a href="{text:link 4 url}" title="{text:link 4}"><i class="fa fa-circle-o"></i></a>
  706. <a href="{text:link 5 url}" title="{text:link 5}"><i class="fa fa-circle-o"></i></a>
  707. </div>
  708. </div>
  709.  
  710. <div class="header2">
  711. <a href="#0" class="blogt2">{title}</a>
  712. <div class="links2">
  713. <a href="{text:link 1 url}" title="{text:link 1}"><i class="fa fa-circle-o"></i></a>
  714. <a href="{text:link 2 url}" title="{text:link 2}"><i class="fa fa-circle-o"></i></a>
  715. </a>
  716. <a href="{text:link 3 url}" title="{text:link 3}"><i class="fa fa-circle-o"></i></a>
  717. <a href="{text:link 4 url}" title="{text:link 4}"><i class="fa fa-circle-o"></i></a>
  718. <a href="{text:link 5 url}" title="{text:link 5}"><i class="fa fa-circle-o"></i></a>
  719. </div>
  720. </div>
  721.  
  722. <div class="entries">
  723.  
  724. {block:Posts}
  725.  
  726. <div class="posts">
  727.  
  728. <!---quotes--->
  729.  
  730. {block:Quote}
  731. <div class="quote">“{Quote}”
  732. {block:Source}<div class="source">&mdash; {source}</div></div>
  733. {/block:Source}
  734. {/block:Quote}
  735.  
  736. <!---text--->
  737.  
  738. {block:Text}
  739. {block:Title}<h1>{Title}</h1>{/block:Title}
  740. {block:Body}
  741. <div class="text">{Body}</div>
  742. {/block:Body}
  743. {/block:Text}
  744.  
  745. <!---photo--->
  746.  
  747. {block:Photo}
  748. <div class="photo">
  749. <img src="{PhotoURL-400}">
  750. </div>
  751. {/block:Photo}
  752.  
  753. <!---photoset--->
  754.  
  755. {block:Photoset}
  756. <div class="photoset">
  757. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  758. </div>
  759. {/block:Photoset}
  760.  
  761. <!---video--->
  762.  
  763. {block:Video}
  764. <div class="video">
  765. {Video-500}
  766. </div>
  767. {/block:Video}
  768.  
  769. <!---links--->
  770.  
  771. {block:Link}
  772. <h1><a href="{URL}" {Target}>{Name}</h1></a>
  773. <div class="caption">
  774. {block:Description}{Description}{/block:Description}</div>
  775. {/block:Link}
  776.  
  777. <!---audio--->
  778.  
  779. {block:Audio}
  780. {block:AlbumArt}
  781. <div class="albumart"><img src="{AlbumArtURL}" width="70"></div>
  782. {/block:AlbumArt}
  783. <div class="audioplayer">{AudioPlayerWhite}</div>
  784. <div class="audioinfo">
  785. {block:TrackName}Title: {TrackName}{/block:TrackName}
  786. {block:Artist}<br>Artist: {Artist}{/block:Artist}
  787. {block:Album}<br>Album: {Album}{/block:Album}
  788. </div>
  789. {/block:Audio}
  790.  
  791. <!---chat--->
  792.  
  793. {block:Chat}
  794. {block:Title}<h1>{Title}</h1>{/block:Title}
  795. <div class="chat">
  796. <ol>
  797. {block:Lines}
  798. <li class="line">
  799. {block:Label}<div class="label">{Label}</div></span>
  800. {/block:Label}
  801. {Line}</li>
  802. {/block:Lines}
  803. </ol>
  804. </div>
  805. {/block:Chat}
  806.  
  807. <!---questions--->
  808.  
  809. {block:Answer}
  810. <div class="question"><div class="asker">{Asker} said...</div>
  811. {Question}</div>
  812. <div class="reply">{Answer}</div>
  813. {/block:Answer}
  814.  
  815. <!-- {block:NoRebloggedFrom}
  816. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  817. {/block:NoRebloggedFrom} -->
  818.  
  819. {block:ContentSource}<!-- {SourceURL}
  820. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  821. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  822. {/block:ContentSource}
  823.  
  824.  
  825. <!---caption--->
  826.  
  827. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  828.  
  829. <!---permalink--->
  830.  
  831. {block:Date}
  832. <div class="permalink">
  833. <div class="nc">
  834. <i class="fa fa-clock-o"></i>
  835. <a href="{permalink}">{TimeAgo}</a>
  836. </div>
  837. {block:NoteCount}
  838. ( <a href="{permalink}">{NoteCountWithLabel}</a> )
  839. {/block:NoteCount}
  840. {block:RebloggedFrom}
  841. ( <a href="{ReblogParentURL}">via</a>
  842. / <a href="{ReblogRootURL}">src</a> )
  843. {/block:RebloggedFrom}
  844. {/block:Date}
  845.  
  846. {block:HasTags}
  847. <div class="tags">
  848. <i class="fa fa-tags"></i>
  849. {block:Tags}<a href="{TagUrl}">{Tag}</a>, {/block:Tags}
  850. </div>
  851. {/block:HasTags}
  852. </div>
  853.  
  854. {block:PostNotes}
  855. <h1>notes</h1>
  856. <div class="pagenotes">
  857. {PostNotes}
  858. </div>
  859. {/block:PostNotes}
  860.  
  861. </div>
  862.  
  863. {/block:Posts}
  864.  
  865. <!--pagi-->
  866.  
  867. {block:Pagination}
  868. <div class="pagination">
  869. {block:PreviousPage}
  870. <a href="{PreviousPage}">&larr;</a>
  871. {/block:PreviousPage}
  872. {block:NextPage}
  873. <a id="next" href="{NextPage}">&rarr;</a>
  874. {/block:NextPage}
  875. </div>
  876. {/block:Pagination}
  877.  
  878. </div>
  879.  
  880. <div class="cred"><a href="http://sentimentalthemes.tumblr.com">✖</a></div>
  881.  
  882.  
  883. </html>
  884. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!