API tools faq
paste
Advertisement
Guest User

theme @ jelleon

a guest
Aug 30th, 2018
141
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.27 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. .render {
  170. position:fixed;
  171. margin-top:86px;
  172. margin-left:52px;
  173. height:262px;
  174. width: 170px;
  175. z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  176. }
  177.  
  178. .render img {
  179. margin-top:0px;
  180. margin-left:40px;
  181. }
  182.  
  183. .linkbox {
  184. position: fixed;
  185. margin-top:350px;
  186. margin-left:0px;
  187. z-index:9;
  188. }
  189.  
  190. .linkbox a {
  191. width:90px;
  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 #3e8ea1;
  212. }
  213.  
  214. .desc {
  215. position:fixed;
  216. margin-left:240px;
  217. margin-top:232px;
  218. width:128px;
  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:278px;
  230. margin-left:0px;
  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. }
  247.  
  248. .dislikes {
  249. position:fixed;
  250. margin-top:314px;
  251. margin-left:0px;
  252. font-family:calibri, arial;
  253. font-size:7.5px;
  254. line-height:8px;
  255. letter-spacing:0px;
  256. word-spacing:0px;
  257. text-transform:uppercase;
  258. text-align:justify;
  259. font-weight:400;
  260. background:#ffffff;
  261. color:#999;
  262. overflow:auto;
  263. padding:7px 14px 2px 42px;
  264. width:90px;
  265. height:25px;
  266. z-index:999;
  267. }
  268.  
  269. .heart {
  270. position:fixed;
  271. margin-top:285px;
  272. margin-left:5px;
  273. font-size:18px;
  274. line-height:11px;
  275. background:none;
  276. color:#3e8ea1;
  277. border-right: #ededed solid 1px;
  278. overflow:auto;
  279. padding:2px 0px 0px 0px;
  280. width:25px;
  281. height:20px;
  282. z-index:9999;
  283. }
  284.  
  285. .heart-o {
  286. position:fixed;
  287. margin-top:320px;
  288. margin-left:5px;
  289. font-size:18px;
  290. line-height:11px;
  291. background:none;
  292. color:#3e8ea1;
  293. border-right: #ededed solid 1px;
  294. overflow:auto;
  295. padding:2px 0px 0px 0px;
  296. width:25px;
  297. height:20px;
  298. z-index:9999;
  299. }
  300.  
  301. .hov {
  302. position: fixed;
  303. margin-top:206px;
  304. margin-left:0px;
  305. z-index:9;
  306. }
  307.  
  308. .hov a {
  309. width:110px;
  310. height:12.4px;
  311. background:#ffffff;
  312. display:inline-block;
  313. -moz-transition:all ease-in-out 0.5s;
  314. -webkit-transition:all ease-in-out 0.5s;
  315. -o-transition:all ease-in-out 0.5s;
  316. transition:all ease-in-out 0.5s;
  317. text-align:center;
  318. }
  319.  
  320. .hov a:hover {
  321. background:#ffffff;
  322. -webkit-transition:all 0.5s ease-in-out;
  323. -moz-transition:all 0.5s ease-in-out;
  324. -o-transition:all 0.5s ease-in-out;
  325. transition:all 0.5s ease-in-out;
  326. border-left:5px solid #3e8ea1;
  327.  
  328. }
  329.  
  330. .ttl1 {
  331. font-family:'Montserrat';
  332. text-transform: uppercase;
  333. font-size: 20px;
  334. line-height: 21px;
  335. color: #3e8ea1;
  336. position: fixed;
  337. margin-top: 185px;
  338. margin-left: 0px;
  339. }
  340.  
  341. .ttl2 {
  342. font-family:'Montserrat';
  343. text-transform: uppercase;
  344. font-size: 20px;
  345. line-height: 21px;
  346. color: #3e8ea1;
  347. position: fixed;
  348. margin-top: 211px;
  349. margin-left: 240px;
  350. }
  351.  
  352. /* Titles */
  353.  
  354. h1 {margin:0;font-size:16px;line-height:100%;}
  355. h2 {margin:0 0 10px;font-size:15px;line-height:100%;}
  356. h3,h4,h5 {margin:10px;font-size:10px;line-height:100%;}
  357.  
  358. /* Permalinks */
  359.  
  360. .p {font-size:0;border-top:1px solid #eee;padding:15px;}
  361. .p a{
  362. display:inline-block;
  363. margin:0 15px 0 0;
  364. font-size:10px;
  365. line-height:100%;
  366. letter-spacing:1px;
  367. text-transform:uppercase;
  368. }
  369.  
  370. .tags {font-size:0;margin:20px;}
  371. .tags a {
  372. margin:0 5px 0 0;
  373. display:inline-block;
  374. font-size:10px;
  375. line-height:100%;
  376. letter-spacing:0.5px;
  377. }
  378.  
  379. /* Quotes */
  380.  
  381. .qut_hold {margin:25px;}
  382. .src {margin-bottom:10px;}
  383. .qut {font-size:15px;font-weight:300;line-height:130%;font-style:italic;}
  384.  
  385. /* Audio & Chat */
  386.  
  387. .chat {margin:25px;}
  388. .lines,.chat h2 {margin:10px 0;padding:0;}
  389. .play {padding:10px;background:#e4e4e4;height:27px;width:27px;}
  390. .audio {font-size:0;padding:20px;}
  391. .play,.au {display:inline-block;vertical-align:middle;}
  392. .soundcloud_audio_player{padding:15px 0;}
  393. .au span.tn {font-size:15px;font-weight:800;}
  394. .au span {display:block;margin:5px 0;font-size:10px;line-height:100%;}
  395. .au {width:calc(100% - 62px);margin-left:15px;}
  396. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  397.  
  398. /* Text */
  399.  
  400. ol,ul {padding:0 0 0 20px;}
  401. li {margin:5px;}
  402. p,blockquote,pre,ul,ol{margin:5px 0;}
  403. blockquote p{margin:5px 0;}
  404. blockquote p:first-child{margin:0 0 5px;}
  405. blockquote p:last-child{margin:5px 0 0;}
  406. blockquote p:only-child{margin:0;}
  407. blockquote blockquote {margin:0;}
  408. blockquote{padding-left:10px;border-left:1px solid #eee;}
  409. pre {
  410. white-space:pre-wrap;
  411. white-space:-moz-pre-wrap;
  412. white-space:-pre-wrap;
  413. white-space:-o-pre-wrap;
  414. word-wrap:break-word;
  415. }
  416.  
  417. /* Captions */
  418.  
  419. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  420. .txt .tumblr_parent:first-of-type {border:0;}
  421. .tumblr_parent blockquote {margin:5px 0;}
  422. .tumblr_parent {
  423. border:0;
  424. margin:0;
  425. padding:20px;
  426. border-top:1px solid #eee;
  427. }
  428.  
  429. a.tumblr_blog {border-bottom:1px solid rgba({RGBcolor:Link},0.5);}
  430. a.tumblr_blog:hover {border-color:rgba({RGBcolor:Hover},0.5)}
  431.  
  432. /* Video */
  433.  
  434. .video {overflow:hidden;}
  435. .vine-embed,#youtube_iframe {display:block;}
  436. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  437.  
  438. /* Photosets */
  439.  
  440. #tumblr_lightbox,.tmblr-lightbox {
  441. background:rgba(255,255,255,0.9)!important;
  442. }
  443.  
  444. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  445. opacity:0!important;
  446. }
  447.  
  448. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  449. #tumblr_lightbox_right_image, .lightbox-image {
  450. box-shadow:none!important;
  451. border-radius:0px!important;
  452. {block:ifRoundEdges}border-radius:6px!important;{/block:ifRoundEdges}
  453. }
  454.  
  455. /* Ask */
  456.  
  457. .ask {padding:20px;}
  458. .aski {margin:0 0 10px;line-height:20px;font-size:10px;}
  459. .aski img {float:left;width:20px;margin-right:7px;}
  460.  
  461. /* Permalink Page + Postnotes */
  462.  
  463. .perma {font-size:0;text-transform:lowercase;}
  464. .perma_li {
  465. display:inline-block;
  466. width:calc(50% - 20px);
  467. font-size:11px;
  468. line-height:100%;
  469. margin:0;
  470. padding:10px;
  471. border-top:1px solid #eee;
  472. }
  473.  
  474. .perma_li .oi {font-size:10px;width:10px;float:left;margin-right:6px;}
  475. .perma_li.pnh,.perma_li.pmt {display:block;width:auto;height:auto;}
  476. .pmt a:after {content:',';}
  477. .pmt a:last-of-type:after {content:'.';}
  478. .pn ol {margin:0;padding:0;list-style-type:none;}
  479. .pn li{
  480. margin:0;
  481. font-size:10px;
  482. line-height:100%;
  483. padding:7px;
  484. border-top:1px dotted #eee;
  485. }
  486.  
  487. .pn,.pn img{display:none;}
  488. .pn {font-size:0;}
  489. .pnh {margin:0;font-size:11px;color:#555;}
  490. .pnh,.more_notes_link,.notes_loading {display:block;font-weight:400;}
  491. .more_notes_link,.notes_loading {text-align:left!important;}
  492.  
  493. /* Tooltips */
  494.  
  495. #s-m-t-tooltip {
  496. max-width:200px; /* maximum width */
  497. background-color:#ffffff; /* color background */
  498. border-bottom:2px solid #3e8ea1; /* color, shape and thickness of the border */
  499. font-size:8px; /* font size */
  500. color:#999; /* font color */
  501. font-family:calibri, arial;
  502. text-transform:uppercase; /* uppercase, lowercase, none */
  503. padding:3px; /* padding size */
  504. margin:20px 0px 0px 20px; /* margin size */
  505. z-index:9999999999999999999999;
  506. border-radius: 10px; /* border radius */
  507. }
  508.  
  509. /* Common Styles */
  510.  
  511. .ask,p,blockquote,.lines,.desc{line-height:150%;}
  512. a:hover, a h2:hover{color:{color:Hover};}
  513. a,.p,.perma,.src,.lines b,.tn,h2,.ask{color:{color:Link};}
  514.  
  515. {block:ifRoundEdges}
  516. .play,.aski img,#s-m-t-tooltip{border-radius:4px;}
  517. .entry,header{border-radius:6px!important;}
  518. {/block:ifRoundEdges}
  519.  
  520. /* Etc */
  521.  
  522. img {margin:0;display:block;}
  523.  
  524. /* popup */
  525.  
  526. .popup_block{
  527. display:none;
  528. background:#fff;
  529. padding:20px;
  530. border-radius:10px;
  531. border:1px solid #e5e5e5;
  532. float:left;
  533. position:fixed;
  534. top:50%;left:50%;
  535. z-index: 99999;
  536.  
  537. }
  538.  
  539. *html #fade {position: absolute;}
  540. *html .popup_block {position: absolute;}
  541. #fade {
  542. display:none;
  543. position:fixed;
  544. left:0px;
  545. top:0px;
  546. width:100%;
  547. height:100%;
  548. z-index:9999;
  549. background:#fff; /* change to #fff for solid white */
  550. opacity:0.4; /* change to opacity:1; */
  551. }
  552.  
  553. </style>
  554. </head>
  555. <body>
  556.  
  557.  
  558. <div class="tc"><i class="oi oi-menu"></i></div>
  559.  
  560. <div class="center">
  561.  
  562. <div id="content">
  563. {block:Posts}
  564. <div class="entry" id="{PostID}">
  565.  
  566. {block:Text}
  567. <div class="txt cap">
  568. {block:Title}<h2>{Title}</h2>{/block:Title}
  569. {Body}</div>
  570. {/block:Text}
  571.  
  572. {block:Link}
  573. <div class="txt cap">
  574. <h2><a title="{URL}" href="{URL}">{Name}</a></h2>
  575. {block:Description}{Description}{/block:Description}
  576. </div>
  577. {/block:Link}
  578.  
  579. {block:Photo}
  580. <div class="bx"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="photo"/></a></div>
  581. {/block:Photo}
  582.  
  583. {block:Photoset}
  584. <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>
  585. {/block:Photoset}
  586.  
  587. {block:Quote}
  588. <div class="qut_hold">
  589. {block:Source}<div class="src">{Source}</div>{/block:Source}
  590. <div class="qut">{Quote}</div>
  591. </div>
  592. {/block:Quote}
  593.  
  594. {block:Chat}
  595. <div class="chat">
  596. {block:Title}<h2>{Title}</h2>{/block:Title}
  597. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  598. </div>
  599. {/block:Chat}
  600.  
  601. {block:Audio}
  602. <div class="audio">
  603. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  604. <div class="au">
  605. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  606. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  607. </div>
  608. </div>
  609. {/block:Audio}
  610.  
  611. {block:Video}
  612. <div class="video">{Video-500}</div>
  613. {/block:Video}
  614.  
  615. {block:Answer}
  616. <div class="ask">
  617. <div class="aski"><img src="{AskerPortraitURL-24}">{Asker} said:</div>
  618. <div class="que">{Question}</div>
  619. </div>
  620. <div class="txt cap">{Answer}</div>
  621. {/block:Answer}
  622.  
  623. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  624.  
  625. {block:IndexPage}
  626.  
  627. <div class="p">
  628. <a href="{Permalink}">{NoteCountWithLabel}</a>
  629. <a href="{Permalink}">{TimeAgo}</a>
  630. <a href="{ReblogURL}">reblog</a>
  631. </div>
  632. {/block:IndexPage}
  633.  
  634. {block:PermalinkPage}
  635. {block:Date}
  636. <div class="pph">
  637. <div class="perma">
  638. <span class="perma_li">
  639. <span class="oi oi-time"></span> posted {TimeAgo}
  640. </span>
  641. <span class="perma_li">
  642. <span class="oi oi-calendar"></span> {DayofMonthWithSuffix} {Month} {Year}
  643. </span>
  644. {block:RebloggedFrom}
  645. <span class="perma_li">
  646. <span class="oi oi-user"></span> via:
  647. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  648. </span>
  649. <span class="perma_li">
  650. <span class="oi oi-location"></span> source:
  651. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  652. </span>
  653. {/block:RebloggedFrom}
  654.  
  655. {block:HasTags}
  656. <span class="perma_li pmt">
  657. <span class="oi oi-tags"></span>
  658. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  659. </span>
  660. {/block:HasTags}
  661. <a href="#" class="pnh perma_li">view {NoteCountWithLabel}</a>
  662. </div>
  663.  
  664. {block:PostNotes}
  665. <div class="pn">{PostNotes}</div>
  666. {/block:PostNotes}
  667.  
  668. </div>
  669.  
  670. {/block:Date}
  671. {/block:PermalinkPage}
  672.  
  673. {block:ContentSource}
  674. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  675. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  676. {/block:SourceLogo}
  677. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  678. {/block:ContentSource}
  679.  
  680. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  681.  
  682. </div>
  683. {/block:Posts}
  684.  
  685. {block:ifPaginate}
  686. {block:Pagination}
  687. <div class="pag">
  688. {block:PreviousPage}
  689. <a href="{PreviousPage}"><i class="oi oi-chevron-left"></i></a>
  690. {/block:PreviousPage}
  691.  
  692. {block:JumpPagination length="3"}
  693. {block:CurrentPage}
  694. <span class="cp">{PageNumber}</span>
  695. {/block:CurrentPage}
  696. {block:JumpPage}
  697. <a class="jp" href="{URL}">{PageNumber}</a>
  698. {/block:JumpPage}
  699. {/block:JumpPagination}
  700.  
  701. {block:NextPage}
  702. <a href="{NextPage}"><i class="oi oi-chevron-right"></i></a>
  703. {/block:NextPage}
  704. </div>
  705. {/block:Pagination}
  706. {/block:ifPaginate}
  707.  
  708. </div>
  709.  
  710. {block:ifnotPaginate}
  711. {block:Pagination}
  712. <div class="pag">
  713. {block:PreviousPage}
  714. <a href="{PreviousPage}" class="prev">back</a>
  715. {/block:PreviousPage}
  716. {block:NextPage}
  717. <a href="{NextPage}" class="next">next</a>
  718. {/block:NextPage}
  719. </div>
  720.  
  721. {block:ifLoadMore}
  722. <a class="load">Load More</a>
  723. {/block:ifLoadMore}
  724. {/block:Pagination}
  725. {/block:ifnotPaginate}
  726.  
  727. </div>
  728.  
  729. <a href="#" class="top"><i class="oi oi-chevron-up"></i></a>
  730. <div class="c"><a title="theme by acuite, heavily tweaked by venvste for jelleon's use only. please, do not steal." href="http://acuite.tumblr.com">acuite</a></div>
  731.  
  732. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  733. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  734. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  735. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  736. <script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  737. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  738. <script>
  739. // pxu photosets
  740. $(document).ready(function(){
  741. $('.photo-slideshow').pxuPhotoset({
  742. lightbox: true,
  743. rounded: false,
  744. gutter: '1px',
  745. photoset: '.photo-slideshow',
  746. photoWrap: '.photo-data',
  747. photo: '.pxu-photo'
  748. });
  749.  
  750.  
  751. // minimal soundcloud player © eoxk.tumblr
  752. $(document).ready(function(){
  753. var color = '{color:Link}'; // color of play button (hex)
  754. $('.soundcloud_audio_player').each(function(){
  755. $(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%' });
  756. });
  757. });
  758.  
  759.  
  760. // drop links & post notes
  761. $(document).ready(function(){
  762. $(".pn").hide();
  763. $(".pnh").show();$('.pnh').toggle(function(){
  764. $(".pn").slideDown(function(){});
  765. },function(){
  766. $(".pn").slideUp(function(){});
  767. });
  768. $(".lb").hide();
  769. $(".lh").show();$('.lh').toggle(function(){
  770. $(".lb").slideDown(function(){});
  771. },function(){
  772. $(".lb").slideUp(function(){});
  773. });
  774. });
  775.  
  776.  
  777. // scroll to top © html-tuts.com
  778. var amountScrolled = 500;
  779. $(window).scroll(function() {
  780. if ($(window).scrollTop() > amountScrolled) {
  781. $('a.top').fadeIn('slow');
  782. } else {
  783. $('a.top').fadeOut('slow');
  784. }
  785. });
  786. $('a.top').click(function() {
  787. $('body, html').animate({
  788. scrollTop: 0
  789. }, 'slow');
  790. return false;
  791. });
  792.  
  793.  
  794. // tooltips
  795. (function($){
  796. $(document).ready(function(){
  797. $("[title]").style_my_tooltips({
  798. tip_delay_time:200,
  799. tip_fade_speed:300
  800. }
  801. );
  802. });
  803. })(jQuery);
  804.  
  805.  
  806. /*
  807.  
  808. UN-NEST TUMBLR CAPTIONS PLUGIN
  809. 2016 @magnusthemes & @neothm
  810. source: http://neothm.com/post/148902138319
  811.  
  812. */
  813. $('.entry').unnest({
  814. yourCaption: ".cap",
  815. newCaptionUsername: false,
  816. originalPostCaptionUsername: false,
  817. tumblrAvatars: false,
  818. tumblrAvatarClass: ".user-pic",
  819. usernameColon: false
  820. });
  821.  
  822.  
  823. // infinite scroll
  824. {block:ifnotPaginate}
  825. var $container = $('#content');
  826. $container.infinitescroll({
  827. itemSelector: '.entry',
  828. navSelector: '.pag',
  829. nextSelector: '.next',
  830. loadingImg: ' ',
  831. loadingText: ' ',
  832. donetext: 'No more posts' ,
  833. bufferPx: 2000,
  834. {block:ifLoadMore}
  835. errorCallback: function(){
  836. jQuery('.load').delay(50).fadeOut();
  837. }
  838. {/block:ifLoadMore}
  839. },
  840. function( newElements ) {
  841. var $newElems = $( newElements );
  842. var $newElemsIDs = $newElems.map(function(){
  843. return this.id;
  844. }).get();
  845. console.log($newElems, $newElemsIDs);
  846. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  847. $newElems.find('.photo-slideshow').pxuPhotoset({
  848. lightbox: true,
  849. rounded: false,
  850. gutter: '1px',
  851. photoset: '.photo-slideshow',
  852. photoWrap: '.photo-data',
  853. photo: '.pxu-photo'
  854. });
  855. resizeVideos();
  856. $newElems.unnest({
  857. yourCaption: ".cap",
  858. newCaptionUsername: true,
  859. originalPostCaptionUsername: true,
  860. tumblrAvatars: false,
  861. tumblrAvatarClass: ".user-pic",
  862. usernameColon: false
  863. });
  864. });
  865. {block:ifLoadMore}
  866. $(window).unbind(".infscr");
  867. $(".load").click(function(){
  868. $("#content").infinitescroll("retrieve");
  869. });
  870. {/block:ifLoadMore}
  871. {/block:ifnotPaginate}
  872. });
  873.  
  874. </script>
  875.  
  876. <div id="sidebar">
  877.  
  878. <div class="render"><img src="https://i.imgur.com/7TRqVFh.png"></div>
  879.  
  880. <div class="linkbox">
  881. <a href="/">refresh</a>
  882. <a href="/ask">inquire</a>
  883. <a href="/submit">gifts</a>
  884. <a href="https://rp-eclipse.tumblr.com/">eclipse</a>
  885. </div>
  886.  
  887. <div class="desc">
  888. <span style="padding-left:0px;"> description goes here! </span>
  889. </div>
  890.  
  891. <div class="likes"> likes here</div>
  892. <div class="dislikes"> dislikes here</div>
  893. <div class="heart"><i class="fa fa-heart" aria-hidden="true"></i></div>
  894. <div class="heart-o"><i class="fa fa-heart-o" aria-hidden="true"></i></div>
  895.  
  896.  
  897. <div class="hov">
  898. <a title="hover 1"></a>
  899. <br><a title="hover 2"></a>
  900. <br><a title="hover 3"></a>
  901. <br><a title="hover 4"></a>
  902. <br><a title="hover 5"></a>
  903. </div>
  904.  
  905. <div class="ttl1">
  906. title 1 here
  907. </div>
  908.  
  909. <div class="ttl2">
  910. title 2 here
  911. </div>
  912.  
  913.  
  914. </body>
  915.  
  916. </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!