API tools faq
paste
Advertisement
Guest User

theme @ heejin

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