pegasusthemes

theme 04 // pluto

Aug 25th, 2019
1,332
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.45 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----------------------------------------------------------------------
  5.  
  6. - theme: pluto by @leejordan / @venusthms
  7.  
  8. - do no redistribute any part of this theme or remove the credit
  9.  
  10. - base code: @sorrism
  11.  
  12. - icon font: https://feathericons.com/
  13.  
  14. - more credits: https://venusthms.tumblr.com/credits
  15.  
  16. - terms of use: https://venusthms.tumblr.com/terms
  17.  
  18. ------------------------------------------------------------------------>
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22.  
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <meta name="viewport" content="width=device-width, initial-scale=1">
  27.  
  28. <meta name="image:Sidebar" content="" />
  29.  
  30. <meta name="color:Background" content="#ffffff"/>
  31. <meta name="color:Text" content="#888888"/>
  32. <meta name="color:Shadows" content="#eeeeee"/>
  33. <meta name="color:Accent" content="#c6c7c2"/>
  34. <meta name="color:Accent Two" content="#f2d8c2"/>
  35. <meta name="color:Footer" content="#f0f3e5"/>
  36. <meta name="color:Accent Text" content="#ffffff"/>
  37.  
  38. <meta name="select:Font Size" content="12" title="12px">
  39. <meta name="select:Font Size" content="10" title="10px">
  40. <meta name="select:Font Size" content="11" title="11px">
  41. <meta name="select:Font Size" content="13" title="13px">
  42.  
  43. <meta name="select:Body Font" content="Barlow" title="Barlow">
  44. <meta name="select:Body Font" content="Karla" title="Karla">
  45. <meta name="select:Body Font" content="PT Sans" title="PT Sans">
  46. <meta name="select:Body Font" content="PT Serif" title="PT Serif">
  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="select:Photoset Gutter" content="3px" title="3px">
  57. <meta name="select:Photoset Gutter" content="1px" title="1px">
  58. <meta name="select:Photoset Gutter" content="2px" title="2px">
  59. <meta name="select:Photoset Gutter" content="4px" title="4px">
  60. <meta name="select:Photoset Gutter" content="5px" title="5px">
  61.  
  62. <meta name="select:Sidebar Image" content="cover" title="Cover">
  63. <meta name="select:Sidebar Image" content="contain" title="Contain">
  64. <meta name="select:Sidebar Image" content="inherit" title="Inherit">
  65.  
  66. <meta name="if:Sidebar Links" content="1"/>
  67. <meta name="if:Sidebar Image" content="1"/>
  68. <meta name="if:Scroll To Top" content="0"/>
  69. <meta name="if:Scroll Effect" content="1"/>
  70. <meta name="if:Captions" content="1"/>
  71. <meta name="if:Show Tags" content="1"/>
  72. <meta name="if:Hover Tags" content="0"/>
  73. <meta name="if:Dark Tumblr Controls" content="1"/>
  74.  
  75. <meta name="text:Footer Text" content="Do not make it too long" />
  76. <meta name="text:Link 1 URL" content="/" />
  77. <meta name="text:Link 1" content="link one" />
  78. <meta name="text:Link 2 URL" content="/" />
  79. <meta name="text:Link 2" content="link two" />
  80. <meta name="text:Link 3 URL" content="/" />
  81. <meta name="text:Link 3" content="link three" />
  82.  
  83. <link href="https://fonts.googleapis.com/css?family=Barlow|Karla|Lora|PT+Sans|PT+Serif|Raleway&display=swap" rel="stylesheet">
  84. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//dl.dropbox.com/s/5hnk5w8xmzsgkdn/feather.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"><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>
  85.  
  86. <style type="text/css">
  87.  
  88. /***** tumblr controls *****/
  89.  
  90. iframe.tmblr-iframe {
  91. z-index:99999999999999!important;
  92. top:0!important;
  93. right:0!important;
  94. opacity:0.4;
  95. {block:ifDarkTumblrControls}
  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. {/block:ifDarkTumblrControls}
  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.  
  114. iframe.tmblr-iframe:hover {opacity:0.6!important}
  115.  
  116. /***** tooltips *****/
  117.  
  118. .ui-tooltip {position:absolute;padding-top:10px;z-index:99999}
  119. .ui-tooltip-content {padding:4px 6px;color:{color:accent text};border-radius:2px; background:{color:accent two}}
  120.  
  121. /***** scrollbar *****/
  122.  
  123. ::-webkit-scrollbar{height:11px;width:11px;background:inherit}
  124. ::-webkit-scrollbar-thumb {background:{color:accent}}
  125. ::-webkit-scrollbar-track {background:{color:footer}}
  126. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid {color:background}}
  127.  
  128. /***** selections *****/
  129.  
  130. ::selection {background:rgba({RGBcolor:accent},.6);color:#000}
  131. ::-moz-selection {background:rgba({RGBcolor:accent},.6);color:#000}
  132.  
  133. /***** general *****/
  134.  
  135. body {
  136. margin:0;
  137. background:{color:background};
  138. overflow-x:hidden;
  139. color:{color:text};
  140. text-align:center;
  141. word-wrap:break-word;
  142. font-family:'{select:body font}';
  143. font-size:{select:font size}px;
  144. line-height:1.4em;
  145. }
  146.  
  147. img{opacity:1;border:0;text-decoration:none;max-width:100%;height:auto;display:block}
  148. blockquote{padding:.25em 0 .25em 15px;margin:.5em 0;border-left:1px solid #f6f6f6}
  149. 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}
  150. p {margin:1em 0}
  151. p:first-of-type {margin-top:0}
  152. p:last-of-type {margin-bottom:0}
  153. b a, strong a{font-weight:bold!important;color:{color:accent}}
  154. b, strong {color:{color:accent}}
  155. small, big, sub, pre{font-size:1em!important;line-height:1.4em!important;vertical-align:baseline!important}
  156. h1, h2, h3, h4{margin:1.5em 0;font-size:1.5em;padding:0;color:#000;font-weight:bold}
  157. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0}
  158. hr{border:none;box-shadow:0;margin:2em auto;width:75px;border-top:1px solid #f6f6f6}
  159. .vt {left:5px!important}
  160.  
  161. /***** links *****/
  162.  
  163. a{color:{color:text};text-decoration:none}
  164. a, iframe.tmblr-iframe, .links a svg{transition:all .4s linear;-webkit-transition:all .4s linear;-o-transition:all .4s linear;-moz-transition:all .4s linear}
  165. a:hover{color:{color:accent two}!important;text-decoration:none}
  166. a, a img {cursor:pointer}
  167. .tex a, a.ua, .desc a {color:{color:text};position:relative}
  168.  
  169. .tex a:after, a.ua:after, .desc a:after {
  170. content: '';
  171. width:100%;
  172. height:1px;
  173. position:absolute;
  174. left:0;
  175. bottom:0px;
  176. background:{color:accent two};
  177. transition:all 0.8s cubic-bezier(0.2,1,0.3,1);
  178. bottom:-2px;
  179. }
  180. .tex a:hover::after, a.ua:hover::after, .desc a:hover::after {width:50%}
  181. .tex a:hover, a.ua:hover, .desc a:hover {color:{color:accent two}!important}
  182.  
  183. /***** lists *****/
  184.  
  185. ul {list-style:none}
  186. ol {list-style:decimal-leading-zero;list-style-position:inside}
  187. .tex ul li:before {content:'•';margin-right:5px;font-weight:900;color:{color:accent two}}
  188.  
  189. /***** shadows *****/
  190.  
  191. .tabbutton,.btop,.ubox,.when span:not(.pnotes),.tabsec, .pnotes{box-shadow:0 1px 3px 1px {color:shadows}}
  192.  
  193. /***** sidebar *****/
  194.  
  195. aside {
  196. position:fixed;
  197. left:0;
  198. top:0;
  199. bottom:0;
  200. height:100vh;
  201. width:35vw;
  202. z-index:9999;
  203. {block:ifNotSidebarImage}
  204. width:10vw;
  205. {/block:ifNotSidebarImage}
  206. }
  207.  
  208. .left {
  209. display:table;
  210. height:100%;
  211. width:10vw;
  212. background:{color:accent};
  213. float:left;
  214. }
  215.  
  216. .links {position:fixed;width:10vw;top:30px}
  217. .links a {display:block;margin-bottom:10px}
  218. .links a:hover svg {color:{color:accent two}}
  219. .links a svg {color:{color:accent text};width:16px}
  220. a.up {display:none}
  221.  
  222. nav,.number span {display:table-cell;vertical-align:middle}
  223. nav a {display:block;margin-bottom:20px}
  224. nav a:hover .circle {box-shadow:0 0 1px 3px rgba(246,246,246,.4),0 0 1px 6px rgba(238,238,238,.1),0 0 1px 9px rgba(204,204,204,.1)}
  225. .pagination span, .number {background:{color:accent two}}
  226.  
  227. .circle {
  228. position:relative;
  229. display:inline-block;
  230. width:5px;
  231. height:5px;
  232. background:{color:Accent Text};
  233. border-radius:100%;
  234. transition: box-shadow 400ms cubic-bezier(.2,0,.7,1),
  235. transform 200ms cubic-bezier(.2,0,.7,1);
  236. }
  237.  
  238. .number {
  239. position:fixed;
  240. display:table;
  241. bottom:0;
  242. left:0;
  243. width:10vw;
  244. height:10vw;
  245. font-size:2.2em;
  246. font-family: 'Raleway', sans-serif;
  247. color: {color:accent text};
  248. }
  249.  
  250. .right {
  251. background:{color:background};
  252. width:calc(35vw - 10vw);
  253. height:100%;
  254. float:right;
  255. background-size:{select:Sidebar Image};
  256. background-image:url('{image:Sidebar}');
  257. }
  258.  
  259. /***** footer *****/
  260.  
  261. footer {
  262. display:flex;
  263. align-items:center;
  264. height:10vw;
  265. width:calc(100vw - 35vw);
  266. {block:ifNotSidebarImage}
  267. width:calc(100vw - 10vw);
  268. {/block:ifNotSidebarImage}
  269. padding:5px;
  270. text-align:left;
  271. float:right;
  272. background:{color:footer};
  273. box-sizing:border-box;
  274. overflow:hidden;
  275. }
  276.  
  277. .pagination span {
  278. position:relative;
  279. display:inline-block;
  280. width:80px;
  281. left:100px;
  282. padding:10px;
  283. text-align:center;
  284. color:{color:accent text};
  285. }
  286.  
  287. .pagination span:first-of-type {margin-right:20px;background:{color:accent}!important}
  288. .pagination span:last-of-type a:hover {color:{color:accent}!important}
  289. .pagination span a {color:{color:accent text}}
  290.  
  291. .desc {position:relative;left:17vw;{block:ifNotSidebarImage}left:30vw;{/block:ifNotSidebarImage}text-align:justify}
  292. .desc span {display:inline-block;width:300px}
  293. .desc a:hover {color:{color:text}!important}
  294.  
  295. .text-not-1 {display:none}
  296. .text-1 {display:block}
  297.  
  298. /***** posts *****/
  299.  
  300. .posts {
  301. position:relative;
  302. width:{select:Post Size};
  303. {block:PermalinkPage}
  304. margin-bottom:30px;
  305. {/block:PermalinkPage}
  306. {block:IndexPage}
  307. margin-bottom:120px;
  308. {/block:IndexPage}
  309. }
  310.  
  311. section {width:{select:Post Size};margin:100px 0 100px 0;position:relative;left:40vw;{block:ifNotSidebarImage}left:25vw;{/block:ifNotSidebarImage}}
  312. .ph {position:relative;overflow:hidden}
  313. .ph img {display:block;width:100%}
  314.  
  315. /***** post titles *****/
  316.  
  317. .title {font-size:1.25em;line-height:1.75em;color:#000;border-radius:5px;text-align:left;color:{color:accent}}
  318. .title a {color:{color:accent}}
  319. .title a:hover {color:{color:accent two}}
  320. .ted {margin-top:10px}
  321. .tex video {width:{select:Post Size}}
  322. .title svg {position:relative;width:16px;top:8px;margin-right:5px}
  323.  
  324. /***** captions *****/
  325.  
  326. img.userimg {display:inline;width:20px;margin-right:10px;float:left;border-radius:50%}
  327. .tex {text-align:left;display:block}
  328. .comment {padding:10px;list-style:none}
  329. .user {display:block;margin-bottom:5px;text-align:left;line-height:1.7em; letter-spacing:1px;text-transform:capitalize}
  330. .user::before {content:'';width:10px;height:10px;background:{color:accent two};display:inline-block;border-radius:50%;margin-right:8px;position:relative; top:1px}
  331. .npf_row {height:100%!important}
  332. .captioned .comment:first-of-type {margin-top:1em}
  333. .tex li, .tex blockquote {text-align:left}
  334.  
  335. {block:ifnotCaptions}{block:IndexPage}
  336. .captioned .comment {display:none}
  337. {/block:IndexPage}{/block:ifnotCaptions}
  338.  
  339. /***** photosets *****/
  340.  
  341. [photoset-layout] {grid-gap:{select:Photoset Gutter};overflow:hidden}
  342. [photoset-layout] div {cursor:pointer}
  343.  
  344. /***** quotes *****/
  345.  
  346. .source {margin-top:5px;text-align:left;color:{color:accent two}}
  347. .quote {text-align:left}
  348. .source a {color:{color:accent two}}
  349. .source:before {content:'';margin-right:5px;width:5px;height:5px;border-radius:50%;border:2px solid {color:accent two};position:relative;top:1px;display:inline-block}
  350.  
  351. /***** audio posts *****/
  352.  
  353. .player {position:absolute;display:block;height:24px;width:25px;left:10px;overflow:hidden}
  354. .hold {display:block;min-height:24px;padding:15px;background:{color:accent two};text-align:left}
  355. .audio_info {vertical-align:middle;line-height:12px;margin-left:35px;max-width:calc(100% - 35px)}
  356. .audio_info span {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:{color:accent text}}
  357. .hold .track {color:{color:accent text}}
  358.  
  359. /***** asks *****/
  360.  
  361. .ques, .cques {display:block;border-radius:0}
  362. .cques {padding:10px 0 10px 0}
  363. .ques {color:{color:accent text};background:{color:accent two};padding:15px}
  364. .q {margin-bottom: 1em;text-align:left}
  365. .as {text-transform:lowercase;display:block;text-align:left}
  366. .as2 {text-align:right}
  367. .cques .tex {border:none}
  368. .as a {color:{color:text}}
  369. .as a:hover {color:{color:accent}}
  370. .cques p {display:inline}
  371. .ques a {color:{color:accent text}}
  372. .cques a {color:{color:text}}
  373. .ques a:hover {color:{color:accent text}!important}
  374.  
  375. /***** chat *****/
  376.  
  377. .label {
  378. display:inline-block;
  379. margin-right:5px;
  380. padding:2px 4px;
  381. font-weight:bold;
  382. color:#000;
  383. padding:5px;
  384. }
  385.  
  386. .chat {margin:0;padding:0;text-align:left;line-height:1.3em;list-style:none}
  387. .odd .label {color:{color:accent two}}
  388. .even .label {color:{color:accent}}
  389. .l {padding:5px 0}
  390.  
  391. /***** permalink + notes *****/
  392.  
  393. .when {width:100%;text-align:center;{block:IndexPage}margin-top:15px;{/block:IndexPage}{block:PermalinkPage}margin-bottom:15px;{/block:PermalinkPage}text-transform:lowercase;{block:PermalinkPage}text-align:left;{/block:PermalinkPage}}
  394. .when span {padding:10px;{block:PermalinkPage}margin-right:10px;{/block:PermalinkPage}}
  395. .postedon {{block:IndexPage}float:left{/block:IndexPage}}
  396. .reb, .likeb {float:right}
  397. .reb {margin-left:9px}
  398. .pinfo {text-transform:lowercase;text-align:center!important}
  399. .tags {width:{select:Post Size};text-align:left;position:relative;top:10px;display:flex;flex-wrap:wrap}
  400. .pagenotes {text-align:left}
  401. .pnotes {display:inline-block;text-transform:lowercase;margin-right:5px!important;padding:5px!important;border-radius:100%;position:relative;top:10px}
  402. .pnotes img {border-radius:100%;-webkit-transition: -webkit-transform .8s ease-in-out;transition: transform .8s ease-in-out}
  403. .pnotes img:hover {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
  404. .like-b {position:relative;display:inline-block;line-height:1em;overflow:hidden;margin-bottom:-1px}
  405. .like-b .like_button iframe {position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;opacity:0.000001}
  406. .like-b .liked + .b {color:inherit}
  407. .like-b .liked + .b:after {content:'d'}
  408.  
  409. .tags a {margin-right:8px;color:{color:text};flex:initial;{block:IndexPage}{block:ifhovertags}visibility:hidden;opacity:0;{/block:ifhovertags}{block:ifnotshowtags}display:none;{/block:ifnotshowtags}{/block:IndexPage}}
  410. .tags a:nth-child(even) {color:{color:accent two}}
  411. .tags a:hover:nth-child(even) {color:{color:accent}!important}
  412. .tags a:nth-child(odd) {color:{color:accent}}
  413.  
  414. {block:ifhovertags}{block:IndexPage}
  415. .posts:hover .tags a {visibility:visible;opacity:1}
  416. {/block:IndexPage}{block:ifhovertags}
  417.  
  418. ol.notes {padding:0px;margin:0px;margin-top:15px;list-style-type:none}
  419. ol.notes li.note {display:block;margin:5px 0;padding:0}
  420. ol.notes li.note img.avatar {display:none!important}
  421. a.more_notes_link {display:block;text-align:left;color:#000;margin-top:15px}
  422. li.reblog:before, li.like:before {content:'•';margin-right:5px;font-weight:900;color:{color:accent two}}
  423.  
  424. /***** media queries *****/
  425.  
  426. @media only screen and (max-width: 1050px){
  427. {block:ifSidebarImage}
  428. .desc span {width:250px}
  429. footer, .number {height: 15vw}
  430. {/block:ifSidebarImage}}
  431.  
  432. @media only screen and (min-width: 1450px){
  433. {block:ifnotSidebarImage}
  434. .desc span {width:450px}
  435. {/block:ifnotSidebarImage}}
  436.  
  437. @media only screen and (min-width: 1900px){
  438. {block:ifSidebarImage}
  439. section {left:45vw}
  440. {/block:ifSidebarImage}
  441. {block:ifnotSidebarImage}
  442. section {left:30vw}
  443. {/block:ifnotSidebarImage}
  444. }
  445.  
  446.  
  447. {CustomCSS}
  448. </style>
  449. </head>
  450. <body>
  451.  
  452. <!----- sidebar starts ----->
  453. <aside>
  454. <div class="left"><!-----left bar----->
  455.  
  456. <div class="links"><!-----links----->
  457. <a href="/"><i data-feather="home"></i></a>
  458. <a href="/ask"><i data-feather="message-circle"></i></a>
  459. {block:ifscrolltotop}
  460. <a class="up" href="#" title="scroll up"><i data-feather="chevron-up"></i></a>
  461. {/block:ifscrolltotop}
  462. {block:ifNotSidebarLinks}
  463. <a href="https://venusthms.tumblr.com/" title="Theme"><i data-feather="code"></i></a>
  464. {/block:ifNotSidebarLinks}
  465. </div>
  466.  
  467. {block:ifSidebarLinks}<nav><!----- circle links ----->
  468. {block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}"><div class="circle"></div></a>{/block:ifLink1}
  469. {block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}"><div class="circle"></div></a>{/block:ifLink2}
  470. {block:ifLink3}<a href="{text:Link 3 URL}" title="{text:Link 3}" ><div class="circle"></div></a>{/block:ifLink3}
  471. <a href="https://venusthms.tumblr.com/" title="Theme"><div class="circle"></div></a>
  472. </nav>{/block:ifSidebarLinks}
  473.  
  474. <div class="number"><!-----current page----->
  475. <span>{CurrentPage}</span>
  476. </div>
  477. </div>
  478.  
  479.  
  480. {block:ifSidebarImage}<div class="right"><!-----image----->
  481. </div>{/block:ifSidebarImage}
  482. </aside>
  483. <!----- sidebar ends ----->
  484.  
  485.  
  486. <!----- post section start ----->
  487. <section id="entries">{block:posts}
  488. <article {block:ifScrollEffect}data-aos="fade-up"{/block:ifScrollEffect} class="posts {block:caption}captioned{/block:caption}">
  489.  
  490. {block:Quote}
  491. <div class="title quote">{quote}</div>
  492. {block:Source}<div class="source">{source}</div>{/block:Source}
  493. {/block:Quote}
  494.  
  495. {block:Text}
  496. {block:Title}<div class="title"><i data-feather="chevron-right"></i> {title}</div>{/block:Title}
  497. {block:RebloggedFrom}
  498. {block:Reblogs}
  499. <li class="comment {block:Title}ted{/block:Title}">
  500. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  501. <div class="tex">{body}</div>
  502. </li>
  503. {/block:Reblogs}
  504. {/block:RebloggedFrom}
  505. {block:NotReblog}
  506. <li class="comment {block:Title}ted{/block:Title}">
  507. <div class="tex">{body}</div>
  508. </li>
  509. {/block:NotReblog}
  510. {/block:Text}
  511.  
  512. {block:Link}<div class="title"><i data-feather="link-2"></i> <a href="{URL}">{name}</a></div>
  513. {block:Description}
  514. {block:NotReblog}
  515. <li class="comment ted">
  516. <div class="tex">{description}</div>
  517. </li>
  518. {/block:NotReblog}
  519. {/block:Description}
  520. {block:RebloggedFrom}
  521. {block:Reblogs}
  522. <li class="comment">
  523. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  524. <div class="tex">{body}</div>
  525. </li>
  526. {/block:Reblogs}
  527. {/block:RebloggedFrom}
  528. {/block:Link}
  529.  
  530. {block:Chat}
  531. {block:Title}<div id="title">{title}</div>{/block:Title}
  532. <ol class="chat {block:Title}ted{/block:Title}">
  533. {block:lines}
  534. <li class="l {Alt}">
  535. {block:label}<span class="label">{label}</span>{/block:label} <span class="line">{line}</span>
  536. </li>
  537. {/block:lines}
  538. </ol>
  539. {/block:Chat}
  540.  
  541. <div class="ph">
  542.  
  543. {block:Photo}{linkopentag}<img class="singlephoto" src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  544.  
  545. {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}
  546.  
  547. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  548.  
  549. {block:Audio}
  550. {block:audioplayer}
  551. <div class="hold">
  552. <div class="player">{audioplayerwhite}</div>
  553. <div class="audio_info">
  554. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  555. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  556. </div>
  557. </div>
  558. {/block:audioplayer}
  559. {/block:Audio}
  560.  
  561.  
  562. {block:caption}
  563. {block:Reblogs}
  564. <li class="comment">
  565. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  566. <div class="tex">{body}</div>
  567. </li>
  568. {/block:Reblogs}
  569. {block:NotReblog}
  570. <li class="comment">
  571. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>
  572. <div class="tex">{caption}</div>
  573. </li>
  574. {/block:NotReblog}
  575. {/block:caption}
  576. </div>
  577.  
  578. {block:Answer}
  579. <div class="q">
  580.  
  581.  
  582. <div class="ques"><span class="as"><i>{asker} said:</i> {question}</div>
  583. </div>
  584. {block:Answerer}
  585. <li class="comment cques">
  586. <div class="tex"><i><a href="{ReblogParentURL}">{ReblogParentName}</a> replied:</i> {answer}</div>
  587. </li>
  588. {/block:Answerer}
  589. {block:NotReblog}
  590. <li class="comment cques">
  591. <div class="tex"><i>{name} replied:</i> {answer}</div>
  592. </li>
  593. {/block:NotReblog}
  594. {block:RebloggedFrom}
  595. {block:Reblogs}
  596. <li class="comment">
  597. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  598. <div class="tex">{body}</div>
  599. </li>
  600. {/block:Reblogs}
  601. {/block:RebloggedFrom}
  602. {/block:Answer}
  603.  
  604. {block:Date}
  605. <div class="when">
  606. <span class="postedon"><a href="{permalink}">posted on {DayOfWeek}</a></span>
  607. {block:IndexPage}
  608. <span class="reb"><a href="{ReblogURL}" target="_blank">reblog</a></span>
  609. <span class="likeb"><a class="like-b" href="#">{LikeButton}<span class="b">like</span></a></span>{/block:IndexPage}
  610. {block:PermalinkPage}
  611. <span class="postedon"><a href="{permalink}">{NoteCountWithLabel}</a></span>
  612. <span class="postedon"><a href="{permalink}">{DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth}</a></span>
  613. {block:RebloggedFrom}
  614. <span class="pnotes"><a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-24}" /></a></span>
  615. <span class="pnotes"><a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-24}" /></a></span>
  616. {/block:RebloggedFrom}{/block:PermalinkPage}
  617. </div>
  618.  
  619. {block:hastags}
  620. <span class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</span>
  621. {/block:hasTags}
  622. {/block:Date}
  623.  
  624. </article>
  625.  
  626. {block:PostNotes}
  627. <article class="posts pagenotes">
  628. {PostNotes}
  629. </article>
  630. {/block:PostNotes}
  631. {/block:Posts}
  632. </section>
  633.  
  634. <!----- post section ends ----->
  635.  
  636. <!----- footer starts ----->
  637. {block:IndexPage}<footer>
  638. {block:Pagination}<div class="pagination"><!-----pagination----->
  639. <span>{block:PreviousPage}
  640. <a href="{PreviousPage}">previous</a>{/block:PreviousPage}
  641. <p class="text-not-1 text-{CurrentPage}">end of content</p>
  642. </span>
  643. <span>{block:NextPage}
  644. <a href="{NextPage}">next</a>{/block:NextPage}
  645. </span>
  646. </div>
  647. {/block:Pagination}
  648.  
  649. <div class="desc"><!-----text----->
  650. <span>{text:Footer text}</span>
  651. </div>
  652. </footer>{/block:IndexPage}
  653. <!----- footer ends ----->
  654.  
  655.  
  656. <!----- scripts ----->
  657. <script>
  658. $(document).ready(function(){
  659. $('body').tooltip({track:true});
  660. $('iframe.tumblr_audio_player').load( function() {
  661. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:transparent!important} </style>"));
  662. });
  663. });
  664. </script>
  665. <script>feather.replace()</script>
  666. <script src="//dl.dropbox.com/s/jkx5mz9mdvprnli/scroll.js"></script>
  667.  
  668. {block:ContentSource}
  669. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  670. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  671. {/block:SourceLogo}
  672. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  673. {/block:ContentSource}
  674. </body>
  675. </html>
Advertisement
Add Comment
Please, Sign In to add comment