API tools faq
paste
Advertisement
str-wrs

Achelois

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