API tools faq
paste
pegasusthemes

theme 05 // ophelia

pegasusthemes
Feb 9th, 2020 (edited)
1,921
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.16 KB | None | 0 0
raw download clone embed print report
  1. <!-- OPHELIA by @venusthms / @leejordan
  2.  
  3. -------------------------------------------------------------------------
  4.  
  5. - do no redistribute any part of this theme or remove the credit
  6. - terms of use: venusthms.tumblr.com/terms
  7.  
  8. - base code @sorrism
  9. - css photosets @annasthms & @espoirthemes
  10. - npf fix by @glenthemes
  11. - icon font https://cappuccicons.com/
  12. - more credits https://venusthms.tumblr.com/credits
  13.  
  14. ------------------------------------------------------------------------>
  15.  
  16. <!DOCTYPE html>
  17. <head>
  18.  
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21.  
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <meta name="viewport" content="width=device-width, initial-scale=1">
  26.  
  27. <meta name="image:Sidebar" content="" />
  28.  
  29. <meta name="color:Background" content="#ffffff"/>
  30. <meta name="color:Text" content="#888888"/>
  31. <meta name="color:Titles" content="#000"/>
  32. <meta name="color:Bold" content="#4f4f4f"/>
  33. <meta name="color:Italics" content="#a5b2bb"/>
  34. <meta name="color:Borders" content="#f6f6f6"/>
  35. <meta name="color:Captions" content="#fafafa"/>
  36. <meta name="color:Accent" content="#c8d4dc"/>
  37.  
  38. <meta name="select:Cursor" content="pointer" title="pointer">
  39. <meta name="select:Cursor" content="help" title="help">
  40. <meta name="select:Cursor" content="crosshair" title="crosshair">
  41.  
  42. <meta name="select:Body Font" content="Barlow" title="Barlow">
  43. <meta name="select:Body Font" content="Karla" title="Karla">
  44. <meta name="select:Body Font" content="PT Serif" title="PT Serif">
  45. <meta name="select:Body Font" content="Roboto" title="Roboto">
  46. <meta name="select:Body Font" content="Nunito" title="Nunito">
  47. <meta name="select:Body Font" content="Lora" title="Lora">
  48.  
  49. <meta name="select:Post Size" content="500px" title="500px">
  50. <meta name="select:Post Size" content="350px" title="350px">
  51. <meta name="select:Post Size" content="380px" title="380px">
  52. <meta name="select:Post Size" content="400px" title="400px">
  53. <meta name="select:Post Size" content="450px" title="450px">
  54. <meta name="select:Post Size" content="540px" title="540px">
  55.  
  56. <meta name="if:Infinite Scroll" content="1"/>
  57. <meta name="if:Load More" content="0"/>
  58. <meta name="if:Captions" content="1"/>
  59. <meta name="if:Round Sidebar Image" content="1"/>
  60. <meta name="if:Navigation Hover Effect" content="1"/>
  61. <meta name="if:Username Icon" content="0"/>
  62. <meta name="if:Show Tags" content="1"/>
  63. <meta name="if:Hover Tags" content="0"/>
  64. <meta name="if:Hover Controls" content="1"/>
  65. <meta name="if:Costum Scrollbar" content="1"/>
  66. <meta name="if:Scroll to top" content="1"/>
  67.  
  68. <meta name="text:Font Size" content="12px"/>
  69. <meta name="text:Photoset Gutter" content="3px"/>
  70. <meta name="text:Notes Icon" content="flash"/>
  71. <meta name="text:Stat One" content="stat one"/>
  72. <meta name="text:Stat One Icon" content="location"/>
  73. <meta name="text:Stat Two" content="stat two"/>
  74. <meta name="text:Stat Two Icon" content="heart"/>
  75. <meta name="text:Link 1 URL" content="/" />
  76. <meta name="text:Link 1" content="link one" />
  77. <meta name="text:Link 2 URL" content="/" />
  78. <meta name="text:Link 2" content="link two" />
  79. <meta name="text:Link 3 URL" content="/" />
  80. <meta name="text:Link 3" content="link three" />
  81.  
  82. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script><link href="https://static.tumblr.com/0podkko/bwepdyarh/photosets.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Barlow|Karla|Lora|Nunito|PT+Serif|Roboto" rel="stylesheet"><script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script><script src="//dl.dropbox.com/s/pa4amacqnzokr29/photosets.js"></script><script src="//pull.cappuccicons.com/cpf.js"></script><link rel="stylesheet" type="text/css" href="//venusthms.github.io/pages/credit/venus.css">
  83.  
  84. <script>$(document).ready(function(){$(".venus-icon").load("//dl.dropbox.com/s/38zv0iwb09dt8xy/venus.html");});</script>
  85.  
  86. <style type="text/css">
  87.  
  88. /***** tumblr controls *****/
  89.  
  90. iframe.tmblr-iframe {
  91. z-index:99999999999999!important;
  92. top:1px!important;
  93. right:0!important;
  94. opacity: 0.5;
  95. {block:ifhovercontrols}
  96. opacity:0;
  97. padding-right:38px;
  98. {/block:ifhovercontrols}
  99. /* delete invert(1) from here */
  100. filter:invert(1) contrast(150%);
  101. -webkit-filter:invert(1) contrast(150%);
  102. -o-filter:invert(1) contrast(150%);
  103. -moz-filter:invert(1) contrast(150%);
  104. -ms-filter:invert(1) contrast(150%);
  105. /* to here if your blog has a dark background */
  106. transform:scale(0.65);
  107. transform-origin:100% 0;
  108. -webkit-transform:scale(0.65);
  109. -webkit-transform-origin:100% 0;
  110. -o-transform:scale(0.65);
  111. -o-transform-origin:100% 0;
  112. -moz-transform:scale(0.65);
  113. -moz-transform-origin:100% 0;
  114. -ms-transform:scale(0.65);
  115. -ms-transform-origin:100% 0;}
  116.  
  117. iframe.tmblr-iframe:hover {opacity:0.7!important}
  118. .hcontrols {position:fixed;top:10px;right:10px;z-index:999999999}
  119. .hcontrols i {color: rgba({RGBcolor:text},.6);font-size:11px}
  120.  
  121. /***** scrollbar *****/
  122.  
  123. {block:ifcostumscrollbar}
  124. ::-webkit-scrollbar{height:11px;width:11px;background:inherit}
  125. ::-webkit-scrollbar-thumb {background:{color:accent}}
  126. ::-webkit-scrollbar-track {background:{color:borders}}
  127. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid {color:background}}
  128. {/block:ifcostumscrollbar}
  129.  
  130. /***** selections *****/
  131.  
  132. ::selection {background: rgba({RGBcolor:accent},.6);color:#000}
  133. ::-moz-selection {background: rgba({RGBcolor:accent},.6); color:#000}
  134.  
  135. /***** general *****/
  136.  
  137. body {
  138. margin:0;
  139. background: {color:background};
  140. overflow-x: hidden;
  141. color:{color:text};
  142. text-align:center;
  143. word-wrap:break-word;
  144. font-family: '{select:body font}';
  145. font-size:{text:font size}!important;
  146. line-height:1.4em;
  147. }
  148.  
  149. img{opacity:1;border:0;text-decoration:none;max-width:100%;height:auto;display:block}
  150. blockquote{padding:.25em 0 .25em 15px;margin:.5em 0;border-left:1px solid {color:borders}}
  151. pre{padding:0;margin:0;line-height:inherit!important;background:transparent;font-family:inherit!Important;font-size:inherit!important;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
  152. p {margin:1em 0;}
  153. p:first-of-type {margin-top:0}
  154. p:last-of-type {margin-bottom:0}
  155. b a, strong a{font-weight:bold!important;color:{color:bold}}
  156. b, strong {color:{color:bold}}
  157. i {color:{color:italics}}
  158. small, big, sub, pre{font-size:1em!important;line-height:1.4em!important;vertical-align:baseline!important}
  159. h1, h2, h3, h4{margin:1.5em 0;font-size:1.5em;padding:0;color:#000;font-weight:bold}
  160. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0}
  161. hr{border:none;box-shadow:0;margin:2em auto;width:75px;border-top:1px solid {color:borders}}
  162. .title, .tex, .not-original-reblog, .ask {border:1px solid {color:Borders};}
  163. .title, .tex, .ask, .not-original-reblog {background:{color:Captions}}
  164.  
  165. /***** links *****/
  166.  
  167. a{color:{color:text};text-decoration:none}
  168. a, iframe.tmblr-iframe{transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear}
  169. a:hover{color:{color:accent}!important;text-decoration:none}
  170. a, a img {cursor:{select:cursor}}
  171. .tex a{color:{color:accent}}
  172. .tex a:hover {color:{color:Text}!important}
  173.  
  174. /***** lists *****/
  175.  
  176. ul {list-style:none}
  177. ol {list-style:decimal-leading-zero;list-style-position:inside}
  178. .tex ul li:before {content:'•';margin-right:5px;font-weight:900;color:{color:accent}}
  179.  
  180. /***** sidebar *****/
  181.  
  182. aside {
  183. position:fixed;
  184. width:250px;
  185. min-height:250px;
  186. left:15%;
  187. padding:10px;
  188. text-align:left
  189. }
  190.  
  191. .left {display:inline-block;width:50px;float:left;margin-right:11px}
  192. .right {width:100%;display:table-cell;vertical-align:middle}
  193. .top {display:block;width:100%;height:53px;display:table}
  194. .top img {width:50px;height:50px;{block:ifroundsidebarimage}border-radius:100%;{/block:ifroundsidebarimage}display:inline-block}
  195. .top h1 {display:inline-block;margin:0 0 7px 0;font-weight:normal}
  196. .top h1 a{color:{color:titles}}.top h1 a:hover{color:{color:titles}!important}
  197. .stats {white-space:nowrap}
  198. .stats span {margin-right: 10px}
  199. .stats .cp {font-size:.8em;margin-right:3px;position:relative;top:1px;color: {color:accent}}
  200.  
  201. .desc {width:96%;padding:5px;margin-top:15px;background:#fafafa;border:1px solid #f6f6f6;box-sizing: border-box}
  202. nav {margin-top:10px}
  203. nav a {margin-bottom:5px;display:block}
  204.  
  205. nav a:before {
  206. content:'';
  207. background: #eee;
  208. width: 50px;
  209. height: 1px;
  210. margin-right: 5px;
  211. position: relative;
  212. top: -3px;
  213. display:inline-block;
  214. transition:all .3s linear;
  215. -webkit-transition:all .3s linear;
  216. -o-transition:all .3s linear;
  217. -moz-transition:all .3s linear
  218. }
  219.  
  220. {block:ifnavigationhovereffect}
  221. nav a:hover::before {width: 70px}
  222. {/block:ifnavigationhovereffect}
  223.  
  224. /***** pagination *****/
  225.  
  226. #pagination {
  227. {block:ifinfinitescroll}
  228. display: none;
  229. {/block:ifinfinitescroll}
  230. padding: 5px;
  231. text-align: center;
  232. color:{color:link};
  233. }
  234.  
  235. .pnext {display:inline-block;float:right;text-align:right}
  236. .pback {display:inline-block;float:left;text-align:left}
  237. .current_page {color:{color:accent}}
  238. footer a {display:inline-block;margin:0 5px;border:0}
  239. #infscr-loading {display:none!important;}
  240. .load {width:{select:Post Size};position:relative;left:8%;margin:0 auto 100px auto}
  241.  
  242. /***** posts *****/
  243.  
  244. .posts {
  245. position: relative;
  246. width:{select:Post Size};
  247. {block:PermalinkPage}
  248. margin-bottom: 10px;
  249. {/block:PermalinkPage}
  250. {block:IndexPage}
  251. margin-bottom:100px;
  252. {/block:IndexPage}
  253. }
  254.  
  255. section {width:{select:Post Size};margin:100px auto 100px auto;position: relative;left: 8%}
  256. .ph {position:relative;overflow:hidden}
  257. .ph img:not(.user-icon) {display:block;width:100%}
  258.  
  259. /***** npf posts *****/
  260.  
  261. :root {
  262. --NPF-Image-Spacing:4px;
  263. --NPF-Bottom-Gap-From-Captions:1em;
  264. }
  265.  
  266. /***** post titles *****/
  267.  
  268. .title {padding:5px;font-size:1.1em;line-height:1.75em;color:{color:titles}}
  269. .title a {color:#000}
  270. .title a:hover {color:{color:accent}}
  271. .ted {margin-top:10px}
  272. .tex video {width:{select:Post Size}}
  273.  
  274. /***** captions *****/
  275.  
  276. img.userimg {display:inline;width:20px;margin-right:10px;float:left;border-radius:50%}
  277. .tex {text-align:left;display:block;padding:10px}
  278. .tex h2 {margin:.5em 0}
  279. .not-original-reblog {border-top:none;padding:10px}
  280. .not-original-reblog .tex {background:none;border:none;padding:5px;}
  281. .comment {padding:5px;list-style:none}
  282. .user-icon {position:relative;top:3px;display:inline-block;width:15px;height:15px;margin-right:5px;border-radius:100%;{block:ifnotusernameicon}display:none;{/block:ifnotusernameicon}}
  283. .sub-user .user-icon {display:none}
  284. .user, .deactivated {display:block;margin-bottom:.75em;text-align:left;line-height:1.7em; letter-spacing: 1px;text-transform:capitalize;}
  285. .user::before, .deactivated::before {content:'';width:10px;height:10px;background:{color:accent};display:inline-block;border-radius:50%;margin-right:8px;position:relative; top:1px;{block:ifusernameicon}display:none;{/block:ifusernameicon}}
  286. .sub-user {display:block;text-align:left;margin: 0 0 5px 10px;text-transform:capitalize;letter-spacing: 1px;}
  287. .sub-user:before {content:'\ecf0';font-family:'cappuccicons';font-size:9px;margin-right:7px;}
  288. .npf_row {height:100%!important}
  289. .captioned .comment:first-of-type {margin-top:1.5em}
  290. .tex li, .tex blockquote {text-align:left}
  291. .textpost .comment {padding:0}
  292.  
  293. .deactivated:after {
  294. content:'deactivated';
  295. position:absolute;
  296. padding-left:10px;
  297. opacity:0;
  298. transition:.4s ease-in-out;
  299. }
  300. .deactivated:hover:after {opacity:1}
  301.  
  302. /***** photosets *****/
  303.  
  304. [photoset-layout] {grid-gap:{text:Photoset Gutter};overflow:hidden}
  305. [photoset-layout] div {cursor:{select:cursor}}
  306.  
  307. /***** quotes *****/
  308.  
  309. .source {margin:5px 0 0 3px;text-align:left}
  310. .quote {text-align:left}
  311.  
  312. /***** audio posts *****/
  313.  
  314. .player {position:absolute;display:block;height:24px;width:25px;left:10px;overflow:hidden}
  315. .hold {display:block;min-height:24px;padding:15px;background:{color:captions};border:1px solid {color:borders};text-align:left}
  316. .audio_info {vertical-align:middle;line-height:12px;margin-left:35px;max-width:calc(100% - 35px)}
  317. .audio_info span {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  318. .hold .track {color:#000}
  319.  
  320. /***** asks *****/
  321.  
  322. .ask {display:block;padding: 10px;margin-top:10px;}
  323. .q {margin-bottom: 1em;text-align:left}
  324. .asker, .answerer {text-align: left;letter-spacing:1px}
  325. .answerer {display:block;margin-bottom:10px;}
  326. .answerer i {font-style:normal;text-transform:capitalize;}
  327. .as2 {text-align:right}
  328. .asker a, .answerer a {color:{color:text};text-transform:capitalize;}
  329. .asker a:hover {color:{color:accent}}
  330.  
  331. /***** chat *****/
  332.  
  333. .label {
  334. display:inline-block;
  335. padding: 2px 4px;
  336. font-weight:bold;
  337. padding: 5px;
  338. }
  339.  
  340. .chat {margin:0;padding:0;text-align:left;line-height:1.3em;list-style:none}
  341. li.odd {background:{color:captions};border:1px solid {color:borders}}
  342. .l {padding:5px 0}
  343.  
  344. /***** permalink + notes *****/
  345.  
  346. .when {margin-left:calc({select:Post Size} + 20px);position:absolute;width:100px;text-align:left;top:0}
  347. .when i {color:{color:accent};margin-right:5px; font-size:9px}
  348. .when a:hover .circle2 {background:{color:accent}}
  349. .when span {display:block}
  350. .when span:first-of-type {margin-bottom: 5px}
  351. .pinfo {text-transform:lowercase;text-align:center!important}
  352. .tags {width:{select:Post Size};text-align:left;position:relative;margin-left:5px;top:10px;display:flex;flex-wrap:wrap}
  353. .tags a:before {content:'#';margin-right:2px}
  354. {block:ifhovertags}{block:IndexPage}
  355. .posts:hover .tags a {visibility:visible;opacity:1}
  356. {/block:IndexPage}{block:ifhovertags}
  357. .pagenotes {text-align:left;margin-left:10px;}
  358. .pnotes {text-transform:lowercase}
  359. .pnotes:first-of-type {margin-bottom:5px;display:block;}
  360. .pnotes:last-of-type {margin-top:5px;display:block}
  361. .pnotes:last-of-type a:before {content:'#';margin-left:2px;}
  362. .pnotes a {margin-right:5px;}
  363. .like-b {position:relative;display:inline-block;height:1em;line-height:1em;overflow:hidden;margin-bottom:-1px;}
  364. .like-b .like_button iframe {position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;opacity:0.000001;}
  365. .like-b .liked + .b {color:inherit;}
  366. .like-b .liked + .b:after {content:'d';}
  367.  
  368. .tags a {
  369. display:inline;
  370. margin:0 3px;
  371. color:{color:text};
  372. {block:IndexPage}
  373. {block:ifhovertags}
  374. visibility: hidden;
  375. opacity: 0;
  376. {/block:ifhovertags}
  377. {block:ifnotshowtags}
  378. display:none;
  379. {/block:ifnotshowtags}
  380. {/block:IndexPage}
  381. }
  382.  
  383. ol.notes {padding:0px;margin:0px;margin-top:15px;list-style-type:none}
  384. ol.notes li.note {display:block;margin:5px 0;padding:0}
  385. ol.notes li.note img.avatar {display:none!important}
  386. a.more_notes_link {display:block;text-align:left;color:#000;margin-top:15px}
  387. li.reblog:before {content: '\ec36';color:{color:text}}
  388. li.like:before {content: '\eb03';color:{color:accent}}
  389.  
  390. li.reblog:before, li.like:before {
  391. font-family: 'cappuccicons';
  392. font-size: 9px;
  393. margin-right: 5px;
  394. position: relative;
  395. top: 1px;
  396. }
  397.  
  398. /***** scroll to top *****/
  399.  
  400. .scrollup {position:fixed;display:none;bottom:12px;left:10px;padding:3px;color:{color:bold}}.venus path{fill:{color:bold}}
  401.  
  402. /***** media queries *****/
  403.  
  404. @media only screen and (max-width: 1000px){section, .load {left:15%}section, .load, .posts, .tex video, .tags {width:400px}.when {margin-left:calc(400px + 20px)}}
  405. @media only screen and (max-width: 1140px){aside {left:5%}}
  406. @media only screen and (min-width: 1900px){aside {left:24%}}
  407. @media only screen and (min-width: 1600px){aside {left:20%}}
  408.  
  409. {CustomCSS}
  410. </style>
  411. </head>
  412. <body>
  413.  
  414. <!----- hover controls ----->
  415. {block:ifhovercontrols}<div class="hcontrols"><i class="cp cp-cog"></i></div>{/block:ifhovercontrols}
  416.  
  417. <!----- sidebar starts ----->
  418. <aside>
  419.  
  420. <!--- upper part --->
  421. <div class="top">
  422. {block:ifsidebarimage}
  423. <div class="left">
  424. <img src="{image:Sidebar}"/><!--- image --->
  425. </div>
  426. {/block:ifsidebarimage}
  427.  
  428. <div class="right">
  429. <h1><a href="/">{title}</a></h1><!--- title --->
  430. <div class="stats"><!--- stats --->
  431. <span><i class="cp cp-{text:Stat One Icon}"></i>{text:Stat One}</span>
  432. <span><i class="cp cp-{text:Stat Two Icon}"></i>{text:Stat Two}</span>
  433. </div>
  434. </div>
  435. </div>
  436.  
  437. <!--- description --->
  438. <div class="desc">{Description}</div>
  439.  
  440. <!--- navigation --->
  441. <nav>
  442. <a href="/">index</a>
  443. <a href="/ask">contact</a>
  444. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  445. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  446. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  447. <a href="/archive">history</a>
  448. </nav>
  449.  
  450. </aside>
  451. <!----- sidebar ends ----->
  452.  
  453.  
  454. <!----- post section start ----->
  455. <section id="entries">{block:posts}
  456. <article class="posts {block:Text}textpost{/block:Text} {block:caption}captioned{/block:caption}" post-type="{PostType}">
  457.  
  458. {block:Date}
  459. <div class="when">
  460. <span><a href="{permalink}"><i class="cp cp-{text:Notes Icon}"></i>{NoteCount}</a></span>
  461. {block:IndexPage}
  462. <span><a href="{ReblogURL}" target="_blank">reblog</a></span>
  463. <span><a class="like-b" href="#">{LikeButton}<span class="b">like</span></a></span>{/block:IndexPage}
  464. </div>
  465. {/block:Date}
  466.  
  467. {block:Quote}
  468. <div class="title quote">{quote}</div>
  469. {block:Source}<div class="source">{source}</div>{/block:Source}
  470. {/block:Quote}
  471.  
  472. {block:Text}
  473.  
  474. {block:Title}<div class="title">{title}</div>{/block:Title}
  475.  
  476. <li class="comment {block:Title}ted{/block:Title}">
  477.  
  478. {block:NotReblog}
  479. <div class="tex">{body}</div>
  480. {/block:NotReblog}
  481.  
  482. {block:RebloggedFrom}
  483. <div class="reblog-list">
  484. {block:Reblogs}
  485. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}{block:isNotOriginalEntry}not-original-reblog{block:isNotOriginalEntry}">
  486. <div class="reblog-header">
  487.  
  488. {block:IsActive}
  489. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  490. </a>
  491. {/block:IsActive}
  492.  
  493. {block:IsDeactivated}
  494. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  495. </span>
  496. {/block:IsDeactivated}
  497.  
  498. {block:IsActive}
  499. <a target="_blank" class="{block:isOriginalEntry}user{/block:isOriginalEntry}{block:isNotOriginalEntry}sub-user{/block:isNotOriginalEntry}" href="{Permalink}"><img class="user-icon" src="{PortraitURL-64}" alt=""/>{Username}</a>
  500. {/block:IsActive}
  501.  
  502. {block:IsDeactivated}
  503. <span class="inactive deactivated"><img class="user-icon" src="{PortraitURL-64}" alt=""/>{Username}</span>
  504. {/block:IsDeactivated}
  505.  
  506. </div>
  507. <div class="reblog-content">
  508. <div class="tex">
  509. {Body}
  510. </div>
  511. </div>
  512. </div>
  513. {/block:Reblogs}
  514. </div>
  515. {/block:RebloggedFrom}
  516.  
  517. </li>
  518. {/block:Text}
  519.  
  520. {block:Link}<div class="title"><a href="{URL}">{name}</a></div>
  521. {block:Description}
  522. {block:NotReblog}
  523. <li class="comment ted">
  524. <div class="tex">{description}</div>
  525. </li>
  526. {/block:NotReblog}
  527. {/block:Description}
  528. {block:RebloggedFrom}
  529. {block:Reblogs}
  530. <li class="comment">
  531. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  532. <div class="tex">{body}</div>
  533. </li>
  534. {/block:Reblogs}
  535. {/block:RebloggedFrom}
  536. {/block:Link}
  537.  
  538. {block:Chat}
  539. {block:Title}<div id="title">{title}</div>{/block:Title}
  540. <ol class="chat {block:Title}ted{/block:Title}">
  541. {block:lines}
  542. <li class="l {Alt}">
  543. {block:label}<span class="label">{label}</span>{/block:label} <span class="line">{line}</span>
  544. </li>
  545. {/block:lines}
  546. </ol>
  547. {/block:Chat}
  548.  
  549. <div class="ph">
  550.  
  551. {block:Photo}{linkopentag}<img class="singlephoto" src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  552.  
  553. {block:Photoset}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>{/block:Photoset}
  554.  
  555. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  556.  
  557. {block:Audio}
  558. {block:audioplayer}
  559. <div class="hold">
  560. <div class="player">{audioplayerwhite}</div>
  561. <div class="audio_info">
  562. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  563. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  564. </div>
  565. </div>
  566. {/block:audioplayer}
  567. {/block:Audio}
  568.  
  569. {block:ifCaptions}
  570. {block:caption}
  571. {block:Reblogs}
  572. <li class="comment">
  573. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><img class="user-icon" src="{PortraitURL-64}" alt=""/> {username}</a>
  574. <div class="tex">{body}</div>
  575. </li>
  576. {/block:Reblogs}
  577. {block:NotReblog}
  578. <li class="comment">
  579. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>
  580. <div class="tex">{caption}</div>
  581. </li>
  582. {/block:NotReblog}
  583. {/block:caption}
  584. {/block:ifCaptions}
  585. </div>
  586.  
  587. {block:Answer}
  588. <div class="q">
  589.  
  590. <span class="asker"><img class="user-icon" src="{AskerPortraitURL-64}" alt=""/>{asker} said:</span>
  591.  
  592. <span class="ask">{question}</span></div>
  593.  
  594. </div>
  595.  
  596. {block:Answerer}
  597. <li class="comment">
  598. <span class="answerer"><a href="{ReblogParentURL}"><img class="user-icon" src="{AnswererPortraitURL-64}" alt=""/>{ReblogParentName}</a> replied:</span>
  599. <div class="tex">{answer}</div>
  600. </li>
  601. {/block:Answerer}
  602. {block:NotReblog}
  603. <li class="comment">
  604. <span class="answerer"><a href="{permalink}" target="_blank"><img class="user-icon" src="{PortraitURL-64}" alt=""/>{name}</a> replied:</span>
  605. <div class="tex">{answer}</div>
  606. </li>
  607. {/block:NotReblog}
  608. {block:RebloggedFrom}
  609. {block:Reblogs}
  610. <li class="comment">
  611. <span class="answerer"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} target="_blank"><img class="user-icon" src="{PortraitURL-64}" alt=""/>{username}</a> replied:</span>
  612. <div class="tex">{body}</div>
  613. </li>
  614. {/block:Reblogs}
  615. {/block:RebloggedFrom}
  616. {/block:Answer}
  617.  
  618. {block:Date}
  619. {block:IndexPage}
  620. {block:hastags}
  621. <span class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</span>
  622. {/block:hasTags}
  623. {/block:IndexPage}
  624. {/block:Date}
  625. </article>
  626.  
  627. {block:PermalinkPage}
  628. <article class="posts pagenotes">
  629.  
  630. <span class="pnotes">posted {TimeAgo} on {DayOfWeek}, {Month} {DayOfMonthWithZero}{DayOfMonthSuffix}</span>
  631.  
  632. {block:RebloggedFrom}
  633. <span class="pnotes">via: <a href="{ReblogParentURL}">{ReblogParentName}</a></span><span class="pnotes">{block:ContentSource}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>
  634. {/block:RebloggedFrom}
  635.  
  636. {block:NotReblog}<span class="pnotes">source: {Name}</span>{/block:NotReblog}
  637.  
  638. {block:hastags}
  639. <span class="pnotes">tagged: {block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</span>
  640. {/block:hasTags}
  641.  
  642. {PostNotes}
  643. </article>
  644. {/block:PermalinkPage}
  645.  
  646. {/block:Posts}
  647.  
  648. {block:Pagination}
  649. <footer id="pagination">
  650. <span>{block:PreviousPage}<a class ="pback" href="{PreviousPage}">back</a>{block:nextpage}{/block:nextpage}{/block:PreviousPage}
  651. {block:NextPage}<a class="pnext" href="{NextPage}">next</a>{/block:NextPage}
  652. </span>
  653. {block:JumpPagination length="5"}
  654. {block:CurrentPage}<a class="current_page">{PageNumber}</span>{/block:CurrentPage}
  655. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  656. {/block:JumpPagination}
  657. </footer>
  658. {/block:Pagination}
  659.  
  660. </section>
  661.  
  662. <!----- load more ----->
  663. {block:Ifloadmore}{block:Pagination}
  664. <footer class="load">
  665. <a href="#" class="load-more">load more</a>
  666. </footer>
  667. {/block:Pagination}{/block:Ifloadmore}
  668.  
  669. <!----- scroll to top ----->
  670. <a href="#" class="scrollup">scroll to top</a>
  671.  
  672. <!----- credit: do not edit or remove ----->
  673. <a href="https://venusthms.tumblr.com/" title="venusthms">
  674. <div class="venus-icon"></div>
  675. </a>
  676.  
  677. {block:indexpage}{block:ifinfinitescroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}
  678.  
  679.  
  680.  
  681. <script>
  682. $(document).ready(function(){
  683. $('iframe.tumblr_audio_player').load( function() {
  684. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:captions} !important} </style>"));
  685. });
  686. {block:indexpage}
  687. {block:ifinfinitescroll}
  688. var $container = $('section');
  689. $container.infinitescroll({
  690. itemSelector: 'article',
  691. navSelector: '#pagination',
  692. nextSelector: '#pagination a',
  693. loadingImg: '',
  694. loadingText: '<em></em>',
  695. bufferPx: 100,
  696. {block:ifloadmore}
  697. errorCallback: function(){
  698. $('.load-more').hide();}
  699. {/block:ifloadmore}
  700. },
  701. function( newElements ) {
  702. var $newElems = $( newElements );
  703. $newElems.find('iframe.tumblr_audio_player').load(function(){
  704. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background}!important} </style>"));
  705. });
  706. });
  707. {block:ifloadmore}
  708. $(window).unbind('.infscr');
  709. $('.load-more').click(function(){
  710. $('#entries').infinitescroll('retrieve');
  711. return false
  712. });
  713. {/block:ifloadmore}
  714. {/block:ifinfinitescroll}
  715. {/block:indexpage}
  716. });
  717. </script>
  718.  
  719. {block:ifscrolltotop}
  720. <script>
  721. $(document).ready(function(){
  722.  
  723. $(window).scroll(function(){
  724. if ($(this).scrollTop() > 350) {
  725. $('.scrollup').fadeIn();
  726. } else {
  727. $('.scrollup').fadeOut();
  728. }
  729. });
  730.  
  731. $('.scrollup').click(function(){
  732. $('html, body').animate({scrollTop : 0},800);
  733. return false;
  734. });
  735.  
  736. });
  737. </script>
  738. {/block:ifscrolltotop}
  739.  
  740. <!--
  741. NPF IMAGES READJUSTMENT | @glenthemes
  742. v2.0 [last updated: 2021-01-06]
  743. -->
  744.  
  745. <link href="//dl.dropbox.com/s/bnoj86mka0bkplb/npf-override.css" rel="stylesheet"><script src="//dl.dropbox.com/s/vwrm94pcg4c9e71/npf-evenize.js"></script><script src="//dl.dropbox.com/s/aqo7pinjzfub4tn/npf-legacy.js"></script>
  746.  
  747.  
  748. {block:ContentSource}
  749. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  750. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  751. {/block:SourceLogo}
  752. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  753. {/block:ContentSource}
  754. </body>
  755. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!