API tools faq
paste
Advertisement
Guest User

Untitled

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