API tools faq
paste
feiinho

Zelus

feiinho
Nov 14th, 2017
178
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.59 KB | None | 0 0
raw download clone embed print report diff
  1. <!--
  2.  
  3. THEME: ZELUS
  4. by acuite
  5.  
  6. - don't steal this pls
  7. - enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
  8.  
  9. - @acuite for more themes
  10.  
  11. -->
  12.  
  13. <html>
  14. <head>
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="image:Icon" content=""/>
  22.  
  23. <meta name="color:Background" content="#fff"/>
  24. <meta name="color:Border" content="#eee"/>
  25. <meta name="color:Text" content="#555"/>
  26. <meta name="color:Link" content="#999"/>
  27. <meta name="color:Hover" content="#89adc3"/>
  28. <meta name="color:Accent" content="#f8f8f8"/>
  29.  
  30. <meta name="if:Post Thumbnails" content=""/>
  31. <meta name="if:Accent Borders" content=""/>
  32. <meta name="if:Fixed Header" content=""/>
  33. <meta name="if:Text Controls" content=""/>
  34. <meta name="if:Round Edges" content=""/>
  35. <meta name="if:Tags" content=""/>
  36. <meta name="if:Caption" content=""/>
  37. <meta name="if:Load More" content=""/>
  38. <meta name="if:Paginate" content=""/>
  39.  
  40. <meta name="select:Columns" content="multi two" title="Two">
  41. <meta name="select:Columns" content="multi three" title="Three">
  42. <meta name="select:Columns" content="multi four" title="Four">
  43.  
  44. <meta name="text:Post" content="200"/>
  45. <meta name="text:Margin" content="25"/>
  46.  
  47. <meta name="text:Link 1" content="/"/>
  48. <meta name="text:Link 1 Title" content="one"/>
  49. <meta name="text:Link 2" content="/" />
  50. <meta name="text:Link 2 Title" content="two"/>
  51. <meta name="text:Link 3" content="/" />
  52. <meta name="text:Link 3 Title" content="three"/>
  53. <meta name="text:Link 4" content="/" />
  54. <meta name="text:Link 4 Title" content="four"/>
  55. <meta name="text:Link 5" content="/" />
  56. <meta name="text:Link 5 Title" content="five"/>
  57.  
  58. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  59. <link href='http://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  60. <link href='https://fonts.googleapis.com/css?family=Lato:400,700|Source+Sans+Pro:400,400i,600,600i,700,700i' rel='stylesheet' type='text/css'>
  61.  
  62. <style type="text/css">
  63.  
  64. ::-webkit-scrollbar {
  65. width:17px;
  66. height:17px;
  67. background:{color:Border};
  68. border:8px solid {color:Background};
  69. }
  70.  
  71. ::-webkit-scrollbar-thumb {
  72. background:rgba({RGBcolor:Link},0.5);
  73. border:8px solid {color:Background};
  74. }
  75.  
  76. /* Controls */
  77.  
  78. #tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;top:5px;z-index:99999999;{block:ifTextControls}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifTextControls}}
  79. .tc {position:fixed;right:15px;top:15px;z-index:99999999;font-size:0;text-align:right;}
  80. .tc a .oi {margin-right:2px;font-size:11px;}
  81. .tc a {
  82. display:inline-block;
  83. font-size:10px;
  84. line-height:100%;
  85. padding:0 0 1px;
  86. margin:4px;
  87. }
  88.  
  89. /* General */
  90.  
  91. body {
  92. margin:0;
  93. color:{color:Text};
  94. background:{color:Background};
  95. word-wrap:break-word;
  96. font-smooth:always;
  97. -webkit-font-smoothing:antialiased;
  98. -moz-osx-font-smoothing: grayscale;
  99. }
  100.  
  101. a:link, a:active, a:visited {text-decoration:none;}
  102. pre,p,blockquote,body,big,small,sub,sup,.entry,input {font-size:10px;}
  103. p,body,pre,em,input,.cap,.tags{font-family:'Source Sans Pro',Helvetica,Arial,sans-serif;}
  104. header,.thumb,.nt{font-family:'Lato',Helvetica,Arial,sans-serif;}
  105. a,.our_button,.like_button,.p,.up,.thumb,.pre{
  106. transition:0.5s ease;
  107. -o-transition:0.5s ease;
  108. -moz-transition:0.5s ease;
  109. -webkit-transition:0.5s ease;
  110. }
  111.  
  112. /* Credit & Scroll to Top */
  113.  
  114. .c,.top{position:fixed;right:30px;width:40px;text-align:center;}
  115. .c {bottom:30px;}
  116. .top {bottom:50px;display:none;}
  117.  
  118. /* Pagination */
  119.  
  120. .cp {font-weight:600;}
  121. .cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;}
  122. .pag a i,.top i{font-size:16px;}
  123. .pag,.load {display:block;margin:50px 0;}
  124.  
  125. {block:ifnotPaginate}
  126. .pag,#infscr-loading {display:none!important;}
  127. {/block:ifnotPaginate}
  128.  
  129. .load {display:inline-block;padding:0 0 2px;}
  130. .pag,.load,.c {
  131. font-size:9px;
  132. cursor:pointer;
  133. letter-spacing:0.5px;
  134. text-transform:uppercase;
  135. text-align:center;
  136. }
  137.  
  138. /* Containers */
  139.  
  140. {block:IndexPage}
  141. .two .center {width:calc(({text:Post}px + ({text:Margin}px * 2)) * 2);}
  142. .three .center {width:calc(({text:Post}px + ({text:Margin}px * 2)) * 3);}
  143. .four .center {width:calc(({text:Post}px + ({text:Margin}px * 2)) * 4);}
  144. .multi .peph {display:none;}
  145. {/block:IndexPage}
  146.  
  147. {block:PermalinkPage}
  148. .multi .inph {display:none;}
  149. .multi .center {width:450px;}
  150. {/block:PermalinkPage}
  151.  
  152. .center {position:relative;margin:100px auto;}
  153. #content {font-size:0;text-align:center;}
  154.  
  155. {block:IndexPage}
  156. .whi {overflow:hidden;height:{text:Post}px;}
  157. .bx {
  158. width:100%;
  159. height:100%;
  160. overflow:hidden;
  161. background:{color:Background} no-repeat center;
  162. background-size:cover;
  163. }
  164.  
  165. .txt_hold {
  166. display:table;
  167. height:{text:Post}px;
  168. width:100%;
  169. background:{color:Accent};
  170. }
  171.  
  172. .qut_hold,.txt,.audio_hold,.chat {
  173. display:table-cell;
  174. vertical-align:middle;
  175. }
  176.  
  177. .entry {
  178. width:{text:Post}px;
  179. margin:{text:Margin}px;
  180. display:inline-block;
  181. vertical-align:top;
  182. }
  183.  
  184. .audio {width:calc({text:Post}px - 20px);}
  185. {/block:IndexPage}
  186.  
  187. .entry_hold {overflow:hidden;}
  188. .entry img {max-width:100%;height:auto;}
  189. .entry {overflow:hidden;position:relative;text-align:left;}
  190.  
  191. /* Header */
  192.  
  193. header {
  194. font-size:0;
  195. position:relative;
  196. background:{color:Background};
  197. {block:IndexPage}padding:{text:Margin}px;{/block:IndexPage}
  198. margin:50px 0;
  199. }
  200.  
  201. .image img {width:30px;border-radius:50%;}
  202. .image {position:relative;}
  203. .image:hover .pre {opacity:1;}
  204. .pre {
  205. opacity:0;
  206. position:absolute;
  207. height:16px;
  208. width:16px;
  209. font-size:16px;
  210. line-height:100%;
  211. padding:7px;
  212. color:{color:Text};
  213. background:{color:Accent};
  214. border-radius:4px;
  215. }
  216.  
  217. nav a.bt{
  218. color:{color:Text};
  219. font-weight:400;
  220. letter-spacing:0.75px;
  221. text-transform:uppercase;
  222. }
  223.  
  224. .image,nav,nav a,.srch,.lb a{display:inline-block;vertical-align:middle;}
  225. nav a,.srch,.lb a {font-size:10px;line-height:100%;margin:0 0 0 15px;}
  226. .desc {font-size:10px;line-height:150%;}
  227. .lb,.desc {display:none;margin:10px 0;}
  228. .lb a {margin:0;}
  229. .lb a:after {content:'·';margin:0 8px;color:{color:Text};}
  230. .lb a:last-of-type:after {display:none;}
  231. .srch {width:80px;}
  232. .srch input{
  233. width:100%;
  234. background:inherit;
  235. padding:0;
  236. border:0;
  237. outline:none;
  238. font:inherit;
  239. opacity:0.75;
  240. font-style:italic;
  241. }
  242.  
  243. .srch input[type=text] {color:{color:Link};}
  244. input::-webkit-input-placeholder {color:{color:Link};}
  245. input::-moz-placeholder {color:{color:Link};}
  246. input:-moz-placeholder {color:{color:Link};}
  247. input:-ms-input-placeholder {color:{color:Link};}
  248. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  249.  
  250. /* Titles */
  251.  
  252. h2 {margin:5px 0;font-size:12px;line-height:100%;font-weight:600;}
  253. h3,h4,h5 {margin:10px;font-size:10px;}
  254.  
  255. /* Permalinks */
  256.  
  257. .custom-like-button *{cursor:pointer!important;}
  258. .custom-like-button {
  259. position:relative;
  260. display:inline-block;
  261. vertical-align:top;
  262. width:10px;
  263. height:10px;
  264. cursor:pointer;
  265. margin:0 6px 0 3px;
  266. }
  267.  
  268. .like_button:hover + .our_button {color:{color:Hover};}
  269. .like_button.liked + .our_button {color:{color:Hover};}
  270. .like_button iframe {width:100%!important;height:100%!important;}
  271. .like_button {z-index:10;opacity:0;}
  272. .our_button {z-index:1;}
  273. .our_button,.like_button {
  274. position:absolute;
  275. top:0;
  276. left:0;
  277. width:100%;
  278. height:100%;
  279. }
  280.  
  281. .tags {margin:5px;font-size:0;line-height:9px;}
  282. .tags a {
  283. display:inline;
  284. margin:0 5px 3px 0;
  285. font-size:9px;
  286. line-height:100%;
  287. font-style:italic;
  288. }
  289.  
  290. .thumb.thu-hover {opacity:0;letter-spacing:0;}
  291. .thumb.thu-hover .nt {letter-spacing:0.5px;color:{color:Link};}
  292. .entry:hover .thumb.thu-hover {opacity:1;}
  293. .thumb {
  294. position:absolute;
  295. z-index:999;
  296. width:calc(100% - 40px);
  297. height:calc(100% - 40px);
  298. overflow:auto;
  299. padding:20px;
  300. font-size:11px;
  301. line-height:100%;
  302. letter-spacing:0.5px;
  303. background:{color:Accent};
  304. }
  305.  
  306. .entry:hover .thumb {opacity:0;}
  307. .thumb .oi{margin-right:4px;font-size:12px;}
  308. .thumb::-webkit-scrollbar {width:5px;height:5px;}
  309. .thumb::-webkit-scrollbar,.thumb::-webkit-scrollbar-thumb {
  310. border:2px solid {color:Accent};
  311. }
  312.  
  313. /* Quotes */
  314.  
  315. .audio,.txt,.chat {padding:10px;}
  316. .qut_hold {padding:20px;}
  317. .src {margin-top:8px;font-size:9px;}
  318. .qut {font-size:12px;font-style:italic;line-height:130%;}
  319.  
  320. /* Audio & Chat */
  321.  
  322. .lines,.chat h2 {margin:10px;}
  323. .lines b{display:inline-block;text-transform:uppercase;letter-spacing:0.5px;padding:0 0 1px;margin:0 0 2px;font-size:9px;line-height:100%;}
  324. .play {
  325. padding:10px;
  326. background:#e4e4e4;
  327. height:27px;
  328. width:27px;
  329. border-radius:50%;
  330. display:inline-block;
  331. }
  332.  
  333. .audio_hold {font-size:0;text-align:center;}
  334. .audio {display:block;}
  335. .soundcloud_audio_player{padding:15px 0;}
  336. .au span {display:block;font-size:9px;}
  337. .au {margin-top:10px;display:block;}
  338. .tn {margin:5px 0;font-size:11px!important;}
  339. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  340.  
  341. /* Text */
  342.  
  343. p,blockquote{line-height:130%;}
  344. ol,ul {padding:0 0 0 25px;}
  345. p,blockquote,pre,ul,ol{margin:5px;}
  346. b,strong {font-weight:700;}
  347. blockquote p{margin:5px 0;}
  348. blockquote p:first-child{margin:0 0 5px;}
  349. blockquote p:last-child{margin:5px 0 0;}
  350. blockquote p:only-child{margin:0;}
  351. blockquote blockquote {margin:0;}
  352. blockquote {border-left:1px solid {color:Border};padding-left:10px;}
  353. pre {
  354. white-space:pre-wrap;
  355. white-space:-moz-pre-wrap;
  356. white-space:-pre-wrap;
  357. white-space:-o-pre-wrap;
  358. word-wrap:break-word;
  359. }
  360.  
  361. /* Captions */
  362.  
  363. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  364. {block:PermalinkPage}
  365. .cap {padding:10px 13px;background:{color:Accent};margin:6px 0;}
  366. {/block:PermalinkPage}
  367.  
  368. .entry:hover .up {opacity:1;}
  369. .up.pthu {display:none;}
  370. .up{
  371. position:absolute;
  372. top:0;
  373. left:0;
  374. opacity:0;
  375. margin:0;
  376. padding:10px;
  377. z-index:999;
  378. width:calc(100% - 20px);
  379. height:calc(100% - 20px);
  380. overflow:auto;
  381. background:rgba({RGBcolor:Accent},0.9);
  382. }
  383.  
  384. .up::-webkit-scrollbar {width:5px;height:5px;}
  385. .up::-webkit-scrollbar,.up::-webkit-scrollbar-thumb {
  386. border:2px solid {color:Accent};
  387. }
  388.  
  389. .p {margin:5px;}
  390. .p .oi {font-size:13px;}
  391. .cap a.tumblr_blog {vertical-align:middle;border:0;}
  392. .tumblr_parent {margin:10px 5px;padding:0;border:0;}
  393. .tumblr_parent blockquote {margin:5px 0;border-left:1px solid {color:Border};}
  394. .user-pic {
  395. display:inline-block;
  396. vertical-align:middle;
  397. border-radius:2px;
  398. margin-right:5px;
  399. width:10px;
  400. }
  401.  
  402. /* Video */
  403.  
  404. .video {overflow:hidden;}
  405. .vine-embed,#youtube_iframe {display:block;}
  406. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  407.  
  408. /* Photosets */
  409.  
  410. #tumblr_lightbox,.tmblr-lightbox {
  411. background:rgba({RGBcolor:Background},0.99)!important;
  412. }
  413.  
  414. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  415. opacity:0!important;
  416. }
  417.  
  418. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  419. #tumblr_lightbox_right_image, .lightbox-image {
  420. box-shadow:none!important;
  421. border-radius:0!important;
  422. }
  423.  
  424. .index-page .photos img {display:none;}
  425. .index-page .photos img:first-child {display:block;width:100%;}
  426.  
  427. /* Ask */
  428.  
  429. .aski {font-size:0;}
  430. .que {margin-top:8px;font-style:italic;line-height:140%;}
  431. .aski span {font-size:11px;line-height:100%;width:calc(100% - 28px);}
  432. .askicon {width:18px;border-radius:20px 20px 0;margin-right:8px;}
  433. .aski span,.askicon {display:inline-block;vertical-align:middle;}
  434. #ask_form {margin:10px!important;width:calc(100% - 20px)!important;}
  435.  
  436. /* Permalink Page + Postnotes */
  437.  
  438. .perma {font-size:0;text-transform:lowercase;}
  439. .perma_li {
  440. display:inline-block;
  441. width:calc(50% - 14px);
  442. font-size:10px;
  443. line-height:100%;
  444. padding:8px 7px;
  445. }
  446.  
  447. .perma_li .oi {font-size:12px;width:12px;padding-right:6px;}
  448. .perma_li.pnh,.perma_li.pmt {display:block;width:100%;}
  449. .pmt a:after {content:',';}
  450. .pmt a:last-of-type:after {content:'.';}
  451. .pn ol {margin:0;padding:0;list-style-type:none;}
  452. .pn li{margin:0;padding:7px;font-size:9px;line-height:100%;}
  453. .pn,.pn img{display:none;}
  454. .pn {font-size:0;}
  455. .pnh,.more_notes_link,.notes_loading {display:block;font-weight:600;}
  456. .more_notes_link,.notes_loading {text-align:left!important;}
  457. .pn li {border-top:1px dotted {color:Border};}
  458. .perma_li {border-top:1px solid {color:Border};}
  459.  
  460. /* Tooltips */
  461.  
  462. #s-m-t-tooltip{
  463. max-width:300px;
  464. margin:15px;
  465. z-index:99999999;
  466. padding:5px 5px 4px;
  467. font-size:9px;
  468. line-height:100%;
  469. word-break:break-all;
  470. color:{color:Link};
  471. background:{color:Background};
  472. }
  473.  
  474. /* Common Styles */
  475.  
  476. .thumb.thu-hover .tumblr_parent {margin:10px 0;}
  477. .thumb.thu-hover .tags {margin:10px 0 0;}
  478.  
  479. a:hover,a h2:hover,.bt:hover{color:{color:Hover};}
  480. a,.p,.pph,.src,.lines b,.tn,h2,.ask,a .thumb{color:{color:Link};}
  481.  
  482. {block:ifAccentBorders}
  483. .txt a,.cap a,.tc a,.load,.lines b{
  484. border-bottom:1px solid rgba({RGBcolor:Hover},0.5);
  485. }
  486. {/block:ifAccentBorders}
  487.  
  488. {block:ifRoundEdges}
  489. .entry,.thumb,.up{border-radius:4px;}
  490. {/block:ifRoundEdges}
  491.  
  492. /* Etc */
  493.  
  494. img {margin:0;display:block;}
  495.  
  496. </style>
  497. </head>
  498. <body class="{select:Columns} {select:Posts}">
  499.  
  500. {block:ifTextControls}
  501. {block:IndexPage}
  502. <div class="tc">
  503. <a href="https://www.tumblr.com/follow/{Name}">
  504. <span class="oi oi-plus"></span> Follow
  505. </a><br>
  506. <a href="https://www.tumblr.com/dashboard?conversation={Name}">
  507. <span class="oi oi-discuss"></span> Message
  508. </a><br>
  509. <a href="https://www.tumblr.com/dashboard">
  510. <span class="oi oi-home"></span> Dashboard
  511. </a>
  512. </div>
  513. {/block:IndexPage}
  514. {/block:ifTextControls}
  515.  
  516. <div class="center {block:IndexPage}index-page{/block:IndexPage}">
  517.  
  518. <header>
  519. <div class="image"><img src="{PortraitURL-128}"/></div>
  520. <nav>
  521. <a href="/" class="bt">{Title}</a>
  522. <a href="/ask">Contact</a>
  523. <a href="#" class="dh">About</a>
  524. <a href="#" class="lh">Filter</a>
  525. <a href="/archive">Grid</a>
  526. <form class="srch" action="/search" method="get">
  527. <input type="text" name="q" placeholder="Search this blog..." value="{SearchQuery}"/>
  528. </form>
  529. </nav>
  530. <div class="desc">{Description}</div>
  531. <div class="lb">
  532. {block:ifLink1}
  533. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  534. {/block:ifLink1}{block:ifLink2}
  535. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  536. {/block:ifLink2}{block:ifLink3}
  537. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  538. {/block:ifLink3}{block:ifLink4}
  539. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  540. {/block:ifLink4}{block:ifLink5}
  541. <a href="{text:Link 5}">{text:Link 5 Title}</a>
  542. {/block:ifLink5}
  543. </div>
  544. </header>
  545.  
  546. <div id="content">
  547. {block:Posts}
  548.  
  549. <div class="entry" id="{PostID}">
  550. <div class="entry_hold">
  551. <div class="whi">
  552.  
  553. {block:IndexPage}
  554. <div class="up {block:ifPostThumbnails}pthu{/block:ifPostThumbnails}">
  555. <div class="p">
  556. <a href="{Permalink}"><span class="oi oi-link"></span></a>
  557. <div class="custom-like-button">{LikeButton}
  558. <span class="our_button"><span class="oi oi-heart"></span></span>
  559. </div>
  560. <a href="{ReblogURL}"><span class="oi oi-refresh"></span></a>
  561. </div>
  562.  
  563. {block:ifCaption}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifCaption}
  564. {block:ifTags}{block:HasTags}<div class="tags">
  565. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  566. </div>{/block:HasTags}{/block:ifTags}
  567. </div>
  568. {/block:IndexPage}
  569.  
  570. {block:Text}
  571. {block:ifPostThumbnails}{block:IndexPage}<a href="{Permalink}"><div class="thumb"><i class="oi oi-pencil"></i> {NoteCount}</div></a>{/block:IndexPage}{/block:ifPostThumbnails}
  572. <div class="txt_hold">
  573. <div class="txt cap">
  574. {block:Title}<h2>{Title}</h2>{/block:Title}
  575. {Body}
  576. </div>
  577. </div>
  578. {/block:Text}
  579.  
  580. {block:Link}
  581. {block:ifPostThumbnails}{block:IndexPage}<a href="{Permalink}"><div class="thumb"><i class="oi oi-link"></i> {NoteCount}</div></a>{/block:IndexPage}{/block:ifPostThumbnails}
  582. <div class="txt_hold">
  583. <div class="txt cap">
  584. <h2><a title="{URL}" href="{URL}">{Name}</a></h2>
  585. {block:Description}{Description}{/block:Description}
  586. </div>
  587. </div>
  588. {/block:Link}
  589.  
  590. {block:Photo}
  591. {block:ifPostThumbnails}{block:IndexPage}
  592. <div class="thumb thu-hover">
  593. <a href="{Permalink}" class="nt"><i class="oi oi-photo"></i> {NoteCount}</a>
  594. {block:ifCaption}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifCaption}
  595. {block:ifTags}{block:HasTags}<div class="tags">
  596. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  597. </div>{/block:HasTags}{/block:ifTags}
  598. </div>
  599. {/block:IndexPage}{/block:ifPostThumbnails}
  600.  
  601. {block:IndexPage}<a href="{Permalink}"><div class="whi"><div class="bx" style="background-image:url('{PhotoURL-500}');"></div><div class="photos"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div></div></a>{/block:IndexPage}
  602. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="ph"/>{LinkCloseTag}{/block:PermalinkPage}
  603. {/block:Photo}
  604.  
  605. {block:Photoset}
  606. {block:ifPostThumbnails}{block:IndexPage}
  607. <div class="thumb thu-hover">
  608. <a href="{Permalink}" class="nt"><i class="oi oi-copy"></i> {NoteCount}</a>
  609. {block:ifCaption}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifCaption}
  610. {block:ifTags}{block:HasTags}<div class="tags">
  611. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  612. </div>{/block:HasTags}{/block:ifTags}
  613. </div>
  614. {/block:IndexPage}{/block:ifPostThumbnails}
  615.  
  616. <div class="inph"><a href="{Permalink}"><div class="whi">{block:Photos}<div class="bx" style="background-image:url('{PhotoURL-HighRes}');"></div>{/block:Photos}<div class="photos">{block:Photos}<img src="{PhotoURL-HighRes}">{/block:Photos}</div></div></a></div>
  617.  
  618. <div class="peph"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>
  619. {/block:Photoset}
  620.  
  621. {block:Quote}
  622. {block:ifPostThumbnails}{block:IndexPage}<a href="{Permalink}"><div class="thumb"><i class="oi oi-chatbox"></i> {NoteCount}</div></a>{/block:IndexPage}{/block:ifPostThumbnails}
  623. <div class="txt_hold pink">
  624. <div class="qut_hold">
  625. <div class="qut">{Quote}</div>
  626. {block:Source}<div class="src">{Source}</div>{/block:Source}
  627. </div>
  628. </div>
  629. {/block:Quote}
  630.  
  631. {block:Chat}
  632. {block:ifPostThumbnails}{block:IndexPage}<a href="{Permalink}"><div class="thumb"><i class="oi oi-discuss"></i> {NoteCount}</div></a>{/block:IndexPage}{/block:ifPostThumbnails}
  633. <div class="txt_hold">
  634. <div class="chat">
  635. {block:Title}<h2>{Title}</h2>{/block:Title}
  636. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b><br>{/block:Label}{Line}</div></div>{/block:Lines}
  637. </div>
  638. </div>
  639. {/block:Chat}
  640.  
  641. {block:Audio}
  642. {block:ifPostThumbnails}{block:IndexPage}<a href="{Permalink}"><div class="thumb"><i class="oi oi-headphone"></i> {NoteCount}</div></a>{/block:IndexPage}{/block:ifPostThumbnails}
  643. <div class="txt_hold">
  644. <div class="audio_hold">
  645. <div class="audio">
  646. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  647. <div class="au">
  648. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  649. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  650. </div>
  651. </div>
  652. </div>
  653. </div>
  654. {/block:Audio}
  655.  
  656. {block:Video}
  657. {block:ifPostThumbnails}
  658. {block:IndexPage}
  659. <div class="up">
  660. <div class="p">
  661. <a href="{Permalink}"><span class="oi oi-link"></span></a>
  662. <div class="custom-like-button">{LikeButton}
  663. <span class="our_button"><span class="oi oi-heart"></span></span>
  664. </div>
  665. <a href="{ReblogURL}"><span class="oi oi-refresh"></span></a>
  666. </div>
  667.  
  668. {block:ifCaption}
  669. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  670. {/block:ifCaption}
  671. {block:ifTags}{block:HasTags}<div class="tags">
  672. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  673. </div>{/block:HasTags}{/block:ifTags}
  674. </div>
  675. {/block:IndexPage}
  676. {/block:ifPostThumbnails}
  677.  
  678. <div class="video">{Video-500}</div>
  679. {/block:Video}
  680.  
  681. {block:Answer}
  682. {block:ifPostThumbnails}{block:IndexPage}<a href="{Permalink}"><div class="thumb"><i class="oi oi-help"></i> {NoteCount}</div></a>{/block:IndexPage}{/block:ifPostThumbnails}
  683. <div class="txt_hold">
  684. <div class="ask">
  685. <div class="aski">
  686. <img class="askicon" src="{AskerPortraitURL-64}">
  687. <span>{Asker}:</span>
  688. </div>
  689. <div class="que">{Question}</div>
  690. </div>
  691. {block:PermalinkPage}<div class="txt">{Answer}</div>{/block:PermalinkPage}
  692. </div>
  693. {/block:Answer}
  694.  
  695. </div>
  696. </div>
  697.  
  698. {block:PermalinkPage}
  699. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  700. {block:Date}
  701. <div class="pph">
  702. <div class="perma">
  703. <span class="perma_li">
  704. <span class="oi oi-time"></span> posted {TimeAgo}
  705. </span>
  706. <span class="perma_li">
  707. <span class="oi oi-calendar"></span> {DayofMonthWithSuffix} {Month} {Year}
  708. </span>
  709. {block:RebloggedFrom}
  710. <span class="perma_li">
  711. <span class="oi oi-user"></span> via:
  712. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  713. </span>
  714. <span class="perma_li">
  715. <span class="oi oi-location"></span> source:
  716. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  717. </span>
  718. {/block:RebloggedFrom}
  719.  
  720. {block:HasTags}
  721. <span class="perma_li pmt">
  722. <span class="oi oi-tags"></span>
  723. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  724. </span>
  725. {/block:HasTags}
  726. <a href="#" class="pnh perma_li"><span class="oi oi-chevron-down"></span> {NoteCountWithLabel}</a>
  727. </div>
  728.  
  729. {block:PostNotes}
  730. <div class="pn">{PostNotes}</div>
  731. {/block:PostNotes}
  732.  
  733. </div>
  734.  
  735. {/block:Date}
  736. {/block:PermalinkPage}
  737.  
  738. {block:ContentSource}
  739. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  740. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  741. {/block:SourceLogo}
  742. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  743. {/block:ContentSource}
  744.  
  745. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  746.  
  747. </div>
  748.  
  749. {/block:Posts}
  750.  
  751. {block:ifPaginate}
  752. {block:Pagination}
  753. <div class="pag">
  754. {block:PreviousPage}
  755. <a href="{PreviousPage}"><i class="oi oi-arrow-left"></i></a>
  756. {/block:PreviousPage}
  757.  
  758. {block:JumpPagination length="5"}
  759. {block:CurrentPage}
  760. <span class="cp">{PageNumber}</span>
  761. {/block:CurrentPage}
  762. {block:JumpPage}
  763. <a class="jp" href="{URL}">{PageNumber}</a>
  764. {/block:JumpPage}
  765. {/block:JumpPagination}
  766.  
  767. {block:NextPage}
  768. <a href="{NextPage}"><i class="oi oi-arrow-right"></i></a>
  769. {/block:NextPage}
  770. </div>
  771. {/block:Pagination}
  772. {/block:ifPaginate}
  773.  
  774. </div>
  775.  
  776. {block:ifnotPaginate}
  777. {block:Pagination}
  778. <div class="pag">
  779. {block:PreviousPage}
  780. <a href="{PreviousPage}" class="prev">back</a>
  781. {/block:PreviousPage}
  782. {block:NextPage}
  783. <a href="{NextPage}" class="next">next</a>
  784. {/block:NextPage}
  785. </div>
  786.  
  787. {block:ifLoadMore}
  788. <center><a class="load">Load More</a></center>
  789. {/block:ifLoadMore}
  790. {/block:Pagination}
  791. {/block:ifnotPaginate}
  792.  
  793. </div>
  794.  
  795. <a href="#" class="top"><i class="oi oi-chevron-up"></i></a>
  796. <div class="c"><a href="http://acuite.tumblr.com">acuite</a></div>
  797.  
  798. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  799. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  800. <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  801. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  802. <script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  803. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  804. {block:ifFixedHeader}
  805. {block:IndexPage}
  806. <script src="http://static.tumblr.com/xohwoo7/o8aohe616/sticky.js"></script>
  807. {/block:IndexPage}
  808. {/block:ifFixedHeader}
  809. <script>
  810. // pxu photosets
  811. $(document).ready(function(){
  812. $('.photo-slideshow').pxuPhotoset({
  813. lightbox: true,
  814. rounded: false,
  815. gutter: '1px',
  816. photoset: '.photo-slideshow',
  817. photoWrap: '.photo-data',
  818. photo: '.pxu-photo'
  819. });
  820.  
  821.  
  822. // minimal soundcloud player © eoxk.tumblr
  823. $(document).ready(function(){
  824. var color = '#aaa'; // color of play button (hex)
  825. $('.soundcloud_audio_player').each(function(){
  826. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  827. });
  828. });
  829.  
  830.  
  831. // drop links & post notes
  832. $(document).ready(function(){
  833. $(".pn").hide();
  834. $(".pnh").show();$('.pnh').toggle(function(){
  835. $(".pn").slideDown(function(){});
  836. },function(){
  837. $(".pn").slideUp(function(){});
  838. });
  839. $(".lb").hide();
  840. $(".lh").show();$('.lh').toggle(function(){
  841. $(".lb").slideDown(function(){});
  842. },function(){
  843. $(".lb").slideUp(function(){});
  844. });
  845. $(".desc").hide();
  846. $(".dh").show();$('.dh').toggle(function(){
  847. $(".desc").slideDown(function(){});
  848. },function(){
  849. $(".desc").slideUp(function(){});
  850. });
  851. });
  852.  
  853.  
  854. // scroll to top © html-tuts.com
  855. var amountScrolled = 500;
  856. $(window).scroll(function() {
  857. if ($(window).scrollTop() > amountScrolled) {
  858. $('a.top').fadeIn('slow');
  859. } else {
  860. $('a.top').fadeOut('slow');
  861. }
  862. });
  863. $('a.top').click(function() {
  864. $('body, html').animate({
  865. scrollTop: 0
  866. }, 'slow');
  867. return false;
  868. });
  869.  
  870.  
  871. // tooltips
  872. (function($){
  873. $(document).ready(function(){
  874. $("[title]").style_my_tooltips({
  875. tip_delay_time:200,
  876. tip_fade_speed:300
  877. }
  878. );
  879. });
  880. })(jQuery);
  881.  
  882.  
  883. /*
  884.  
  885. UN-NEST TUMBLR CAPTIONS PLUGIN
  886. 2016 @magnusthemes & @neothm
  887. source: http://neothm.com/post/148902138319
  888.  
  889. */
  890. $('.entry').unnest({
  891. yourCaption: ".cap",
  892. newCaptionUsername: false,
  893. originalPostCaptionUsername: false,
  894. tumblrAvatars: true,
  895. tumblrAvatarClass: ".user-pic",
  896. usernameColon: false
  897. });
  898.  
  899.  
  900. // infinite scroll
  901. {block:ifnotPaginate}
  902. var $container = $('#content');
  903. $container.infinitescroll({
  904. itemSelector: '.entry',
  905. navSelector: '.pag',
  906. nextSelector: '.next',
  907. loadingImg: ' ',
  908. loadingText: ' ',
  909. donetext: 'No more posts' ,
  910. bufferPx: 2000,
  911. {block:ifLoadMore}
  912. errorCallback: function(){
  913. jQuery('.load').delay(50).fadeOut();
  914. }
  915. {/block:ifLoadMore}
  916. },
  917. function( newElements ) {
  918. var $newElems = $( newElements );
  919. var $newElemsIDs = $newElems.map(function(){
  920. return this.id;
  921. }).get();
  922. console.log($newElems, $newElemsIDs);
  923. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  924. $newElems.find('.photo-slideshow').pxuPhotoset({
  925. lightbox: true,
  926. rounded: false,
  927. gutter: '1px',
  928. photoset: '.photo-slideshow',
  929. photoWrap: '.photo-data',
  930. photo: '.pxu-photo'
  931. });
  932. resizeVideos();
  933. $newElems.unnest({
  934. yourCaption: ".cap",
  935. newCaptionUsername: true,
  936. originalPostCaptionUsername: true,
  937. tumblrAvatars: true,
  938. tumblrAvatarClass: ".user-pic",
  939. usernameColon: false
  940. });
  941. });
  942. {block:ifLoadMore}
  943. $(window).unbind(".infscr");
  944. $(".load").click(function(){
  945. $("#content").infinitescroll("retrieve");
  946. });
  947. {/block:ifLoadMore}
  948. {/block:ifnotPaginate}
  949. });
  950.  
  951. </script>
  952. </body>
  953. </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!