API tools faq
paste
Advertisement
userbru

theme eleven.

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