API tools faq
paste
pegasusthemes

theme 02 // sirius

pegasusthemes
Feb 11th, 2019 (edited)
1,791
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.77 KB | None | 0 0
raw download clone embed print report
  1. <!-- SIRIUS BY @LEEJORDAN / @VENUSTHMS
  2. do not remove the credit
  3.  
  4. -------------------------------------------------------------------------
  5.  
  6. - do not copy any part of this theme !
  7. - terms of use: venusthms.tumblr.com/terms
  8.  
  9. - base code @sorrism
  10. - css photosets @annasthms & @espoirthemes
  11. - tumblr controls fix @cyantists
  12. - icon font https://honeybee.suiomi.com/
  13. - all credits at https://venusthms.tumblr.com/credits
  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:header" content="https://static.tumblr.com/8bf5e86518e6133a1f6d10ff6ee778d0/4gatuv1/hCjpmb574/tumblr_static_7unevy8t21s0os8cs4goc0c40.jpg" />
  28. <meta name="image:Background" content="" />
  29.  
  30. <meta name="color:Background" content="#ffffff"/>
  31. <meta name="color:Text" content="#888888"/>
  32. <meta name="color:Titles"content="#000000"/>
  33. <meta name="color:Bold" content="#4f4f4f"/>
  34. <meta name="color:Borders" content="#f6f6f6"/>
  35. <meta name="color:Link" content="#666666"/>
  36. <meta name="color:Captions" content="#fafafa"/>
  37. <meta name="color:Accent" content="#a1c4fd"/>
  38.  
  39. <meta name="select:Cursor" content="help" title="help">
  40. <meta name="select:Cursor" content="pointer" title="pointer">
  41. <meta name="select:Cursor" content="crosshair" title="crosshair">
  42.  
  43. <meta name="select:Font Size" content="12" title="12px">
  44. <meta name="select:Font Size" content="10" title="10px">
  45. <meta name="select:Font Size" content="11" title="11px">
  46. <meta name="select:Font Size" content="13" title="13px">
  47.  
  48. <meta name="select:Body Font" content="Barlow" title="Barlow">
  49. <meta name="select:Body Font" content="Karla" title="Karla">
  50. <meta name="select:Body Font" content="PT Serif" title="PT Serif">
  51. <meta name="select:Body Font" content="Roboto" title="Roboto">
  52. <meta name="select:Body Font" content="Nunito" title="Nunito">
  53. <meta name="select:Body Font" content="Lora" title="Lora">
  54.  
  55. <meta name="select:Post Size" content="500px" title="500px">
  56. <meta name="select:Post Size" content="350px" title="350px">
  57. <meta name="select:Post Size" content="380px" title="380px">
  58. <meta name="select:Post Size" content="400px" title="400px">
  59. <meta name="select:Post Size" content="450px" title="450px">
  60. <meta name="select:Post Size" content="540px" title="540px">
  61.  
  62. <meta name="select:Photoset Gutter" content="3px" title="3px">
  63. <meta name="select:Photoset Gutter" content="1px" title="1px">
  64. <meta name="select:Photoset Gutter" content="2px" title="2px">
  65. <meta name="select:Photoset Gutter" content="4px" title="4px">
  66. <meta name="select:Photoset Gutter" content="5px" title="5px">
  67.  
  68. <meta name="text:Subtitle" content="subtitle"/>
  69.  
  70. <meta name="if:Header" content="1"/>
  71. <meta name="if:Infinite Scroll" content="1"/>
  72. <meta name="if:Load More" content="1"/>
  73. <meta name="if:Captions" content="1"/>
  74. <meta name="if:Caption Border" content="1"/>
  75. <meta name="if:Avatar on Captions" content="0"/>
  76. <meta name="if:Show Tags" content="1"/>
  77. <meta name="if:Hover Tags" content="0"/>
  78. <meta name="if:Scroll to top" content="1"/>
  79.  
  80. <meta name="text:Home Link Text" content="home" />
  81. <meta name="text:Ask Link URL" content="/ask" />
  82. <meta name="text:Ask Link Text" content="contact" />
  83. <meta name="text:Archive Link Text" content="history" />
  84. <meta name="text:Link 1 URL" content="/" />
  85. <meta name="text:Link 1" content="link1" />
  86. <meta name="text:Link 2 URL" content="/" />
  87. <meta name="text:Link 2" content="link2" />
  88. <meta name="text:Link 3 URL" content="/" />
  89. <meta name="text:Link 3" content="link3" />
  90. <meta name="text:Link 4 URL" content="/" />
  91. <meta name="text:Link 4" content="link4" />
  92.  
  93. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//dl.dropbox.com/s/kuve9uzc0u6fybt/vcolor.js"></script><script src="//dl.dropbox.com/s/h6bz6sg6ut14cko/venus.js"></script>
  94. <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="//dl.dropbox.com/s/4rmswptv2h7043v/venus.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 ="//venusthms.github.io/themes/sirius/down.js"></script><link rel="stylesheet" href="https://static.tumblr.com/uopakca/prpov76n6/aos.css" /><script src="https://static.tumblr.com/uopakca/L8aov76mb/aos.js"></script><script>$(document).ready(function(){AOS.init();});</script>
  95.  
  96. <style type="text/css">
  97.  
  98. /***** tumblr controls *****/
  99.  
  100. iframe.tmblr-iframe{z-index:99999999999999!important;top:4px!important;right:5px!important;{block:IndexPage}opacity:0;{/block:IndexPage}{block:PermalinkPage}opacity:0.5;{/block:PermalinkPage}padding-right:38px;filter:invert(1) contrast(150%);-webkit-filter:invert(1) contrast(150%);-o-filter:invert(1) contrast(150%);-moz-filter:invert(1) contrast(150%);-ms-filter:invert(1) contrast(150%);transform:scale(0.65);transform-origin:100% 0;-webkit-transform:scale(0.65);-webkit-transform-origin:100% 0;-o-transform:scale(0.65);-o-transform-origin:100% 0;-moz-transform:scale(0.65);-moz-transform-origin:100% 0;-ms-transform:scale(0.65);-ms-transform-origin:100% 0;transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear}
  101.  
  102. iframe.tmblr-iframe:hover {opacity:0.6!important;}
  103. .hcontrols {position:fixed;top:5px;right:5px;z-index:999999999;}
  104. .hcontrols i {font-size: 14px;padding:9px;color: rgba({RGBcolor:titles}, .7);}
  105.  
  106. /***** tooltips *****/
  107.  
  108. .ui-tooltip {position:Absolute;padding-top:10px;z-index: 99999;}
  109. .ui-tooltip-content {padding:2px 4px;color:{color:text};text-transform:lowercase;border-radius: 6px;}
  110.  
  111. /***** scrollbar *****/
  112.  
  113. ::-webkit-scrollbar{height:11px;width:11px;background:inherit;}
  114. ::-webkit-scrollbar-thumb {background:{color:accent};}
  115. ::-webkit-scrollbar-track {background:{color:borders};}
  116. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid {color:background};}
  117.  
  118. /***** selections *****/
  119.  
  120. ::selection {background: rgba({RGBcolor:accent},.6);color: #000;}
  121. ::-moz-selection {background: rgba({RGBcolor:accent},.6); color: #000;}
  122.  
  123. /***** general *****/
  124.  
  125. body {
  126. margin:0;
  127. overflow-x: hidden;
  128. background: {color:background} url('{image:background}') fixed;
  129. background-attachment:{select:background image};
  130. background-size:{select:background image};
  131. color:{color:text};
  132. text-align:center;
  133. word-wrap:break-word;
  134. font-family: '{select:body font}';
  135. font-size:{select:font size}px;
  136. line-height:1.4em;
  137. }
  138.  
  139. img{opacity:1;border:0;text-decoration:none;max-width:100%;height:auto;display:block}
  140. blockquote{padding:.25em 0 .25em 15px;margin:.5em 0;border-left:1px solid {color:borders}}
  141. 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}
  142. p {margin:1em 0;}
  143. p:first-of-type {margin-top:0;}
  144. p:last-of-type {margin-bottom:0;}
  145. b a, strong a{font-weight:bold!important;color:{color:bold}}
  146. b, strong {color:{color:bold};}
  147. small, big, sub, pre{font-size:1em!important;line-height:1.4em!important;vertical-align:baseline!important}
  148. h1, h2, h3, h4{margin:1.5em 0;font-size:1.5em;padding:0;color:{color:titles};font-weight:bold}
  149. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  150. hr{border:none;box-shadow:0;margin:2em auto;width:75px;border-top:1px solid {color:borders}}
  151. #pagination, .title, .tex {{block:ifcaptionborder}border:1px solid {color:Borders};{/block:ifcaptionborder}}
  152. #pagination, .title, .tex, .ques, .cques {background:{color:Captions};}
  153.  
  154. /***** links *****/
  155.  
  156. a{color:{color:link};text-decoration:none;transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear}
  157. a:hover{color:{color:accent}!important;text-decoration:none}
  158. a, a img {cursor:{select:cursor};}
  159. .tex a, .pinfo a {color: {color:link};}
  160. .tex a:hover, .pinfo a:hover {color: {color:accent};}
  161. .nav a { color:{color:text};}
  162. .nav a:hover {color:{color:accent}}
  163.  
  164. /***** lists *****/
  165.  
  166. ul {list-style:none;}
  167. ol {list-style: lower-roman;list-style-position: inside;}
  168. .tex ul li:before {content:'—';margin-right: 5px;font-weight: 900;color: {color:text};}
  169.  
  170. /***** header *****/
  171.  
  172. header {
  173. position: relative;
  174. display: none;
  175. width: 100vw;
  176. height: 100vh;
  177. top: 0;
  178. bottom: 0;
  179. right: 0;
  180. left: 0;
  181. background: {color:Background};
  182. background: {color:background} url('{image:background}') fixed;
  183. background-attachment:{select:background image};
  184. background-size:{select:background image};
  185. }
  186.  
  187. .hcontent {
  188. position: absolute;
  189. margin:90px auto 0 auto;
  190. width: 50%;
  191. height: auto;
  192. right: 0;
  193. left:0;
  194. padding-bottom: 10px;
  195. }
  196.  
  197. .header-1 {display:block;}
  198. .hcontent img {width: 100%;height: auto;}
  199. nav {text-align:right;margin-bottom:10px;}
  200. nav i {position:relative;top:2px;font-size:calc({select:font size}px - 1px);}
  201. nav a:not(:last-of-type) {margin-left: 5px;}
  202. .subtitle, .desc {position: relative;text-align: left;top: 80%;width: 35%;}
  203. h1.subtitle {font-size:calc({select:font size}px + 1px);margin-bottom: 5px;}
  204. .subtitle:before {content: "—";margin-right: 3px;}
  205.  
  206. /***** sidebar *****/
  207.  
  208. aside {
  209. position: fixed;
  210. width: 250px;
  211. height: 200px;
  212. left: 0;
  213. top: 0;
  214. padding: 15px;
  215. text-align: left;
  216. }
  217.  
  218. aside img {
  219. display: inline-block;
  220. height: 30px;
  221. width: 30px;
  222. margin-right: 10px;
  223. border-radius: 50%;
  224. }
  225.  
  226. aside h1 {
  227. position: relative;
  228. display: inline;
  229. bottom: 20px;
  230. font-size:calc({select:font size}px + 1px);
  231. font-weight: normal;
  232. }
  233.  
  234. aside nav {position: relative;left: 37px;bottom: 15px;text-align: left;}
  235. .aside-1 {{block:ifHeader}{block:IndexPage}display: none;{/block:IndexPage}{/block:ifHeader}}
  236.  
  237. /***** pagination *****/
  238.  
  239. #pagination {
  240. {block:ifinfinitescroll}
  241. display: none;
  242. {/block:ifinfinitescroll}
  243. padding: 5px;
  244. text-align: center;
  245. color:{color:link};
  246. }
  247.  
  248. .pnext {display:inline-block;float:right;text-align:right;}
  249. .pback {display:inline-block;float:left;text-align:left;}
  250. .current_page {color:{color:accent};}
  251. footer a {display:inline-block;margin:0 5px;border:0;}
  252. #infscr-loading {display:none!important;}
  253. .load {margin-bottom: 100px;}
  254.  
  255. /***** posts *****/
  256.  
  257. .posts {
  258. position: relative;
  259. width:{select:Post Size};
  260. {block:PermalinkPage}
  261. margin-bottom: 20px;
  262. {/block:PermalinkPage}
  263. {block:IndexPage}
  264. margin-bottom:100px;
  265. {/block:IndexPage}
  266. }
  267.  
  268. section {width:{select:Post Size};margin:100px auto 100px auto;}
  269. .ph {position:relative;overflow:hidden;}
  270. .ph img {display:block;width:100%;}
  271.  
  272. /***** post titles *****/
  273.  
  274. .title {
  275. padding: 5px;
  276. font-size:1.25em;
  277. line-height:1.75em;
  278. color: {color:titles};
  279. }
  280.  
  281. .title a {color:{color:titles};}
  282. .title a:hover {color:{color:link};}
  283. .ted {margin-top:10px;}
  284. .tex video {width:{select:Post Size};}
  285.  
  286. /***** captions *****/
  287.  
  288. img.userimg {display:inline;width:20px;margin-right:10px;float:left;border-radius:50%;}
  289. .tex {text-align:left;display:block;padding:5px;}
  290. .comment {padding:5px;list-style:none;}
  291. .user {display:block;margin-bottom:.75em;text-align: left;line-height:1.7em;}
  292. .npf_row {height: 100%!important;}
  293. .captioned .comment:first-of-type {margin-top:2em;}
  294. .tex li, .tex blockquote {text-align:left;}
  295.  
  296. /***** photosets *****/
  297.  
  298. [photoset-layout] {grid-gap: {select:Photoset Gutter};overflow: hidden;}
  299. [photoset-layout] div {cursor: {select:cursor};}
  300.  
  301. /***** quotes *****/
  302.  
  303. .source {margin-top:5px;text-align:left;}
  304. .source:before {content: "—";margin-right: 3px;}
  305. .quote {text-align:left;}
  306.  
  307. /***** audio posts *****/
  308.  
  309. .player {position:absolute;display:block;height:24px;width:25px;left:10px;overflow:hidden;}
  310. .hold {display:block;min-height:24px;padding:15px;background:{color:background};border:1px solid {color:borders};text-align:left;}
  311. .audio_info {vertical-align:middle;line-height:12px;margin-left:35px;max-width:calc(100% - 35px);}
  312. .audio_info span {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  313. .hold .track {color:{color:titles};}
  314.  
  315. /***** asks *****/
  316.  
  317. .ques, .cques {
  318. padding:15px;
  319. display: block;
  320. margin-top: 15px;
  321. border-radius: 0;
  322. border: 1px solid {color:Borders}
  323. }
  324.  
  325. .q {margin-bottom: 1em;text-align:left;}
  326. .as {text-transform:lowercase; display:block; text-align: left;}
  327. .as2 {text-align:right;}
  328. .cques .tex {text-align:right; border:none;}
  329. .as a {color:{color:text};}
  330. .as a:hover {color:{color:accent};}
  331.  
  332. /***** chat *****/
  333.  
  334. .label {
  335. display:inline-block;
  336. margin-right: 5px;
  337. padding: 2px 4px;
  338. font-weight:bold;
  339. color:{color:titles};
  340. padding: 10px;
  341. }
  342.  
  343. .chat {margin:0;padding:0;text-align:left;line-height: 1.3em;list-style:none;}
  344. .odd .label {background: {color:Borders};}
  345. .l {padding:5px 0;}
  346.  
  347. /***** permalink + notes *****/
  348.  
  349. .when a, .tagsection a {color:{color:text}!important;}
  350. .when a {margin-right:5px}
  351. .when a:hover, .tagsection a:hover {color:{color:accent}!important;}
  352. .tagsection {margin-top:15px;}
  353. .when {margin-bottom: 15px;}
  354. .when i {position:relative; margin-right: 5px; top: 1px;}
  355. .when span, .tagsection span {display:block; text-align: left;}
  356. .whenlast {float:right}
  357. .whenfirst {float:left}
  358. .pinfo {text-transform: lowercase;text-align: center!important;}
  359. .tags {margin-top:.5em;}
  360. .tags a:before {content: '#';margin-right: 1px;}
  361. {block:ifhovertags}{block:IndexPage}
  362. .posts:hover .tags a {visibility: visible;opacity: 1;}
  363. {/block:IndexPage}{block:ifhovertags}
  364. .pagenotes {text-align: left;}
  365. .pnotes {display: block; text-transform: lowercase;}
  366. .pnotes:not(:first-of-type):before{content: "—";margin-right: 3px;}
  367. .pnotes:first-of-type {margin-bottom:5px}
  368.  
  369. .tags a {
  370. display:inline;
  371. margin:0 3px;
  372. font-style:italic;
  373. color:{color:text};
  374. {block:IndexPage}
  375. {block:ifhovertags}
  376. visibility: hidden;
  377. opacity: 0;
  378. {/block:ifhovertags}
  379. {block:ifnotshowtags}
  380. display:none;
  381. {/block:ifnotshowtags}
  382. {/block:IndexPage}
  383. }
  384.  
  385. ol.notes {padding:0px;margin:0px;margin-top: 15px;list-style-type:none; }
  386. ol.notes li.note {display:block;margin:5px 0;padding:0;}
  387. ol.notes li.note img.avatar {display:none!important;}
  388. a.more_notes_link {display:block;text-align:left;color:{color:titles};margin-top: 15px;}
  389. li.reblog:before {content: '\ebc2';}
  390. li.like:before {content: '\ea54';}
  391.  
  392. li.reblog:before, li.like:before {
  393. font-family: 'honeybee';
  394. font-size: 9px;
  395. margin-right: 5px;
  396. position: relative;
  397. top: 1px;
  398. color: {color:link};
  399. }
  400.  
  401. /***** scroll to top *****/
  402.  
  403. .scrollup {position: fixed;display:none;bottom: 12px;left: 40px;padding: 3px;color: #000;}.vt {left: 5px!important;}
  404.  
  405. /***** media queries *****/
  406.  
  407. @media only screen and (min-height: 1050px) {.hcontent {margin:180px auto 0 auto;}}@media only screen and (max-width: 1050px) {.hcontent {width: 70%;}}@media only screen and (max-height: 600px) {.hcontent {margin:40px auto 0 auto;width: 50%;}}
  408.  
  409. {CustomCSS}
  410. </style>
  411. </head>
  412. <body>
  413. <div class="hcontrols"><i class="th th-dial"></i></div>
  414.  
  415. <!----- header starts ----->
  416. {block:ifHeader}{block:IndexPage}
  417. <header class="header-{CurrentPage}">
  418. <div class="hcontent">
  419. <nav>
  420. <a href="/">{text:Home Link Text}</a>
  421. <a href="{text:Ask Link URL}">{text:Ask Link Text}</a>
  422. <a href="/archive">{text:Archive Link Text}</a>
  423. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  424. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  425. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  426. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  427. <a class="down" href="#"><i class="th th-chevron-down"></i></a>
  428. </nav>
  429. <img src="{image:header}" />
  430. <h1 class="subtitle">{text:Subtitle}</h1>
  431. <p class="desc">{description}</p>
  432. </div></header>
  433. {/block:IndexPage}{/block:ifHeader}
  434. <!----- header ends ----->
  435.  
  436. <!----- sidebar starts ----->
  437. <aside class="aside-{CurrentPage}">
  438. <img src="{PortraitURL-128}" />
  439. <h1>{title}</h1>
  440. <nav>
  441. <a href="/">{text:Home Link Text}</a>
  442. <a href="{text:Ask Link URL}">{text:Ask Link Text}</a>
  443. <a href="/archive">{text:Archive Link Text}</a>
  444. <a href="{text:Link 1 URL}">{text:Link 1}</a><br>
  445. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  446. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  447. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  448. </nav>
  449. </aside>
  450. <!----- sidebar ends ----->
  451.  
  452. <!----- post section start ----->
  453. <section id="entries">{block:posts}
  454. <article data-aos="fade-up" class="posts {block:caption}captioned{/block:caption}">
  455.  
  456. {block:Date}
  457. <div class="when whennew">
  458. <span class="pinfo"><a class="whenfirst" href="{permalink}"><i class="th th-clock-o"></i>{DayOfMonthWithZero} | {MonthNumberWithZero} | {ShortYear}</a> <a href="{ReblogURL}" target="_blank"><i class="th th-share-o"></i>reblog</a> <a class="whenlast" href="{permalink}"><i class="th th-bookmark-1-o"></i>{NoteCount}</a></span>
  459. </div>
  460. {/block:Date}
  461.  
  462. {block:Quote}
  463. <div class="title quote">{quote}</div>
  464. {block:Source}<div class="source">{source}</div>{/block:Source}
  465. {/block:Quote}
  466.  
  467. {block:Text}
  468. {block:Title}<div class="title">{title}</div>{/block:Title}
  469. {block:RebloggedFrom}
  470. {block:Reblogs}
  471. <li class="comment {block:Title}ted{/block:Title}">
  472. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  473. <div class="tex">{body}</div>
  474. </li>
  475. {/block:Reblogs}
  476. {/block:RebloggedFrom}
  477. {block:NotReblog}
  478. <li class="comment {block:Title}ted{/block:Title}">
  479. <div class="tex">{body}</div>
  480. </li>
  481. {/block:NotReblog}
  482. {/block:Text}
  483.  
  484. {block:Link}<div class="title"><a href="{URL}">{name}</a></div>
  485. {block:Description}
  486. {block:NotReblog}
  487. <li class="comment ted">
  488. <div class="tex">{description}</div>
  489. </li>
  490. {/block:NotReblog}
  491. {/block:Description}
  492. {block:RebloggedFrom}
  493. {block:Reblogs}
  494. <li class="comment">
  495. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  496. <div class="tex">{body}</div>
  497. </li>
  498. {/block:Reblogs}
  499. {/block:RebloggedFrom}
  500. {/block:Link}
  501.  
  502. {block:Chat}
  503. {block:Title}<div id="title">{title}</div>{/block:Title}
  504. <ol class="chat {block:Title}ted{/block:Title}">
  505. {block:lines}
  506. <li class="l {Alt}">
  507. {block:label}<span class="label">{label}</span>{/block:label} <span class="line">{line}</span>
  508. </li>
  509. {/block:lines}
  510. </ol>
  511. {/block:Chat}
  512.  
  513. <div class="ph">
  514.  
  515. {block:Photo}{linkopentag}<img class="singlephoto" src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  516.  
  517. {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}
  518.  
  519. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  520.  
  521. {block:Audio}
  522. {block:audioplayer}
  523. <div class="hold">
  524. <div class="player">{audioplayerwhite}</div>
  525. <div class="audio_info">
  526. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  527. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  528. </div>
  529. </div>
  530. {/block:audioplayer}
  531. {/block:Audio}
  532.  
  533. {block:ifCaptions}
  534. {block:caption}
  535. {block:Reblogs}
  536. <li class="comment">
  537. {block:ifavataroncaptions}<img class="userimg" src="{PortraitURL-64}">{/block:ifavataroncaptions}
  538. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  539. <div class="tex">{body}</div>
  540. </li>
  541. {/block:Reblogs}
  542. {block:NotReblog}
  543. <li class="comment">
  544. {block:ifavataroncaptions}<img class="userimg" src="{PortraitURL-64}">{/block:ifavataroncaptions}
  545. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>
  546. <div class="tex">{caption}</div>
  547. </li>
  548. {/block:NotReblog}
  549. {/block:caption}
  550. {/block:ifCaptions}
  551. </div>
  552.  
  553. {block:Answer}
  554. <div class="q">
  555.  
  556. <span class="as">{asker} said:</span>
  557. <div class="ques"><span class="as">{question}</div>
  558. </div>
  559. {block:Answerer}
  560. <span class="as as2"><a href="{ReblogParentURL}">{ReblogParentName}</a> replied:</span>
  561. <li class="comment cques">
  562. <div class="tex">{answer}</div>
  563. </li>
  564. {/block:Answerer}
  565. {block:NotReblog}
  566. <span class="as as2">{name} replied:</span>
  567. <li class="comment cques">
  568. <div class="tex">{answer}</div>
  569. </li>
  570. {/block:NotReblog}
  571. {block:RebloggedFrom}
  572. {block:Reblogs}
  573. <li class="comment">
  574. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  575. <div class="tex">{body}</div>
  576. </li>
  577. {/block:Reblogs}
  578. {/block:RebloggedFrom}
  579. {/block:Answer}
  580.  
  581. {block:Date}
  582. <div class="tagsection">
  583. {block:hastags}
  584. <span class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</span>
  585. {/block:hasTags}
  586. </div>
  587. {/block:Date}
  588. </article>
  589.  
  590. {block:PostNotes}
  591. <article class="posts pagenotes">
  592. {block:RebloggedFrom}
  593. <span class="pnotes">posted {TimeAgo} on {DayOfWeek}, {Month} {DayOfMonthWithZero}{DayOfMonthSuffix}</span>
  594. <span class="pnotes">via: <a href="{ReblogParentURL}">{ReblogParentName}</a></span>
  595. <span class="pnotes">{block:ContentSource} source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>
  596. {/block:RebloggedFrom}
  597. {PostNotes}
  598. </article>
  599. {/block:PostNotes}
  600. {/block:Posts}
  601.  
  602. {block:Pagination}
  603. <footer id="pagination">
  604. <span>{block:PreviousPage}<a class ="pback" href="{PreviousPage}">back</a>{block:nextpage}{/block:nextpage}{/block:PreviousPage}
  605. {block:NextPage}<a class="pnext" href="{NextPage}">next</a>{/block:NextPage}
  606. </span>
  607. {block:JumpPagination length="5"}
  608. {block:CurrentPage}<a class="current_page">{PageNumber}</span>{/block:CurrentPage}
  609. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  610. {/block:JumpPagination}
  611. </footer>
  612. {/block:Pagination}
  613. </section>
  614. <!----- post section ends ----->
  615.  
  616. <!----- load more ----->
  617. {block:Pagination}{block:ifloadmore}
  618. <footer class="load">
  619. <a href="#" class="load-more">load more</a>
  620. </footer>
  621. {/block:ifloadmore}{/block:Pagination}
  622.  
  623. <!----- scroll to top ----->
  624. <a href="#" class="scrollup">scroll to top</a>
  625.  
  626. <!----- credit: do NOT touch or remove ----->
  627. <div class="vt"><a href="https://venusthms.tumblr.com/" title="venusthms"><img src="https://i.imgur.com/PxFLRpM.png"></img></a></div>
  628.  
  629. {block:indexpage}{block:ifinfinitescroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}
  630.  
  631. <script>
  632. $(document).ready(function(){
  633. $('body').tooltip({track:true});
  634. $('iframe.tumblr_audio_player').load( function() {
  635. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background} !important} </style>"));
  636. });
  637. {block:indexpage}
  638. {block:ifinfinitescroll}
  639. var $container = $('section');
  640. $container.infinitescroll({
  641. itemSelector: 'article',
  642. navSelector: '#pagination',
  643. nextSelector: '#pagination a',
  644. loadingImg: '',
  645. loadingText: '<em></em>',
  646. bufferPx: 100,
  647. {block:ifloadmore}
  648. errorCallback: function(){
  649. $('.load-more').hide();}
  650. {/block:ifloadmore}
  651. },
  652. function( newElements ) {
  653. var $newElems = $( newElements );
  654. $newElems.find('iframe.tumblr_audio_player').load(function(){
  655. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background}!important} </style>"));
  656. });
  657. });
  658. {block:ifloadmore}
  659. $(window).unbind('.infscr');
  660. $('.load-more').click(function(){
  661. $('#entries').infinitescroll('retrieve');
  662. return false
  663. });
  664. {/block:ifloadmore}
  665. {/block:ifinfinitescroll}
  666. {/block:indexpage}
  667. });
  668. </script>
  669. <script>
  670. $(document).ready(function(){
  671. {block:ifscrolltotop}
  672. $(window).scroll(function(){
  673. if ($(this).scrollTop() > 350) {
  674. $('.scrollup').fadeIn();
  675. } else {
  676. $('.scrollup').fadeOut();
  677. }
  678. });
  679. {/block:ifscrolltotop}
  680.  
  681. {block:ifHeader}{block:IndexPage}
  682. $(window).scroll(function(){
  683. if ($(this).scrollTop() >= $(window).height()) {
  684. $('.aside-1').fadeIn(100);
  685. } else {
  686. $('.aside-1').fadeOut(100);
  687. }
  688. });
  689. {/block:IndexPage}{/block:ifHeader}
  690. });
  691. </script>
  692. {block:ContentSource}
  693. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  694. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  695. {/block:SourceLogo}
  696. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  697. {/block:ContentSource}
  698. </body>
  699. </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!