API tools faq
paste
Advertisement
str-wrs

Aether

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