API tools faq
paste
Advertisement
str-wrs

Zelus

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