API tools faq
paste
Advertisement
feiinho

#3 ONLY YOU - BY PHEARL THEMES

feiinho
Jun 1st, 2016
340
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.50 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. PHEARL THEMES!
  4.  
  5.  
  6. -->
  7.  
  8. <!DOCTYPE html>
  9.  
  10. <html>
  11. <head>
  12.  
  13. <!-- meta tags -->
  14. <meta name="image:background" content=""/>
  15.  
  16. <meta name="select:font" content="'Avalon', sans-serif;" title="Avalon"/>
  17. <meta name="select:font" content="'Calibri';" title="Calibri"/>
  18. <meta name="select:font" content="'Consolas';" title="Consolas"/>
  19. <meta name="select:font" content="'Courier';" title="Courier"/>
  20. <meta name="select:font" content="'Imprima', sans-serif;" title="Imprima"/>
  21. <meta name="select:font" content="'Kurale', serif;" title="Kurale"/>
  22. <meta name="select:font" content="'Muli', sans-serif;" title="Muli"/>
  23. <meta name="select:font" content="'Open Sans', sans-serif;" title="Open Sans"/>
  24. <meta name="select:font" content="'Raleway', sans-serif;" title="Raleway"/>
  25.  
  26. <meta name="color:Background" content="#fff"/>
  27. <meta name="color:Accent Colour" content="#f7dfd9"/>
  28. <meta name="color:Text" content="#eeeeee"/>
  29. <meta name="color:Links" content="#000000"/>
  30.  
  31. <meta name="if:Title Background" content="1"/>
  32. <meta name="if:Post Border" content="1"/>
  33. <meta name="if:Sidebar Border" content="1"/>
  34. <meta name="if:Link 1" content="1"/>
  35. <meta name="if:Link 2" content="1"/>
  36. <meta name="if:Link 3" content="1"/>
  37.  
  38. <meta name="text:Font Size" content="11px"/>
  39. <meta name="text:Ask Title" content="ask"/>
  40. <meta name="text:Link 1 URL" content="https://"/>
  41. <meta name="text:Link 1 Name" content="link 1"/>
  42. <meta name="text:Link 1 Tooltip" content="link 1 title"/>
  43. <meta name="text:Link 2 URL" content="https://"/>
  44. <meta name="text:Link 2 Name" content="link 2"/>
  45. <meta name="text:Link 2 Tooltip" content="link 2 title"/>
  46. <meta name="text:Link 3 URL" content="https://"/>
  47. <meta name="text:Link 3 Name" content="link 3"/>
  48. <meta name="text:Link 3 Tooltip" content="link 3 title"/>
  49. <!-- meta tags -->
  50.  
  51. <!-- scripts -->
  52. <link href='https://fonts.googleapis.com/css?family=Raleway|Muli|Kurale|Imprima|Open+Sans' rel='stylesheet' type='text/css'>
  53. <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1">
  54. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  55. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  56. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  57. <script>
  58. (function($){
  59. $(document).ready(function(){
  60. $("[title],a[title],img[title]").style_my_tooltips({
  61. tip_follows_cursor:true,
  62. tip_delay_time:90,
  63. tip_fade_speed:600,
  64. attribute:"title"
  65. });
  66. });
  67. })(jQuery);
  68. </script>
  69. <!-- scripts -->
  70.  
  71. <style type="text/css">
  72.  
  73. /* tumblr controls / follow & dash buttons */
  74. .tmblr-iframe{
  75. top:5px!important;
  76. right:5px!important;
  77. position:fixed!important;
  78. z-index:9999999999999!important;
  79. }
  80. /* tumblr controls / follow & dash buttons */
  81.  
  82. /* scroll bar */
  83. ::-webkit-scrollbar-thumb{
  84. background-color:{color:accent colour};
  85. border:7px solid {color:background};
  86. height:7px;
  87. }
  88.  
  89. ::-webkit-scrollbar{
  90. height:16px;
  91. width:16px;
  92. background-color:{color:background};
  93. }
  94. /* scroll bar */
  95.  
  96. /* highlight */
  97. ::-moz-selection { /* Code for Firefox */
  98. background:{color:accent colour};
  99. color:#fff;
  100. }
  101. ::selection {
  102. background:{color:accent colour};
  103. color:#fff;
  104. }
  105. /* highlight */
  106.  
  107. /* tooltips */
  108. .tooltip{
  109. display:inline;
  110. position:relative;
  111. }
  112.  
  113. #s-m-t-tooltip{
  114. max-width:300px;
  115. padding:4px 5px 6px 4px;
  116. margin:20px 7px -2px 20px;
  117. background:{color:background};
  118. border:1px solid {color:accent colour};
  119. font-size:10px;
  120. letter-spacing:1px;
  121. color:{color:text};
  122. z-index:9999999999999999999999;
  123. }
  124. /* tooltips */
  125.  
  126. /* image & wrap fixer */
  127. iframe,img,embed,object,video{
  128. max-width:100%;
  129. vertical-align:text-bottom;
  130. }
  131.  
  132. img{
  133. height:auto;
  134. width:auto;
  135. vertical-align:text-bottom;
  136. }
  137.  
  138. pre{
  139. white-space:pre-wrap;
  140. white-space:-moz-pre-wrap;
  141. white-space:-pre-wrap;
  142. white-space:-o-pre-wrap;
  143. word-wrap:break-word;
  144. }
  145. /* image & wrap fixer */
  146.  
  147. /* styles your body */
  148. body{
  149. background-color:{color:background};
  150. background-image:url({image:Background});
  151. background-attachment:fixed;
  152. color:{color:text};
  153. font-family:{select:font};
  154. font-size:{text:font size};
  155. }
  156. /* styles your body */
  157.  
  158. /* link stuff */
  159. a{
  160. color:{color:links};
  161. -webkit-transition: all .7s ease;
  162. -moz-transition: all .7s ease;
  163. -o-transition: all .7s ease;
  164. transition: all .7s ease;
  165. }
  166. a:hover{
  167. color:{color:accent colour};
  168. text-decoration:none;
  169. -webkit-transition: all .7s ease;
  170. -moz-transition: all .7s ease;
  171. -o-transition: all .7s ease;
  172. transition: all .7s ease;
  173. }
  174.  
  175. a:link, a:visited{
  176. text-decoration:none;
  177. -webkit-transition: all .7s ease;
  178. -moz-transition: all .7s ease;
  179. -o-transition: all .7s ease;
  180. transition: all .7s ease;
  181. }
  182.  
  183. a:active,a:focus{
  184. outline:0;
  185. }
  186. /* link stuff */
  187.  
  188. /* blogtitle */
  189. #blogtitle{
  190. font-size:14px;
  191. text-align:center;
  192. letter-spacing:2px;
  193. text-transform:uppercase;
  194. margin-bottom:15px;
  195. }
  196.  
  197. #blogtitle a{
  198. color:#fff;
  199. background:{color:accent colour};
  200. padding:5px;
  201. -webkit-transition: all .7s ease;
  202. -moz-transition: all .7s ease;
  203. -o-transition: all .7s ease;
  204. transition: all .7s ease;
  205. }
  206. #blogtitle a:hover{
  207. color:#000;
  208. -webkit-transition: all .7s ease;
  209. -moz-transition: all .7s ease;
  210. -o-transition: all .7s ease;
  211. transition: all .7s ease;
  212. }
  213. /* blogtitle */
  214.  
  215. /* style for titles of text posts */
  216. h2 a{
  217. color:{color:text};
  218. -webkit-transition: all .7s ease;
  219. -moz-transition: all .7s ease;
  220. -o-transition: all .7s ease;
  221. transition: all .7s ease;
  222. }
  223.  
  224. h2 a:hover{
  225. color:{color:accent colour};
  226. -webkit-transition: all .7s ease;
  227. -moz-transition: all .7s ease;
  228. -o-transition: all .7s ease;
  229. transition: all .7s ease;
  230. }
  231.  
  232. p{
  233. text-align:left;
  234. color:{color:text};
  235. font-size:{text:font size};
  236. }
  237. /* style for titles of text posts */
  238.  
  239. /* sidebar */
  240. #sidebar{
  241. top:150px;
  242. background:{color:background};
  243. z-index:99;
  244. color:{color:text};
  245. font-size:{text:font size};
  246. left:8%;
  247. width:150px;
  248. height:auto;
  249. text-align:center;
  250. position:fixed;
  251. {block:ifsidebarborder}
  252. border:1px solid {color:accent colour};
  253. {/block:ifsidebarborder}
  254. padding:15px;
  255. }
  256. /* sidebar */
  257.  
  258. /* sidebar links */
  259. .links{
  260. padding-top:7px;
  261. color:{color:accent colour};
  262. font-size:{text:font size};
  263. }
  264.  
  265. .links a{
  266. color:{color:links};
  267. -webkit-transition: all .7s ease;
  268. -moz-transition: all .7s ease;
  269. -o-transition: all .7s ease;
  270. transition: all .7s ease;
  271. }
  272. .links a:hover{
  273. color:{color:accent colour};
  274. text-decoration:none;
  275. -webkit-transition: all .7s ease;
  276. -moz-transition: all .7s ease;
  277. -o-transition: all .7s ease;
  278. transition: all .7s ease;
  279. }
  280. /* sidebar links */
  281.  
  282. /* pagination */
  283. .pagination{
  284. display:none;
  285. }
  286. /* pagination */
  287.  
  288. /* element that holds your posts together */
  289. #container{
  290. position:relative;
  291. margin:0px auto;
  292. width:640px;
  293. top:20px;
  294. {block:PermalinkPage}
  295. width:500px;
  296. {/block:PermalinkPage}
  297. }
  298. /* element that holds yout posts together */
  299.  
  300. /* the actual post */
  301. .entry{
  302. background:{color:background};
  303. float:left;
  304. {block:IndexPage}
  305. width:250px;
  306. {/block:IndexPage}
  307. {block:PermalinkPage}
  308. width:500px;
  309. {/block:PermalinkPage}
  310. margin:22px;
  311. padding:12px;
  312. {block:ifpostborder}
  313. border:1px solid {color:accent colour}
  314. {/block:ifpostborder}
  315. }
  316. /* the actual post*/
  317.  
  318. .photo{
  319. outline:0px solid rgba({RGBcolor:background}, .3);
  320. outline-offset:0px;
  321. -webkit-transition: all .5s ease-in-out;
  322. -moz-transition: all .5s ease-in-out;
  323. -ms-transition: all .5s ease-in-out;
  324. -o-transition: all .5s ease-in-out;
  325. transition: all .5s ease-in-out;
  326. }
  327. .photo:hover{
  328. outline:150px solid rgba({RGBcolor:background}, .3);
  329. outline-offset:-150px;
  330. -webkit-transition: all .5s ease-in-out;
  331. -moz-transition: all .5s ease-in-out;
  332. -ms-transition: all .5s ease-in-out;
  333. -o-transition: all .5s ease-in-out;
  334. transition: all .5s ease-in-out;
  335. }
  336.  
  337. /* the permalinks */
  338. #perma{
  339. {block:IndexPage}
  340. position:absolute;
  341. top:50%;
  342. left:50%;
  343. outline:3px double #fff;
  344. outline-offset:3px;
  345. margin-top:-28px;
  346. width:100px;
  347. background:rgba({RGBcolor:background}, .7);
  348. border:1px solid #fff;
  349. -moz-transition-duration:0.8s;
  350. -webkit-transition-duration:0.8s;
  351. -o-transition-duration:0.8s;
  352. opacity:0;
  353. padding:6px;
  354. font-size:10px;
  355. margin-left:-55px;
  356. text-align:center;
  357. color:{color:accent colour};
  358. {/block:IndexPage}
  359. {block:PermalinkPage}
  360. display:none;
  361. {/block:PermalinkPage}
  362. }
  363. #perma a{
  364. padding:3px;
  365. margin:3px;
  366. line-height:25px;
  367. border-bottom:1px solid {color:accent colour};
  368. }
  369.  
  370. .entry:hover #perma{
  371. opacity:1;
  372. -webkit-transition: all .7s ease;
  373. -moz-transition: all .7s ease;
  374. -o-transition: all .7s ease;
  375. transition: all .7s ease;
  376. }
  377. /* the permalinks */
  378.  
  379. .chat{
  380. width:100%;
  381. }
  382.  
  383. .chat ul{
  384. list-style:none;
  385. margin:0;
  386. padding:0;
  387. }
  388.  
  389. .odd,.even{
  390. padding:7px;
  391. }
  392.  
  393. .odd{
  394. background:{color:accent colour};
  395. }
  396.  
  397. .tumblr_audio_player {
  398. {block:IndexPage}
  399. width: 250px;
  400. {/block:IndexPage}
  401. {block:PermalinkPage}
  402. width:500px;
  403. {block:PermalinkPage}
  404. height: 100px;
  405. overflow: hidden;
  406. position: relative;
  407. z-index: 1000;
  408. }
  409.  
  410. .question{
  411. text-align:justify;
  412. font-style:italic;
  413. padding:7px;
  414. overflow-y:auto;
  415. max-height:150px;
  416. background:{color:accent colour};
  417. }
  418.  
  419. #asker{
  420. font-weight:bold;
  421. padding-bottom:5px;
  422. margin-top:5px;
  423. }
  424.  
  425. #asker a{
  426. color:{color:link};
  427. }
  428.  
  429. #asker a:hover{
  430. color:{color:accent colour};
  431. }
  432.  
  433. .answer{
  434. text-align:left;
  435. max-height:250px;
  436. overflow-y:auto;
  437. }
  438.  
  439. .quote{
  440. font-style:italic;
  441. font-size:11px;
  442. letter-spacing:1px;
  443. }
  444. .source{
  445. text-align:right;
  446. font-weight:bold;
  447. font-size:10px;
  448. }
  449.  
  450. blockquote{
  451. padding:0px 0px 2px 5px;
  452. margin:0px 0px 2px 10px;
  453. border-left: 0px solid {color:text};
  454. }
  455.  
  456. /*styling of how the notes will look on the permalink page*/
  457. #permpage{
  458. {block:PermalinkPage}
  459. width: 500px;
  460. height: 200px;
  461. overflow-y:auto;
  462. position: relative;
  463. margin:5px;
  464. padding:2px;
  465. color:{color:text};
  466. float:center;
  467. {/block:PermalinkPage}
  468. }
  469. .permalinktext {
  470. display: block;
  471. font-size:10px;
  472. line-height:3px;
  473. letter-spacing:0px;
  474. text-transform:none;
  475. text-align: right;
  476. background-color:transparent;
  477. margin: 2px;
  478. margin-top:5px;
  479. color:{color:accent color};
  480. font-style:none;
  481. padding-top:6px;
  482. {/block:IndexPage}
  483. {block:PermalinkPage}
  484. display:none;
  485. color:{color:text};
  486. {/block:PermalinkPage}
  487. }
  488. .permalinktext a{
  489. margin:5px;
  490. }
  491. #top, #right, #left, #bottom{
  492. background:{color:accent colour};
  493. position:fixed;
  494. z-index:99999;
  495. }
  496. #top, #bottom{
  497. width:100%;
  498. height:10px;
  499. left:0px;
  500. }
  501. #right, #left{
  502. width:10px;
  503. height:100%;
  504. top:0px;
  505. }
  506. #top{
  507. top:0px;
  508. }
  509. #bottom{
  510. bottom:0px;
  511. }
  512. #right{
  513. right:0px;
  514. }
  515. #left{
  516. left:0px;
  517. }
  518. .top, .right, .left, .bottom{
  519. background:{color:accent colour};
  520. position:fixed;
  521. z-index:99999;
  522. }
  523. .top, .bottom{
  524. width:100%;
  525. height:5px;
  526. left:0px;
  527. }
  528. .right, .left{
  529. width:5px;
  530. height:100%;
  531. top:0px;
  532. }
  533. .top{
  534. top:15px;
  535. }
  536. .bottom{
  537. bottom:15px;
  538. }
  539. .right{
  540. right:15px;
  541. }
  542. .left{
  543. left:15px;
  544. }
  545. .credy{
  546. width:10px;
  547. height:7px;
  548. padding:5px;
  549. font-size:10px;
  550. border-left:1px solid {color:accent color};
  551. border-bottom:1px solid {color:accent color};
  552. background:{color:background};
  553. z-index:999999999999999999999999999999999999999999999999999999;
  554. bottom:25px;
  555. left:25px;
  556. position:fixed;
  557. -webkit-transition: all .7s ease-in-out;
  558. -moz-transition: all .7s ease-in-out;
  559. -ms-transition: all .7s ease-in-out;
  560. -o-transition: all .7s ease-in-out;
  561. transition: all .7s ease-in-out;
  562. }
  563. .credy:hover{
  564. width:65px;
  565. border-bottom:1px solid {color:accent color};
  566. }
  567. .credy .fa-moon-o {
  568. position:absolute;
  569. left:7px;
  570. bottom:3px;
  571. z-index:999;
  572. }
  573. .credy:hover #ch{
  574. -webkit-transform: scale(1);
  575. }
  576. #ch{
  577. position:absolute;
  578. z-index:9999999;
  579. background:{color:background};
  580. bottom:0px;
  581. padding:5px;
  582. width:60px;
  583. text-align:left;
  584. opacity:1;
  585. -webkit-transform: scale(0);
  586. -webkit-transition: all .7s ease-in-out;
  587. -moz-transition: all .7s ease-in-out;
  588. -ms-transition: all .7s ease-in-out;
  589. -o-transition: all .7s ease-in-out;
  590. transition: all .7s ease-in-out;
  591. }
  592. </style>
  593.  
  594. <title>{Title}</title>
  595. <link rel="shortcut icon" href="{Favicon}">
  596. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  597.  
  598. <div class="credy">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-moon-o" aria-hidden="true"></i>
  599. <span id="ch">
  600. <a href="http://phearlthemes.tumblr.com/" target="_blank" title="phearlthemes">PT.</a> &
  601. <a href="http://bravethemes.tumblr.com/" target="_blank" title="bravethemes">BT.</a>
  602. </span>
  603. </div>
  604.  
  605. <!---masonry--->
  606. {block:indexpage}
  607. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  608. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  609. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  610. <script type="text/javascript">
  611. $(window).load(function(){
  612. var $wall = $('#container');
  613. $wall.imagesLoaded(function(){
  614. $wall.masonry({
  615. itemSelector: '.entry, .entry_photo',
  616. isAnimated : false
  617. });
  618. });
  619.  
  620. $wall.infinitescroll({
  621. navSelector : '#page-nav',
  622. nextSelector : '#page-nav a',
  623. itemSelector : '.entry, .entry_photo',
  624. bufferPx : 2000,
  625. debug : false,
  626. errorCallback: function() {
  627. $('#infscr-loading').fadeOut('normal');
  628. }},
  629. function( newElements ) {
  630. var $newElems = $( newElements );
  631. $newElems.hide();
  632. $newElems.imagesLoaded(function(){
  633. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  634. });
  635. }); $('#content').show(500);
  636. });
  637. </script>
  638. {/block:indexpage}
  639. <!-- masonry -->
  640. </head>
  641. <body>
  642.  
  643. <div id="top"></div><div id="left"></div><div id="right"></div><div id="bottom"></div><div class="top"></div><div class="left"></div><div class="right"></div><div class="bottom"></div>
  644.  
  645. <div id="sidebar">
  646. <div id="blogtitle"><a href="/" title="refresh">{Title}</a></div>
  647. {block:Description}<div id="description">{Description}</div>{/block:Description}
  648. <div class="links">
  649. <a href = "/ask">{text:Ask Title}</a> ⋅
  650. {block:iflink1}
  651. <a href="{text:Link 1 URL}" title="{text:Link 1 Tooltip}">{text:Link 1 Name}</a> ⋅
  652. {/block:iflink1}
  653. {block:iflink2}
  654. <a href="{text:Link 2 URL}" title="{text:Link 2 Tooltip}">{text:Link 2 Name}</a> ⋅
  655. {/block:iflink2}
  656. {block:iflink3}
  657. <a href="{text:Link 3 URL}" title="{text:Link 3 Tooltip}">{text:Link 3 Name}</a> ⋅
  658. {/block:iflink3}
  659. <a href="/archive">archive</a> ⋅
  660. <a href="http://phearlthemes.tumblr.com/">theme</a>
  661. </div>
  662. </div>
  663. </div>
  664.  
  665. <div id="container">
  666. {block:Posts}
  667. <div class="entry">
  668.  
  669. {block:Text}
  670. <div class="post text">
  671. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  672. {Body}
  673. </div>
  674. {block:IndexPage}
  675. <div class="permalinktext">
  676. <a href="{Permalink}" title="{NoteCountWithLabel}"><i class="fa fa-comments fa-x"></i></a>
  677.  
  678. <a href="{ReblogURL}"title ="reblog"><i class="fa fa-refresh fa-1x"></i></a> </div>
  679. {/block:IndexPage}
  680. {/block:Text}
  681.  
  682. {block:Photo}
  683. <div class="post photo">
  684. {block:IndexPage}
  685. <a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>
  686. <div id="perma">
  687. <a href="{Permalink}">{NoteCountWithLabel} <i class="fa fa-comments fa-x"></i></a><br>
  688. <a href="{ReblogURL}">reblog <i class="fa fa-refresh fa-1x"></i></a></div>
  689. {/block:IndexPage}
  690. {block:PermalinkPage}
  691. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  692. {/block:PermalinkPage}
  693. </div>
  694. {/block:Photo}
  695.  
  696. {block:Panorama}
  697. <div class="post panorama">
  698. {LinkOpenTag}
  699. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  700. {LinkCloseTag}
  701. </div>
  702. {/block:Panorama}
  703.  
  704. {block:Photoset}
  705. <div class="post photoset">
  706. {block:IndexPage}
  707. {Photoset-250}
  708. {/block:IndexPage}
  709. <div class="permalinktext">
  710. <a href="{Permalink}" title="{NoteCountWithLabel}"><i class="fa fa-comments fa-x"></i></a>
  711.  
  712. <a href="{ReblogURL}" title ="reblog"><i class="fa fa-refresh fa-1x"></i></a>
  713. </div>
  714. </a>{/block:Indexpage}
  715. {block:PermalinkPage}
  716. <img src="{PhotoURL-500}" width="500px"/>
  717. {/block:PermalinkPage}
  718. </div>
  719. {/block:Photoset}
  720.  
  721. {block:Quote}
  722. <div class="post quote">
  723. "{Quote}"<br>
  724. <div class="source">- {block:source}{source}{/block:source}</div>
  725. </div> {block:IndexPage}
  726. <div class="permalinktext">
  727. <a href="{Permalink}" title="{NoteCountWithLabel}"><i class="fa fa-comments fa-x"></i></a>
  728.  
  729. <a href="{ReblogURL}" title ="reblog"><i class="fa fa-refresh fa-1x"></i></a>
  730. </div>
  731. {/block:IndexPage}
  732. {/block:Quote}
  733.  
  734. {block:Link}
  735. <div class="post link">
  736. <a href="{URL}" class="link" {Target}><strong>{Name}</font></strong></a>
  737.  
  738. {block:Description}
  739. <div class="description">{Description}</div>
  740. {/block:Description}
  741. </div>
  742. {block:IndexPage}
  743. <div class="permalinktext">
  744. <a href="{Permalink}" title="{NoteCountWithLabel}"><i class="fa fa-comments fa-x"></i></a>
  745.  
  746. <a href="{ReblogURL}" title ="reblog"><i class="fa fa-refresh fa-1x"></i></a>
  747. </div>
  748. {/block:IndexPage}
  749. {/block:Link}
  750.  
  751. {block:Chat}
  752. <div class="post chat">
  753. {block:Title}
  754. <h3><a href="{Permalink}">{Title}</a></h3>
  755. {/block:Title}
  756. <ul class="chat">
  757. {block:Lines}
  758. <div class="{Alt} user_{UserNumber}">
  759. {block:Label}
  760. <span class="label">{Label}</span>
  761. {/block:Label}{Line}
  762. </div>
  763. {/block:Lines}
  764. </ul>
  765. </div> {block:IndexPage}
  766. <div class="permalinktext">
  767. <a href="{Permalink}" title="{NoteCountWithLabel}"><i class="fa fa-comments fa-x"></i></a>
  768.  
  769. <a href="{ReblogURL}" title ="reblog"><i class="fa fa-refresh fa-1x"></i></a>
  770. </div>
  771. {/block:IndexPage}
  772. {/block:Chat}
  773.  
  774. {block:Video}
  775. <div class="post video">
  776. {block:IndexPage}
  777. {Video-250}
  778. <div class="permalinktext">
  779. <a href="{Permalink}" title="{NoteCountWithLabel}"><i class="fa fa-comments fa-x"></i></a>
  780.  
  781. <a href="{ReblogURL}" title="reblog"><i class="fa fa-refresh fa-1x"></i></a>
  782. </div>
  783. {/block:IndexPage}
  784. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  785. </div>
  786. {/block:Video}
  787.  
  788. {block:Audio}
  789. <div class="post-audio">
  790. {block:IndexPage}
  791. {AudioEmbed-250}
  792. <div class="permalinktext">
  793. <a href="{Permalink}" title="{NoteCountWithLabel}"><i class="fa fa-comments fa-x"></i></a>
  794.  
  795. <a href="{ReblogURL}" title="reblog"><i class="fa fa-refresh fa-1x"></i></a>
  796. </div>
  797. {block:IndexPage}
  798. {block:PermalinkPage}
  799. {AudioEmbed-500}
  800. {/block:PermalinkPage}
  801. </div>
  802. {/block:Audio}
  803.  
  804. {block:Answer}
  805. <div class="question">
  806. <img src="{AskerPortraitURL-30}" align="left" style="margin-top:-3px;margin-right:4px;border-radius:20px;background:#fff;padding:2px;">
  807. <span id="asker">{Asker} asked:</span>
  808. {Question}</div>
  809. <div class="answer">{Answer}</div>
  810. {block:IndexPage}
  811. <div class="permalinktext">
  812. <a href="{Permalink}" title="{NoteCountWithLabel}"><i class="fa fa-comments fa-x"></i></a>
  813.  
  814. <a href="{ReblogURL}" title="reblog"><i class="fa fa-refresh fa-1x"></i></a>
  815. </div>
  816. {/block:IndexPage}
  817. {/block:Answer}{block:PermalinkPagination}
  818.  
  819. {block:PermalinkPage}
  820. {block:Caption}
  821. <div class="caption">{Caption}</div>
  822. {/block:Caption}
  823. <div id="permpage">
  824. {NoteCount}
  825. <br><br>
  826. <div class="tags">
  827. {block:HasTags}
  828. {block:Tags}
  829. <a href={TagURL}>
  830. <i class="fa fa-tags"></i> {Tag}</a>
  831. {/block:Tags}
  832. {/block:HasTags}
  833. </div>
  834. {block:PostNotes}
  835. {PostNotes-16}
  836. </div></div>
  837. {/block:PostNotes}
  838. {/block:PermalinkPage}
  839. {/block:PermalinkPagination}
  840. </div>
  841. {/block:Posts}
  842. </div>
  843.  
  844.  
  845. <!--infinite scroll-->
  846. <div class="pagination">
  847. {block:Pagination}
  848. {block:PreviousPage}
  849. <a href="{PreviousPage}">previous</a> &middot;
  850. {/block:PreviousPage}
  851. {block:NextPage}
  852. <a href="{NextPage}" id="next">next</a>
  853. {/block:NextPage}
  854. {/block:Pagination}
  855. </div>
  856.  
  857. </body>
  858.  
  859. </html>
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!