API tools faq
paste
Advertisement
feiinho

Design by b r a v y s

feiinho
Mar 21st, 2019
396
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.70 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!---
  3.  
  4. Design by b r a v y s
  5.  
  6. ‧ don't remove my credits ‧
  7.  
  8. ‧‧‧ credits ‧‧‧
  9. scroll to top by FragileHelp ‧‧‧ audio and chat style by Passo-HTML
  10. infinite scroll and pxu photoset by shythemes
  11.  
  12. --->
  13.  
  14. <!DOCTYPE html>
  15. <html>
  16. <head>
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21.  
  22.  
  23. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  24. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  25. <script>
  26. (function($){
  27. $(document).ready(function(){
  28. $("[title]").style_my_tooltips({
  29. tip_follows_cursor:true,
  30. tip_delay_time:20,
  31. tip_fade_speed:400,
  32. attribute:"title"
  33. });
  34. });
  35. })(jQuery);
  36. </script>
  37.  
  38.  
  39. <meta name="if:Show title" content="/"/>
  40. <meta name="if:Banner" content=""/>
  41. <meta name="if:Four Columns" content=""/>
  42. <meta name="if:Five Columns" content=""/>
  43. <meta name="if:Six Columns" content=""/>
  44.  
  45. <meta name="image:Banner" content="" />
  46.  
  47. <meta name="color:Background" content="#ffffff"/>
  48. <meta name="color:Background images" content="#ffffff"/>
  49. <meta name="color:Borders" content="#f8f7f7"/>
  50. <meta name="color:Title" content="a5a5a5" />
  51. <meta name="color:Text" content="#a5a5a5" />
  52. <meta name="color:Description" content="#a5a5a5" />
  53. <meta name="color:Links" content="#a5a5a5" />
  54. <meta name="color:Links image" content="#a5a5a5" />
  55. <meta name="color:Links Hover" content="#cccccc" />
  56. <meta name="color:Scrollbar" content="#f8f7f7" />
  57.  
  58. <meta name="text:Link 1 Url" content="/" />
  59. <meta name="text:Link 1 Title" content="link" />
  60. <meta name="text:Link 2 Url" content="/" />
  61. <meta name="text:Link 2 Title" content="link" />
  62. <meta name="text:Link 3 Url" content="/" />
  63. <meta name="text:Link 3 Title" content="link" />
  64. <meta name="text:Link 4 Url" content="/" />
  65. <meta name="text:Link 4 Title" content="link" />
  66. <meta name="text:Link 5 Url" content="/" />
  67. <meta name="text:Link 5 Title" content="link" />
  68.  
  69. <script src="https://use.fontawesome.com/92822ad00c.js"></script>
  70.  
  71. <link href="https://fonts.googleapis.com/css?family=Hind" rel="stylesheet">
  72.  
  73. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  74.  
  75. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  76.  
  77. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  78.  
  79. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  80.  
  81. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  82.  
  83. <style type="text/css">
  84.  
  85. #tumblr_controls,.tmblr-iframe {
  86. top:0px!important;
  87. right:0px!important;
  88. position:fixed!important;
  89. z-index:9999!important;
  90. display:block;
  91. }
  92. .tmblr-iframe {
  93. -webkit-filter:invert(100%);
  94. opacity:0;
  95. transition:.5s;
  96. }
  97.  
  98. #tumblr_controls:hover, .tmblr-iframe:hover {
  99. opacity:0.1;
  100. transition:.5s;
  101. }
  102.  
  103.  
  104. .vignette, #vignette {
  105. opacity:0;
  106. }
  107. .lightbox-image, #tumblr_lightbox img {
  108. box-shadow:none !important;
  109. border-radius:0 !important;
  110. max-width:none;
  111. }
  112.  
  113. .tmblr-lightbox, #tumblr_lightbox {
  114. background-color:rgba({RGBcolor:background},.9) !important;
  115. }
  116.  
  117. .lightbox-image, #tumblr_lightbox img {
  118. border:2px solid {color:background}!important;
  119. -moz-box-sizing:border-box;
  120. box-sizing:border-box;
  121. }
  122.  
  123.  
  124. a, a:link, a:active, a:visited {
  125. color:{color:links};
  126. text-decoration:none;
  127. transition:.5s;
  128. }
  129. a:hover {
  130. color:{color:links hover};
  131. text-decoration:none;
  132. transition:.5s;
  133. }
  134.  
  135. blockquote {
  136. padding:5px!important;
  137. margin:0!important;
  138. border-top:1px solid {color:borders};
  139. }
  140.  
  141. ::-moz-selection {
  142. background:{color:background};
  143. color:{color:links hover};
  144. }
  145. ::selection {background:{color:background};
  146. color:{color:links hover};
  147. }
  148.  
  149.  
  150. .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {
  151. display:none;
  152. }
  153.  
  154.  
  155. body {
  156. color:{color:text};
  157. background-color:{color:background};
  158. font:400 10.5px 'Hind', sans-serif;
  159. transition:1.3s;
  160. font-weight:normal;
  161. text-align:justify;
  162. font-style:normal;
  163. letter-spacing:0px;
  164. line-height:12px;
  165. z-index:9999999999;
  166. text-transform:none;
  167. }
  168.  
  169. h1, h2, h3, h4, h5, h6 {
  170. margin-top:0px;
  171. color:{color:title};
  172. font:400 10.5px 'Hind', sans-serif;
  173. text-transform:uppercase;
  174. letter-spacing:1px;
  175. line-height:14px;
  176. padding:10px;
  177. text-align:center;
  178. z-index:9999999999;
  179. }
  180.  
  181. .entry {
  182. width:920px;
  183.  
  184. {block:iffourcolumns}
  185. width:1180px;
  186. {/block:iffourcolumns}
  187.  
  188. {block:iffivecolumns}
  189. width:1280px;
  190. {/block:iffivecolumns}
  191.  
  192. {block:ifsixcolumns}
  193. width:1280px;
  194. {/block:ifsixcolumns}
  195.  
  196. {block:permalinkpage}
  197. width:580px;
  198. {/block:permalinkpage}
  199.  
  200. margin:auto;
  201. height:auto;
  202. }
  203.  
  204. #posts {
  205. margin-top:10px;
  206. margin-left:0px;
  207. padding:10px;
  208. transition:.5s;
  209. }
  210.  
  211. .posts {
  212. margin-top:0px;
  213. width:240px;
  214.  
  215. {block:iffivecolumns}
  216. width:220px;
  217. {/block:iffivecolumns}
  218.  
  219. {block:ifsixcolumns}
  220. width:200px;
  221. {/block:ifsixcolumns}
  222.  
  223. margin:30px;
  224.  
  225. {block:iffourcolumns}
  226. margin:25px;
  227. {/block:iffourcolumns}
  228.  
  229. {block:iffivecolumns}
  230. margin:15px;
  231. {/block:iffivecolumns}
  232.  
  233. {block:ifsixcolumns}
  234. margin:5px;
  235. {/block:ifsixcolumns}
  236.  
  237. padding:0px;
  238. background-color:{color:background};
  239. font:400 10.5px 'Hind', sans-serif;
  240. text-transform:none;
  241.  
  242. {block:permalinkpage}
  243. width:500px;
  244. {/block:permalinkpage}
  245.  
  246. opacity:1;
  247. transition:.5s;
  248. }
  249.  
  250. {block:IndexPage}
  251. .posts {
  252. opacity:0;
  253. z-index:-1;
  254. transition:.5s;
  255. }
  256. {/block:IndexPage}
  257.  
  258. .posts img {
  259. width:100%;
  260. margin-bottom:-6px;
  261. {block:permalinkpage}
  262. width:100%;
  263. {/block:permalinkpage};
  264. }
  265.  
  266.  
  267. .photoset {
  268. }
  269.  
  270. .video {
  271. width:100%;
  272. margin-bottom:-4px;
  273. {block:permalinkpage}
  274. width:100%;
  275. {/block:permalinkpage};
  276. }
  277.  
  278. .vsanna{
  279. display:none;
  280. }
  281.  
  282. /* scrollbar */
  283.  
  284. ::-webkit-scrollbar {
  285. width:17px;
  286. height:0px;
  287. }
  288.  
  289. ::-webkit-scrollbar {
  290. background:{color:background};
  291. }
  292.  
  293. ::-webkit-scrollbar-track {
  294. background:{color:background};
  295. border:8px solid {color:background};
  296. }
  297.  
  298. ::-webkit-scrollbar-thumb {
  299. background:{color:scrollbar};
  300. border:8px solid {color:background};
  301. }
  302.  
  303. /* end scrollbar */
  304.  
  305.  
  306. /* notes */
  307.  
  308. .nots {
  309. width:auto;
  310. text-align:center;
  311. color:{color:links};
  312. margin-top:5px;
  313. margin-bottom:0px;
  314. display:block;
  315. font-style:normal;
  316. padding:4px;
  317. padding-left:6px;
  318. padding-right:6px;
  319. opacity:1;
  320. transition:.5s;
  321. z-index:99999999999999;
  322. }
  323.  
  324. .posts:hover .nots {
  325. transition:.5s;
  326. }
  327.  
  328. .nots a {
  329. color:{color:links};
  330. font-size:8.5px;
  331. text-transform:uppercase;
  332. letter-spacing:0.2px;
  333. padding:7px;
  334. font-weight:;
  335. margin:-2px;
  336. border-top:1px solid {color:borders};
  337. transition:.5s;
  338. }
  339.  
  340. .nots a:hover {
  341. color:{color:links hover};
  342. transition:.5s;
  343. }
  344.  
  345. .float {
  346. float:right;
  347. font-size:12px;
  348. margin-top:-1px;
  349. }
  350.  
  351. /* end notes */
  352.  
  353.  
  354. /* notes image */
  355.  
  356. .notsi {
  357. padding:0px;
  358. position:absolute;
  359. text-align:right;
  360. opacity:0;
  361. display:inline-block;
  362. top:0px;
  363. left:0px;
  364. width:240px;
  365.  
  366. {block:iffivecolumns}
  367. width:220px;
  368. {/block:iffivecolumns}
  369.  
  370. {block:ifsixcolumns}
  371. width:200px;
  372. {/block:ifsixcolumns}
  373.  
  374. height:calc(100% + 0px);
  375. background:rgba({RGBcolor:Background Images},0.85);
  376. transition:1s;
  377. }
  378.  
  379. .posts:hover .notsi {
  380. transition:1s;
  381. opacity:1;
  382. }
  383.  
  384. .notsi .inf {
  385. top:35%;
  386. width:100%;
  387. position:absolute;
  388. display:block;
  389. text-align:center;
  390. left:0px;
  391. padding:0px;
  392. color:{color:links image};
  393. transition:1s;
  394. opacity:0;
  395. }
  396.  
  397. .notsi .inf a {
  398. width:15px;
  399. height:24px;
  400. display:inline-block;
  401. font-size:17px;
  402. letter-spacing:0px;
  403. color:{color:links image};
  404. text-align:left;
  405. text-transform:uppercase;
  406. margin:5px;
  407. border-radius:100%;
  408. }
  409.  
  410. .posts:hover .notsi .inf {
  411. -webkit-transform: rotateX(360deg);
  412. transition:1s;
  413. opacity:1;
  414. }
  415.  
  416. /* end notes image */
  417.  
  418. .perma {
  419. position:relative;
  420. margin-top:0px;
  421. margin-left:auto;
  422. margin-right:20px;
  423. width:auto;
  424. height:auto;
  425. overflow:auto;
  426. text-align:left;
  427. font-style:normal;
  428. padding:20px;
  429. }
  430.  
  431. ol.notes {
  432. display:block;
  433. padding:0px;
  434. padding-top:20px;
  435. margin-top:20px;
  436. margin-left:0px;
  437. overflow-y:scroll;
  438. overflow-x:hidden;
  439. text-align:justify;
  440. width:600px;
  441. height:auto;
  442. border-top:1px solid {color:borders};
  443. }
  444.  
  445. ol.notes li.note {
  446. display:block;
  447. text-align:justify;
  448. padding:5px;
  449. }
  450.  
  451. ol.notes li.note img.avatar {
  452. vertical-align:-4px;
  453. margin-right:10px;
  454. width:17px;
  455. height:17px;
  456. border-radius:2px;
  457. }
  458.  
  459.  
  460. /* audios */
  461.  
  462. .album {
  463. margin-top:10px;
  464. padding:5px;
  465. }
  466.  
  467. .player {
  468. width:12px;
  469.  
  470. {block:ifonecolumn}
  471. width:65px;
  472. {/block:ifonecolumn}
  473.  
  474. {block:permalinkpage}
  475. width:140px;
  476. {/block:permalinkpage}
  477.  
  478. height:11px;
  479. overflow:hidden;
  480. padding:4px 21px 21px 4px;
  481. margin-top:-3px;
  482. margin-left:0px;
  483. position:absolute;
  484. background:#;
  485. opacity: 0.6;
  486. -webkit-transition: all 0.4s linear;
  487. -moz-transition: all 0.4s linear;
  488. -o-transition: all 0.4s linear;
  489. -moz-border-radius:30px;
  490. -webkit-border-radius:30px;
  491. border-radius:0px;
  492. }
  493.  
  494. .player:hover {
  495. opacity:1;
  496. }
  497.  
  498. .track {
  499. margin-top:2px;
  500. margin-bottom:0px;
  501. background:#;
  502. margin-left:50px;
  503.  
  504. {block:ifonecolumn}
  505. margin-left:100px;
  506. {/block:ifonecolumn}
  507.  
  508. {block:permalinkpage}
  509. margin-left:175px;
  510. {/block:permalinkpage}
  511.  
  512. text-align:left;
  513. line-height:12px;
  514. }
  515.  
  516. .track b {
  517. font-size:10px;
  518. text-transform:uppercase;
  519. }
  520.  
  521. /* end audios */
  522.  
  523.  
  524. /* asks */
  525.  
  526. .ask {
  527. margin-top:7px;
  528. margin-left:0px;
  529. margin-right:0px;
  530. padding:10px;
  531. padding-top:15px;
  532. width:auto;
  533. {block:permalinkpage}
  534. width:auto;
  535. {/block:permalinkpage}
  536. color:{color:text};
  537. text-align:justify;
  538. text-transform:none;
  539. line-height:12px;
  540. border:1px solid {color:borders};
  541. border-radius:4px;
  542. }
  543.  
  544. .asker {
  545. width:auto;
  546. {block:permalinkpage}
  547. width:auto;
  548. {/block:permalinkpage}
  549. color:{color:text};
  550. text-align:left;
  551. font-style:normal;
  552. line-height:15px;
  553. margin-top:10px;
  554. margin-left:-10px;
  555. margin-right:-10px;
  556. margin-bottom:-6px;
  557. padding:10px;
  558. padding-top:5px;
  559. padding-bottom:0px;
  560. border-top:1px solid {color:borders};
  561. }
  562.  
  563. .asker a {
  564. width:auto;
  565. padding:1px;
  566. color:{color:links};
  567. font-style:normal;
  568. margin-left:auto;
  569. border-top:0px solid {color:borders};
  570. }
  571.  
  572. .answer {
  573. margin-top:0px;
  574. margin-left:-10px;
  575. margin-right:-10px;
  576. margin-bottom:-10px;
  577. padding:10px;
  578. padding-top:5px;
  579. padding-left:15px;
  580. padding-right:15px;
  581. width:auto;
  582. {block:permalinkpage}
  583. width:auto;
  584. {/block:permalinkpage}
  585. color:{color:text};
  586. text-align:justify;
  587. line-height:12px;
  588. }
  589.  
  590. /* end asks */
  591.  
  592.  
  593. /* quote */
  594.  
  595. .quote {
  596. background:#;
  597. text-align:justify;
  598. line-height:15px;
  599. padding:10px;
  600. margin-left:0px;
  601. margin-bottom:0px;
  602. margin-top:5px;
  603. }
  604.  
  605. .sourceqt {
  606. background:#;
  607. margin-top:-5px;
  608. margin-bottom:0px;
  609. color:{color:links};
  610. width:auto;
  611. font-size:9px;
  612. text-align:left;
  613. font-style:normal;
  614. text-transform:uppercase;
  615. letter-spacing:0.5px;
  616. padding:10px;
  617. z-index:9999999999;
  618. }
  619.  
  620. /* end quotes */
  621.  
  622.  
  623. /* chat */
  624.  
  625. .chatitle {
  626. margin-top:0px;
  627. margin-bottom:0px;
  628. width:auto;
  629. padding:9px;
  630. color:{color:title};
  631. font-size:9px;
  632. letter-spacing:1.5px;
  633. text-transform:uppercase;
  634. text-align:center;
  635. font-weight:bold;
  636. border-bottom:1px solid {color:borders};
  637. z-index:9999999999;
  638. }
  639.  
  640. .chat ul {
  641. margin-top:-1px;
  642. margin-bottom:0px;
  643. padding:0px;
  644. }
  645.  
  646. .chat li {
  647. padding:10px;
  648. list-style-type:none;
  649. }
  650.  
  651. span.chats {
  652. color:{color:text};
  653. font-size:9px;
  654. letter-spacing:.7px;
  655. font-weight:bold;
  656. text-transform:uppercase;
  657. letter-spacing:.1em;
  658. }
  659.  
  660. .chat li:nth-child(odd) {
  661. border-left:1px solid {color:borders};
  662. border-bottom:1px solid {color:borders};
  663. }
  664.  
  665. .chat li:nth-child(even) {
  666. border-right:1px solid {color:borders};
  667. border-bottom:1px solid {color:borders};
  668. }
  669.  
  670. .chat li:nth-child(odd):hover {
  671. border-left:1px solid {color:borders};
  672. border-bottom:1px solid {color:borders};
  673. -webkit-transition-duration:600ms;
  674. -o-transition-duration:600ms;
  675. -moz-transition-duration:600ms;
  676. -ms-transition-duration:600ms;
  677. }
  678.  
  679. .chat li:nth-child(even):hover {
  680. border-right:1px solid {color:borders};
  681. border-bottom:1px solid {color:borders};
  682. -webkit-transition-duration:600ms;
  683. -o-transition-duration:600ms;
  684. -moz-transition-duration:600ms;
  685. -ms-transition-duration:600ms;
  686. }
  687.  
  688. /* end chat */
  689.  
  690.  
  691. /* links */
  692.  
  693. .links {
  694. text-align:center;
  695. line-height:15px;
  696. padding:6px;
  697. margin-left:0px;
  698. margin-bottom:0px;
  699. margin-top:-6px;
  700. display:inline-block;
  701. }
  702.  
  703. .links a {
  704. background:#;
  705. color:{color:links};
  706. width:auto;
  707. font-size:9px;
  708. text-align:center;
  709. text-transform:uppercase;
  710. letter-spacing:1px;
  711. padding:2px;
  712. z-index:9999999999;
  713. }
  714.  
  715. .linkd {
  716. margin-top:10px;
  717. margin-left:0px;
  718. width:10px;
  719. padding:5px 9px 3px 10px;
  720. font-size:13px;
  721. border:1px solid {color:borders};
  722. border-radius:100%;
  723. display:inline-block;
  724. }
  725.  
  726. /* end links */
  727.  
  728.  
  729.  
  730. /* all content sidebar (don't remove) */
  731.  
  732.  
  733. .sidebar {
  734. position:relative;
  735. width:auto;
  736. height:auto;
  737. margin-top:30px;
  738. margin-left:0px;
  739. padding:0px;
  740. background:{color:background};
  741. z-index:10;
  742. }
  743.  
  744.  
  745. {block:ifbanner}
  746. .banner img {
  747. margin-top:14px;
  748. width:auto;
  749. height:auto;
  750. z-index:999999;
  751. transition:.3s;
  752. opacity:1;
  753. }
  754. {/block:ifbanner}
  755.  
  756.  
  757. {block:ifshowtitle}
  758. .title {
  759. margin-top:13px;
  760.  
  761. {block:ifnotbanner}
  762. margin-top:50px;
  763. {/block:ifnotbanner}
  764.  
  765. margin-bottom:0px;
  766. width:auto;
  767. text-align:center;
  768. font-size:35px;
  769. color:{color:title};
  770. font-weight:bold;
  771. padding:1px;
  772. transition:.8s;
  773. }
  774. {/block:ifshowtitle}
  775.  
  776.  
  777. .descri {
  778. margin-left:0px;
  779. padding:12px;
  780. width:600px;
  781.  
  782. {block:permalinkpage}
  783. width:500px;
  784. {/block:permalinkpage}
  785.  
  786. height:auto;
  787. margin-top:0px;
  788. text-align:center;
  789. color:{color:description};
  790. line-height:14px;
  791. transition:.3s;
  792. }
  793.  
  794.  
  795. .barnav {
  796. margin-top:20px;
  797. margin-left:0px;
  798. margin-bottom:-5px;
  799. width:100%;
  800. height:1px;
  801. border-top:1px solid {color:borders};
  802. }
  803.  
  804.  
  805. .nav {
  806. margin-top:-20px;
  807. margin-bottom:10px;
  808. margin-left:0px;
  809. width:auto;
  810. text-align:left;
  811. color:{color:title};
  812. font-style:normal;
  813. display:inline-block;
  814. transition:.8s;
  815. z-index:10000;
  816. }
  817.  
  818. .nav a {
  819. background:{color:background};
  820. display:inline-block;
  821. width:auto;
  822. padding:8px 20px 5px 20px;
  823. text-align:center;
  824. color:{color:links};
  825. text-transform:capitalize;
  826. border:1px solid {color:borders};
  827. margin:3px;
  828. border-radius:4px;
  829. transition:1.5s;
  830. }
  831.  
  832. .nav a:hover {
  833. -webkit-transform: rotateX(360deg);
  834. color:{color:links hover};
  835. transition:1.5s;
  836. }
  837.  
  838.  
  839. /* tooltip and credit (don't remove) */
  840. #s-m-t-tooltip {
  841. max-width:300px;
  842. padding:5px 5px 5px 5px;
  843. margin:15px 20px;
  844. background:{color:background};
  845. color:{color:text};
  846. z-index:10;
  847. }
  848.  
  849.  
  850. #ltop:link, #ltop:visited {
  851. font-size:15px;
  852. color:{color:links};
  853. font-weight:bold;
  854. background:{color:background};
  855. padding:7px;
  856. padding-top:5px;
  857. display:none;
  858. position:fixed;
  859. border-radius:100%;
  860. z-index:10;
  861. bottom:25px;
  862. right:10px;
  863. }
  864.  
  865. </style>
  866.  
  867. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  868.  
  869. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  870.  
  871. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  872.  
  873. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  874.  
  875. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script>
  876.  
  877. </head>
  878.  
  879.  
  880. <body>
  881.  
  882.  
  883. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script><a href="javascript:;" id="ltop"><span class="lnr lnr-chevron-up"></span></a>
  884.  
  885.  
  886. <div class="entry">
  887.  
  888. <div class="sidebar">
  889. <center>
  890.  
  891. {block:ifbanner}
  892. <div class="banner">
  893. <img src="{image:banner}">
  894. </div>
  895. {/block:ifbanner}
  896.  
  897. {block:ifshowtitle}
  898. <div class="title">
  899. {title}
  900. </div>
  901. {/block:ifshowtitle}
  902.  
  903. <div class="descri">
  904. {description}
  905. </div>
  906. <div class="barnav"></div>
  907. <div class="nav">
  908. <a href="{text:link 1 url}">{text:link 1 title}</a>
  909. <a href="{text:link 2 url}">{text:link 2 title}</a>
  910. <a href="{text:link 3 url}">{text:link 3 title}</a>
  911. <a href="{text:link 4 url}">{text:link 4 title}</a>
  912. <a href="{text:link 5 url}">{text:link 5 title}</a>
  913. <a href="http://bravys.tumblr.com" title="design by bravys" style="padding-left:8px;padding-right:8px;" target="_blank">©</a>
  914. </div>
  915. </center>
  916. </div>
  917.  
  918.  
  919. <div id="posts">
  920. {block:posts}
  921. <div class="posts">
  922.  
  923. {block:Text}
  924. <h1> {Title} </h1>
  925. {Body}
  926. {block:indexpage}
  927. {block:Date}
  928. <div class="nots">
  929. <a href="{reblogurl}" target="_blank">
  930. reblog
  931. </a>
  932. <a href="{Permalink}">
  933. permalink
  934. </a>
  935. </div>
  936. {/block:Date}
  937. {/block:indexpage}
  938. </div>
  939. {/block:Text}
  940.  
  941. {block:Quote}
  942. <div class="quote">{Quote}</div>
  943. {block:Source}
  944. <div class="sourceqt">━ {Source}</div>
  945. {/block:Source}
  946. {block:indexpage}
  947. {block:Date}
  948. <div class="nots">
  949. <a href="{reblogurl}" target="_blank">
  950. reblog
  951. </a>
  952. <a href="{Permalink}">
  953. permalink
  954. </a>
  955. </div>
  956. {/block:Date}
  957. {/block:indexpage}
  958. </div>
  959. {/block:Quote}
  960.  
  961. {block:Chat}
  962. <div class="chatitle">
  963. {Title}
  964. </div>
  965. <div class="chat">
  966. <ul>
  967. {block:Lines}
  968. <li class="{Alt} {UserNumber}">
  969. {block:Label}
  970. <span class="chats">{Label}</span>
  971. {/block:Label}
  972. <span class="ph-line">{Line}</span>
  973. </li>
  974. {/block:Lines}
  975. </ul>
  976. </div>
  977. {block:indexpage}
  978. {block:Date}
  979. <div class="nots">
  980. <a href="{reblogurl}" target="_blank">
  981. reblog
  982. </a>
  983. <a href="{Permalink}">
  984. permalink
  985. </a>
  986. </div>
  987. {/block:Date}
  988. {/block:indexpage}
  989. </div>
  990. {/block:Chat}
  991.  
  992. {block:Link}
  993. <div class="linkd"><i class="ion-android-arrow-forward"></i></div>
  994. <div class="links">
  995. <a href="{URL}" {Target}>{Name}</a></div>
  996. {block:Description}
  997. {Description}
  998. {/block:Description}
  999. {block:indexpage}
  1000. {block:Date}
  1001. <div class="nots">
  1002. <a href="{reblogurl}" target="_blank">
  1003. reblog
  1004. </a>
  1005. <a href="{Permalink}">
  1006. permalink
  1007. </a>
  1008. </div>
  1009. {/block:Date}
  1010. {/block:indexpage}
  1011. </div>
  1012. {/block:Link}
  1013.  
  1014. {block:Answer}
  1015. <div class="ask">{Question}
  1016. <div class="asker">Message by: {Asker}</div>
  1017. </div>
  1018. <div class="answer">{Answer}</div>
  1019. {block:indexpage}
  1020. {block:Date}
  1021. <div class="nots">
  1022. <a href="{reblogurl}" target="_blank">
  1023. reblog
  1024. </a>
  1025. <a href="{Permalink}">
  1026. permalink
  1027. </a>
  1028. </div>
  1029. {/block:Date}
  1030. {/block:indexpage}
  1031. </div>
  1032. {/block:answer}
  1033.  
  1034.  
  1035. {block:Audio}
  1036. <div class="album">
  1037. {block:AudioPlayer}
  1038. <div class="player">{AudioPlayerBlack}</div>
  1039. {/block:AudioPlayer}
  1040. <div class="track">
  1041. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  1042. {block:Artist}{Artist}{/block:Artist}
  1043. </div>
  1044. </div>
  1045. {block:indexpage}
  1046. {block:Date}
  1047. <div class="nots">
  1048. <a href="{reblogurl}" target="_blank">
  1049. reblog
  1050. </a>
  1051. <a href="{Permalink}">
  1052. permalink
  1053. </a>
  1054. </div>
  1055. {/block:Date}
  1056. {/block:indexpage}
  1057. </div>
  1058. {/block:Audio}
  1059.  
  1060. {block:Photo}
  1061. <img src="{PhotoURL-HighRes}">
  1062. {block:IndexPage}
  1063. <div class="notsi">
  1064. <div class="inf">
  1065. <a href="{reblogurl}" target="_blank">
  1066. <span class="lnr lnr-sync"></span>
  1067. </a>
  1068. <a href="{Permalink}">
  1069. <span class="lnr lnr-link"></span>
  1070. </a>
  1071. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-HighRes}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  1072. <span class="lnr lnr-frame-expand"></span>
  1073. </a>
  1074. <a href="{ReblogParentURL}">
  1075. <span class="lnr lnr-tag"></span>
  1076. </a>
  1077. <br>
  1078. <b style="font-size:15px;text-transform:uppercase;font-weight:bold">{NoteCountWithLabel}</b>
  1079. </div>
  1080. </div>
  1081. </div>
  1082. {/block:IndexPage}
  1083. {/block:Photo}
  1084.  
  1085.  
  1086. {block:Photoset}
  1087. <div class="photoset">
  1088. <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></div>{/block:Photos}</div>
  1089. </div>
  1090. {block:IndexPage}
  1091. <div class="notsi">
  1092. <div class="inf">
  1093. <a href="{reblogurl}" target="_blank">
  1094. <span class="lnr lnr-sync"></span>
  1095. </a>
  1096. <a href="{Permalink}">
  1097. <span class="lnr lnr-link"></span>
  1098. </a>
  1099. <a href="{ReblogParentURL}">
  1100. <span class="lnr lnr-tag"></span>
  1101. </a>
  1102. <br>
  1103. <b style="font-size:15px;text-transform:uppercase;font-weight:bold">{NoteCountWithLabel}</b>
  1104. </div>
  1105. </div>
  1106. </div>
  1107. {/block:IndexPage}
  1108. {/block:Photoset}
  1109.  
  1110. {block:Video}
  1111. <div class="video">
  1112. {Video-250}
  1113. </div>
  1114. {block:indexpage}
  1115. {block:Date}
  1116. <div class="notsphs">
  1117. <a href="{reblogurl}" target="_blank">
  1118. reblog
  1119. </a>
  1120. <div class="floatphs">
  1121. <a href="{Permalink}">
  1122. {notecountwithlabel}
  1123. </a>
  1124. <a href="{ReblogParentURL}" target="_blank" title="{DayOfMonth}{DayOfMonthSuffix} {Month}">
  1125. <i class="ion-ios-clock-outline" style="font-size:13px;"></i>
  1126. </a>
  1127. </div>
  1128. </div>
  1129. </div>
  1130. {/block:Date}
  1131. {/block:indexpage}
  1132. {/block:Video}
  1133.  
  1134. <div class="vsanna">
  1135. {block:RebloggedFrom}
  1136. <a href="{ReblogParentURL}"></a>
  1137. {/block:RebloggedFrom}
  1138. {block:ContentSource}
  1139. <a href="{SourceURL}"></a>
  1140. {/block:ContentSource}
  1141. </div>
  1142.  
  1143. {block:PermalinkPage}
  1144. <div class="perma">
  1145. {block:RebloggedFrom}
  1146. <i class="ion-clock" style="font-size:14px"></i> &nbsp;&nbsp;
  1147. Posted on {DayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} {Month} with {notecountwithlabel}
  1148. <br>
  1149. <i class="ion-paper-airplane" style="font-size:14px"></i> &nbsp;&nbsp;
  1150. Originally by:
  1151. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1152. <br>
  1153. <i class="ion-person-stalker" style="font-size:14px"></i> &nbsp;&nbsp;
  1154. Reblogged from:
  1155. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1156. <br>
  1157. {/block:RebloggedFrom}
  1158. {block:PostNotes}
  1159. {PostNotes-64}
  1160. </div>
  1161. {/block:PostNotes}
  1162. {/block:PermalinkPage}
  1163.  
  1164. {/block:Posts}
  1165. </div>
  1166. </div>
  1167.  
  1168.  
  1169. {block:IndexPage}
  1170.  
  1171. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1172. <script src="http://static.tumblr.com/h7yjwkn/fcjorg4n8/jquery.infinitescroll.min.js"></script>
  1173.  
  1174. {/block:IndexPage}
  1175.  
  1176. <script>
  1177. $(document).ready(function(){
  1178. $('.photo-slideshow').pxuPhotoset({
  1179. lightbox: true,
  1180. rounded: false,
  1181. gutter: '1px',
  1182. photoset: '.photo-slideshow',
  1183. photoWrap: '.photo-data',
  1184. photo: '.pxu-photo'
  1185. });
  1186. {block:IndexPage}
  1187. var $container = $('#posts');
  1188. $container.masonry({ itemSelector: '.posts' });
  1189. $container.imagesLoaded(function(){
  1190. $container.masonry();
  1191. $container.find('.posts').animate({ opacity: 1, zIndex: 1 });
  1192. });
  1193.  
  1194. $container.infinitescroll({
  1195. itemSelector: '.posts',
  1196. navSelector: '#pagination',
  1197. nextSelector: '#next',
  1198. loadingImg: 'https://www.symbolab.com/public/img/loading_large.gif',
  1199. loadingText: '<em></em>',
  1200. bufferPx: 20000
  1201. },
  1202. function( newElements ) {
  1203. var $newElems = $( newElements );
  1204. $newElems.find('.photo-slideshow').pxuPhotoset({
  1205. lightbox: true,
  1206. rounded: false,
  1207. gutter: '1px',
  1208. photoset: '.photo-slideshow',
  1209. photoWrap: '.photo-data',
  1210. photo: '.pxu-photo'
  1211. },
  1212. function(){
  1213. $container.masonry();
  1214. });
  1215. $newElems.imagesLoaded(function(){
  1216. $container.masonry( 'appended', $newElems );
  1217. $newElems.animate({ opacity: 1, zIndex: 1 });
  1218. resizeVideos();
  1219.  
  1220. });
  1221. });
  1222.  
  1223.  
  1224. {/block:IndexPage}
  1225. });
  1226. </script>
  1227.  
  1228. {block:IndexPage}
  1229. {block:Pagination}
  1230. <div id="pagination">
  1231. {block:NextPage}
  1232. <a id="next" href="{NextPage}"></a>
  1233. {/block:NextPage}
  1234. {block:PreviousPage}
  1235. <a href="{PreviousPage}">&larr;&nbsp;</a>
  1236. {/block:PreviousPage}
  1237. </div>
  1238. {/block:Pagination}
  1239. {/block:IndexPage}
  1240. </div>
  1241.  
  1242.  
  1243. </body>
  1244. </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!