API tools faq
paste
Advertisement
userbru

theme twenty-six.

userbru
Mar 6th, 2023 (edited)
3,028
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.44 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. icons by feathericons, cappuccicons, font-awesome, phosphoricons
  17. tooltips by tippy
  18. NPF fix by glenthemes
  19. animated links by tobias ahlin
  20. masonry, tumblr controls by maziekeen
  21. fade in by cory laviska
  22.  
  23. -->
  24.  
  25. <meta name="color:Background" content="#fff">
  26. <meta name="color:Posts" content="#fff">
  27. <meta name="color:Text" content="#3f3f3f">
  28. <meta name="color:Borders" content="#f1f1f1">
  29. <meta name="color:Links" content="#333">
  30. <meta name="color:Nav Links" content="#000">
  31. <meta name="color:Link Glow" content="#fff">
  32. <meta name="color:Hover" content="#999">
  33. <meta name="color:Asks" content="#fff">
  34. <meta name="color:Custom Scrollbar" content="#333"/>
  35. <meta name="color:Gradient 1" content="#ffb3b3"/>
  36. <meta name="color:Gradient 2" content="#ffdada"/>
  37.  
  38. <meta name="text:Desktop Description" content=""/>
  39.  
  40. <meta name="image:Sidebar Image" content=""/>
  41.  
  42. <meta name="if:Sidebar Image" content="1" />
  43. <meta name="if:Custom Scrollbar" content="1" />
  44.  
  45. <meta name="text:Home Title" content="Home"/>
  46. <meta name="text:Ask Title" content="Ask"/>
  47. <meta name="text:Link 1 Url" content="/"/>
  48. <meta name="text:Link 1 Title" content="One"/>
  49. <meta name="text:Link 2 Url" content="/"/>
  50. <meta name="text:Link 2 Title" content="Two"/>
  51. <meta name="text:Link 3 Url" content="/">
  52. <meta name="text:Link 3 Title" content="Three"/>
  53. <meta name="text:Link 4 Url" content="/">
  54. <meta name="text:Link 4 Title" content="Four"/>
  55.  
  56.  
  57. <!-- SCRIPTS -->
  58.  
  59. <script src="//cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>
  60.  
  61. <!--
  62. NPF images fix v3.0 by @glenthemes [2021]
  63. 💌 git.io/JRBt7
  64. --->
  65. <script src="//npf-images-v3.github.io/script.js"></script>
  66. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  67. <style tmblr-npf>
  68. :root {
  69. --NPF-Caption-Spacing:1em;
  70. --NPF-Image-Spacing:4px;
  71. }
  72. </style>
  73.  
  74. <link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
  75.  
  76.  
  77. <script type="text/javascript" src="https://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  78.  
  79. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  80.  
  81. <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>
  82.  
  83. <!-- ICONS, FONTS -->
  84.  
  85. <script src="https://unpkg.com/feather-icons"></script>
  86. <script src="https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]"></script>
  87. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.css"></link>
  88. <link rel="stylesheet" href="https://static.tumblr.com/svdghan/wUSr83npl/tempcf.css">
  89.  
  90.  
  91.  
  92. <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter&family=Poppins&family=Work+Sans&display=swap" rel="stylesheet">
  93.  
  94. <link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
  95.  
  96. <!-- POP UP -->
  97.  
  98. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script>
  99. $(document).ready(function(){
  100. $('.click,.fade').click(function() {
  101. $('#pop').fadeToggle();
  102. });
  103. });
  104. </script>
  105.  
  106.  
  107. <style type="text/css">
  108.  
  109.  
  110. /*-------------------------------------------------------------------------*/
  111.  
  112.  
  113. /*GENERAL SECTION */
  114.  
  115.  
  116. /* TOOLTIPS */
  117. .tippy-tooltip.gradient-theme {
  118. background-image:linear-gradient(to right, {color:Gradient 1}, {color:Gradient 2});
  119. color:var(--boxes);
  120. text-align:center;
  121. font-family:'Public Sans', sans-serif;
  122. font-weight:bold;
  123. text-transform:uppercase;
  124. letter-spacing:1px;
  125. font-size:0.90em;
  126. box-shadow: 7px 7px 7px -9px rgba(000,000,000, 0.45);}
  127.  
  128. .tippy-tooltip.gradient-theme .tippy-svg-arrow {
  129. fill:var(--text);}
  130.  
  131. /* ----- TUMBLR CONTROLS ---- */
  132.  
  133.  
  134. .controls-button {
  135. position: fixed;
  136. cursor: help;
  137. top: 20px;
  138. right: 2rem;
  139. z-index: 1000;
  140. cursor: pointer;
  141. right:1.5rem;
  142. }
  143.  
  144. .tmblr-iframe {
  145. z-index: 999999999!important;
  146. opacity: 0;
  147. visibility: hidden;
  148. width:30px;
  149. -webkit-transition: all 0.5s;
  150. -moz-transition: all 0.5s;
  151. -ms-transition: all 0.5s;
  152. -o-transition: all 0.5s;
  153. transition: all 0.5s;
  154. }
  155.  
  156. body.controls-click .tmblr-iframe {
  157. opacity: 1;
  158. margin-right: 4rem;
  159. display:inline;
  160. vertical-align:bottom;
  161. visibility: visible;
  162. -webkit-transition: all 0.5s;
  163. -moz-transition: all 0.5s;
  164. -ms-transition: all 0.5s;
  165. -o-transition: all 0.5s;
  166. transition: all 0.5s;
  167. }
  168.  
  169.  
  170.  
  171. /*GENERAL: SCROLLBAR */
  172.  
  173. {block:IfCustomScrollbar}
  174. ::-webkit-scrollbar {
  175. width:12px;
  176. height:12px;
  177. background:{color:background};
  178. }
  179.  
  180. ::-webkit-scrollbar-thumb {
  181. background:{color:custom scrollbar};
  182. }
  183. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  184. border:5px solid {color:background};
  185. }
  186. {/block:IfCustomScrollbar}
  187.  
  188. /*END OF GENERAL: SCROLLBAR */
  189.  
  190. /*GENERAL: SELECTION */
  191.  
  192. ::selection {
  193. background-color:{color:Links};
  194. color:{color:background};
  195. }
  196. /*END OF GENERAL: SELECT */
  197.  
  198. /*GENERAL: STYLING */
  199.  
  200. body {
  201. font-size:11.5px;
  202. font-family: 'Inter', sans-serif;
  203. text-align:justify;
  204. margin:0;
  205. line-height:1.5em;
  206. -moz-osx-font-smoothing:grayscale;
  207. -webkit-font-smoothing:antialiased;
  208. font-smoothing:antialiased;
  209. color:{color:text};
  210. background:{color:background};
  211. opacity: 1;
  212. transition: 1s opacity;
  213. }
  214.  
  215. body.fade-out {
  216. opacity: 0;
  217. transition: none;
  218. }
  219.  
  220. html {
  221. background-color: {color:background};
  222. }
  223.  
  224.  
  225. #s-m-t-tooltip {
  226. font-size:12px;
  227. font-family: 'Work Sans', sans-serif;
  228. max-width:300px;
  229. background:{color:posts};
  230. margin:10px;
  231. padding:5px;
  232. border:0px;
  233. border-radius:0px;
  234. color:{color:text};
  235. z-index:999999;
  236. font-style:none;
  237. box-shadow: 0px 0px 0px rgba(0,0,0,.1);
  238. text-transform:lowercase;
  239. }
  240.  
  241. a {
  242. color: {color:Links};
  243. position:relative;
  244. text-decoration: none;
  245. -webkit-transition: all 0.3s;
  246. -moz-transition: all 0.3s;
  247. -ms-transition: all 0.3s;
  248. -o-transition: all 0.3s;
  249. transition: all 0.3s;
  250. }
  251.  
  252. a:hover {
  253. color: {color:Hover};
  254. -webkit-transition: all 0.3s;
  255. -moz-transition: all 0.3s;
  256. -ms-transition: all 0.3s;
  257. -o-transition: all 0.3s;
  258. transition: all 0.3s;
  259. }
  260.  
  261. a::before {
  262. content: "";
  263. position: absolute;
  264. display: block;
  265. width: 100%;
  266. height: 2px;
  267. bottom: 0;
  268. left: 0;
  269. background-image:linear-gradient(to right, {color:Gradient 1}, {color:Gradient 2});
  270. transform: scaleX(0);
  271. transition: transform 0.3s ease;
  272. }
  273.  
  274. a:hover::before {
  275. transform: scaleX(1);
  276. }
  277.  
  278.  
  279. a[href*="http"] {
  280. position: relative;
  281.  
  282. }
  283.  
  284. u {
  285. font-weight:600;
  286. border-bottom:2px solid {color:Gradient 2};
  287. text-decoration:none;
  288. padding:1px;
  289. }
  290.  
  291. ::selection {
  292. color:{color:Selected Text};
  293. background:{color:Links};
  294.  
  295. }
  296.  
  297. li {
  298. list-style-type:circle;
  299. }
  300.  
  301.  
  302. .credit {
  303. position:fixed;
  304. bottom:35px;
  305. right:45px;
  306. font-size:18px;
  307. z-index:10;
  308. text-shadow: 1px 1px 10px {color:Link Glow};
  309. }
  310.  
  311. .credit a {
  312. color:{color:Nav Links};
  313. }
  314.  
  315. .credit a:hover {
  316. color:{color:hover};
  317. }
  318.  
  319. .credit a::before {
  320. height: 0px;
  321. }
  322.  
  323. small, sub, sup {
  324. font-size:12px;
  325. }
  326.  
  327. b, 700, strong {
  328. color:{color:links};
  329. }
  330.  
  331. .entry h1 {
  332. font-size:18px!important;
  333. }
  334.  
  335. pre {
  336. font-size:12px;
  337. font-family:arial;
  338. }
  339.  
  340. blockquote {
  341. display:block;
  342. margin:0;
  343. margin-left:5px;
  344. margin-right:5px;
  345. padding-left:10px;
  346. border-left:1px #f1f1f1 solid;
  347. }
  348.  
  349. blockquote blockquote {
  350. border:none;
  351. padding:0;
  352. margin:0;
  353. }
  354.  
  355. img {
  356. border:0;
  357. max-width:100%;
  358. height:auto;
  359. margin-left:0px;
  360. }
  361.  
  362. hr {
  363. margin:1em 0;
  364. border:0;
  365. height:1px;
  366. -moz-box-sizing:border-box;
  367. box-sizing:border-box;
  368. background-color:{color:borders};
  369. }
  370.  
  371. ol {
  372. margin-left:-25px;
  373. }
  374.  
  375. ul {
  376. margin-left:-25px;
  377. }
  378.  
  379. /*END OF GENERAL: STYLING */
  380.  
  381.  
  382. /*GENERAL: CONTAINERS */
  383.  
  384. .main {
  385. margin:150px auto;
  386. padding-left:300px;
  387. width:540px;
  388. }
  389.  
  390. .asidecontainer {
  391. position:fixed;
  392. height:100%;
  393. margin-left:-380px;
  394. }
  395.  
  396. /*END OF GENERAL: CONTAINERS */
  397.  
  398. /* --- FEATHERICONS ----*/
  399.  
  400. .feather {
  401. width:12px;
  402. }
  403.  
  404.  
  405. #update-icon {
  406. display: flex;
  407. flex-direction: row-reverse;
  408. justify-content: center;
  409. align-items: center;
  410. position: fixed;
  411. height:100vh;
  412. top: 0;
  413. right: 20px;
  414. z-index: 50;
  415. }
  416.  
  417. #update-icon i {
  418. font-size: 21px;
  419. color: #212121;
  420. }
  421.  
  422.  
  423. #update-wrapper {display: none;}
  424.  
  425. #update-content {
  426. display: flex;
  427. justify-content: center;
  428. align-items: center;
  429. margin-right: 10px;
  430. }
  431.  
  432. #update-arrow {
  433. border-top: 10px solid transparent;
  434. border-bottom: 10px solid transparent;
  435. border-left: 10px solid #fbfbfb;
  436. }
  437.  
  438. #update-box {
  439. width: 160px;
  440. font-size: 12px;
  441. padding: 1em;
  442. background: #fbfbfb;
  443. color: #555;
  444. border-radius: 5px;
  445. }
  446.  
  447. #update-box i {font-size: 1em; }
  448.  
  449. .update-title {font-weight: bold; font-size: 14px; line-height: 1.6em;}
  450.  
  451.  
  452. /*END OF GENERAL SECTION */
  453.  
  454.  
  455. /*-------------------------------------------------------------------------*/
  456.  
  457.  
  458. /*SIDEBAR SECTION */
  459.  
  460.  
  461. /*SIDEBAR: GENERAL */
  462.  
  463. aside {
  464. width:350px;
  465. height:auto;
  466. padding:10px;
  467. margin-left:-60px;
  468. border-radius:20px;
  469. top: {text:post margin}px;
  470. text-align:Center;
  471. position:fixed;
  472. overflow:hidden;
  473. background:{color:posts};
  474. border:1px solid {color:Borders};
  475. }
  476.  
  477. /*END OF SIDEBAR: GENERAL */
  478.  
  479. /*SIDEBAR: IMAGE */
  480.  
  481. aside img {
  482. width:300px;
  483. border-radius:5px;
  484. }
  485.  
  486. /*END OF SIDEBAR: IMAGE */
  487.  
  488. /*SIDEBAR: TITLE*/
  489.  
  490. aside h1 {
  491. margin-top:10px;
  492. font-family: 'Poppins', sans-serif;
  493. text-shadow: 1px 1px 10px {color:Link Glow};
  494.  
  495. }
  496.  
  497. .subtitle {
  498. font-size:11px;
  499. font-family: 'Work Sans', sans-serif;
  500. weight:300;
  501. margin-top:-10px;
  502. margin-bottom:10px;
  503. }
  504.  
  505. .subtitle a:hover{
  506. font-style:italic!important;
  507. }
  508.  
  509. /*END OF SIDEBAR: TITLE*/
  510.  
  511. /*SIDEBAR: DESCRIPTION */
  512.  
  513. .description {
  514. color:{color:text}!important;
  515. margin-top:10px;
  516. }
  517.  
  518. .search .query {
  519. color:{color:text};
  520. width:290px;
  521. font-family:'Poppins';
  522. background-color:transparent;
  523. text-align:center;
  524. font-size:10px;
  525. border:0px;
  526. margin-top:20px;
  527. outline:none;
  528. }
  529.  
  530.  
  531. /*END OF SIDEBAR: DESCRIPTION */
  532.  
  533. /*SIDEBAR: NAVIGATION */
  534.  
  535. nav {
  536. overflow:visible;
  537. margin-top:15px;
  538. font-family:'Poppins', sans-serif;
  539. font-size:14px;
  540. width:350px;
  541. padding-left:10px;
  542. }
  543.  
  544. nav a {
  545. display:inline-block;
  546. text-align:center;
  547. color:{color:nav links};
  548. margin-bottom:3px;
  549. margin-right:15px;
  550. font-weight:600;
  551. text-shadow: 1px 1px 10px {color:Link Glow};
  552.  
  553. }
  554.  
  555. nav a:hover {
  556. color:{color:hover};
  557. }
  558.  
  559. nav a::before {
  560. height: 0px;
  561. }
  562.  
  563.  
  564. /*END OF SIDEBAR: NAVIGATION */
  565.  
  566.  
  567. /*END OF SIDEBAR SECTION */
  568.  
  569.  
  570. /*-------------------------------------------------------------------------*/
  571.  
  572.  
  573. /*---- MASONRY ----*/
  574.  
  575. .masonry-navigation {
  576. width: 100%;
  577. border-bottom: 1px solid #e2e2e2;
  578. margin-bottom:15px;
  579. }
  580.  
  581. .masonry-navigation:last-child {
  582. border:none;
  583. }
  584.  
  585. .masonry-navigation-item.one-column {
  586. width: 100%;
  587. padding: 0 5px;
  588. margin-bottom: 10px;
  589. }
  590.  
  591. .masonry-navigation-item.one-column ul {
  592. display: flex;
  593. flex-wrap: wrap;
  594. margin: 0;
  595. padding: 0;
  596. }
  597.  
  598. /* if you have any problem with one colum lists (ul li) you edit here */
  599. .masonry-navigation-item.one-column ul li {
  600. margin: 4px 15px;
  601. padding: 0;
  602. }
  603.  
  604. /* if they don't display two columns correctly, try to decrease the value on width: 240px */
  605. .masonry-navigation-item.two-columns {
  606. width: 240px;
  607. padding: 0 5px;
  608. margin-bottom: 10px;
  609. }
  610.  
  611. /* if they don't display three columns correctly, try to decrease the value on width: 160px */
  612. .masonry-navigation-item.three-columns {
  613. width: 160px;
  614. padding: 0 5px;
  615. margin-bottom: 10px;
  616. }
  617.  
  618. /* edit height: 215px to adjust the box height if you add the class scroll in the html */
  619. .masonry-navigation-item.scroll {
  620. height:215px;
  621. overflow-y: scroll;
  622. }
  623.  
  624.  
  625.  
  626.  
  627. /*POSTS SECTION */
  628.  
  629.  
  630. /*POSTS: GENERAL */
  631.  
  632. .content {
  633. margin:0px 0px;
  634. }
  635.  
  636. .entry {
  637. width:580px;
  638. margin-bottom:150px;
  639. background-color:{color:posts};
  640. border:1px solid {color:Borders};
  641. padding:10px;
  642. border-radius:10px;
  643.  
  644. }
  645.  
  646. .entry 700, b, strong {
  647. color:{color:links};
  648. }
  649.  
  650. .entry:last-child {
  651. margin-bottom:0;
  652. }
  653.  
  654. .post {
  655. margin:0px 0px 0px 0px;
  656. width:540px;
  657. position:relative;
  658. padding:20px;
  659. }
  660.  
  661. .text:last-child, .text *:last-child {
  662. margin-bottom:0px;
  663. }
  664.  
  665. .vignette, #vignette {
  666. opacity:0;
  667. }
  668.  
  669. .lightbox-image, #tumblr_lightbox img {
  670. box-shadow:none !important;
  671. border-radius:0px !important;
  672. max-width:none;
  673. }
  674. .tmblr-lightbox, #tumblr_lightbox {
  675. background-color:rgba(255,255,255,.75) !important;
  676. }
  677.  
  678. /*END OF POSTS: GENERAL */
  679.  
  680. /*POSTS: CAPTIONS */
  681.  
  682. .caption {
  683. width:540px;
  684. margin-top:10px;
  685. padding:0px;
  686. margin-bottom:0px;
  687. border:0;
  688. text-align:justify;
  689. }
  690.  
  691. .caption blockquote {
  692. max-width:540px;
  693. font-weight:normal;
  694. border:0;
  695. margin:0px 0px 7px 0px;
  696. padding:0;
  697. }
  698.  
  699. .caption blockquote:last-child {
  700. margin:0px;
  701. }
  702.  
  703. .caption p {
  704. padding:0;
  705. margin:0;
  706. }
  707.  
  708. .caps blockquote {
  709. max-width:540px;
  710. margin:10px 0px 10px 0px;
  711. font-weight:normal;
  712. border-left:1px solid {color:borders};
  713. padding-left:10px;
  714. padding-right:10px;
  715. }
  716.  
  717. .caps a.tumblr_blog {
  718. padding-bottom:0px;
  719. border-bottom:0;
  720. text-overflow:ellipsis;
  721. vertical-align:middle;
  722. font-weight: 600;
  723. text-transform:lowercase;
  724. color:{color:nav links}!important;
  725. -webkit-transition:all 0.2s;
  726. -moz-transition:all 0.2s;
  727. -ms-transition:all 0.2s;
  728. -o-transition:all 0.2s;
  729. transition:all 0.2s;
  730. margin-top:0px;
  731. margin-bottom:0px;
  732. line-height:16px!important;
  733. text-shadow: 1px 1px 10px {color:Link Glow};
  734. }
  735.  
  736. .caps a.tumblr_blog:hover {
  737. color:{color:links}!important;
  738. text-decoration:none;
  739. -webkit-transition:all 0.2s;
  740. -moz-transition:all 0.2s;
  741. -ms-transition:all 0.2s;
  742. -o-transition:all 0.2s;
  743. transition:all 0.2s;
  744. }
  745.  
  746. .caps .ic{
  747. width:18px;
  748. height:18px;
  749. margin-right:10px;
  750. display:inline-block;
  751. float:left;
  752. background:transparent;
  753. text-align:left;
  754. padding:0;
  755. margin-left:0;
  756. margin-top:0;
  757. }
  758.  
  759. .caps {
  760. margin:0px 0px 0px 0px;
  761. padding:0;
  762. border-left:0;
  763. }
  764.  
  765. .caps p {
  766. margin:5px 0 5px 0;
  767. font-weight:normal;
  768. padding:0;
  769. border-left:0;
  770. }
  771.  
  772. .caps p:last-child {
  773. margin:5px 0 0 0;
  774. }
  775.  
  776. .caps b {
  777. color:{color:links};
  778. font-weight:400;
  779. }
  780.  
  781. .caps hr {
  782. margin:0;
  783. border:0;
  784. }
  785.  
  786. .caps img {
  787. margin-top:10px;
  788. max-width:100%;
  789. display:inline-block;
  790. }
  791.  
  792. /*END OF POSTS: CAPTIONS */
  793.  
  794. /*POSTS: ASKS */
  795.  
  796. .ask {
  797. min-height:30px;
  798. padding:20px;
  799. width:auto;
  800. margin-bottom:3px;
  801. background:{color:asks};
  802. border-radius:10px;
  803. border:1px solid {color:borders};
  804. }
  805.  
  806. .question {
  807. text-transform:lowercase;
  808. }
  809.  
  810. .question a {
  811. color: {color:links};
  812. }
  813.  
  814. .question a:hover {
  815. color: {color:hover};
  816. }
  817.  
  818. .askimg {
  819. width: 50px;
  820. display:inline;
  821. float:right;
  822. }
  823.  
  824. .askimg img {
  825. width:35px;
  826. margin-top:0px;
  827. margin-left:15px;
  828. border-radius:100%;
  829. }
  830.  
  831. .answer img {
  832. margin-bottom:10px;
  833. }
  834.  
  835. /*END OF POSTS: ASKS */
  836.  
  837. /*POSTS: STYLES */
  838.  
  839. .chat {
  840. list-style-type:none;
  841. margin-bottom:10px;
  842. }
  843.  
  844. .chat .label {
  845. line-height:1.5em;
  846. }
  847.  
  848. .quote {
  849. margin-bottom:5px;
  850. }
  851.  
  852. .source {
  853. }
  854.  
  855. .media {
  856. position:relative;
  857. display:inline-block;
  858. width:100%;
  859. }
  860.  
  861. .media img {
  862. position:relative;
  863. display:inline-block;
  864. width:540px!important;
  865. }
  866.  
  867.  
  868. /*END OF POSTS: STYLES */
  869.  
  870. /*END OF POSTS SECTION /*
  871.  
  872.  
  873. /*-------------------------------------------------------------------------*/
  874.  
  875.  
  876. /*POST INFO SECTION */
  877.  
  878.  
  879. /*POST INFO: BOTTOM */
  880.  
  881. .postinfo {
  882. margin:65px 0 0 0;
  883. margin:20px 0px 0px 0px;
  884. text-align:left;
  885. background:transparent;
  886. line-height:1.5em!important;
  887. }
  888.  
  889. .postinfo b {
  890. }
  891.  
  892. .postinfo a {
  893. display:inline-block;
  894. height:14px;
  895. line-height:10px;
  896. }
  897.  
  898. .postinfo i {
  899. font-style: normal;
  900. }
  901.  
  902. .postinfo a:hover {
  903. color:{color:hover};
  904. }
  905.  
  906. .postinfo a::before {
  907. height: 0px;
  908. }
  909.  
  910. .postinfo p {
  911. margin-top:-10px!important;
  912. }
  913.  
  914. svg {
  915. width:12px;
  916. height:auto;
  917. opacity:.7;
  918. padding:1px;
  919. display:block;
  920. overflow:visible;
  921. margin-left:5px;
  922. margin-top:-3px;
  923. background:transparent;
  924. }
  925.  
  926. .controls a {
  927. position:relative;
  928. display:inline-block;
  929. overflow:hidden;
  930. padding:5px;
  931. width:18px;
  932. height:12px;
  933. color:#333;
  934. margin-left:-7px;
  935. background:transparent;
  936. }
  937.  
  938. .controls a::before {
  939. height: 0px;
  940. }
  941.  
  942. .controls .reblog {
  943. opacity:0.93;
  944. background:transparent;
  945. }
  946.  
  947. .controls .reblog svg {
  948. width:16px;
  949. background:transparent;
  950. }
  951.  
  952. .controls .like .liked + svg {
  953. opacity:1;
  954. background:transparent;
  955. }
  956.  
  957. .controls .like .liked + svg path {
  958. fill:#ffaaaa;
  959. }
  960.  
  961. .controls .like .like_button {
  962. position:relative;
  963. background:transparent;
  964. }
  965.  
  966. .controls .like .like_button iframe {
  967. position:absolute;
  968. top:0;
  969. left:0;
  970. bottom:0;
  971. right:0;
  972. z-index:2;
  973. opacity:0.000001;
  974. }
  975.  
  976. .tags {
  977. color:{color:links}!important;
  978. text-transform:lowercase;
  979. opacity:1;
  980.  
  981. -webkit-transition: all 0.7s ease;
  982. transition: all 0.7s ease;
  983. -moz-transition: all 0.7s ease;
  984. -o-transition: all 0.7s ease;
  985. text-align:justify!important;
  986. }
  987.  
  988. .tags a {
  989. font-style:none;
  990. margin-right:2px;
  991. word-wrap:break-word;
  992. }
  993.  
  994. .tags a:hover {
  995. text-decoration:none;
  996. }
  997.  
  998. /*END OF POST INFO: BOTTOM */
  999.  
  1000. /*POST INFO: PERMALINK */
  1001.  
  1002. ol.notes {
  1003. list-style-type:none;
  1004. font-style:normal;
  1005. margin-top:-137px;
  1006. margin-left:0px;
  1007. }
  1008.  
  1009. li.note {
  1010. margin:10px 0 10px 0;
  1011. padding:0;
  1012. font-style:normal;
  1013. }
  1014.  
  1015. li.note:before {
  1016. content:"";
  1017. padding:0;
  1018. }
  1019.  
  1020. .more_notes_link, .notes_loading {
  1021. float:left;
  1022. text-align:left!important;
  1023. text-transform:lowercase!important;
  1024. font-weight:400!important;
  1025. }
  1026.  
  1027. .notes img {
  1028. display:none!important;
  1029. }
  1030.  
  1031. ol.notes li.note blockquote {
  1032. border:0;
  1033. padding:0px 0px;
  1034. margin:0px 0 0 0px;
  1035. }
  1036.  
  1037. /*END OF POST INFO: PERMALINK */
  1038.  
  1039. .tagpage {
  1040. text-transform:uppercase;
  1041. font-size:9px;
  1042. color:{Borders};
  1043. padding-bottom:40px;
  1044. }
  1045.  
  1046.  
  1047.  
  1048. /*END OF POST INFO SECTION */
  1049.  
  1050.  
  1051. /*-------------------------------------------------------------------------*/
  1052.  
  1053.  
  1054. /*PAGINATION SECTION */
  1055.  
  1056.  
  1057. /*PAGINATION: GENERAL */
  1058.  
  1059. .pagi {
  1060. margin-top:20px;
  1061. text-align:center;
  1062. font-size:14px;
  1063. margin-left:10px;
  1064. padding-top:20px;
  1065. width:540px;
  1066. }
  1067.  
  1068. .pagi a {
  1069. color:{color:links};
  1070. }
  1071.  
  1072. .pagi a:hover {
  1073. color:{color:hover};
  1074. }
  1075.  
  1076. /*END OF PAGINATION: GENERAL */
  1077.  
  1078.  
  1079. /*END OF PAGINATION SECTION */
  1080.  
  1081.  
  1082.  
  1083. /*-------------------------------------------------------------------------*/
  1084.  
  1085.  
  1086. </style></head>
  1087.  
  1088. <body>
  1089.  
  1090.  
  1091. <script>
  1092. document.body.classList.add('fade-out');
  1093. window.addEventListener('DOMContentLoaded', () => {
  1094. document.body.classList.remove('fade-out');
  1095. });
  1096. </script>
  1097.  
  1098. <div class="main">
  1099.  
  1100. <div class="credit">
  1101.  
  1102. </div>
  1103.  
  1104. <div class="asidecontainer">
  1105. <aside>
  1106.  
  1107.  
  1108. <h1>
  1109. <a href="/">{title}</a>
  1110. </h1>
  1111. <div class="subtitle">+ <a href="https://www.tumblr.com/follow/{Name}">@{Name}</a></div>
  1112.  
  1113. {block:IfSidebarImage}
  1114. <img src="{image:sidebar image}">
  1115. {/block:IfSidebarImage}
  1116.  
  1117.  
  1118. <div class="description">
  1119. {text:Desktop Description}
  1120. </div>
  1121.  
  1122. <form class="search" action="javascript:return false">
  1123. <input type="text" class="query" placeholder="search this blog...">
  1124. </form>
  1125.  
  1126.  
  1127. <nav>
  1128. <a href="/" title="{text:Home Title}"><i class="cp cp-home"></i></a>
  1129. <a href="/ask" title="{text:Ask Title}"><i class="cp cp-chat"></i></a>
  1130. <a href="{text:Link 1 Url}" title="{text:Link 1 Title}"><i class="cp cp-planet"></i></a>
  1131. <a href="{text:Link 2 Url}" title="{text:Link 2 Title}"><i class="cp cp-stars"></i></a>
  1132. <a href="{text:Link 3 Url}" title="{text:Link 3 Title}"><i class="cp cp-folder"></i></a>
  1133. <a href="{text:Link 4 Url}" title="{text:Link 4 Title}"><i class="cp cp-code"></i></a>
  1134. </nav>
  1135.  
  1136. </aside>
  1137. </div>
  1138.  
  1139.  
  1140. <div class="content">
  1141.  
  1142. {block:TagPage}
  1143.  
  1144. <div class="tagpage">
  1145. Showing posts tagged with #{Tag}:
  1146. </div>
  1147.  
  1148. {/block:TagPage}
  1149.  
  1150.  
  1151. {block:posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  1152. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}" id="{PostID}" post-type="{PostType}">
  1153. <section class="post" id="{PostID}" post-type="{PostType}">
  1154.  
  1155. {block:Audio}
  1156. <div class="audio" id="{PostID}">
  1157. {block:AudioEmbed}
  1158. {AudioEmbed width="540px"}
  1159. {/block:AudioEmbed}
  1160. </div>
  1161. {/block:Audio}
  1162.  
  1163. {block:Photo}
  1164. <div class="media" id="{PostID}">
  1165. <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>
  1166. </div>
  1167. {/block:Photo}
  1168.  
  1169. {block:Photoset}
  1170. <div class="media photoset" id="{PostID}">
  1171. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1172.  
  1173. {block:Photos}
  1174. <div class="photo-data">
  1175. <div class="pxu-photo">
  1176. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  1177. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  1178. {/block:Photos}
  1179. </div></div>
  1180. {/block:Photoset}
  1181.  
  1182. {block:Video}
  1183. <div class="media video" id="{PostID}">{Video-500}</div>
  1184. {/block:Video}
  1185.  
  1186. {block:Answer}
  1187. <div class="ask" id="{PostID}">
  1188. <div class="askimg"><img src="{AskerPortraitURL-40}" /></div>
  1189. <div class="question"><strong><i class="ph-envelope-simple-open-bold" style="vertical-align:middle"></i> {Asker} asked:</strong>
  1190. <br>{Question}
  1191. </div>
  1192. </div>
  1193. <div class="caption">{Answer}</div>
  1194. {/block:Answer}
  1195.  
  1196. {block:Chat}
  1197. {block:Title}
  1198. <h1>{Title}</h1>
  1199. {/block:Title}
  1200.  
  1201. <ul class="chat text">
  1202. {block:Lines}
  1203. <li class="line">
  1204. {block:Label}
  1205. <span class="label">{Label}&nbsp; </span>
  1206. {/block:Label}
  1207. {Line}</li>
  1208. {/block:Lines}</ul>
  1209. {/block:Chat}
  1210.  
  1211. {block:Link}
  1212. <h1>
  1213. <a href="{URL}">{Name}</a></h1>
  1214. {block:Description}
  1215. <div class="caption">{Description}</div>
  1216. {/block:Description}
  1217. {/block:Link}
  1218.  
  1219. {block:Quote}
  1220. <div class="quote" id="{PostID}">{Quote}</div>
  1221. {block:Source}
  1222. <div class="source">— {Source}</div>
  1223. {/block:Source}
  1224. {/block:Quote}
  1225.  
  1226. {block:Text}
  1227. {block:Title}
  1228. <h1>{Title}</h1>
  1229. {/block:Title}
  1230. {block:Body}
  1231. <div class="caption">{Body}</div>
  1232. {/block:Body}
  1233. {/block:Text}
  1234.  
  1235. {block:Caption}
  1236. <div class="caption" id="{PostID}">{Caption}</div>
  1237. {/block:Caption}
  1238.  
  1239. </section>
  1240.  
  1241. {block:Date}
  1242. <div class="postinfo">
  1243. {block:PinnedPostLabel}<a href="{Permalink}" class="pinned-post"><i class="ph-push-pin-bold"></i> </a> / {/block:PinnedPostLabel} <a href="{Permalink}" title="{TimeAgo}"><i class="ph-calendar-check-bold"></i></a>
  1244. {block:NoteCount}
  1245. / <a href="{Permalink}" title="{NoteCountWithLabel}"><i class="ph-activity-bold"></i></a>
  1246. {/block:NoteCount}
  1247.  
  1248. <span style="float:right;"><span class="controls"><a href="{ReblogURL}" target="_blank" class="reblog" title="reblog this post"> <i class="ph-arrows-clockwise-bold"></i></a>
  1249.  
  1250. <a href="#" class="like" title="like this post">{LikeButton} <i class="ph-heart-bold"></i></a></span></span>
  1251.  
  1252. {block:HasTags}
  1253. <div class="tags">
  1254. {block:Tags}
  1255. <a href="{TagURL}">#{Tag}</a></i>
  1256. {/block:Tags}
  1257. </div>
  1258. {/block:HasTags}
  1259.  
  1260. </div>
  1261. {/block:Date}
  1262.  
  1263. </article>
  1264.  
  1265. <!--- TUMBLR CONTROLS -->
  1266.  
  1267.  
  1268. <div title="Tumblr Controls" class="controls-button"><i class="ph-gear" style="font-size:15px"></i></div>
  1269.  
  1270.  
  1271. <div class="credit"><a href="https://geminicodes.tumblr.com/" title="by bru"><i class="ph-moon"></i></a></div>
  1272.  
  1273. {block:PostNotes} {PostNotes} {/block:PostNotes} {/block:Posts} <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} --> </div>
  1274.  
  1275.  
  1276. {block:Pagination}
  1277. <div class="pagi">
  1278. {block:PreviousPage}
  1279. <a href="{PreviousPage}" title="previous page">previous</a> /
  1280. {/block:PreviousPage}
  1281. {block:NextPage}
  1282. <a href="{NextPage}" title="next page">next</a>
  1283. {/block:NextPage}
  1284. </div>
  1285. {/block:Pagination}
  1286. </div>
  1287.  
  1288.  
  1289.  
  1290. <!-- SCRIPTS -->
  1291.  
  1292.  
  1293. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  1294.  
  1295. <script>feather.replace();</script>
  1296.  
  1297. <script>
  1298. $(document).ready(function(){
  1299. $('.search').submit(function(event){
  1300. var value = $('input:first').val();
  1301. location.replace('https://{Name}.tumblr.com/search/' + value);
  1302. });
  1303. });
  1304. </script>
  1305.  
  1306.  
  1307. <!--- TUMBLR CONTROLS -->
  1308.  
  1309. <script src=“//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js”></script>
  1310.  
  1311. <script>
  1312. $('.controls-button').click(function(){
  1313. $('body').toggleClass('controls-click');
  1314. });
  1315. </script>
  1316.  
  1317. <!--- CAPTIONS -->
  1318. <script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  1319.  
  1320. <script> $('article').unnest({ yourCaption: ".caption", wrapName: ".caps", newCaptionUsername: true, originalPostCaptionUsername: false, tumblrAvatars: false, tumblrAvatarClass: ".ic", usernameColon: false }); </script>
  1321.  
  1322. <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1323.  
  1324. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1325.  
  1326. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  1327.  
  1328. <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>
  1329.  
  1330. <script src="https://unpkg.com/popper.js@1"></script>
  1331. <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script>
  1332. <link rel="stylesheet" href="https://unpkg.com/tippy.js@5/dist/svg-arrow.css" />
  1333.  
  1334.  
  1335.  
  1336. <script>
  1337.  
  1338.  
  1339. tippy('a[title]', {
  1340. theme: 'gradient',
  1341. arrow: false,
  1342. zIndex: 9999999999,
  1343. maxWidth: 300,
  1344.  
  1345. content(reference) {
  1346. const title = reference.getAttribute('title');
  1347. reference.removeAttribute('title');
  1348. return title;
  1349. },
  1350. });
  1351.  
  1352.  
  1353. </script>
  1354.  
  1355.  
  1356. <!-- masonry navigation -->
  1357. <script src="https://static.tumblr.com/0siu224/Ljlqmh1nv/masonry.pkgd.min.js"></script>
  1358.  
  1359. <script type="text/javascript">
  1360. // masonry navigation
  1361. var elements = document.getElementsByClassName('masonry-navigation');
  1362. var msnry;
  1363. var nElements = elements.length;
  1364. for(var i = 0; i < nElements; i++){
  1365. msnry = new Masonry( elements[i], {
  1366. // columnWidth: 268,
  1367. gutter: 10,
  1368. itemSelector: '.masonry-navigation-item',
  1369. });
  1370. }
  1371. </script>
  1372.  
  1373.  
  1374. </body>
  1375.  
  1376. </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!