API tools faq
paste
Advertisement
userbru

theme two.

userbru
Mar 24th, 2021 (edited)
440
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="https://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. <link rel="shortcut icon" href="{Favicon}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}">
  9. {/block:Description}
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11.  
  12. <!--
  13.  
  14. base code by néa
  15. theme by bru
  16.  
  17. -->
  18.  
  19. <meta name="color:Background" content="#fff">
  20. <meta name="color:Posts" content="#fff">
  21. <meta name="color:Text" content="#3f3f3f">
  22. <meta name="color:Borders" content="#f1f1f1">
  23. <meta name="color:Links" content="#333">
  24. <meta name="color:Hover" content="#999">
  25. <meta name="color:Asks" content="#fff">
  26. <meta name="color:Select Text" content="#f1f1f1"/>
  27. <meta name="color:Custom Scrollbar" content="#333"/>
  28.  
  29. <meta name="image:Sidebar Image" content=""/>
  30.  
  31. <meta name="if:Sidebar Image" content="1" />
  32. <meta name="if:Custom Scrollbar" content="1" />
  33. <meta name="if:Title" content"1" />
  34.  
  35. <meta name="text:Home Title" content="home"/>
  36. <meta name="text:Ask Title" content="ask"/>
  37. <meta name="text:Link 1 Url" content="/"/>
  38. <meta name="text:Link 1 Title" content="One"/>
  39. <meta name="text:Link 2 Url" content="/"/>
  40. <meta name="text:Link 2 Title" content="Two"/>
  41. <meta name="text:link 3 url" content="/"/>
  42. <meta name="text:link 3 title" content=""/>
  43.  
  44. <script type="text/javascript" src="https://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  45.  
  46. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  47.  
  48. <link href="https://fonts.googleapis.com/css?family=ABeeZee&display=swap" rel="stylesheet">
  49. <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
  50. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  51.  
  52. </script>
  53.  
  54. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:200, tip_fade_speed:300 }); }); })(jQuery); </script>
  55.  
  56. <style type="text/css">
  57.  
  58.  
  59. /*-------------------------------------------------------------------------*/
  60.  
  61.  
  62. /*GENERAL SECTION */
  63.  
  64.  
  65. /*GENERAL: TUMBLR CONTROLS */
  66.  
  67. iframe.tmblr-iframe {
  68. z-index:99999999999999!important;
  69. top:0!important;
  70. right:0!important;
  71. opacity:0.4;
  72. filter:invert(1);
  73. -webkit-filter:invert(1);
  74. -o-filter:invert(1);
  75. -moz-filter:invert(1);
  76. -ms-filter:invert(1);
  77. transform:scale(0.6);
  78. transform-origin:100% 0;
  79. -webkit-transform:scale(0.6);
  80. -webkit-transform-origin:100% 0;
  81. -o-transform:scale(0.6);
  82. -o-transform-origin:100% 0;
  83. -moz-transform:scale(0.6);
  84. -moz-transform-origin:100% 0;
  85. -ms-transform:scale(0.6);
  86. -ms-transform-origin:100% 0;
  87. -moz-transition-duration:0.4s;
  88. -webkit-transition-duration:0.4s;
  89. -o-transition-duration:0.4s;
  90. }
  91.  
  92. iframe.tmblr-iframe:hover {
  93. opacity:0.6!important;
  94. -moz-transition-duration:0.4s;
  95. -webkit-transition-duration:0.4s;
  96. -o-transition-duration:0.4s;
  97. }
  98.  
  99. /*END OF GENERAL: TUMBLR CONTROLS */
  100.  
  101. /*GENERAL: SCROLLBAR */
  102.  
  103. {block:IfCustomScrollbar}
  104. ::-webkit-scrollbar {
  105. width:12px;
  106. height:12px;
  107. background:{color:background};
  108. }
  109.  
  110. ::-webkit-scrollbar-thumb {
  111. background:{color:custom scrollbar};
  112. }
  113. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  114. border:5px solid {color:background};
  115. }
  116. {/block:IfCustomScrollbar}
  117.  
  118. /*END OF GENERAL: SCROLLBAR */
  119.  
  120. /*GENERAL: SELECTION */
  121.  
  122. ::selection {
  123. background: {color:select text};
  124. color: {color:text};
  125. }
  126.  
  127. ::-moz-selection {
  128. background: {color:select text};
  129. color: {color:text};
  130. }
  131.  
  132. /*END OF GENERAL: SELECT */
  133.  
  134. /*GENERAL: STYLING */
  135.  
  136. body {
  137. font-size:12.6px;
  138. font-family: Helvetica, sans-serif;
  139. text-align:justify;
  140. margin:0;
  141. line-height:1.5em;
  142. -moz-osx-font-smoothing:grayscale;
  143. -webkit-font-smoothing:antialiased;
  144. font-smoothing:antialiased;
  145. color:{color:text};
  146. background:{color:background};
  147. }
  148.  
  149.  
  150. #s-m-t-tooltip {
  151. font-size:12.6px;
  152. font-family: Helvetica, sans-serif;
  153. max-width:300px;
  154. background:{color:posts};
  155. margin:10px;
  156. padding:5px;
  157. border:0px;
  158. border-radius:0px;
  159. color:{color:text};
  160. z-index:999999;
  161. font-style:none;
  162. box-shadow: 0px 0px 0px rgba(0,0,0,.1);
  163. text-transform:lowercase;
  164. }
  165.  
  166. a {
  167. color:{color:text};
  168. text-decoration:none;
  169. cursor:pointer;
  170. -webkit-transition:all 0.2s;
  171. -moz-transition:all 0.2s;
  172. -ms-transition:all 0.2s;
  173. -o-transition:all 0.2s;
  174. transition:all 0.2s;
  175. }
  176.  
  177. a:hover {
  178. text-decoration:none;
  179. color:{color:hover};
  180. -webkit-transition:all 0.2s;
  181. -moz-transition:all 0.2s;
  182. -ms-transition:all 0.2s;
  183. -o-transition:all 0.2s;
  184. transition:all 0.2s;
  185. }
  186.  
  187. .credit {
  188. position:fixed;
  189. bottom:35px;
  190. right:45px;
  191. z-index:10;
  192. }
  193.  
  194. .credit a {
  195. color:{color:links};
  196. }
  197.  
  198. .credit a:hover {
  199. color:{color:hover};
  200. }
  201.  
  202. small, sub, sup {
  203. font-size:12.6px;
  204. }
  205.  
  206. b, 700, strong {
  207. color:{color:links};
  208. }
  209.  
  210. .entry h1 {
  211. font-size:18px!important;
  212. }
  213.  
  214. pre {
  215. font-size:12.6px;
  216. font-family: Helvetica, sans-serif;
  217. }
  218.  
  219. blockquote {
  220. display:block;
  221. margin:0;
  222. margin-left:5px;
  223. margin-right:5px;
  224. padding-left:10px;
  225. border-left:1px #f1f1f1 solid;
  226. }
  227.  
  228. blockquote blockquote {
  229. border:none;
  230. padding:0;
  231. margin:0;
  232. }
  233.  
  234. img {
  235. border:0;
  236. max-width:100%;
  237. height:auto;
  238. margin-left:0px;
  239. }
  240.  
  241. hr {
  242. margin:1em 0;
  243. border:0;
  244. height:1px;
  245. -moz-box-sizing:border-box;
  246. box-sizing:border-box;
  247. background-color:{color:borders};
  248. }
  249.  
  250. ol {
  251. margin-left:-25px;
  252. }
  253.  
  254. ul {
  255. margin-left:-25px;
  256. }
  257.  
  258. /*END OF GENERAL: STYLING */
  259.  
  260. /*GENERAL: CONTAINERS */
  261.  
  262. .main {
  263. margin:150px auto;
  264. padding-left:300px;
  265. width:540px;
  266. }
  267.  
  268. .asidecontainer {
  269. position:fixed;
  270. height:100%;
  271. margin-left:-380px;
  272. }
  273.  
  274. /*END OF GENERAL: CONTAINERS */
  275.  
  276.  
  277. /*END OF GENERAL SECTION */
  278.  
  279.  
  280. /*-------------------------------------------------------------------------*/
  281.  
  282.  
  283. /*SIDEBAR SECTION */
  284.  
  285.  
  286. /*SIDEBAR: GENERAL */
  287.  
  288. aside {
  289. width:268px;
  290. height:auto;
  291. padding:0px;
  292. overflow:hidden;
  293. margin-top:50px;
  294. background:{color:posts};
  295. }
  296.  
  297. /*END OF SIDEBAR: GENERAL */
  298.  
  299. /*SIDEBAR: IMAGE */
  300.  
  301. aside img {
  302. width:268px;
  303. }
  304.  
  305. aside img {
  306.  
  307. -webkit-border-radius: 10px;
  308.  
  309. border-radius: 5px;
  310.  
  311. }
  312.  
  313.  
  314. /*END OF SIDEBAR: IMAGE */
  315.  
  316. /*SIDEBAR: TITLE*/
  317.  
  318. aside h1 {
  319. margin-top:10px;
  320. text-align:center;
  321. }
  322.  
  323. /*END OF SIDEBAR: TITLE*/
  324.  
  325. /*SIDEBAR: DESCRIPTION */
  326.  
  327. .description {
  328. color:{color:text}!important;
  329. text-align:center;
  330. }
  331.  
  332. /*END OF SIDEBAR: DESCRIPTION */
  333.  
  334.  
  335. /*SIDEBAR: NAVIGATION */
  336.  
  337. nav {
  338. overflow:visible;
  339. margin-top:8px;
  340. text-align:center;
  341.  
  342. }
  343.  
  344. nav a {
  345. display:inline-block;
  346. color:{color:links};
  347. margin-bottom:3px;
  348. margin-right:5px;
  349. font-weight:600;
  350. }
  351.  
  352. nav a:hover {
  353. color:{color:hover};
  354. }
  355.  
  356. /*END OF SIDEBAR: NAVIGATION */
  357.  
  358.  
  359. /*END OF SIDEBAR SECTION */
  360.  
  361.  
  362. /*-------------------------------------------------------------------------*/
  363.  
  364.  
  365. /*POSTS SECTION */
  366.  
  367.  
  368. /*POSTS: GENERAL */
  369.  
  370. .content {
  371. margin:50px 0px;
  372. }
  373.  
  374. .entry {
  375. width:540px;
  376. position:relative;
  377. margin:-50px 0 0px;
  378. margin-bottom:150px;
  379. background:{color:posts};
  380. padding:0px 0px 10px 0px;
  381. }
  382.  
  383. .entry 700, b, strong {
  384. color:{color:links};
  385. }
  386.  
  387. .entry:last-child {
  388. margin-bottom:0;
  389. }
  390.  
  391. .post {
  392. }
  393.  
  394. .text:last-child, .text *:last-child {
  395. margin-bottom:0px;
  396. }
  397.  
  398. .vignette, #vignette {
  399. opacity:0;
  400. }
  401.  
  402. .lightbox-image, #tumblr_lightbox img {
  403. box-shadow:none !important;
  404. border-radius:0px !important;
  405. max-width:none;
  406. }
  407. .tmblr-lightbox, #tumblr_lightbox {
  408. background-color:rgba(255,255,255,.75) !important;
  409. }
  410.  
  411. /*END OF POSTS: GENERAL */
  412.  
  413. /*POSTS: CAPTIONS */
  414.  
  415. .caption {
  416. width:540px;
  417. margin-top:10px;
  418. padding:0px;
  419. margin-bottom:0px;
  420. border:0;
  421. text-align:justify;
  422. }
  423.  
  424. .caption blockquote {
  425. max-width:540px;
  426. font-weight:normal;
  427. border:0;
  428. margin:0px 0px 7px 0px;
  429. padding:0;
  430. }
  431.  
  432. .caption blockquote:last-child {
  433. margin:0px;
  434. }
  435.  
  436. .caption p {
  437. padding:0;
  438. margin:0;
  439. }
  440.  
  441. .caps blockquote {
  442. max-width:540px;
  443. margin:10px 0px 10px 0px;
  444. font-weight:normal;
  445. border-left:1px solid {color:borders};
  446. padding-left:10px;
  447. padding-right:10px;
  448. }
  449.  
  450. .caps a.tumblr_blog {
  451. padding-bottom:0px;
  452. border-bottom:0;
  453. text-overflow:ellipsis;
  454. vertical-align:middle;
  455. font-weight: 600;
  456. text-transform:lowercase;
  457. color:{color:links}!important;
  458. -webkit-transition:all 0.2s;
  459. -moz-transition:all 0.2s;
  460. -ms-transition:all 0.2s;
  461. -o-transition:all 0.2s;
  462. transition:all 0.2s;
  463. margin-top:0px;
  464. margin-bottom:0px;
  465. line-height:16px!important;
  466. }
  467.  
  468. .caps a.tumblr_blog:hover {
  469. color:{color:links}!important;
  470. text-decoration:none;
  471. -webkit-transition:all 0.2s;
  472. -moz-transition:all 0.2s;
  473. -ms-transition:all 0.2s;
  474. -o-transition:all 0.2s;
  475. transition:all 0.2s;
  476. }
  477.  
  478. .caps .ic{
  479. width:18px;
  480. height:18px;
  481. margin-right:10px;
  482. display:inline-block;
  483. float:center;
  484. background:transparent;
  485. text-align:center;
  486. padding:0;
  487. margin-left:0;
  488. margin-top:0;
  489. }
  490.  
  491. .caps {
  492. margin:0px 0px 0px 0px;
  493. padding:0;
  494. border-left:0;
  495. }
  496.  
  497. .caps p {
  498. margin:5px 0 5px 0;
  499. font-weight:normal;
  500. padding:0;
  501. border-left:0;
  502. }
  503.  
  504. .caps p:last-child {
  505. margin:5px 0 0 0;
  506. }
  507.  
  508. .caps b {
  509. color:{color:text};
  510. font-weight:400;
  511. }
  512.  
  513. .caps hr {
  514. margin:0;
  515. border:0;
  516. }
  517.  
  518. .caps img {
  519. margin-top:10px;
  520. max-width:100%;
  521. display:inline-block;
  522. }
  523.  
  524. /*END OF POSTS: CAPTIONS */
  525.  
  526. /*POSTS: ASKS */
  527.  
  528. .ask {
  529. min-height:30px;
  530. padding:10px;
  531. width:auto;
  532. margin-bottom:3px;
  533. background:{color:asks};
  534. }
  535.  
  536. .question {
  537. text-transform:lowercase;
  538. }
  539.  
  540. .question a {
  541. color: {color:links};
  542. font-weight:normal;
  543. }
  544.  
  545. .question a:hover {
  546. color: {color:hover};
  547. }
  548.  
  549. .askimg {
  550. width: 50px;
  551. display:inline;
  552. float:center;
  553. }
  554.  
  555. .askimg img {
  556. width:25px;
  557. margin-top:10px;
  558. margin-left:0px;
  559. }
  560.  
  561. .askimg img {
  562.  
  563. -webkit-border-radius: 15px;
  564.  
  565. border-radius: 15px;
  566.  
  567. }
  568.  
  569.  
  570.  
  571. .answer img {
  572. margin-bottom:10px;
  573. }
  574.  
  575. /*END OF POSTS: ASKS */
  576.  
  577. /*POSTS: STYLES */
  578.  
  579. .chat {
  580. list-style-type:none;
  581. margin-bottom:10px;
  582. }
  583.  
  584. .chat .label {
  585. line-height:1.5em;
  586. }
  587.  
  588. .quote {
  589. margin-bottom:5px;
  590. }
  591.  
  592. .source {
  593. }
  594.  
  595. .media {
  596. position:relative;
  597. display:inline-block;
  598. width:100%;
  599. }
  600.  
  601. .media img {
  602. position:relative;
  603. display:inline-block;
  604. width:540px!important;
  605. }
  606.  
  607. /*END OF POSTS: STYLES */
  608.  
  609. /*END OF POSTS SECTION /*
  610.  
  611.  
  612. /*-------------------------------------------------------------------------*/
  613.  
  614.  
  615. /*POST INFO SECTION */
  616.  
  617.  
  618. /*POST INFO: BOTTOM */
  619.  
  620. .postinfo {
  621. margin:65px 0 0 0;
  622. margin:10px 0px 0px 0px;
  623. text-align:center;
  624. background:transparent;
  625. font-weight:bold;
  626. line-height:1.5em!important;
  627. text-transform:lowercase;
  628. }
  629.  
  630. .postinfo b {
  631. }
  632.  
  633. .postinfo a {
  634. display:inline-block;
  635. height:14px;
  636. line-height:14px;
  637. }
  638.  
  639. .postinfo i {
  640. font-style: normal;
  641. }
  642.  
  643. .postinfo a:hover {
  644. color:{color:hover};
  645. }
  646.  
  647. .postinfo p {
  648. margin-top:-10px!important;
  649. }
  650.  
  651. svg {
  652. width:12px;
  653. height:auto;
  654. opacity:.7;
  655. padding:1px;
  656. display:block;
  657. overflow:visible;
  658. margin-left:5px;
  659. margin-top:-3px;
  660. background:transparent;
  661. }
  662.  
  663. .controls a {
  664. position:relative;
  665. display:inline-block;
  666. overflow:hidden;
  667. padding:5px;
  668. width:18px;
  669. height:12px;
  670. color:#333;
  671. margin-left:-7px;
  672. background:transparent;
  673. }
  674.  
  675. .controls .reblog {
  676. opacity:0.93;
  677. background:transparent;
  678. }
  679.  
  680. .controls .reblog svg {
  681. width:16px;
  682. background:transparent;
  683. }
  684.  
  685. .controls .like .liked + svg {
  686. opacity:1;
  687. background:transparent;
  688. }
  689.  
  690. .controls .like .liked + svg path {
  691. fill:#ffaaaa;
  692. }
  693.  
  694. .controls .like .like_button {
  695. position:relative;
  696. background:transparent;
  697. }
  698.  
  699. .controls .like .like_button iframe {
  700. position:absolute;
  701. top:0;
  702. left:0;
  703. bottom:0;
  704. right:0;
  705. z-index:2;
  706. opacity:0.000001;
  707. }
  708.  
  709. .tags {
  710. color:{color:text}!important;
  711. text-transform:lowercase;
  712. opacity:1;
  713. font-weight:normal;
  714. font-size:13px;
  715. -webkit-transition: all 0.7s ease;
  716. transition: all 0.7s ease;
  717. -moz-transition: all 0.7s ease;
  718. -o-transition: all 0.7s ease;
  719. text-align:center!important;
  720. }
  721.  
  722. .tags a {
  723. font-style:none;
  724. margin-right:2px;
  725. }
  726.  
  727. .tags a:hover {
  728. text-decoration:none;
  729.  
  730. }
  731. .tags a:after { content:","; } .tags a:last-child:after { content:"."; }
  732. }
  733.  
  734. /*END OF POST INFO: BOTTOM */
  735.  
  736. /*POST INFO: PERMALINK */
  737.  
  738. ol.notes {
  739. list-style-type:none;
  740. font-style:normal;
  741. margin-top:-137px;
  742. margin-left:0px;
  743. }
  744.  
  745. li.note {
  746. margin:10px 0 10px 0;
  747. padding:0;
  748. font-style:normal;
  749. }
  750.  
  751. li.note:before {
  752. content:"";
  753. padding:0;
  754. }
  755.  
  756. .more_notes_link, .notes_loading {
  757. float:center;
  758. text-align:center!important;
  759. text-transform:lowercase!important;
  760. font-weight:400!important;
  761. }
  762.  
  763. .notes img {
  764. display:none!important;
  765. }
  766.  
  767. ol.notes li.note blockquote {
  768. border:0;
  769. padding:0px 0px;
  770. margin:0px 0 0 0px;
  771. }
  772.  
  773. /*END OF POST INFO: PERMALINK */
  774.  
  775.  
  776. /*END OF POST INFO SECTION */
  777.  
  778.  
  779. /*-------------------------------------------------------------------------*/
  780.  
  781.  
  782. /*PAGINATION SECTION */
  783.  
  784.  
  785. /*PAGINATION: GENERAL */
  786.  
  787. .pagi {
  788. margin-top:20px;
  789. text-align:center;
  790. font-size:12.6px;
  791. margin-left:10px;
  792. padding-top:20px;
  793. width:540px;
  794. }
  795.  
  796. .pagi a {
  797. color:{color:links};
  798. }
  799.  
  800. .pagi a:hover {
  801. color:{color:hover};
  802. }
  803.  
  804. /*END OF PAGINATION: GENERAL */
  805.  
  806.  
  807. /*END OF PAGINATION SECTION */
  808.  
  809.  
  810. /*-------------------------------------------------------------------------*/
  811.  
  812.  
  813. </style></head>
  814.  
  815. <body>
  816.  
  817. <div class="main">
  818. <div class="credit"><a href="https://geminicodes.tumblr.com/">©️</a>
  819. <br> <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5630475";
  820. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  821. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  822. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  823. </script> - <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3345103";
  824. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  825. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  826. </script>
  827.  
  828. </div>
  829.  
  830. <div class="asidecontainer">
  831. <aside>
  832. <nav>
  833. <a href="/">{text:Home Title}</a>
  834. <a href="/ask">{text:Ask Title}</a>
  835. <a href="{text:Link 1 Url}">{text:Link 1 Title}</a>
  836. <a href="{text:Link 2 Url}">{text:Link 2 Title}</a>
  837. <a href="{text:link 3 url}">{text:link 3 title}</a>
  838. </nav>
  839. {block:IfSidebarImage}
  840. <img src="{image:sidebar image}">
  841. {/block:IfSidebarImage}
  842.  
  843. <h1>
  844. {block:IfTitle}
  845. <a href="/">{title}</a>
  846. {/block:IfTitle}
  847. </h1>
  848.  
  849. <div class="description">
  850. {Description}
  851. </div>
  852. </aside>
  853.  
  854. </div>
  855.  
  856. <div class="content">
  857.  
  858. {block:Posts}
  859. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}" id="{PostID}">
  860. <section class="post" id="{PostID}">
  861. {block:Audio}
  862. <div class="audio" id="{PostID}">
  863. {block:AudioEmbed}
  864. {AudioEmbed width="540px"}
  865. {/block:AudioEmbed}
  866. </div>
  867. {/block:Audio}
  868.  
  869. {block:Photo}
  870. <div class="media" id="{PostID}">
  871. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>
  872. </div>
  873. {/block:Photo}
  874.  
  875. {block:Photoset}
  876. <div class="media photoset" id="{PostID}">
  877. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  878.  
  879. {block:Photos}
  880. <div class="photo-data">
  881. <div class="pxu-photo">
  882. <img src="{PhotoURL}" width="{PhotoWidth}" height="{PhotoHeight}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  883. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  884. {/block:Photos}
  885. </div></div>
  886. {/block:Photoset}
  887.  
  888. {block:Video}
  889. <div class="media video" id="{PostID}">{Video-500}</div>
  890. {/block:Video}
  891.  
  892. {block:Answer}
  893. <div class="askimg"><img src="{AskerPortraitURL-40}" /></div>
  894. <div class="ask" id="{PostID}">
  895. <div class="question">{Asker} asked:
  896. <br>{Question}
  897. </div>
  898. </div>
  899. <div class="caption">{Answer}</div>
  900. {/block:Answer}
  901.  
  902. {block:Chat}
  903. {block:Title}
  904. <h1>{Title}</h1>
  905. {/block:Title}
  906.  
  907. <ul class="chat text">
  908. {block:Lines}
  909. <li class="line">
  910. {block:Label}
  911. <span class="label">{Label}&nbsp; </span>
  912. {/block:Label}
  913. {Line}</li>
  914. {/block:Lines}</ul>
  915. {/block:Chat}
  916.  
  917. {block:Link}
  918. <h1>
  919. <a href="{URL}">{Name}</a></h1>
  920. {block:Description}
  921. <div class="caption">{Description}</div>
  922. {/block:Description}
  923. {/block:Link}
  924.  
  925. {block:Quote}
  926. <div class="quote" id="{PostID}">{Quote}</div>
  927. {block:Source}
  928. <div class="source">— {Source}</div>
  929. {/block:Source}
  930. {/block:Quote}
  931.  
  932. {block:Text}
  933. {block:Title}
  934. <h1>{Title}</h1>
  935. {/block:Title}
  936. {block:Body}
  937. <div class="caption">{Body}</div>
  938. {/block:Body}
  939. {/block:Text}
  940.  
  941. {block:Caption}
  942. <div class="caption" id="{PostID}">{Caption}</div>
  943. {/block:Caption}
  944.  
  945. </section>
  946.  
  947. {block:Date}
  948. <div class="postinfo">
  949. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}</a>
  950. {block:NoteCount} / <a href="{Permalink}">{NoteCount} notes</a>
  951. {/block:NoteCount}
  952.  
  953.  
  954.  
  955. {block:HasTags}
  956. <div class="tags">
  957. {block:Tags}
  958. <a href="{TagURL}">{Tag}</a></i>
  959. {/block:Tags}
  960. </div>
  961. {/block:HasTags}
  962.  
  963. </div>
  964. {/block:Date}
  965.  
  966. </article>
  967.  
  968. {block:PostNotes} {PostNotes} {/block:PostNotes} {/block:Posts} <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} --> </div>
  969.  
  970. {block:Pagination}
  971. <div class="pagi">
  972. {block:PreviousPage}
  973. <a href="{PreviousPage}" title="previous page">previous</a> /
  974. {/block:PreviousPage}
  975. {block:NextPage}
  976. <a href="{NextPage}" title="next page">next</a>
  977. {/block:NextPage}
  978. </div>
  979. {/block:Pagination}
  980. </div>
  981.  
  982. <!-- SCRIPTS -->
  983.  
  984. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"> <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  985.  
  986. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  987.  
  988. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  989.  
  990. <script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  991.  
  992. <script> $('article').unnest({ yourCaption: ".caption", wrapName: ".caps", newCaptionUsername: true, originalPostCaptionUsername: false, tumblrAvatars: true, tumblrAvatarClass: ".ic", usernameColon: false }); </script>
  993.  
  994. <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  995.  
  996. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  997.  
  998. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  999.  
  1000. <script> $(document).ready(function(){ $('.photo-slideshow').pxuPhotoset({ lightbox: true, rounded: 'corners', gutter: '4px', borderRadius: '0px', photoset: '.photo-slideshow', photoWrap: '.photo-data', photo: '.pxu-photo' }); }); </script>
  1001.  
  1002.  
  1003. </body></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!