API tools faq
paste
Advertisement
userbru

theme twelve.

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