pegasusthemes

theme 03 // cassiopeia

Feb 23rd, 2019 (edited)
3,329
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.24 KB | None | 0 0
  1. <!-- CASSIOPEIA 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="color:Background" content="#ffffff"/>
  28. <meta name="color:Text" content="#888888"/>
  29. <meta name="color:Footer Text" content="#ffffff"/>
  30. <meta name="color:Bold" content="#4f4f4f"/>
  31. <meta name="color:Borders" content="#f6f6f6"/>
  32. <meta name="color:Captions" content="#fafafa"/>
  33. <meta name="color:Accent" content="#ff6f61"/>
  34.  
  35. <meta name="select:Cursor" content="help" title="help">
  36. <meta name="select:Cursor" content="pointer" title="pointer">
  37. <meta name="select:Cursor" content="crosshair" title="crosshair">
  38.  
  39. <meta name="select:Font Size" content="12" title="12px">
  40. <meta name="select:Font Size" content="10" title="10px">
  41. <meta name="select:Font Size" content="11" title="11px">
  42. <meta name="select:Font Size" content="13" title="13px">
  43.  
  44. <meta name="select:Body Font" content="Barlow" title="Barlow">
  45. <meta name="select:Body Font" content="Karla" title="Karla">
  46. <meta name="select:Body Font" content="PT Serif" title="PT Serif">
  47. <meta name="select:Body Font" content="Roboto" title="Roboto">
  48. <meta name="select:Body Font" content="Nunito" title="Nunito">
  49. <meta name="select:Body Font" content="Lora" title="Lora">
  50.  
  51. <meta name="select:Post Size" content="500px" title="500px">
  52. <meta name="select:Post Size" content="350px" title="350px">
  53. <meta name="select:Post Size" content="380px" title="380px">
  54. <meta name="select:Post Size" content="400px" title="400px">
  55. <meta name="select:Post Size" content="450px" title="450px">
  56. <meta name="select:Post Size" content="540px" title="540px">
  57.  
  58. <meta name="select:Photoset Gutter" content="3px" title="3px">
  59. <meta name="select:Photoset Gutter" content="1px" title="1px">
  60. <meta name="select:Photoset Gutter" content="2px" title="2px">
  61. <meta name="select:Photoset Gutter" content="4px" title="4px">
  62. <meta name="select:Photoset Gutter" content="5px" title="5px">
  63.  
  64. <meta name="if:Footer" content="1"/>
  65. <meta name="if:Captions" content="1"/>
  66. <meta name="if:Caption Border" content="1"/>
  67. <meta name="if:Like and Reblog Buttons" content="1"/>
  68. <meta name="if:Show Tags" content="1"/>
  69. <meta name="if:Hover Tags" content="0"/>
  70. <meta name="if:Hover Controls" content="1"/>
  71.  
  72. <meta name="text:Subtitle" content="subtitle"/>
  73. <meta name="text:Link 1 URL" content="/" />
  74. <meta name="text:Link 1" content="link one" />
  75. <meta name="text:Link 2 URL" content="/" />
  76. <meta name="text:Link 2" content="link two" />
  77. <meta name="text:Link 3 URL" content="/" />
  78. <meta name="text:Link 3" content="link three" />
  79.  
  80. <link rel="stylesheet" type="text/css" href="//venusthms.github.io/pages/credit/venus.css"><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="//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><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>
  81.  
  82. <style type="text/css">
  83.  
  84. /***** tumblr controls *****/
  85.  
  86. iframe.tmblr-iframe {
  87. z-index:99999999999999!important;
  88. top:0!important;
  89. right:0!important;
  90. opacity: 0.5;
  91. {block:ifhovercontrols}
  92. opacity:0;
  93. padding-right:38px;
  94. {/block:ifhovercontrols}
  95. /* delete invert(1) from here */
  96. filter:invert(1) contrast(150%);
  97. -webkit-filter:invert(1) contrast(150%);
  98. -o-filter:invert(1) contrast(150%);
  99. -moz-filter:invert(1) contrast(150%);
  100. -ms-filter:invert(1) contrast(150%);
  101. /* to here if your blog has a dark background */
  102. transform:scale(0.65);
  103. transform-origin:100% 0;
  104. -webkit-transform:scale(0.65);
  105. -webkit-transform-origin:100% 0;
  106. -o-transform:scale(0.65);
  107. -o-transform-origin:100% 0;
  108. -moz-transform:scale(0.65);
  109. -moz-transform-origin:100% 0;
  110. -ms-transform:scale(0.65);
  111. -ms-transform-origin:100% 0;}
  112.  
  113. iframe.tmblr-iframe:hover {opacity:0.7!important}
  114. .hcontrols {position:fixed;top:10px;right:10px;z-index:999999999}
  115. .hcontrols i {color: {color:accent};font-size: 14px}
  116.  
  117.  
  118. /***** tooltips *****/
  119.  
  120. .ui-tooltip {position:absolute;padding-top:10px;z-index: 99999}
  121. .ui-tooltip-content {padding:2px 4px;color:{color:text};text-transform:capitalize;border-radius: 6px}
  122.  
  123. /***** scrollbar *****/
  124.  
  125. ::-webkit-scrollbar{height:11px;width:11px;background:inherit}
  126. ::-webkit-scrollbar-thumb {background:{color:accent}}
  127. ::-webkit-scrollbar-track {background:{color:borders}}
  128. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid {color:background}}
  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:{select:font size}px;
  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. small, big, sub, pre{font-size:1em!important;line-height:1.4em!important;vertical-align:baseline!important}
  158. h1, h2, h3, h4{margin:1.5em 0;font-size:1.5em;padding:0;color:#000;font-weight:bold}
  159. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0}
  160. hr{border:none;box-shadow:0;margin:2em auto;width:75px;border-top:1px solid {color:borders}}
  161. .title, .tex {{block:ifcaptionborder}border:1px solid {color:Borders};{/block:ifcaptionborder}}
  162. .title, .tex, .ques, .cques {background:{color:Captions}}
  163. .vt {left:5px!important}
  164.  
  165. /***** links *****/
  166.  
  167. a{color:{color:text};text-decoration:none}
  168. .circle2, 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. /***** circles *****/
  181.  
  182. .circle {
  183. position: relative;
  184. display: inline-block;
  185. width: 15px;
  186. height: 15px;
  187. top: 7px;
  188. margin-right: 10px;
  189. border: 4px solid {color:accent};
  190. border-radius: 50%;
  191. transition:all .3s linear;
  192. -webkit-transition:all .3s linear;
  193. -o-transition:all .3s linear;
  194. -moz-transition:all .3s linear
  195. }
  196.  
  197. nav a:before {content:'';width:5px;height:5px;background:{color:accent};display:inline-block;margin-right:5px;border-radius:50%;position:relative;bottom:2px}
  198. .source:before {content:'';margin-right:5px;width:5px;height:5px;border-radius:50%;border:2px solid {color:accent};position:relative;top:1px;display:inline-block}
  199.  
  200. /***** sidebar *****/
  201.  
  202. aside {position:fixed;width:300px;height:400px;left:12%;padding:10px;text-align:left}
  203. .top {margin:10px 0 20px 10px;text-align:left}
  204. .top a {margin-right:5px;letter-spacing:1px;text-transform:capitalize}
  205. .top:hover .circle {background:{color:accent}}
  206. .desc {margin:10px}
  207. .pagination {margin:10px}
  208. .pagination a {display:block}
  209. nav {margin:10px;display:none}
  210. nav a {display:block;text-transform:capitalize;letter-spacing:1px}
  211.  
  212. /***** footer *****/
  213.  
  214. footer {
  215. height: 100px;
  216. width: 100%;
  217. {block:SearchPage}
  218. display: none;
  219. {/block:SearchPage}
  220. padding: 5px;
  221. color:{color:footer text};
  222. background: {color:accent};
  223. text-align: center;
  224.  
  225. }
  226.  
  227. footer h2 {
  228. position: absolute;
  229. font-weight: normal;
  230. margin: 60px 0 5px 0;
  231. font-size: 12px;
  232. text-transform: capitalize;
  233. text-align: left;
  234. color: {color:footer text};
  235. }
  236.  
  237. footer .intro {
  238. position: absolute;
  239. right: 10px;
  240. left: 0;
  241. margin-top: 60px;
  242. text-align: right;
  243. text-transform: capitalize;
  244. }
  245.  
  246. footer a {color:{color:footer text}}
  247. footer a:hover {color:{color:footer text}!important}
  248. footer .mpagination {position:absolute;width:100%;margin-top:-40px}
  249. .mpagination a {position: relative;color: {color:text};}
  250. .mpagination a:first-of-type {float:right;margin-right:20px}
  251. .mpagination a:nth-child(2) {float:left;margin-left:20px}
  252. #searchblock {margin-top:40px;position:absolute;right:0;left:0}
  253. .typing, .typing::placeholder, #searchentries, #searchentries a, .enter {background-color:{color:accent};padding:5px;letter-spacing:0.5px;font-size:12px;color:{color:footer text}}
  254. .typing, #searchentries {width:200px}
  255. .typing {margin-bottom:10px;outline:none;border:0px solid transparent;width:150px;text-align:center;text-transform:capitalize}
  256. .typing::placeholder {padding:0px;!important}
  257. .enter {margin-bottom:0px;outline:none;border:0px solid transparent;cursor:pointer;margin-left:7px;text-transform:capitalize;font-size:12px!important}
  258.  
  259. {block:ifnotfooter}
  260. footer {background: {color:background};height: auto}
  261. {block:ifnotfooter}
  262.  
  263. /***** posts *****/
  264.  
  265. .posts {
  266. position: relative;
  267. width:{select:Post Size};
  268. {block:PermalinkPage}
  269. margin-bottom: 20px;
  270. {/block:PermalinkPage}
  271. {block:IndexPage}
  272. margin-bottom:100px;
  273. {/block:IndexPage}
  274. }
  275.  
  276. section {width:{select:Post Size};margin:100px auto 100px auto;position: relative;left: 8%}
  277. .ph {position:relative;overflow:hidden}
  278. .ph img {display:block;width:100%}
  279.  
  280. /***** post titles *****/
  281.  
  282. .title {padding:5px;font-size:1.25em;line-height:1.75em;color:#000}
  283. .title a {color:#000}
  284. .title a:hover {color:{color:accent}}
  285. .ted {margin-top:10px}
  286. .tex video {width:{select:Post Size}}
  287.  
  288. /***** captions *****/
  289.  
  290. img.userimg {display:inline;width:20px;margin-right:10px;float:left;border-radius:50%}
  291. .tex {text-align:left;display:block;padding:10px}
  292. .comment {padding:5px;list-style:none}
  293. .user {display:block;margin-bottom:.75em;text-align:left;line-height:1.7em; letter-spacing: 1px;text-transform:capitalize}
  294. .user::before {content:'';width:10px;height:10px;background:{color:accent};display:inline-block;border-radius:50%;margin-right:8px;position:relative; top:1px}
  295. .npf_row {height:100%!important}
  296. .captioned .comment:first-of-type {margin-top:2em}
  297. .tex li, .tex blockquote {text-align:left}
  298.  
  299. /***** photosets *****/
  300.  
  301. [photoset-layout] {grid-gap:{select:Photoset Gutter};overflow:hidden}
  302. [photoset-layout] div {cursor:{select:cursor}}
  303.  
  304. /***** quotes *****/
  305.  
  306. .source {margin-top:5px;text-align:left}
  307. .quote {text-align:left}
  308.  
  309. /***** audio posts *****/
  310.  
  311. .player {position:absolute;display:block;height:24px;width:25px;left:10px;overflow:hidden}
  312. .hold {display:block;min-height:24px;padding:15px;background:{color:background};border:1px solid {color:borders};text-align:left}
  313. .audio_info {vertical-align:middle;line-height:12px;margin-left:35px;max-width:calc(100% - 35px)}
  314. .audio_info span {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  315. .hold .track {color:#000}
  316.  
  317. /***** asks *****/
  318.  
  319. .ques, .cques {padding:15px;display:block;border-radius:0;border:1px solid {color:Borders}}
  320. .ques {background:{color:accent};color:{color:footer text};border:1px solid {color:accent}}
  321. .q {margin-bottom: 1em;text-align:left}
  322. .as {text-transform:lowercase; display:block; text-align: left}
  323. .as2 {text-align:right}
  324. .cques .tex {border:none}
  325. .as a {color:{color:text}}
  326. .as a:hover {color:{color:accent}}
  327. .cques p {display: inline}
  328. .cques {margin-top:-15px}
  329. .ques a {color:{color:footer text}}
  330. .cques a {color:{color:text}}
  331. .ques a:hover {color:{color:footer text}!important}
  332.  
  333. /***** chat *****/
  334.  
  335. .label {
  336. display:inline-block;
  337. margin-right: 5px;
  338. padding: 2px 4px;
  339. font-weight:bold;
  340. color:#000;
  341. padding: 5px;
  342. }
  343.  
  344. .chat {margin:0;padding:0;text-align:left;line-height:1.3em;list-style:none}
  345. li.odd {background:{color:captions};border:1px solid {color:borders}}
  346. .odd .label {color:{color:accent}}
  347. .l {padding:5px 0}
  348.  
  349. /***** permalink + notes *****/
  350.  
  351. .when {margin-left:calc({select:Post Size} + 20px);position:absolute;width:100px;text-align:left}
  352. .when i {color:#000;margin:10px 8px 0 1px; font-size:11px}
  353. .when a:hover .circle2 {background:{color:accent}}
  354. .when span {display:block}
  355. .when span:first-of-type {margin-bottom: 5px}
  356. .circle2 {width:8px;height:8px;display:inline-block;border:2px solid {color:accent}; border-radius: 50%;margin-right: 8px;position: relative;top:2px}
  357. .tagsection {margin-top:15px}
  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:first-of-type {margin-bottom:5px}
  367. .like-b {position:relative;display:inline-block;height:1em;line-height:1em;overflow:hidden;margin-bottom:-1px;}
  368. .like-b .like_button iframe {position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;opacity:0.000001;}
  369. .like-b .liked + .b {color:inherit;}
  370. .like-b .liked + .b:after {content:'d';}
  371.  
  372. .tags a {
  373. display:inline;
  374. margin:0 3px;
  375. font-style:italic;
  376. color:{color:text};
  377. {block:IndexPage}
  378. {block:ifhovertags}
  379. visibility: hidden;
  380. opacity: 0;
  381. {/block:ifhovertags}
  382. {block:ifnotshowtags}
  383. display:none;
  384. {/block:ifnotshowtags}
  385. {/block:IndexPage}
  386. }
  387.  
  388. ol.notes {padding:0px;margin:0px;margin-top:15px;list-style-type:none}
  389. ol.notes li.note {display:block;margin:5px 0;padding:0}
  390. ol.notes li.note img.avatar {display:none!important}
  391. a.more_notes_link {display:block;text-align:left;color:#000;margin-top:15px}
  392. li.reblog:before {content: '\ebc2';color:{color:text}}
  393. li.like:before {content: '\ea54';color:{color:accent}}
  394.  
  395. li.reblog:before, li.like:before {
  396. font-family: 'honeybee';
  397. font-size: 9px;
  398. margin-right: 5px;
  399. position: relative;
  400. top: 1px;
  401. }
  402.  
  403. /***** media queries *****/
  404.  
  405. @media only screen and (min-width: 1600px){aside{left:17%}section{left: 4%}}@media only screen and (min-width: 1200px){.mpagination{display:none}}@media only screen and (max-width: 1200px){aside{position:relative;right: 0;left: 0;margin: 50px auto 0 auto;height: auto;text-align: center;width:{select:Post Size}}.top{text-align: center}section{left: 0}.pagination{display:none}nav{margin: 10px 10px 10px 30px}nav a{display:inline}nav a:nth-child(1):before{content: none}}
  406.  
  407. {CustomCSS}
  408. </style>
  409. </head>
  410. <body>
  411.  
  412. {block:ifhovercontrols}<div class="hcontrols"><i class="th th-dial"></i></div>{/block:ifhovercontrols}
  413.  
  414. <!----- sidebar starts ----->
  415. <aside>
  416. <div class="top">
  417. <div class="circle"></div>
  418. <a href="/">index</a>
  419. <a href="/ask">contact</a>
  420. <a href="/archive">history</a>
  421. {block:ifLink1}<a class="click" href="#">more</a>{/block:ifLink1}
  422. </div>
  423. <nav>
  424. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  425. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  426. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  427. </nav>
  428. <p class="desc">{Description}</p>
  429.  
  430. {block:Pagination}
  431. <div class="pagination">
  432. <span>{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage}</span></div>
  433. {/block:Pagination}
  434. </aside>
  435. <!----- sidebar ends ----->
  436.  
  437.  
  438. <!----- post section start ----->
  439. <section id="entries">{block:posts}
  440. <article data-aos="fade-up" class="posts {block:caption}captioned{/block:caption}">
  441.  
  442. {block:Date}
  443. <div class="when">
  444. <span><a href="{permalink}"><div class="circle2"></div>{NoteCount}</a></span>
  445. {block:IndexPage}{block:ifLikeandReblogButtons}
  446. <span><a href="{ReblogURL}" target="_blank">reblog</a></span>
  447. <span><a class="like-b" href="#">{LikeButton}<span class="b">like</span></a></span>{/block:ifLikeandReblogButtons}{/block:IndexPage}
  448. </div>
  449. {/block:Date}
  450.  
  451. {block:Quote}
  452. <div class="title quote">{quote}</div>
  453. {block:Source}<div class="source">{source}</div>{/block:Source}
  454. {/block:Quote}
  455.  
  456. {block:Text}
  457. {block:Title}<div class="title">{title}</div>{/block:Title}
  458. {block:RebloggedFrom}
  459. {block:Reblogs}
  460. <li class="comment {block:Title}ted{/block:Title}">
  461. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  462. <div class="tex">{body}</div>
  463. </li>
  464. {/block:Reblogs}
  465. {/block:RebloggedFrom}
  466. {block:NotReblog}
  467. <li class="comment {block:Title}ted{/block:Title}">
  468. <div class="tex">{body}</div>
  469. </li>
  470. {/block:NotReblog}
  471. {/block:Text}
  472.  
  473. {block:Link}<div class="title"><a href="{URL}">{name}</a></div>
  474. {block:Description}
  475. {block:NotReblog}
  476. <li class="comment ted">
  477. <div class="tex">{description}</div>
  478. </li>
  479. {/block:NotReblog}
  480. {/block:Description}
  481. {block:RebloggedFrom}
  482. {block:Reblogs}
  483. <li class="comment">
  484. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  485. <div class="tex">{body}</div>
  486. </li>
  487. {/block:Reblogs}
  488. {/block:RebloggedFrom}
  489. {/block:Link}
  490.  
  491. {block:Chat}
  492. {block:Title}<div id="title">{title}</div>{/block:Title}
  493. <ol class="chat {block:Title}ted{/block:Title}">
  494. {block:lines}
  495. <li class="l {Alt}">
  496. {block:label}<span class="label">{label}</span>{/block:label} <span class="line">{line}</span>
  497. </li>
  498. {/block:lines}
  499. </ol>
  500. {/block:Chat}
  501.  
  502. <div class="ph">
  503.  
  504. {block:Photo}{linkopentag}<img class="singlephoto" src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  505.  
  506. {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}
  507.  
  508. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  509.  
  510. {block:Audio}
  511. {block:audioplayer}
  512. <div class="hold">
  513. <div class="player">{audioplayerwhite}</div>
  514. <div class="audio_info">
  515. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  516. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  517. </div>
  518. </div>
  519. {/block:audioplayer}
  520. {/block:Audio}
  521.  
  522. {block:ifCaptions}
  523. {block:caption}
  524. {block:Reblogs}
  525. <li class="comment">
  526. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  527. <div class="tex">{body}</div>
  528. </li>
  529. {/block:Reblogs}
  530. {block:NotReblog}
  531. <li class="comment">
  532. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>
  533. <div class="tex">{caption}</div>
  534. </li>
  535. {/block:NotReblog}
  536. {/block:caption}
  537. {/block:ifCaptions}
  538. </div>
  539.  
  540. {block:Answer}
  541. <div class="q">
  542.  
  543.  
  544. <div class="ques"><span class="as"><i>{asker} said:</i> {question}</div>
  545. </div>
  546. {block:Answerer}
  547. <li class="comment cques">
  548. <div class="tex"><i><a href="{ReblogParentURL}">{ReblogParentName}</a> replied:</i> {answer}</div>
  549. </li>
  550. {/block:Answerer}
  551. {block:NotReblog}
  552. <li class="comment cques">
  553. <div class="tex"><i>{name} replied:</i> {answer}</div>
  554. </li>
  555. {/block:NotReblog}
  556. {block:RebloggedFrom}
  557. {block:Reblogs}
  558. <li class="comment">
  559. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  560. <div class="tex">{body}</div>
  561. </li>
  562. {/block:Reblogs}
  563. {/block:RebloggedFrom}
  564. {/block:Answer}
  565.  
  566. {block:Date}
  567. <div class="tagsection">
  568. {block:hastags}
  569. <span class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</span>
  570. {/block:hasTags}
  571. </div>
  572. {/block:Date}
  573. </article>
  574.  
  575. {block:PostNotes}
  576. <article class="posts pagenotes">
  577. {block:RebloggedFrom}
  578. <span class="pnotes">posted {TimeAgo} on {DayOfWeek}, {Month} {DayOfMonthWithZero}{DayOfMonthSuffix}</span>
  579. <span class="pnotes">via: <a href="{ReblogParentURL}">{ReblogParentName}</a></span>
  580. <span class="pnotes">{block:ContentSource} source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>
  581. {/block:RebloggedFrom}
  582. {PostNotes}
  583. </article>
  584. {/block:PostNotes}
  585. {/block:Posts}
  586. </section>
  587.  
  588. <!----- DO NOT REMOVE OR EDIT ----->
  589. {block:ifnotfooter}<div class="vt"><a href="https://venusthms.tumblr.com/" title="venusthms"><img src="https://i.imgur.com/PxFLRpM.png"></img></a></div>{block:ifnotfooter}
  590.  
  591. <!----- post section ends ----->
  592.  
  593. <!----- footer starts ----->
  594.  
  595. {block:IndexPage}
  596. <footer>
  597. {block:Pagination}<div class="mpagination"><span>{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage}</span></div>{/block:Pagination}
  598.  
  599. {block:ifFooter}
  600. <span class="intro">{title}<p>{text:subtitle}</p></span>
  601. <div id="searchblock">
  602. <form class="find" action="/search" method="get">
  603. <a class="expand"><input class="typing" type="text" name="q" value="{SearchQuery}" placeholder="looking for something?" autocomplete="off"/></a>
  604. <input class="enter" type="submit" value="search"/>
  605. </form>
  606. </div>
  607. <h2>&copy; {CopyrightYears} {name} <br> <!----- DO NOT REMOVE -----> design by <a href="https://venusthms.tumblr.com/">venusthms</a></h2>
  608. {/block:ifFooter}
  609. </footer>
  610. {/block:IndexPage}
  611.  
  612. <!----- footer ends ----->
  613.  
  614. <script src="//venusthms.github.io/pages/credit/credit.js"></script>
  615. {block:ifnotfooter}<script src="//venusthms.github.io/pages/credit/venus.js"></script>{/block:ifnotfooter}
  616.  
  617. <script>
  618. $(document).ready(function(){
  619. $('body').tooltip({track:true});
  620. $('iframe.tumblr_audio_player').load( function() {
  621. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background} !important} </style>"));
  622. });
  623. });
  624. </script>
  625. <script>
  626. $(document).ready(function(){
  627. $('.click,.fade').click(function() {
  628. $('nav').slideToggle( "slow" );
  629. return false;
  630. });
  631. });
  632. </script>
  633.  
  634. {block:ContentSource}
  635. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  636. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  637. {/block:SourceLogo}
  638. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  639. {/block:ContentSource}
  640. </body>
  641. </html>
Add Comment
Please, Sign In to add comment