Advertisement
Guest User

Untitled

a guest
Aug 19th, 2019
81
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.65 KB | None | 0 0
  1. <!--
  2.  
  3. THEME: ALECTRONA
  4. by acuite
  5.  
  6. - don't steal this pls
  7. - enjoy, ilu (ノ◕ヮ◕)ノ*:・゚✧
  8. - 93mtvan's mun says: I SEE YOU, THIEF.
  9.  
  10. - @acuite for more themes
  11.  
  12. -->
  13.  
  14. <html>
  15. <head>
  16.  
  17. <!-- 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><script>
  18. $(document).ready(function() {
  19. $('a.poplight[href^=#]').click(function() {
  20. var popID = $(this).attr('rel');
  21. var popURL = $(this).attr('href');
  22. var query= popURL.split('?');
  23. var dim= query[1].split('&');
  24. var popWidth = dim[0].split('=')[1];
  25. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  26. var popMargTop = ($('#' + popID).height() + 80) / 2;
  27. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  28. $('#' + popID).css({
  29. 'margin-top' : -popMargTop,
  30. 'margin-left' : -popMargLeft
  31. });
  32. $('body').append('<div id="fade"></div>');
  33. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  34. return false;
  35. });
  36. $('a.close, #fade').live('click', function() {
  37. $('#fade, .popup_block').fadeOut(function() {
  38. $('#fade, a.close').remove();
  39. });
  40. return false;
  41. });
  42. });
  43. </script><!-- poppups by noveia / bravetheme -->
  44.  
  45. <title>{Title}</title>
  46. <link rel="shortcut icon" href="{favicon}">
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  48. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  49. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  50. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  51. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  52. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  53. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  54. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  55. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  56. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  57.  
  58.  
  59. <meta name="select:Permalinks" content="reg" title="Regular">
  60. <meta name="select:Permalinks" content="pto" title="Only Tags">
  61. <meta name="select:Permalinks" content="rio" title="Only Reblog Info">
  62. <meta name="select:Permalinks" content="phd" title="Hide">
  63.  
  64. <meta name="if:Load More" content=""/>
  65. <meta name="if:Paginate" content=""/>
  66.  
  67. <meta name="text:Post" content="350"/>
  68. <meta name="text:Sidebar" content="150"/>
  69. <meta name="text:Margin" content="75"/>
  70.  
  71. <meta name="text:descrip" content="<b>kim aspen</b> born on may 14, 1998 in daegu, south korea is a final year student doing charity work as veterinary. madly, deeply in love with pokemon called eevee and hamsters. undoubtedly, he devotes the greatest attention to them"/>
  72.  
  73. <meta name="text:hover1" content="SEMI-LITERATE / LITERATE "/>
  74. <meta name="text:hover2" content="ROLEPLAY BLOG, ORIGINAL CHARACTER"/>
  75. <meta name="text:hover3" content="RELATIONSHIPS ARE WELCOME"/>
  76. <meta name="text:hover4" content="NSFW MAY APPEAR"/>
  77.  
  78. <meta name="text:location" content="Seoul, South Korea."/>
  79.  
  80. <meta name="text:title1" content="I'm around"/>
  81. <meta name="text:title2" content="slow dancing in the dark"/>
  82.  
  83. <meta name="text:quote" content="Who am I? Someone that's afraid to let go."/>
  84.  
  85.  
  86.  
  87.  
  88.  
  89.  
  90. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  91. <link href='http://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  92. <link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,400,400i,700,700i" rel="stylesheet">
  93. <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i" rel="stylesheet">
  94.  
  95.  
  96. <style type="text/css">
  97.  
  98. /** popups by noveia / bravethemes ; please don't delete credits **/
  99. #fade{
  100. display:none;
  101. background:#fff; /* change background */
  102. position:fixed;
  103. left:0;
  104. top:0;
  105. width:100%;
  106. height:100%;
  107. opacity:0.2; /* change how transparent you want the background */
  108. z-index:9999; /* if this happens to go behind the popup, decrease the amount of 9's */
  109. }
  110. .popup_block{ /* the actual popup */
  111. display:none;
  112. background:#fff; /* change background */
  113. padding:10px;
  114. float:left;
  115. line-height:30px;
  116. position:fixed;
  117. top:50%;
  118. left:50%;
  119. border-radius:10px 10px 10px 10px;
  120. z-index:99999; /* if this happens to go behind the fade, increase the amount of 9's */
  121. }
  122. *html #fade{
  123. position:absolute;
  124. }
  125. *html .popup_block{
  126. position:absolute;
  127. }
  128. /** popups by noveia / bravethemes ; please don't delete credits **/
  129.  
  130.  
  131. /* Scroll */
  132.  
  133. ::-webkit-scrollbar {width:11px;height:11px;background:transparent;}
  134. ::-webkit-scrollbar-thumb {background:transparent);}
  135. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  136. border:0px solid #f8f8f8;
  137. }
  138.  
  139. /* Controls */
  140.  
  141. .tc .oi {font-size:20px;color:#afa6a5;}
  142. .tc {position:fixed;top:15px;right:15px;cursor:pointer;}
  143. #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;}
  144.  
  145. #tumblr_controls:hover,.tmblr-iframe:hover{opacity:0.5;}
  146.  
  147. /* General */
  148.  
  149. body {
  150. margin:0;
  151. color:#888888;
  152. background:#f8f8f8;
  153. font-smooth:always;
  154. -webkit-font-smoothing:antialiased;
  155. -moz-osx-font-smoothing: grayscale;
  156. }
  157.  
  158. a:link, a:active, a:visited {text-decoration:none;}
  159. body,p,pre,blockquote,big,small,sub,sup {font-size:11px;}
  160. body,p,pre,em{font-family:'Roboto';font-weight:300;}
  161. .our_button,.like_button,#tumblr_controls,.tmblr-iframe,.tc {
  162. transition:0.5s ease;
  163. -o-transition:0.5s ease;
  164. -moz-transition:0.5s ease;
  165. -webkit-transition:0.5s ease;
  166. }
  167.  
  168. /* Credit & Scroll to Top */
  169.  
  170. .c,.top{position:fixed;right:30px;width:40px;}
  171. .c {bottom:30px;font-weight:400;}
  172. .top {bottom:50px;display:none;}
  173.  
  174. /* Pagination */
  175.  
  176. .cp {font-weight:600;}
  177. .cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;}
  178. .pag a i,.top{font-size:20px;}
  179. .pag {position:relative;}
  180. .load {cursor:pointer;display:block;font-weight:400;}
  181. .c,.top,.pag,.load {text-align:center;}
  182. .c,.pag,.load {font-size:10px;letter-spacing:0.5px;text-transform:uppercase;}
  183. {block:ifnotPaginate}
  184. .pag,#infscr-loading {display:none!important;}
  185. {/block:ifnotPaginate}
  186.  
  187. /* Containers */
  188.  
  189. .center {
  190. position:relative;
  191. margin:{text:Margin}px auto;
  192. width:calc({text:Post}px + 4px);
  193. left:150px;
  194. }
  195.  
  196. .entry img{max-width:100%;height:auto;}
  197. .entry {margin:{text:Margin}px 0;background:#fff;}
  198.  
  199. /* Sidebar */
  200.  
  201. .desc {
  202. color:#888888;
  203. font-size:8px;
  204. position:fixed;
  205. z-index:9;
  206. font-style:bold;
  207. bottom:182px;
  208. left:207px;
  209. width:221px;
  210. height:auto;
  211. padding:15px;
  212. background-color:#fff;
  213. line-height:10px;
  214. text-transform:uppercase;
  215. border-radius:0 0 5px 0;
  216. -webkit-box-shadow: -2px 11px 204px 3px rgba(166,154,155,0.5);
  217. -moz-box-shadow: -2px 11px 204px 3px rgba(166,154,155,0.5);
  218. box-shadow: -2px 11px 204px 3px rgba(166,154,155,0.5);
  219. }
  220.  
  221. .location {
  222. position:fixed;
  223. bottom:182px;
  224. left:462.5px;
  225. background: #fff;
  226. overflow:auto;
  227. width:119px;
  228. height:38px;
  229. text-transform:uppercase;
  230. border-radius:5px 0 0px 5px;
  231. z-index:99;
  232. }
  233.  
  234. .hover1 {
  235. position:fixed;
  236. bottom:288px;
  237. left:463px;
  238. background: #dad6d6;
  239. overflow:auto;
  240. width:119px;
  241. height:20.5px;
  242. z-index:99;
  243. }
  244.  
  245. .hover2 {
  246. position:fixed;
  247. bottom:266.5px;
  248. left:463px;
  249. background: #cbc5c5;
  250. overflow:auto;
  251. width:119px;
  252. height:20px;
  253. z-index:99;
  254. }
  255.  
  256. .hover3 {
  257. position:fixed;
  258. bottom:245px;
  259. left:463px;
  260. background: #bfb7b7;
  261. overflow:auto;
  262. width:119px;
  263. height:20px;
  264. z-index:99;
  265. }
  266.  
  267. .hover4 {
  268. position:fixed;
  269. border-radius:0 0px 0px 5px;
  270. bottom:223px;
  271. left:463px;
  272. background: #afa6a5;
  273. overflow:auto;
  274. width:119px;
  275. height:20px;
  276. z-index:99;
  277. }
  278. .hover1:hover, .hover2:hover, .hover3:hover, .hover4:hover {
  279. border-radius:5px;
  280. box-shadow: inset -181px 0px 0px 0px #fff;
  281. -webkit-transition: all 0.4s ease-out;
  282. }
  283.  
  284. .navi {
  285. position:fixed;
  286. bottom:61px;
  287. left:31px;
  288. z-index:99;
  289. width:auto;
  290. z-index:99999;
  291. }
  292.  
  293. .navi a {
  294. display: inline-block;
  295. background-color: #afa6a5;
  296. font-size: 8px;
  297. text-align:center;
  298. text-transform: uppercase;
  299. color: white;
  300. width:108px;
  301. height:15px;
  302. letter-spacing: 1px;
  303. padding-top:5px;
  304. font-family: 'roboto';
  305. -webkit-transition: all 0.4s ease-out;
  306. z-index:99999;
  307. border-bottom:3px solid white;
  308. -webkit-box-shadow: -2px 11px 204px 3px rgba(166,154,155,0.5);
  309. -moz-box-shadow: -2px 11px 204px 3px rgba(166,154,155,0.5);
  310. box-shadow: -2px 11px 204px 3px rgba(166,154,155,0.5);
  311. }
  312.  
  313. .navi a:hover {
  314. background-color: white;
  315. color:#afa6a5;
  316. border-bottom:3px solid #afa6a5;
  317. letter-spacing:3px;
  318. }
  319.  
  320. #got7 {
  321. position:fixed;
  322. bottom: 87px;
  323. left: 197px;
  324. width:250px;
  325. height:80px;
  326. padding:5px;
  327. text-align:right;
  328. z-index:99;
  329. padding-top:5px;
  330. padding-bottom: 5px;
  331. padding-left: 6px;
  332. background: #fff;
  333. border-radius:0px 5px 5px 0px;
  334. }
  335.  
  336. .quote {
  337. position:fixed;
  338. bottom:87px;
  339. left:463px;
  340. background: #fff;
  341. font-family:'roboto';
  342. overflow:auto;
  343. width:119px;
  344. height:90px;
  345. border-radius: 5px 0px 0px 5px;
  346. z-index:9;
  347. -webkit-box-shadow: -2px 11px 204px 3px rgba(166,154,155,0.5);
  348. -moz-box-shadow: -2px 11px 204px 3px rgba(166,154,155,0.5);
  349. box-shadow: -2px 11px 204px 3px rgba(166,154,155,0.5);
  350. }
  351.  
  352.  
  353. #xx2 {
  354. position:fixed;
  355. background-color:transparent;
  356. z-index:9;
  357. font-size:35px;
  358. left:219px;
  359. text-transform: uppercase;
  360. bottom:320px;
  361. font-family:'austral';
  362. letter-spacing:5px;
  363. text-align: center;
  364. color:white;
  365. }
  366.  
  367. @font-face { font-family: "austral"; src: url('https://dl.dropboxusercontent.com/s/sxogr82s2pntq4d/Austral-Sans_Stamp-Regular.ttf'); format("truetype");}
  368.  
  369.  
  370.  
  371. #xx3 {
  372. position:fixed;
  373. background-color:transparent;
  374. z-index:99;
  375. font-size:22px;
  376. left:228px;
  377. bottom:306px;
  378. font-family:'arial';
  379. text-transform: uppercase;
  380. text-align: left;
  381. letter-spacing:5px;
  382. color:#ffffff;
  383. }
  384.  
  385. @font-face { font-family: "zipper"; src: url('https://dl.dropboxusercontent.com/s/vgwknx208e7fdht/Zipper-Regular.ttf'); format("truetype");}
  386.  
  387.  
  388. /* Titles */
  389.  
  390. h1 {margin:0;font-size:13px;line-height:100%;text-transform:uppercase;}
  391. h2 {margin:20px;font-size:13px;line-height:100%;font-weight:400;}
  392. h3,h4,h5 {margin:10px;font-size:11px;line-height:100%;}
  393.  
  394. /* Permalinks */
  395.  
  396. .p {font-size:0;font-weight:400;margin:20px;}
  397. .ple {font-size:10px;text-transform:uppercase;letter-spacing:0.5px;}
  398. .ple,.pri {display:inline-block;vertical-align:middle;width:50%;}
  399. .pri {text-align:right;opacity:0.75;padding-top:1px;}
  400. .pri .oi {font-size:16px;}
  401. .oi-refresh {margin-left:4px;}
  402.  
  403. .custom-like-button *{cursor:pointer!important;}
  404. .custom-like-button {
  405. position:relative;
  406. display:inline-block;
  407. vertical-align:top;
  408. width:14px;
  409. height:14px;
  410. cursor:pointer;
  411. }
  412.  
  413. .like_button:hover + .our_button {color:#8da0a9;}
  414. .like_button.liked + .our_button {color:#8da0a9;}
  415. .like_button iframe {width:100%!important;height:100%!important;}
  416. .like_button {z-index:10;opacity:0;}
  417. .our_button {z-index:1;}
  418. .our_button,.like_button {
  419. position:absolute;
  420. top:0;
  421. left:0;
  422. width:100%;
  423. height:100%;
  424. }
  425.  
  426. .p_top {margin:20px 20px -17px;color:#afa6a5;}
  427. .pto .from,.rio .tags,.phd {display:none;}
  428. .tags,.from {display:inline;}
  429. .tags a,.from a,.from b{font-size:10px;line-height:100%;}
  430. .from {margin-right:3px;}
  431. .from a {font-weight:400;}
  432. .tags a {margin:0 1px 3px;display:inline-block;}
  433.  
  434. /* Quotes */
  435.  
  436. .qut_hold {margin:25px;}
  437. .src {margin-bottom:5px;}
  438. .qut {font-size:13px;font-weight:300;line-height:130%;font-style:italic;}
  439.  
  440. /* Audio & Chat */
  441.  
  442. .chat {margin:20px;}
  443. .lines,.chat h2 {margin:10px 0;padding:0;}
  444. .play {padding:10px;background:#e4e4e4;height:27px;width:27px;}
  445. .audio {font-size:0;margin:20px;}
  446. .play,.au {display:inline-block;vertical-align:middle;}
  447. .soundcloud_audio_player{padding:15px 0;}
  448. .au span.tn {text-transform:uppercase;letter-spacing:0.75px;}
  449. .au span {display:block;margin:3px 0;font-size:10px;}
  450. .au {width:calc(100% - 62px);margin-left:15px;}
  451. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  452.  
  453. /* Text */
  454.  
  455. ol,ul {padding:0 0 0 20px;}
  456. li {margin:5px;}
  457. p,blockquote,pre,ul,ol{margin:10px 0;}
  458. blockquote p{margin:10px 0;}
  459. blockquote p:first-child{margin:0 0 5px;}
  460. blockquote p:last-child{margin:5px 0 0;}
  461. blockquote p:only-child{margin:0;}
  462. blockquote blockquote {margin:0;}
  463. blockquote{padding-left:15px;border-left:2px solid #f5f5f5; margin-left:10px;}
  464. pre {
  465. white-space:pre-wrap;
  466. white-space:-moz-pre-wrap;
  467. white-space:-pre-wrap;
  468. white-space:-o-pre-wrap;
  469. word-wrap:break-word;
  470. }
  471.  
  472. /* Captions */
  473.  
  474. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  475. {block:ifBorders}
  476. .tumblr_parent {margin:0;padding:20px;border:0;border-bottom:1px dotted #eee;}
  477. {/block:ifBorders}
  478. {block:ifnotBorders}
  479. .tumblr_parent {margin:20px;padding:0;border:0;}
  480. {/block:ifnotBorders}
  481. .tumblr_parent blockquote {margin:5px 0;}
  482. .txt.nospace .tumblr_parent:first-of-type {padding-top:0;}
  483. a.tumblr_blog,.aski {
  484. font-size:10px;
  485. font-weight:400;
  486. letter-spacing:0.5px;
  487. text-transform:uppercase;
  488. }
  489.  
  490. .user-pic {
  491. display:inline-block;
  492. vertical-align:middle;
  493. border-radius:50%;
  494. margin-right:7px;
  495. width:14px;
  496. }
  497.  
  498. /* Video */
  499.  
  500. .video {overflow:hidden;}
  501. .vine-embed,#youtube_iframe {display:block;}
  502. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  503.  
  504. /* Photosets */
  505.  
  506. #tumblr_lightbox,.tmblr-lightbox {
  507. background:rgba({RGBcolor:Background},0.99)!important;
  508. }
  509.  
  510. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  511. opacity:0!important;
  512. }
  513.  
  514. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  515. #tumblr_lightbox_right_image, .lightbox-image {
  516. box-shadow:none!important;
  517. border-radius:0px!important;
  518. }
  519.  
  520. /* Ask */
  521.  
  522. #ask_form {width:calc(100% - 40px);margin:20px;}
  523. .ask {margin:20px; background:#f5f5f5; padding:10px; border-radius:5px;}
  524. .aski {margin:0 0 7px;line-height:20px;}
  525. .aski img {float:left;width:20px;margin-right:7px;border-radius:50%;}
  526. .ans {margin:20px;}
  527.  
  528. /* Permalink Page + Postnotes */
  529.  
  530. .pph {text-transform:lowercase;}
  531. .perma {margin:20px;line-height:175%;}
  532. .pmt a:after {content:',';}
  533. .pmt a:last-of-type:after {content:'.';}
  534. .pn ol {margin:0;padding:0;list-style-type:none;}
  535. .pn li{margin:10px 0;font-size:8.5px;line-height:100%;}
  536. .pn,.pn img{display:none;}
  537. .pn {margin:20px;font-size:0;}
  538. .pnh,.more_notes_link,.notes_loading {display:block;font-weight:600;}
  539. .more_notes_link,.notes_loading {text-align:left!important;}
  540.  
  541. /* Tooltips */
  542.  
  543. #s-m-t-tooltip{
  544. max-width:200px;
  545. margin:15px;
  546. z-index:99999999;
  547. padding:6px;
  548. font-size:9px;
  549. line-height:100%;
  550. border-left:4px solid #9d9594;
  551. background:#fff;
  552. }
  553.  
  554. /* Common Styles */
  555.  
  556. .ask,p,blockquote,.lines,.desc{line-height:150%;}
  557. .cap a:not(.tumblr_blog) {border-bottom:1px solid #afa6a5;color:{color:Text};}
  558. a:hover, a h2:hover,.cap a:hover{color:#8da0a9;}
  559. a,.p,.perma,.src,.lines b,.tn,h2,.ask{color:#afa6a5;}
  560. b, strong, bold { font-weight:bold;font-size:115%; color:#9d9594; text-shadow: 1px 1px 1px #9d9594; }
  561.  
  562.  
  563. .entry {overflow:hidden;border:1px solid #eee;}
  564. .play,#s-m-t-tooltip,.entry,aside{border-radius:6px;}
  565.  
  566. /* Etc */
  567.  
  568. img {margin:0;display:block;}
  569.  
  570. </style>
  571. </head>
  572.  
  573. <img src='https://66.media.tumblr.com/e992f4222126e5beef29bc59a1207113/tumblr_phs1vvF8XX1xutn2ho1_1280.png' width=250 style='position:fixed;bottom:85.5px;left:30px;z-index:999'/>
  574.  
  575. <div id="got7"><a href="#?w=300" rel="01" class="poplight"><img src="https://66.media.tumblr.com/38f140edacb7d74f0eee19edd95feec6/tumblr_phs2zxIkVt1xutn2ho1_500.gif" width=245px /></div></a>
  576.  
  577.  
  578. <div class="desc">
  579. <div style="overflow:auto; width: 190px; height: 97px; background-color:transparent; text-align:right;padding-left:30px; padding-right:6px">
  580. {text:descrip}</div></div>
  581.  
  582.  
  583. <div class="location">
  584. <div style="padding-top:5px;padding-left:10px"><a title="CURRENT LOCATION."><i class="fa fa-map-pin" style="font-size:15px;transform:rotate(-10deg)"></i></a></div><div style="text-align:center;font-size:8px;background:#afa6a5;border-radius:10px;margin-right:10px;margin-left:10px;padding-top:2px;padding-bottom:2px;color:white">{text:location}
  585. </div>
  586. </div>
  587.  
  588. <a title="{text:hover1}"><div class="hover1"></div></a>
  589. <a title="{text:hover2}"><div class="hover2"></div></a>
  590. <a title="{text:hover3}"><div class="hover3"></div></a>
  591. <a title="{text:hover4}"><div class="hover4"></div></a>
  592.  
  593. <div class="navi">
  594. <a href="/"><i class="fa fa-home"></i> refresh</a>
  595. <a href="/ask"><i class="fa fa-question"></i> inquire</a>
  596. <a href="/submit"><i class="fa fa-gift"></i> submit</a>
  597. <a href="#?w=400" rel="02" class="poplight"><i class="fa fa-user"></i> profile</a>
  598. <a href="https://rp-eclipse.tumblr.com/"><i class="fa fa-tags"></i> directory</a>
  599. </div>
  600.  
  601.  
  602. <div class="quote"><div style="padding-top:10px;padding-left:10px"><i class="fa fa-quote-left" style="font-size:25px;color:#afa6a5"></i><div style="text-align:center;padding-right:10px;font-size:9.5px"> {text:quote} </div></div></div>
  603.  
  604.  
  605. <div id="xx2">{text:title1}</div>
  606. <div id="xx3">{text:title2}</div>
  607.  
  608.  
  609.  
  610.  
  611.  
  612.  
  613.  
  614. <div class="tc"><i class="oi oi-menu"></i></div>
  615. <div class="center">
  616.  
  617.  
  618.  
  619. <div id="content">
  620. {block:Posts}
  621. <div class="entry" id="{PostID}">
  622.  
  623. {block:Text}
  624. {block:Title}<h2>{Title}</h2>{/block:Title}
  625. <div class="txt cap {block:Title}nospace{/block:Title}">{Body}</div>
  626. {/block:Text}
  627.  
  628. {block:Link}
  629. <h2><a title="{URL}" href="{URL}">{Name}</a></h2>
  630. <div class="txt cap nospace">
  631. {block:Description}{Description}{/block:Description}
  632. </div>
  633. {/block:Link}
  634.  
  635. {block:Photo}
  636. <div class="bx"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="photo"/></a></div>
  637. {/block:Photo}
  638.  
  639. {block:Photoset}
  640. <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>
  641. {/block:Photoset}
  642.  
  643. {block:Quote}
  644. <div class="qut_hold">
  645. {block:Source}<div class="src">{Source}</div>{/block:Source}
  646. <div class="qut">{Quote}</div>
  647. </div>
  648. {/block:Quote}
  649.  
  650. {block:Chat}
  651. <div class="chat">
  652. {block:Title}<h2>{Title}</h2>{/block:Title}
  653. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  654. </div>
  655. {/block:Chat}
  656.  
  657. {block:Audio}
  658. <div class="audio">
  659. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  660. <div class="au">
  661. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  662. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  663. </div>
  664. </div>
  665. {/block:Audio}
  666.  
  667. {block:Video}
  668. <div class="video">{Video-500}</div>
  669. {/block:Video}
  670.  
  671. {block:Answer}
  672. <div class="ask">
  673. <div class="aski"><img src="{AskerPortraitURL-24}"><u><b>{Asker}</b></u> is typing...</div>
  674. <div class="que"><blockquote>❝ {Question} ❞ </blockquote></div>
  675. </div>
  676. <div class="txt ans">{Answer}</div>
  677. {/block:Answer}
  678.  
  679. {block:ifCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifCaptions}
  680.  
  681. {block:IndexPage}
  682.  
  683. <div class="p_top {select:Permalinks}">
  684. {block:RebloggedFrom}<div class="from"><a href="{ReblogParentURL}">{ReblogParentName}</a> <b>&middot;</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  685. {block:HasTags}<div class="tags">
  686. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  687. </div>{/block:HasTags}
  688.  
  689. </div>
  690.  
  691. <div class="p">
  692. <a class="ple" href="{Permalink}">{NoteCountWithLabel}</a>
  693.  
  694. <div class="pri">
  695. <div class="custom-like-button">{LikeButton}
  696. <span class="our_button"><i class="oi oi-heart"></i></span>
  697. </div>
  698. <a href="{ReblogURL}"><i class="oi oi-refresh"></i></a>
  699. </div>
  700.  
  701. </div>
  702. {/block:IndexPage}
  703.  
  704.  
  705.  
  706. {block:PermalinkPage}
  707. {block:Date}
  708. <div class="pph">
  709. <div class="perma">
  710. posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
  711. {block:RebloggedFrom}<br>
  712. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp;
  713. source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  714. {/block:RebloggedFrom}
  715.  
  716. {block:HasTags}<div class="pmt">tags: &nbsp;
  717. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  718. </div>{/block:HasTags}
  719. <a href="#" class="pnh">{NoteCountWithLabel}</a>
  720. </div>
  721.  
  722. {block:PostNotes}
  723. <div class="pn">{PostNotes}</div>
  724. {/block:PostNotes}
  725.  
  726. </div>
  727. {/block:Date}
  728. {/block:PermalinkPage}
  729.  
  730. {block:ContentSource}
  731. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  732. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  733. {/block:SourceLogo}
  734. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  735. {/block:ContentSource}
  736.  
  737. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  738.  
  739. </div>
  740. {/block:Posts}
  741.  
  742. {block:ifPaginate}
  743. {block:Pagination}
  744. <div class="pag">
  745. {block:PreviousPage}
  746. <a href="{PreviousPage}"><i class="oi oi-chevron-left"></i></a>
  747. {/block:PreviousPage}
  748.  
  749. {block:JumpPagination length="3"}
  750. {block:CurrentPage}
  751. <span class="cp">{PageNumber}</span>
  752. {/block:CurrentPage}
  753. {block:JumpPage}
  754. <a class="jp" href="{URL}">{PageNumber}</a>
  755. {/block:JumpPage}
  756. {/block:JumpPagination}
  757.  
  758. {block:NextPage}
  759. <a href="{NextPage}"><i class="oi oi-chevron-right"></i></a>
  760. {/block:NextPage}
  761. </div>
  762. {/block:Pagination}
  763. {/block:ifPaginate}
  764.  
  765. </div>
  766.  
  767. {block:ifnotPaginate}
  768. {block:Pagination}
  769. <div class="pag">
  770. {block:PreviousPage}
  771. <a href="{PreviousPage}" class="prev">back</a>
  772. {/block:PreviousPage}
  773. {block:NextPage}
  774. <a href="{NextPage}" class="next">next</a>
  775. {/block:NextPage}
  776. </div>
  777.  
  778. {block:ifLoadMore}
  779. <a class="load">Load More</a>
  780. {/block:ifLoadMore}
  781. {/block:Pagination}
  782. {/block:ifnotPaginate}
  783.  
  784. </div>
  785.  
  786. <a href="#" class="top"><i class="oi oi-chevron-up"></i></a>
  787. <div class="c"><a title="theme by acuite. heavily tweaked by 93mtvan's mun for personal use only. do not copy." href="http://acuite.tumblr.com">acuite</a></div>
  788.  
  789. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  790. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  791. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  792. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  793. <script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  794. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  795. <script>
  796. // pxu photosets
  797. $(document).ready(function(){
  798. $('.photo-slideshow').pxuPhotoset({
  799. lightbox: true,
  800. rounded: false,
  801. gutter: '1px',
  802. photoset: '.photo-slideshow',
  803. photoWrap: '.photo-data',
  804. photo: '.pxu-photo'
  805. });
  806.  
  807.  
  808. // minimal soundcloud player © eoxk.tumblr
  809. $(document).ready(function(){
  810. var color = '#afa6a5'; // color of play button (hex)
  811. $('.soundcloud_audio_player').each(function(){
  812. $(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%' });
  813. });
  814. });
  815.  
  816.  
  817. // drop links & post notes
  818. $(document).ready(function(){
  819. $(".pn").hide();
  820. $(".pnh").show();$('.pnh').toggle(function(){
  821. $(".pn").slideDown(function(){});
  822. },function(){
  823. $(".pn").slideUp(function(){});
  824. });
  825. $(".lb").hide();
  826. $(".lh").show();$('.lh').toggle(function(){
  827. $(".lb").slideDown(function(){});
  828. },function(){
  829. $(".lb").slideUp(function(){});
  830. });
  831. });
  832.  
  833.  
  834. // scroll to top © html-tuts.com
  835. var amountScrolled = 500;
  836. $(window).scroll(function() {
  837. if ($(window).scrollTop() > amountScrolled) {
  838. $('a.top').fadeIn('slow');
  839. } else {
  840. $('a.top').fadeOut('slow');
  841. }
  842. });
  843. $('a.top').click(function() {
  844. $('body, html').animate({
  845. scrollTop: 0
  846. }, 'slow');
  847. return false;
  848. });
  849.  
  850.  
  851. // tooltips
  852. (function($){
  853. $(document).ready(function(){
  854. $("[title]").style_my_tooltips({
  855. tip_delay_time:200,
  856. tip_fade_speed:300
  857. }
  858. );
  859. });
  860. })(jQuery);
  861.  
  862.  
  863. /*
  864.  
  865. UN-NEST TUMBLR CAPTIONS PLUGIN
  866. 2016 @magnusthemes & @neothm
  867. source: http://neothm.com/post/148902138319
  868.  
  869. */
  870. $('.entry').unnest({
  871. yourCaption: ".cap",
  872. newCaptionUsername: false,
  873. originalPostCaptionUsername: false,
  874. tumblrAvatars: true,
  875. tumblrAvatarClass: ".user-pic",
  876. usernameColon: false
  877. });
  878.  
  879.  
  880. // infinite scroll
  881. {block:ifnotPaginate}
  882. var $container = $('#content');
  883. $container.infinitescroll({
  884. itemSelector: '.entry',
  885. navSelector: '.pag',
  886. nextSelector: '.next',
  887. loadingImg: ' ',
  888. loadingText: ' ',
  889. donetext: 'No more posts' ,
  890. bufferPx: 2000,
  891. {block:ifLoadMore}
  892. errorCallback: function(){
  893. jQuery('.load').delay(50).fadeOut();
  894. }
  895. {/block:ifLoadMore}
  896. },
  897. function( newElements ) {
  898. var $newElems = $( newElements );
  899. var $newElemsIDs = $newElems.map(function(){
  900. return this.id;
  901. }).get();
  902. console.log($newElems, $newElemsIDs);
  903. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  904. $newElems.find('.photo-slideshow').pxuPhotoset({
  905. lightbox: true,
  906. rounded: false,
  907. gutter: '1px',
  908. photoset: '.photo-slideshow',
  909. photoWrap: '.photo-data',
  910. photo: '.pxu-photo'
  911. });
  912. resizeVideos();
  913. $newElems.unnest({
  914. yourCaption: ".cap",
  915. newCaptionUsername: true,
  916. originalPostCaptionUsername: true,
  917. tumblrAvatars: true,
  918. tumblrAvatarClass: ".user-pic",
  919. usernameColon: false
  920. });
  921. });
  922. {block:ifLoadMore}
  923. $(window).unbind(".infscr");
  924. $(".load").click(function(){
  925. $("#content").infinitescroll("retrieve");
  926. });
  927. {/block:ifLoadMore}
  928. {/block:ifnotPaginate}
  929. });
  930.  
  931. </script>
  932.  
  933. <div id="01" class="popup_block">
  934. <center>popup goes here.
  935. </center>
  936. </div></div><!-- layout by noveia / bravethemes --><!-- layout by noveia / bravethemes -->
  937.  
  938. <div id="02" class="popup_block">
  939. <div style="overflow:auto; width: 380px; height: 300px; background-color:transparent; text-align:left;padding:10px">
  940. <center><b>imie i nazwisko:</b> kim aspen<br><b>data urodzenia:</b> 1998/05/14<br><b>miejsce zamieszkania:</b> seoul, korea południowa<br><b>miejsce urodzenia:</b> daegu, korea południowa<br><b>wzrost & waga:</b> 172 & 58<br><b>znak zodiaku:</b> byk<br><b>.............................................................................................</b><br><i><b>cechy charakteru<br>.............................................................................................</i></b><br><b>pozytywne</b><br>pomocny, miły, szczery, energiczny, z poczuciem humoru<br><b>negatywne</b><br>uparty, nerwowy, lekkomyślny, leniwy, impulsywny<br><b>.............................................................................................<br>historia</b><br><b>.............................................................................................<br></b>urodzony w deszczowy dzień maja przyszedł na świat dając o sobie znać w całym szpitalu, nie było miejsca gdzie ktokolwiek nie słyszałby płaczu malucha. był pierwszym i ostatnim dzieckiem państwa kim.<br>
  941. do <b>czwartego</b> roku życia wychowywał się w pełnej rodzinie, posiadającej wsparcie wszystkich od strony ojca jak i matki, jednak szybko skończyła się sielanka. po zdradzie głowy rodziny mały aspen został spakowany przez rodzicielkę i zabrany do dziadków gdzie żyli w normalnych warunkach. Między <b>piątym</b> a <b>szóstym</b> rokiem życia chłopaka rak odebrał mu ukochanego dziadka, co przeżywa często do teraz.<br>
  942. matka popadła w depresję i nerwicę, a dzieciak całkowicie stracił z nią dobre kontakty. te jednak wróciły gdy aspen kończył już <b>piętnaście</b> lat. za sprawą ojczyma oboje zaczęli chodzić na terapię do psychologa, szczególnie ze względów na problemy wychowawcze jakie sprawiał w tamtym okresie chłopak.<br>
  943. <b>teraz</b> już dorosły i samodzielny zamieszkuje seoul, gdzie pokłada duże nadzieje na lepszą resztę życia. pracując jako weterynarz i ucząc się jeszcze ostatni rok próbuje dawać sobie radę ze wszystkim, co wcale nie wychodzi mu źle.</center>
  944. </div></div>
  945.  
  946.  
  947. </body>
  948. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement