Guest User

Untitled

a guest
Sep 19th, 2019
221
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.30 KB | None | 0 0
  1. <!--
  2. THEME: CAERUS
  3. by acuite
  4.  
  5. - don't steal this pls
  6. - enjoy, ilu (ノ◕ヮ◕)ノ*:・゚✧
  7.  
  8. - @acuite for more themes
  9.  
  10. -->
  11.  
  12. <html>
  13. <head>
  14. <!-- 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>
  15.  
  16.  
  17. <title></title>
  18. <link rel="shortcut icon" href="">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <meta name="image:Sidebar" content=""/>
  23.  
  24. <meta name="color:Text" content="#555"/>
  25. <meta name="color:Link" content="#999"/>
  26. <meta name="color:Hover" content="#afb5c1"/>
  27.  
  28. <meta name="if:Tags" content="1"/>
  29. <meta name="if:Load More" content=""/>
  30. <meta name="if:Paginate" content=""/>
  31. <meta name="if:Round Edges" content=""/>
  32.  
  33. <meta name="text:Post" content="350"/>
  34. <meta name="text:Sidebar" content="150"/>
  35. <meta name="text:Margin" content="75"/>
  36.  
  37. <meta name="text:Link 1" content="/"/>
  38. <meta name="text:Link 1 Title" content="one"/>
  39. <meta name="text:Link 2" content="/" />
  40. <meta name="text:Link 2 Title" content="two"/>
  41. <meta name="text:Link 3" content="/" />
  42. <meta name="text:Link 3 Title" content="three"/>
  43. <meta name="text:Link 4" content="/" />
  44. <meta name="text:Link 4 Title" content="four"/>
  45.  
  46. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  47. <link href='https://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  48. <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i|PT+Serif:400,400i,700,700i" rel="stylesheet">
  49. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  50.  
  51. <script type="text/javascript"
  52. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  53. <script>
  54. $(document).ready(function() {
  55. //
  56. $('a.poplight[href^=#]').click(function() {
  57. var popID = $(this).attr('rel'); //Get Popup Name
  58. var popURL = $(this).attr('href'); //Get Popup href to define size
  59. var query= popURL.split('?');
  60. var dim= query[1].split('&');
  61. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  62. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  63. var popMargTop = ($('#' + popID).height() + 80) / 2;
  64. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  65. //Apply Margin to Popup
  66. $('#' + popID).css({
  67. 'margin-top' : -popMargTop,
  68. 'margin-left' : -popMargLeft
  69. });
  70. $('body').append('<div id="fade"></div>');
  71. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  72. return false;
  73. });
  74. $('a.close, #fade').live('click', function() {
  75. $('#fade , .popup_block').fadeOut(function() {
  76. $('#fade, a.close').remove(); //fade them both out
  77. });
  78. return false;
  79. });
  80. });
  81. </script>
  82.  
  83. <style type="text/css">
  84.  
  85. /** popups by noveia / bravethemes ; please don't delete credits **/
  86. #fade{
  87. display:none;
  88. background:transparent; /* change background */
  89. position:fixed;
  90. left:0;
  91. top:0;
  92. width:100%;
  93. height:100%;
  94. opacity:0.5; /* change how transparent you want the background */
  95. z-index:9999; /* if this happens to go behind the popup, decrease the amount of 9's */
  96. }
  97. .popup_block{ /* the actual popup */
  98. display:none;
  99. background:#fff; /* change background */
  100. border:1px solid #c5dedf; /* change border style and color */
  101. box-shadow:10px 10px 14px rgba(0,0,0,.4);
  102. border-radius: 10px 10px 10px 10px;
  103. padding:10px;
  104. float:left;
  105. line-height:20px;
  106. position:fixed;
  107. top:50%;
  108. left:50%;
  109. z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999; /* if this happens to go behind the fade, increase the amount of 9's */
  110. }
  111. *html #fade{
  112. position:absolute;
  113. }
  114. *html .popup_block{
  115. position:absolute;
  116. }
  117. /** popups by noveia / bravethemes ; please don't delete credits **/
  118.  
  119.  
  120. /* Scrollbar */
  121.  
  122. ::-webkit-scrollbar {width:11px;height:11px;background:#eee;}
  123. ::-webkit-scrollbar-thumb {background:rgba(153,153,153,0.25);}
  124. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  125. border:5px solid #F6F6F6;
  126. }
  127.  
  128. /* Controls */
  129.  
  130. .tc .oi {font-size:20px;color:{color:Link};}
  131. .tc {position:fixed;top:15px;right:15px;cursor:pointer;}
  132. #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;}
  133.  
  134. #tumblr_controls:hover,.tmblr-iframe:hover{opacity:0.5;}
  135.  
  136. /* General */
  137.  
  138. body {
  139. margin:0;
  140. color:{color:Text};
  141. background:#f8f8f8;
  142. font-smooth:always;
  143. -webkit-font-smoothing:antialiased;
  144. -moz-osx-font-smoothing: grayscale;
  145. }
  146.  
  147. a:link, a:active, a:visited {text-decoration:none;}
  148. body,p,pre,blockquote,big,small,sub,sup {font-size:10px;}
  149. body,p,pre,em{font-family:'PT Sans',Arial,Helvetica,sans-serif;}
  150. a,.tags,.our_button,.like_button,#tumblr_controls,.tmblr-iframe,.tc {
  151. transition:0.5s ease;
  152. -o-transition:0.5s ease;
  153. -moz-transition:0.5s ease;
  154. -webkit-transition:0.5s ease;
  155. }
  156.  
  157. html, body, a { cursor:url("https://i.imgur.com/2qleX.jpg"), auto !important; }
  158. a:hover{cursor:url("https://i.imgur.com/IepP2.jpg"), auto !important; }
  159.  
  160. /* Credit & Scroll to Top */
  161.  
  162. .c,.top{position:fixed;right:30px;width:40px;}
  163. .c {bottom:30px;}
  164. .top {bottom:50px;display:none;}
  165.  
  166. /* Pagination */
  167.  
  168. .cp {font-weight:600;}
  169. .cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;}
  170. .pag a i,.top{font-size:20px;}
  171. .pag {position:relative;}
  172. .load {cursor:pointer;display:block;}
  173. .c,.top,.pag,.load {text-align:center;}
  174. .c,.pag,.load {font-size:9px;letter-spacing:1px;text-transform:uppercase;}
  175. {block:ifnotPaginate}
  176. .pag,#infscr-loading {display:none!important;}
  177. {/block:ifnotPaginate}
  178.  
  179. /* Containers */
  180.  
  181. .center {
  182. position:relative;
  183. margin:75px auto;
  184. width:calc(400px + 2px);
  185. }
  186.  
  187. .entry img{max-width:100%;height:auto;}
  188. .entry {
  189. width:350px;
  190. margin:75px 200px;
  191. background:#fff;
  192. border-radius: 10px 10px 10px 10px;
  193. }
  194.  
  195. /* Sidebar */
  196.  
  197. #sidebar {
  198. position:fixed;
  199. top:150px;
  200. left:150px;
  201. width:449px;
  202. height:400px;
  203. z-index:0;
  204. padding-right:10px;
  205. }
  206.  
  207. .jen {
  208. position:fixed;
  209. margin-top:72px;
  210. margin-left:138px;
  211. height:272px;
  212. width: 200px;
  213. z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  214. }
  215.  
  216. .jen img {
  217. margin-top:0px;
  218. margin-left:40px;
  219. }
  220.  
  221. .hovs {
  222. position: fixed;
  223. margin-top:346px;
  224. margin-left:178px;
  225. z-index:9;
  226. }
  227.  
  228. .hovs a {
  229. width:27.1px;
  230. height:11px;
  231. background:#ffffff;
  232. display:inline-block;
  233. -moz-transition:all ease-in-out 0.5s;
  234. -webkit-transition:all ease-in-out 0.5s;
  235. -o-transition:all ease-in-out 0.5s;
  236. transition:all ease-in-out 0.5s;
  237. text-align:center;
  238. font-family:calibri, arial;
  239. text-transform: uppercase;
  240. padding:2px;
  241. }
  242.  
  243. .hovs a:hover {
  244. background:#ffffff;
  245. color: #999;
  246. -webkit-transition:all 0.5s ease-in-out;
  247. -moz-transition:all 0.5s ease-in-out;
  248. -o-transition:all 0.5s ease-in-out;
  249. transition:all 0.5s ease-in-out;
  250. }
  251.  
  252.  
  253. .lineczki {
  254. position:fixed;
  255. width:20px;
  256. margin-left:29px;
  257. margin-top:40px;
  258. line-height:75%;
  259. z-index:99999;
  260. }
  261.  
  262. .lineczki a {
  263. width:133px;
  264. height:6px;
  265. color:#999;
  266. font-family:calibri, arial;
  267. font-size: 7.5px;
  268. margin-top:3px;
  269. background-color:#ffffff;
  270. text-transform:uppercase;
  271. display:inline-block;
  272. padding:5px 7px 5px 6px;
  273. text-align:center;
  274. }
  275.  
  276. .lineczki a:hover {
  277. color:#ffffff;
  278. background-color:#c5dedf;
  279. -webkit-transition:all .5s ease;
  280. -moz-transition:all .5s ease;
  281. -o-transition:all .5s ease;
  282. transition:all .5s ease;
  283. border-radius:10px;
  284. }
  285.  
  286.  
  287.  
  288. .desc {
  289. position:fixed;
  290. margin-left:29px;
  291. margin-top:88px;
  292. width:190px;
  293. height:70px;
  294. padding:8px;
  295. background-color: #fff;
  296. color:#999;
  297. font-family:calibri, arial;
  298. font-size: 7.5px;
  299. text-transform: uppercase;
  300. border-radius: 10px 10px 0px 0px;
  301. }
  302.  
  303. .likes {
  304. position:relative;
  305. bottom:-252px;
  306. left:29px;
  307. font-family:calibri, arial;
  308. font-size:7.5px;
  309. line-height:8px;
  310. letter-spacing:.0px;
  311. word-spacing:0px;
  312. text-transform:uppercase;
  313. text-align:justify;
  314. font-weight:400;
  315. background:#ffffff;
  316. color:#999;
  317. overflow:auto;
  318. padding:7px 14px 2px 42px;
  319. width:90px;
  320. height:36px;
  321. z-index:999;
  322. }
  323.  
  324. .dislikes {
  325. position:relative;
  326. bottom:-254px;
  327. left:29px;
  328. font-family:calibri, arial;
  329. font-size:7.5px;
  330. line-height:8px;
  331. letter-spacing:0px;
  332. word-spacing:0px;
  333. text-transform:uppercase;
  334. text-align:justify;
  335. font-weight:400;
  336. background:#ffffff;
  337. color:#999;
  338. overflow:auto;
  339. padding:7px 14px 2px 42px;
  340. width:90px;
  341. height:36px;
  342. z-index:999;
  343. }
  344.  
  345. .check {
  346. position:relative;
  347. bottom:-174px;
  348. left:37px;
  349. font-size:18px;
  350. line-height:11px;
  351. background:none;
  352. color:#c5dedf;
  353. border-right: #ededed solid 1px;
  354. overflow:auto;
  355. padding:2px 0px 0px 0px;
  356. width:25px;
  357. height:20px;
  358. z-index:9999;
  359. }
  360.  
  361. .trash {
  362. position:relative;
  363. bottom:-198px;
  364. left:37px;
  365. font-size:18px;
  366. line-height:11px;
  367. background:none;
  368. color:#c5dedf;
  369. border-right: #ededed solid 1px;
  370. overflow:auto;
  371. padding:2px 0px 0px 0px;
  372. width:25px;
  373. height:20px;
  374. z-index:9999;
  375. }
  376.  
  377. .stats {
  378. position:fixed;
  379. z-index:999;
  380. background: #ffffff;
  381. text-align: center;
  382. text-transform: uppercase;
  383. font-size: 7px;
  384. padding: 3px;
  385. margin-left: 29px;
  386. margin-top: 212px;
  387. width:140px;
  388. }
  389.  
  390. .friends {
  391. position:fixed;
  392. margin-top:10px;
  393. margin-left:340px;
  394. z-index:99999999999999999;
  395. width:20px;
  396. height:20px;
  397. }
  398.  
  399. .him {
  400. position:fixed;
  401. margin-top:100px;
  402. margin-left:315px;
  403. z-index:99999999999999999;
  404. width:20px;
  405. height:20px;
  406. transform: rotate(20deg);
  407. -ms-transform: rotate(20deg);
  408. -webkit-transform: rotate(20deg);
  409. -o-transform: rotate(20deg);
  410. -moz-transform: rotate(20deg);
  411. }
  412.  
  413. /* Titles */
  414.  
  415. h2 {margin:0 0 10px;font-size:15px;line-height:100%;font-weight:400;}
  416. h3,h4,h5 {margin:10px;font-size:11px;line-height:100%;}
  417.  
  418. /* Permalinks */
  419.  
  420. .p {padding:11px 15px;}
  421. .ple {padding:1px 0;width:calc(100% - 40px);}
  422. .ple b {margin:0 5px;font-weight:400;opacity:0.75;}
  423. .ple a,.ple b {display:inline-block;text-transform:lowercase;}
  424. .ple a,.ple b,.tags a{font-size:10px;line-height:100%;}
  425. .ple,.pri {display:inline-block;vertical-align:middle;}
  426. .pri {text-align:right;width:40px;}
  427. .pri .oi {font-size:16px;}
  428.  
  429. .custom-like-button *{cursor:pointer!important;}
  430. .custom-like-button {
  431. position:relative;
  432. display:inline-block;
  433. vertical-align:top;
  434. width:15px;
  435. height:13px;
  436. cursor:pointer;
  437. margin-right:4px;
  438. }
  439.  
  440. .like_button:hover + .our_button {color:{color:Hover};}
  441. .like_button.liked + .our_button {color:{color:Hover};}
  442. .like_button iframe {width:100%!important;height:100%!important;}
  443. .like_button {z-index:10;opacity:0;}
  444. .our_button {z-index:1;}
  445. .our_button,.like_button {
  446. position:absolute;
  447. top:0;
  448. left:0;
  449. width:100%;
  450. height:100%;
  451. }
  452.  
  453. .tags {margin:3px 0 0;}
  454. .tags a {margin:1px 4px 1px 0;font-style:italic;text-transform:none;
  455. display:inline-block;}
  456. .tags a:after {content:',';opacity:0.75;}
  457. .tags a:last-of-type:after {content:'.'}
  458.  
  459. /* Quotes */
  460.  
  461. .qut_hold {padding:25px;}
  462. .src {margin-bottom:5px;}
  463. .qut {font-size:15px;font-weight:300;line-height:130%;font-style:italic;}
  464.  
  465. /* Audio & Chat */
  466.  
  467. .chat {padding:10px;}
  468. .lines,.chat h2 {margin:10px;padding:0;}
  469. .play {padding:10px;background:#e4e4e4;height:27px;width:27px;}
  470. .audio {font-size:0;padding:20px;}
  471. .play,.au {display:inline-block;vertical-align:middle;}
  472. .soundcloud_audio_player{padding:15px 0;}
  473. .au span.tn {font-size:13px;font-weight:600;}
  474. .au span {display:block;margin:3px 0;font-size:11px;}
  475. .au {width:calc(100% - 62px);margin-left:15px;}
  476. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  477.  
  478. /* Text */
  479.  
  480. ol,ul {padding:0 0 0 20px;}
  481. li {margin:5px;}
  482. p,blockquote,pre,ul,ol{margin:5px;}
  483. blockquote p{margin:5px 0;}
  484. blockquote p:first-child{margin:0 0 5px;}
  485. blockquote p:last-child{margin:5px 0 0;}
  486. blockquote p:only-child{margin:0;}
  487. blockquote blockquote {margin:0;}
  488. blockquote{padding-left:10px;border-left:1px solid #eee;}
  489. pre {
  490. white-space:pre-wrap;
  491. white-space:-moz-pre-wrap;
  492. white-space:-pre-wrap;
  493. white-space:-o-pre-wrap;
  494. word-wrap:break-word;
  495. }
  496.  
  497. /* Captions */
  498.  
  499. a.tumblr_blog
  500. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  501. .tumblr_parent {border:0;margin:0;padding:25px;}
  502. .tumblr_parent blockquote {margin:5px 0;}
  503.  
  504. /* Video */
  505.  
  506. .video {overflow:hidden;}
  507. .vine-embed,#youtube_iframe {display:block;}
  508. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  509.  
  510. /* Photosets */
  511.  
  512. #tumblr_lightbox,.tmblr-lightbox {
  513. background:rgba({RGBcolor:Background},0.99)!important;
  514. }
  515.  
  516. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  517. opacity:0!important;
  518. }
  519.  
  520. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  521. #tumblr_lightbox_right_image, .lightbox-image {
  522. box-shadow:none!important;
  523. border-radius:0px!important;
  524. {block:ifRoundEdges}border-radius:4px!important;{/block:ifRoundEdges}
  525. }
  526.  
  527. /* Ask */
  528.  
  529. .ask {padding:20px;border-bottom:1px solid #eee;}
  530. .aski {margin:0 0 5px;line-height:20px;font-size:10px;}
  531. .aski img {float:left;width:20px;margin-right:7px;border-radius:3px;}
  532. .ans {padding:10px;}
  533.  
  534. /* Permalink Page + Postnotes */
  535.  
  536. .pph {text-transform:lowercase;}
  537. .perma {padding:15px;line-height:175%;}
  538. .pmt a:after {content:',';}
  539. .pmt a:last-of-type:after {content:'.';}
  540. .pn ol {margin:0;padding:0;list-style-type:none;}
  541. .pn li{margin:10px;font-size:9px;line-height:100%;}
  542. .pn,.pn img{display:none;}
  543. .pn {padding:10px;font-size:0;}
  544. .pnh,.more_notes_link,.notes_loading {display:block;font-weight:600;}
  545. .more_notes_link,.notes_loading {text-align:left!important;}
  546.  
  547. /* Tooltips */
  548.  
  549. #s-m-t-tooltip{
  550. max-width:200px;
  551. margin:15px;
  552. padding:2px 8px;
  553. border:1px solid #c5dedf;
  554. background:#FFF;
  555. color:#AAA;
  556. z-index:999999;
  557. font-size:8px;
  558. font-family:calibri, arial;
  559. text-transform:uppercase;
  560. box-shadow:5px 5px 7px rgba(0,0,0,.4);
  561. border-radius: 10px 10px 10px 10px;
  562. z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  563. }
  564.  
  565. /* Common Styles */
  566.  
  567. .ask,p,blockquote,.lines{line-height:150%;}
  568. a:hover, a h2:hover{color:{color:Hover};}
  569. a,.p,.perma,.src,.lines b,.tn,h2,.ask{color:{color:Link};}
  570.  
  571. {block:ifRoundEdges}
  572. .play,.aski img,#s-m-t-tooltip,.entry,aside{border-radius:4px;}
  573. .entry iframe,.video,.photo,.image img{border-radius:3px;}
  574. {/block:ifRoundEdges}
  575.  
  576. .txt.cap {border:0;}
  577. .bx {padding:7px;}
  578. .cap,.perma,.pn {border-top:1px solid #eee;}
  579. nav,.p {font-size:0;border-top:1px solid #eee;}
  580.  
  581.  
  582.  
  583. </style>
  584. </head>
  585. <body>
  586.  
  587. <div id="box2" class="popup_block">
  588. <center><center><b>"Let us be grateful to people who make us happy, they are the charming gardeners who make our souls blossom." I love them so much and I'm grateful they always take care of me ♥
  589. <br></b></center></div>
  590.  
  591.  
  592.  
  593.  
  594. </div>
  595.  
  596. </div></div></div></div></div></div></div></div></div></div>
  597.  
  598. <div id="box3" class="popup_block">
  599. <center><br><a title="" href=""><img src=""></a></center> <center><br><b></b>180603, under construction ♡ ps i love ldh <br></center></div>
  600.  
  601.  
  602.  
  603.  
  604. </div>
  605.  
  606. </div></div></div></div></div></div></div></div></div></div>
  607.  
  608. <div class="tc"><i class="oi oi-menu"></i></div>
  609.  
  610. <div class="center">
  611.  
  612. <aside>
  613. {block:ifSidebarImage}
  614. <div class="image"><a href="/"><img src="{image:Sidebar}"/></a></div>
  615. {/block:ifSidebarImage}
  616.  
  617. </aside>
  618.  
  619. <div id="content">
  620. {block:Posts}
  621. <div class="entry" id="{PostID}">
  622.  
  623. {block:Text}
  624. <div class="txt cap">
  625. {block:Title}<h2>{Title}</h2>{/block:Title}
  626. {Body}</div>
  627. {/block:Text}
  628.  
  629. {block:Link}
  630. <div class="txt cap">
  631. <h2><a title="{URL}" href="{URL}">{Name}</a></h2>
  632. {block:Description}{Description}{/block:Description}
  633. </div>
  634. {/block:Link}
  635.  
  636. {block:Photo}
  637. <div class="bx"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="photo"/></a></div>
  638. {/block:Photo}
  639.  
  640. {block:Photoset}
  641. <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>
  642. {/block:Photoset}
  643.  
  644. {block:Quote}
  645. <div class="qut_hold">
  646. {block:Source}<div class="src">{Source}</div>{/block:Source}
  647. <div class="qut">{Quote}</div>
  648. </div>
  649. {/block:Quote}
  650.  
  651. {block:Chat}
  652. <div class="chat">
  653. {block:Title}<h2>{Title}</h2>{/block:Title}
  654. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  655. </div>
  656. {/block:Chat}
  657.  
  658. {block:Audio}
  659. <div class="audio">
  660. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  661. <div class="au">
  662. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  663. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  664. </div>
  665. </div>
  666. {/block:Audio}
  667.  
  668. {block:Video}
  669. <div class="video">{Video-500}</div>
  670. {/block:Video}
  671.  
  672. {block:Answer}
  673. <div class="ask">
  674. <div class="aski"><img src="{AskerPortraitURL-24}">{Asker} said:</div>
  675. <div class="que">{Question}</div>
  676. </div>
  677. <div class="txt ans">{Answer}</div>
  678. {/block:Answer}
  679.  
  680. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  681.  
  682. {block:IndexPage}
  683. <div class="p">
  684. <div class="ple">
  685. <a href="{Permalink}">{NoteCountWithLabel}</a> <b>&middot;</b>
  686. <a href="{Permalink}">{TimeAgo}</a>
  687. </div>
  688.  
  689. <div class="pri">
  690. <div class="custom-like-button">{LikeButton}
  691. <span class="our_button"><i class="oi oi-heart"></i></span>
  692. </div>
  693. <a href="{ReblogURL}"><i class="oi oi-refresh"></i></a>
  694. </div>
  695.  
  696. {block:ifTags}{block:HasTags}{/block:HasTags}{/block:ifTags}
  697. </div>
  698. {/block:IndexPage}
  699.  
  700.  
  701.  
  702. {block:PermalinkPage}
  703. {block:Date}
  704. <div class="pph">
  705. <div class="perma">
  706. posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
  707. {block:RebloggedFrom}<br>
  708. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp;
  709. source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  710. {/block:RebloggedFrom}
  711.  
  712. {block:HasTags}<div class="pmt">tags: &nbsp;
  713. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  714. </div>{/block:HasTags}
  715. <a href="#" class="pnh">{NoteCountWithLabel}</a>
  716. </div>
  717.  
  718. {block:PostNotes}
  719. <div class="pn">{PostNotes}</div>
  720. {/block:PostNotes}
  721.  
  722. </div>
  723. {/block:Date}
  724. {/block:PermalinkPage}
  725.  
  726. {block:ContentSource}
  727. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  728. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  729. {/block:SourceLogo}
  730. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  731. {/block:ContentSource}
  732.  
  733. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  734.  
  735. </div>
  736. {/block:Posts}
  737.  
  738. {block:ifPaginate}
  739. {block:Pagination}
  740. <div class="pag">
  741. {block:PreviousPage}
  742. <a href="{PreviousPage}"><i class="oi oi-chevron-left"></i></a>
  743. {/block:PreviousPage}
  744.  
  745. {block:JumpPagination length="3"}
  746. {block:CurrentPage}
  747. <span class="cp">{PageNumber}</span>
  748. {/block:CurrentPage}
  749. {block:JumpPage}
  750. <a class="jp" href="{URL}">{PageNumber}</a>
  751. {/block:JumpPage}
  752. {/block:JumpPagination}
  753.  
  754. {block:NextPage}
  755. <a href="{NextPage}"><i class="oi oi-chevron-right"></i></a>
  756. {/block:NextPage}
  757. </div>
  758. {/block:Pagination}
  759. {/block:ifPaginate}
  760.  
  761. </div>
  762.  
  763. {block:ifnotPaginate}
  764. {block:Pagination}
  765. <div class="pag">
  766. {block:PreviousPage}
  767. <a href="{PreviousPage}" class="prev">back</a>
  768. {/block:PreviousPage}
  769. {block:NextPage}
  770. <a href="{NextPage}" class="next">next</a>
  771. {/block:NextPage}
  772. </div>
  773.  
  774. {block:ifLoadMore}
  775. <a class="load">Load More</a>
  776. {/block:ifLoadMore}
  777. {/block:Pagination}
  778. {/block:ifnotPaginate}
  779.  
  780. </div>
  781.  
  782. <a href="#" class="top"><i class="oi oi-chevron-up"></i></a>
  783. <div class="c"><a title="base code by acuite. heavily tweaked by venvste and given to the best girlfriend in the world as a gift. i love you ♡" href="http://acuite.tumblr.com">acuite</a></div>
  784.  
  785. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  786. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  787. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  788. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  789. <script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  790. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  791. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  792. <script>
  793. // pxu photosets
  794. $(document).ready(function(){
  795. $('.photo-slideshow').pxuPhotoset({
  796. lightbox: true,
  797. {block:ifnotRoundEdges}
  798. rounded: false,
  799. {/block:ifnotRoundEdges}
  800. {block:ifRoundEdges}
  801. rounded: 'corners',
  802. borderRadius: '3px',
  803. {/block:ifRoundEdges}
  804. gutter: '2px',
  805. photoset: '.photo-slideshow',
  806. photoWrap: '.photo-data',
  807. photo: '.pxu-photo'
  808. });
  809.  
  810.  
  811. // minimal soundcloud player © eoxk.tumblr
  812. $(document).ready(function(){
  813. var color = '{color:Link}'; // color of play button (hex)
  814. $('.soundcloud_audio_player').each(function(){
  815. $(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%' });
  816. });
  817. });
  818.  
  819.  
  820. // drop links & post notes
  821. $(document).ready(function(){
  822. $(".pn").hide();
  823. $(".pnh").show();$('.pnh').toggle(function(){
  824. $(".pn").slideDown(function(){});
  825. },function(){
  826. $(".pn").slideUp(function(){});
  827. });
  828. $(".lb").hide();
  829. $(".lh").show();$('.lh').toggle(function(){
  830. $(".lb").slideDown(function(){});
  831. },function(){
  832. $(".lb").slideUp(function(){});
  833. });
  834. });
  835.  
  836.  
  837. // scroll to top © html-tuts.com
  838. var amountScrolled = 500;
  839. $(window).scroll(function() {
  840. if ($(window).scrollTop() > amountScrolled) {
  841. $('a.top').fadeIn('slow');
  842. } else {
  843. $('a.top').fadeOut('slow');
  844. }
  845. });
  846. $('a.top').click(function() {
  847. $('body, html').animate({
  848. scrollTop: 0
  849. }, 'slow');
  850. return false;
  851. });
  852.  
  853.  
  854. // tooltips
  855. (function($){
  856. $(document).ready(function(){
  857. $("[title]").style_my_tooltips({
  858. tip_delay_time:200,
  859. tip_fade_speed:300
  860. }
  861. );
  862. });
  863. })(jQuery);
  864.  
  865.  
  866. /*
  867.  
  868. UN-NEST TUMBLR CAPTIONS PLUGIN
  869. 2016 @magnusthemes & @neothm
  870. source: https://neothm.com/post/148902138319
  871.  
  872. */
  873. $('.entry').unnest({
  874. yourCaption: ".cap",
  875. newCaptionUsername: false,
  876. originalPostCaptionUsername: false,
  877. tumblrAvatars: false,
  878. usernameColon: false
  879. });
  880.  
  881.  
  882. // infinite scroll
  883. {block:ifnotPaginate}
  884. var $container = $('#content');
  885. $container.infinitescroll({
  886. itemSelector: '.entry',
  887. navSelector: '.pag',
  888. nextSelector: '.next',
  889. loadingImg: ' ',
  890. loadingText: ' ',
  891. donetext: 'No more posts' ,
  892. bufferPx: 2000,
  893. {block:ifLoadMore}
  894. errorCallback: function(){
  895. jQuery('.load').delay(50).fadeOut();
  896. }
  897. {/block:ifLoadMore}
  898. },
  899. function( newElements ) {
  900. var $newElems = $( newElements );
  901. var $newElemsIDs = $newElems.map(function(){
  902. return this.id;
  903. }).get();
  904. $newElems.find('.photo-slideshow').pxuPhotoset({
  905. lightbox: true,
  906. {block:ifnotRoundEdges}
  907. rounded: false,
  908. {/block:ifnotRoundEdges}
  909. {block:ifRoundEdges}
  910. rounded: 'corners',
  911. borderRadius: '3px',
  912. {/block:ifRoundEdges}
  913. gutter: '2px',
  914. photoset: '.photo-slideshow',
  915. photoWrap: '.photo-data',
  916. photo: '.pxu-photo'
  917. });
  918. resizeVideos();
  919. $newElems.unnest({
  920. yourCaption: ".cap",
  921. newCaptionUsername: true,
  922. originalPostCaptionUsername: true,
  923. tumblrAvatars: false,
  924. usernameColon: false
  925. });
  926. });
  927. {block:ifLoadMore}
  928. $(window).unbind(".infscr");
  929. $(".load").click(function(){
  930. $("#content").infinitescroll("retrieve");
  931. });
  932. {/block:ifLoadMore}
  933. {/block:ifnotPaginate}
  934. });
  935.  
  936. </script>
  937.  
  938. <div id="sidebar">
  939.  
  940. <div class="jen"><img src="https://i.imgur.com/rutmFAf.png"></div>
  941.  
  942. <div class="hovs">
  943. <a href="https://stardust-krp.tumblr.com/" title=" stardust-krp! CLICK!"><i class="fa fa-user" aria-hidden="true"></i></a>
  944. <a href="" title="general muse with small personality tweaks. semi-literate, semi-selective, open to every kind of pre-established relationships. gif icons are preferred, but not required. this blog serves roleplay purposes only. the mun is in no way associated with the real kim jennie, blackpink nor yg entertainment."><i class="fa fa-tags" aria-hidden="true"></i></a>
  945. <a href="" title="tracking url #kxnie. feel free to send me a message if you feel forgotten/ignored in any way."><i class="fa fa-pencil" aria-hidden="true"></i></a>
  946. <a href="" title="relationship status undisclosed to the public information, under dating ban. rumored to be heterosexual."><i class="fa fa-heart" aria-hidden="true"></i></a>
  947. <a href="" title="this blog is (n)sfw. both mun and muse are 18+."><i class="fa fa-exclamation-triangle" aria-hidden="true"></i></a>
  948. <a href="" title="no ooc drama juseyo. replies may be slow due to mun's personal life."><i class="fa fa-star" aria-hidden="true"></i></a>
  949. </div>
  950.  
  951.  
  952. <div class="desc">
  953. <b><big>KIM JENNIE</big></b> (제니김) MAIN RAPPER & VOCALIST OF BLΛƆKPIИK, YG'S GIRL GROUP SINCE 2016. <b>HUMAN GUCCI. </b>MISTAKEN WITH SALT WHILE BEING THE SWEETEST SUGAR. MAKING 'EM WHISTLE LIKE A MISSILE SINCE 16/01/1996/. in charge of fashion and style. YG's <i>lucky charm & <br>ace card.</i> Milk ice cream and unicorn enthusiast. Charm of <u>opposite personalities.</u>
  954. </div>
  955.  
  956. <div class="likes">milk ice cream, plushies, photography, dogs, kids, her friends, staying in bed, blinks.</div>
  957. <div class="dislikes">pizza, <strike>yg</strike>, thai food, diets, when people wake her up without a reason, being away from her dogs.</div>
  958. <div class="check"><i class="fa fa-check" aria-hidden="true"></i></div>
  959. <div class="trash"><i class="fa fa-trash" aria-hidden="true"></i></div>
  960.  
  961. <div class="lineczki">
  962. <a href="/">home</a>
  963. <a href="/ask">inbox</a>
  964. <a href="/submit">submit</a>
  965. <a href="https://www.instagram.com/jennierubyjane/?hl=pl">IG</a>
  966. </div>
  967.  
  968. <div class="stats">
  969. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5579770";
  970. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  971. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=Online&e2=Online &r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  972. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  973. </script> // <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3314021";
  974. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=blinks&a=1";
  975. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  976. </script>
  977. </div>
  978.  
  979. <div class="friends"><a href="#?w=313" rel="box2" class="poplight"><img src="https://i.imgur.com/QNRXnCr.png"></a>
  980. </div>
  981.  
  982. <div class="him"><a href="#?w=313" rel="box3" class="poplight"><img src="https://i.imgur.com/s6hT95x.png"></a>
  983. </div>
  984.  
  985. </body>
  986. </html>
Advertisement
Add Comment
Please, Sign In to add comment