API tools faq
paste
Advertisement
Guest User

Untitled

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