Guest User

jisung oc

a guest
Aug 24th, 2019
276
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!---
  5.  
  6. Theme #42 by Heidi @ladmilk
  7.  
  8. Credit:
  9. Imageloaded: (imagesloaded.desandro.com)
  10. Infinitescroll: Paulirish (https://github.com/infinite-scroll/infinite-scroll)
  11. Tool-tips: Malihu (manos.malihu.gr/style-my-tooltips-jquery-plugin/)
  12. Photoset: PixelUnion (https://github.com/PixelUnion/Extended-Tumblr-Photoset)
  13. Video Resizing: Shy Themes (https://shythemes.tumblr.com/post/134536748863/tutorial-resizing-videos)
  14.  
  15.  
  16. ---->
  17.  
  18.  
  19. <script type="text/javascript" src="https://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  20. <script type="text/javascript"
  21. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22. <script>
  23. $(document).ready(function() {
  24. //
  25. $('a.poplight[href^=#]').click(function() {
  26. var popID = $(this).attr('rel'); //Get Popup Name
  27. var popURL = $(this).attr('href'); //Get Popup href to define size
  28. var query= popURL.split('?');
  29. var dim= query[1].split('&');
  30. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  31. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  32. var popMargTop = ($('#' + popID).height() + 80) / 2;
  33. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  34. //Apply Margin to Popup
  35. $('#' + popID).css({
  36. 'margin-top' : -popMargTop,
  37. 'margin-left' : -popMargLeft
  38. });
  39. $('body').append('<div id="fade"></div>');
  40. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  41. return false;
  42. });
  43. $('a.close, #fade').live('click', function() {
  44. $('#fade , .popup_block').fadeOut(function() {
  45. $('#fade, a.close').remove(); //fade them both out
  46. });
  47. return false;
  48. });
  49. });
  50. </script>
  51.  
  52. <head>
  53. <link href="https://fonts.googleapis.com/css?family=Encode+Sans+Condensed" rel="stylesheet">
  54. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  55.  
  56. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  57.  
  58. <title>{Title}</title>
  59. {block:Description}
  60. <meta name="description" content="{MetaDescription}" />
  61. {/block:Description}
  62. <link rel="shortcut icon" href="{image:9x9}" />
  63. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  64.  
  65.  
  66. <meta name="color:Background" content="#ffffff" />
  67. <meta name="color:Posts" content="#ffffff" />
  68. <meta name="color:Post Title" content="#aaaaaa" />
  69. <meta name="color:Text" content="#888888" />
  70. <meta name="color:Links" content="#bdd1d8" />
  71. <meta name="color:Links Hover" content="#222222" />
  72. <meta name="color:Bold" content="#555555" />
  73. <meta name="color:Italic" content="#cccccc"/>
  74. <meta name="color:Borders" content="#eeeeee" />
  75. <meta name="color:Blockquote" content="#dddddd" />
  76. <meta name="color:Perma" content="#cccccc" />
  77.  
  78. <meta name="color:Quote Background" content="#fdf9f8" />
  79. <meta name="color:Quote" content="#aaaaaa" />
  80.  
  81. <meta name="color:Sidebar" content="#cccccc" />
  82. <meta name="color:Nav" content="#cccccc" />
  83.  
  84. <meta name="color:Scroll" content="#ffffff" />
  85. <meta name="color:Scrollbar" content="#bbbbbb" />
  86.  
  87. <meta name="image:Background" content="" />
  88. <meta name="image:9x9" content="/" />
  89. <meta name="image:saku" content="/" />
  90. <meta name="image:izone" content="/" />
  91. <meta name="image:friends" content="/" />
  92. <meta name="image:kiddos" content="/" />
  93.  
  94.  
  95. <meta name="if:Infinitescroll" content="0" />
  96. <meta name="if:Manual Load" content="0" />
  97.  
  98.  
  99. <meta name="select:Tumblr Controls" content="t_w" title="White" />
  100. <meta name="select:Tumblr Controls" content="t_g" title="Grey" />
  101. <meta name="select:Tumblr Controls" content="t_b" title="Black" />
  102.  
  103. <meta name="select:Captions" content="c_normal" title="Normal" />
  104. <meta name="select:Captions" content="c_hover" title="Hover" />
  105. <meta name="select:Captions" content="c_none" title="None" />
  106.  
  107. <meta name="select:Post Size" content="250" title="250px" />
  108. <meta name="select:Post Size" content="300" title="300px" />
  109. <meta name="select:Post Size" content="350" title="350px" />
  110. <meta name="select:Post Size" content="400" title="400px" />
  111. <meta name="select:Post Size" content="450" title="450px" />
  112. <meta name="select:Post Size" content="500" title="500px" />
  113.  
  114. <meta name="select:Post Size Permalinkpage" content="250" title="250px" />
  115. <meta name="select:Post Size Permalinkpage" content="300" title="300px" />
  116. <meta name="select:Post Size Permalinkpage" content="350" title="350px" />
  117. <meta name="select:Post Size Permalinkpage" content="400" title="400px" />
  118. <meta name="select:Post Size Permalinkpage" content="450" title="450px" />
  119. <meta name="select:Post Size Permalinkpage" content="500" title="500px" />
  120.  
  121. <meta name="select:Margin" content="30" title="30px" />
  122. <meta name="select:Margin" content="40" title="40px" />
  123. <meta name="select:Margin" content="50" title="50px" />
  124. <meta name="select:Margin" content="60" title="60px" />
  125. <meta name="select:Margin" content="70" title="70px" />
  126.  
  127.  
  128. <meta name="text:Title1" content="" />
  129.  
  130.  
  131. <link href="https://static.tumblr.com/3yblkz0/EkLnyuqmx/pxu_ps.css" rel="stylesheet" type="text/css"/>
  132.  
  133.  
  134. <!----------- Font ---------------->
  135.  
  136.  
  137. <meta name="select:Body Font" content="Open Sans" title="Open Sans" />
  138. <meta name="select:Body Font" content="Source Sans Pro" title="Source Sans Pro" />
  139. <meta name="select:Body Font" content="Lato" title="Lato" />
  140. <meta name="select:Body Font" content="Roboto" title="Roboto" />
  141. <meta name="select:Body Font" content="Karla" title="Karla" />
  142. <meta name="select:Body Font" content="calibri" title="Calibri" />
  143. <meta name="select:Body Font" content="helvetica" title="helvetica" />
  144. <meta name="select:Body Font" content="trebuchet ms" title="Trebuchet ms" />
  145. <meta name="select:Body Font" content="Lora" title="Lora" />
  146. <meta name="select:Body Font" content="Droid Serif" title="Droid Serif" />
  147. <meta name="select:Body Font" content="cambria" title="Cambria" />
  148. <meta name="select:Body Font" content="georgia" title="Georgia" />
  149. <meta name="select:Body Font" content="times new roman" title="Times New Roman" />
  150. <meta name="select:Body Font" content="courier" title="Courier" />
  151. <meta name="select:Body Font" content="consolas" title="Consolas" />
  152. <meta name="select:Body Font" content="lucida console" title="Lucida Console" />
  153.  
  154. <meta name="select:Body Font Size" content="9" title="9px" />
  155. <meta name="select:Body Font Size" content="10" title="10px" />
  156. <meta name="select:Body Font Size" content="11" title="11px" />
  157.  
  158. <meta name="select:Title Font" content="Open Sans" title="Open Sans" />
  159. <meta name="select:Title Font" content="Source Sans Pro" title="Source Sans Pro" />
  160. <meta name="select:Title Font" content="Lato" title="Lato" />
  161. <meta name="select:Title Font" content="Roboto" title="Roboto" />
  162. <meta name="select:Title Font" content="Karla" title="Karla" />
  163. <meta name="select:Title Font" content="calibri" title="Calibri" />
  164. <meta name="select:Title Font" content="helvetica" title="helvetica" />
  165. <meta name="select:Title Font" content="trebuchet ms" title="Trebuchet ms" />
  166. <meta name="select:Title Font" content="Lora" title="Lora" />
  167. <meta name="select:Title Font" content="Droid Serif" title="Droid Serif" />
  168. <meta name="select:Title Font" content="cambria" title="Cambria" />
  169. <meta name="select:Title Font" content="georgia" title="Georgia" />
  170. <meta name="select:Title Font" content="times new roman" title="Times New Roman" />
  171. <meta name="select:Title Font" content="courier" title="Courier" />
  172. <meta name="select:Title Font" content="consolas" title="Consolas" />
  173. <meta name="select:Title Font" content="lucida console" title="Lucida Console" />
  174.  
  175. <meta name="select:Accent Font" content="Open Sans" title="Open Sans" />
  176. <meta name="select:Accent Font" content="Source Sans Pro" title="Source Sans Pro" />
  177. <meta name="select:Accent Font" content="Lato" title="Lato" />
  178. <meta name="select:Accent Font" content="Roboto" title="Roboto" />
  179. <meta name="select:Accent Font" content="Karla" title="Karla" />
  180. <meta name="select:Accent Font" content="calibri" title="Calibri" />
  181. <meta name="select:Accent Font" content="helvetica" title="helvetica" />
  182. <meta name="select:Accent Font" content="trebuchet ms" title="Trebuchet ms" />
  183. <meta name="select:Accent Font" content="Lora" title="Lora" />
  184. <meta name="select:Accent Font" content="Droid Serif" title="Droid Serif" />
  185. <meta name="select:Accent Font" content="cambria" title="Cambria" />
  186. <meta name="select:Accent Font" content="georgia" title="Georgia" />
  187. <meta name="select:Accent Font" content="times new roman" title="Times New Roman" />
  188. <meta name="select:Accent Font" content="courier" title="Courier" />
  189. <meta name="select:Accent Font" content="consolas" title="Consolas" />
  190. <meta name="select:Accent Font" content="lucida console" title="Lucida Console" />
  191.  
  192. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto:400,700|Lato:400,700|Lora:400,700|Droid+Serif:400,700|Karla:400,700|Source+Sans+Pro:400,700' rel='stylesheet' type='text/css' />
  193.  
  194.  
  195.  
  196. <style type="text/css">
  197.  
  198.  
  199.  
  200. /* Tumblr Controls */
  201.  
  202.  
  203. .t_b .tmblr-iframe--desktop-logged-in-controls, .tmblr-iframe, .t_b #tumblr_controls, #tumblr_controls {
  204. top:0%!important;
  205. right:0%!important;
  206. position:fixed!important;
  207. z-index:999999999!important;
  208. }
  209.  
  210. .t_w .tmblr-iframe--desktop-logged-in-controls, .t_w #tumblr_controls {
  211. -webkit-filter:invert(100%);
  212. -moz-filter:invert(100%);
  213. -o-filter:invert(100%);
  214. -ms-filter:invert(100%);
  215. filter:invert(100%);
  216. opacity:0.3;
  217. }
  218.  
  219. .t_g .tmblr-iframe--desktop-logged-in-controls, .t_g #tumblr_controls {
  220. -webkit-filter:invert(70%);
  221. -moz-filter:invert(70%);
  222. -o-filter:invert(70%);
  223. -ms-filter:invert(70%);
  224. filter:invert(70%);
  225. opacity:0.4;
  226. }
  227.  
  228.  
  229.  
  230. /* Scrollbar */
  231.  
  232.  
  233. ::-webkit-scrollbar { width:15px; height:15px; }
  234.  
  235. ::-webkit-scrollbar-track-piece {
  236. background-color:{color:Scroll};
  237. border:7px solid {color:Background};
  238. }
  239. ::-webkit-scrollbar-thumb {
  240. background-color:{color:Scrollbar};
  241. border:7px solid {color:Background};
  242. }
  243.  
  244.  
  245.  
  246. /* Body - General */
  247.  
  248.  
  249. html, body { margin:0; padding:0; border:0; }
  250.  
  251. body {
  252. background-image:url('{image:Background}');
  253. background-attachment:fixed;
  254. background-repeat:repeat;
  255. background-color: #e0e0e0;
  256. color:{color:Text};
  257. font-family:'source sans pro', sans-serif;
  258. font-size:10px;
  259. line-height:1.7em;
  260. padding:2px;
  261. word-wrap:break-word;
  262. }
  263.  
  264. a { color:{color:Links}; text-decoration:none; }
  265.  
  266. a:hover, #source a:hover, .perma a:hover, nav a:hover { color:{color:Links Hover}; }
  267.  
  268. b, strong { color:{color:Bold}; font-weight:bold; text-transform:uppercase; text-shadow: 1px 3px 10px #dad9d7; }
  269.  
  270. i, em { color:{color:Italic}; font-style:italic; text-shadow: 1px 3px 10px #dad9d7; }
  271.  
  272.  
  273.  
  274. h1, h2, h3, h4, h5 {
  275. font-family:'source sans pro', sans-serif;
  276. margin:5px 0;
  277. font-size:13px;
  278. font-weight:normal;
  279. line-height:120%;
  280. color: {color:links};
  281. }
  282.  
  283. .pp > h2 {
  284. font-family:'helvetica';
  285. text-align:center;
  286. display:block;
  287. margin-bottom:10px;
  288. padding-bottom:5px;
  289. border-bottom:1px solid {color:links};
  290. font-size:15px;
  291. color: {color:links};
  292. line-height:120%;
  293. }
  294.  
  295. .pp > h2 a { display:block; }
  296.  
  297. .pp > h2:only-child { margin:0; padding:0; border:0; }
  298. @font-face { font-family: "poppins"; src: url('https://static.tumblr.com/flstvwr/itbphiwhy/optimusprinceps.ttf'); ;}
  299.  
  300. #source, #question p:first-of-type, #chat_label, #audio_info, .perma, .tags, aside, .pagination, footer {
  301. font-family:'source sans pro', sans-serif;
  302. font-size:8px;
  303. letter-spacing:1.9px;
  304. text-transform:uppercase;
  305. }
  306.  
  307. small, sub, sup { font-size:100%; }
  308.  
  309. big { font-size:110%; }
  310.  
  311. sub, sup, small, big { vertical-align:baseline; }
  312.  
  313. p { margin:5px 0; padding:0; }
  314.  
  315. p:first-of-type { margin-top:0; }
  316.  
  317. p:last-of-type { margin-bottom:0; }
  318.  
  319. pre {
  320. margin:5px 0;
  321. padding:2px 4px;
  322. background:#f4f4f4;
  323. white-space:pre-wrap;
  324. word-wrap:break-word;
  325. }
  326.  
  327. blockquote {
  328. margin:5px 0;
  329. padding:2px 0 2px 10px;
  330. border-left:1px solid {color:Blockquote};
  331. }
  332.  
  333. .cap, .c_normal { margin:10px 0 0 0; }
  334.  
  335. .c_hover {
  336. width:calc({select:Post Size}px - 10px);
  337. max-height:calc(100% - 45px);
  338. left:15px;
  339. bottom:0px;
  340. position:absolute;
  341. overflow:auto;
  342. opacity:0;
  343. box-sizing:border-box;
  344. border:5px solid {color:Posts};
  345. background:{color:Posts};
  346. transition-duration: 0.6s;
  347. -moz-transition-duration: 0.6s;
  348. -webkit-transition-duration: 0.6s;
  349. -o-transition-duration: 0.6s;
  350. z-index:999;
  351. }
  352.  
  353. .posts:hover .c_hover { bottom:30px; opacity:1; }
  354.  
  355. .c_none { display:none; }
  356.  
  357. ol { margin:5px 0px 5px 15px; padding:1px 0; }
  358.  
  359. ul, ol.notes { margin:5px 0; padding:0; list-style-type:none; }
  360.  
  361. ul li, ol.notes li { padding:1px 0 1px 20px; position:relative; }
  362.  
  363. ul li:before, ol.notes li:before {
  364. content:"—";
  365. left:0;
  366. position:absolute;
  367. display:block;
  368. color:{color:Blockquote};
  369. font-family:sans-serif;
  370. }
  371.  
  372. hr {
  373. width:50%;
  374. margin:15px auto;
  375. border:0;
  376. border-top:1px solid {color:Borders};
  377. }
  378.  
  379. /*UWU*/
  380.  
  381.  
  382. .desc {
  383. position:fixed;
  384. text-transform:uppercase;
  385. font-family:'helvetica';
  386. text-align: left;
  387. font-size:8.5px;
  388. left:192px;
  389. bottom:50px;
  390. line-height:17px;
  391. color:#c0c0bd;
  392. width:245px;
  393. height:190px;
  394. padding:10px;
  395. z-index: 99;
  396. border-radius: 0px 0px 10px 0px;
  397. background: #fff;
  398. }
  399.  
  400. .navi {
  401. position:fixed;
  402. font-family:'helvetica';
  403. text-align: center;
  404. vertical-align:middle;
  405. border-radius:10px 10px 0px 0px;
  406. font-size:7px;
  407. left:147px;
  408. bottom:260px;
  409. line-height:14px;
  410. color:#000000;
  411. text-transform:uppercase;
  412. width:310px;
  413. height:12px;
  414. z-index: 99;
  415. background: #fff;
  416. }
  417.  
  418. .hovers {
  419. position:fixed;
  420. font-family:'arial';
  421. text-align: center;
  422. vertical-align:middle;
  423. font-size:14px;
  424. letter-spacing:1px;
  425. left:240px;
  426. bottom:140px;
  427. line-height:4px;
  428. border-radius:0px 0px 0px 0px;
  429. color: {color:links};
  430. text-transform:uppercase;
  431. width:170px;
  432. height:20px;
  433. z-index: 99999;
  434.  
  435. }
  436.  
  437. .costamsix {
  438. position:fixed;
  439. font-family:'helvetica';
  440. text-align: justify;
  441. -moz-text-align-last: center;
  442. text-align-last: center;
  443. font-size:7.4px;
  444. left:120px;
  445. bottom:50px;
  446. line-height:14px;
  447. text-transform:lowercase;
  448. width:240px;
  449. height:202px;
  450. padding:4px;
  451. z-index: 99;
  452. background: #bdd1d8;
  453. }
  454.  
  455. /* Center Wrapper - Posts */
  456.  
  457.  
  458. #wrapper {
  459. {block:IndexPage}
  460. width:calc({select:Post Size}px + 20px + 2px);
  461. {/block:IndexPage}
  462. {block:PermalinkPage}
  463. width:calc({select:Post Size Permalinkpage}px + 20px + 2px);
  464. {/block:PermalinkPage}
  465. margin:90px auto;
  466. padding:0;
  467. position:relative;
  468. border:0;
  469. }
  470.  
  471. .posts {
  472. {block:IndexPage}
  473. width:{select:Post Size}px;
  474. margin:{select:Margin}px auto;
  475. {/block:IndexPage}
  476. {block:PermalinkPage}
  477. width:{select:Post Size Permalinkpage}px;
  478. margin:{select:Margin}px auto 40px auto;
  479. {/block:PermalinkPage}
  480. height:auto;
  481. padding:20px;
  482. position:relative;
  483. border:1px solid {color:Borders};
  484. border-radius:10px;
  485. background:{color:Posts};
  486. color:inherit;
  487. margin-left:150px;
  488. }
  489.  
  490. .posts:before, .posts:after, .pp:before, .pp:after, nav:before, nav:after {
  491. content:"";
  492. width:9px;
  493. height:9px;
  494. position:absolute;
  495. background-position:center;
  496. background-repeat:no-repeat;
  497. z-index:9999;
  498. }
  499.  
  500. .posts:before { top:-5px; left:-5px; }
  501. .pp:before { top:-5px; right:-5px; }
  502. .posts:after { bottom:-5px; left:-5px; }
  503. .pp:after { bottom:-5px; right:-5px; }
  504.  
  505.  
  506.  
  507. /* Image */
  508.  
  509.  
  510. .posts img, img :not(.lightbox-image) { max-width:100%; height:auto; border:0; }
  511.  
  512. #photo img { width:100%; display:block; }
  513.  
  514.  
  515.  
  516. /* Photoset */
  517.  
  518.  
  519. .tmblr-lightbox, #tumblr_lightbox { background:rgba({RGBcolor:Background}, 1)!important; }
  520.  
  521. .vignette, #vignette, .lightbox-caption, #tumblr_lightbox_caption { opacity:0!important; }
  522.  
  523. .lightbox-image, #tumblr_lightbox img {
  524. padding:10px!important;
  525. background-color:{color:Posts}!important;
  526. border-radius:0px!important;
  527. -webkit-border-radius:0px!important;
  528. -moz-border-radius:0px!important;
  529. box-shadow:none!important;
  530. -webkit-box-shadow:none!important;
  531. -moz-box-shadow:none!important;
  532. }
  533.  
  534.  
  535.  
  536. /* Video */
  537.  
  538.  
  539. #vid, #vid iframe { display:block; }
  540.  
  541.  
  542.  
  543. /* Audio */
  544.  
  545.  
  546. #audio_outer {
  547. width:100%;
  548. display:table;
  549. border:4px double {color:Posts};
  550. box-sizing:border-box;
  551. background:{color:background};
  552. }
  553.  
  554. #audio {
  555. width:50px;
  556. display:table-cell;
  557. vertical-align:center;
  558. }
  559.  
  560. iframe.tumblr_audio_player {
  561. width:30px;
  562. height:30px;
  563. padding:10px;
  564. display:block;
  565. overflow:hidden;
  566. }
  567.  
  568. #audio_info {
  569. padding:10px;
  570. display:table-cell;
  571. vertical-align:middle;
  572. }
  573.  
  574. iframe.soundcloud_audio_player { width:300px; height:auto!important; display:block; }
  575.  
  576. iframe.spotify_audio_player { width:300px; height:80px!important; display:block; }
  577.  
  578.  
  579.  
  580. /* Asks */
  581.  
  582.  
  583. #question_outer { margin-bottom:10px; }
  584.  
  585. #mark {
  586. padding:5px 10px 5px 0;
  587. display:table-cell;
  588. vertical-align:top;
  589. border-right:1px solid {color:Borders};
  590. font-size:14px;
  591. text-align:center;
  592. }
  593.  
  594. #question {
  595. padding:5px 0 5px 10px;
  596. display:table-cell;
  597. vertical-align:top;
  598. }
  599.  
  600. #question p:first-of-type { font-style:normal; }
  601.  
  602.  
  603.  
  604. /* Quote */
  605.  
  606.  
  607. #quote_outer {
  608. padding:10px;
  609. border:4px double {color:Posts};
  610. background:{color:Quote Background};
  611. }
  612.  
  613. #quote {
  614. color:{color:Quote};
  615. font-size:130%;
  616. line-height:120%;
  617. }
  618.  
  619. #source {
  620. margin-top:5px;
  621. color:{color:Quote};
  622. text-align:right;
  623. }
  624.  
  625. #source a { color:{color:Quote}; }
  626.  
  627.  
  628.  
  629. /* Permalink - Post Information - Notes - Tags */
  630.  
  631.  
  632. .perma {
  633. margin-top:5px;
  634. margin-bottom:-5px;
  635. color:{color:Perma};
  636. text-align:center;
  637. }
  638.  
  639. .ppa, .tags {
  640. margin-top:1px;
  641. margin-bottom:0;
  642. padding-top:2px;
  643. }
  644.  
  645. .perma a {
  646. position:relative;
  647. display:inline;
  648. color:{color:Perma};
  649. line-height:100%;
  650. }
  651.  
  652. .perma a:last-of-type, .tags a:last-of-type { margin-right:0; }
  653.  
  654. .perma a:before, .pagination a:before {
  655. content:"✕";
  656. margin:0;
  657. padding:0 10px;
  658. vertical-align:baseline;
  659. }
  660.  
  661. .perma a:hover:before, .pagination a:hover:before { color:{color:Perma}; }
  662.  
  663. .perma a:first-of-type:before, .pagination a:first-of-type:before { display:none; }
  664.  
  665. .tags { text-align:center; }
  666.  
  667. .tags a { margin-right:5px; }
  668.  
  669. #nn { cursor:help; }
  670.  
  671. .notes,
  672. ol.notes li.note.more_notes_link_container:before,
  673. ol.notes li.note img.avatar { display:none; }
  674.  
  675.  
  676. /* Footer - Pagination - Manual Load */
  677.  
  678.  
  679. footer, .pagination {
  680. margin:90px auto;
  681. padding:0;
  682. position:relative;
  683. text-align:center;
  684. }
  685.  
  686. #load { cursor:pointer; }
  687.  
  688. {block:ifInfinitescroll}
  689. #infscr-loading, .pagination { display:none!important; }
  690. {/block:ifInfinitescroll}
  691.  
  692.  
  693.  
  694. /* Tooltips */
  695.  
  696.  
  697. #s-m-t-tooltip{
  698. max-width:150px;
  699. margin:25px 15px;
  700. padding:2px 5px;
  701. z-index:999999999999;
  702. text-align:center;
  703. font-size:8px;
  704. text-transform:uppercase;
  705. border:0.5px dashed #d7d5d6;
  706. background:{color:posts};
  707. color:{color:post title};
  708. }
  709.  
  710. /* FRIENDS */
  711.  
  712. #fade {
  713. display: none;
  714. position: fixed;
  715. left: 0;
  716. top: 0;
  717. width: 100%;
  718. height: 100%;
  719. z-index: 9999999;
  720. background:#fff;
  721. opacity: .55;
  722. }
  723.  
  724. .popup_block{
  725. display: none;
  726. background: #fff;
  727. padding: 20px;
  728. float: left;
  729. position: fixed;
  730. top: 50%;
  731. left: 50%;
  732. overflow: auto;
  733. max-height:275px;
  734. z-index: 9999999999999999999;
  735. font-family:'source sans pro', sans-serif;
  736. font-size:10px;
  737. color:{color:text};
  738. border-radius:10px;
  739. }
  740.  
  741. img.btn_close {
  742. float: right;
  743. margin: -55px -55px 0 0;
  744. }
  745.  
  746. *html #fade {
  747. position: absolute;
  748. }
  749.  
  750. *html .popup_block {
  751. position: absolute;
  752. }
  753.  
  754. .showhide_element {
  755. display: none;
  756. }
  757.  
  758. /*nawigacja*/
  759.  
  760. .nawigacja {
  761. position:fixed;
  762. color: #9e8e8d;
  763. text-align:center;
  764. bottom:147px;
  765. left:284px;
  766. font-size:15px;
  767. line-height:20px;
  768. width:300px;
  769. height:0px;
  770. padding:0px;
  771. z-index:9999;
  772. }
  773.  
  774. .nawigacja a {
  775. display: inline-block;
  776. width:10px;
  777. height:10px;
  778. }
  779.  
  780. .nawigacja a:hover {
  781. opacity:1;
  782. color:#9e8e8d;
  783. }
  784.  
  785. #nawi1 {
  786. position: fixed;
  787. right:230px;
  788. bottom:420px;
  789. font-size:30px;
  790. }
  791.  
  792. #nawi2 {
  793. position: fixed;
  794. right:160px;
  795. bottom:370px;
  796. font-size:30px;
  797. }
  798.  
  799. #nawi3 {
  800. position: fixed;
  801. right:100px;
  802. bottom:490px;
  803. font-size:30px;
  804. }
  805.  
  806. #nawi4 {
  807. position: fixed;
  808. right:85px;
  809. bottom:275px;
  810. font-size:30px;
  811. }
  812.  
  813. #nawi5 {
  814. position: fixed;
  815. right:260px;
  816. bottom:280px;
  817. font-size:30px;
  818. }
  819.  
  820. #nawi6 {
  821. position: fixed;
  822. right:180px;
  823. bottom:210px;
  824. font-size:30px;
  825. }
  826.  
  827. #simba {
  828. position:fixed;
  829. bottom: 230px;
  830. left: -28px;
  831. width:250px;
  832. height:80px;
  833. padding:1px;
  834. text-align:right;
  835. z-index:99;
  836. padding-top:5px;
  837. padding-bottom: 9px;
  838. padding-left: 6px;
  839. border-radius:0px 5px 5px 0px;
  840. }
  841. {CustomCSS}
  842.  
  843.  
  844.  
  845. </style>
  846.  
  847.  
  848.  
  849. <!---- Scripts ---->
  850.  
  851.  
  852. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  853.  
  854. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  855. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  856. <script src="https://static.tumblr.com/3yblkz0/Bu3nywvqg/shythemes_vr.js"></script>
  857. {block:IndexPage}
  858. {block:ifInfinitescroll}
  859. <script src="https://static.tumblr.com/3yblkz0/qEunz27je/imagesloaded.pkgd.min.js"></script>
  860. <script src="https://static.tumblr.com/3yblkz0/OZInz27pe/jquery.infinitescroll.min.js"></script>
  861. {/block:ifInfinitescroll}
  862. {/block:IndexPage}
  863. <script>
  864. $(document).ready(function(){
  865. $("[title],a[title],img[title]").style_my_tooltips({
  866. tip_follows_cursor:true,
  867. tip_delay_time:10,
  868. tip_fade_speed:800,
  869. attribute:"title"
  870. });
  871. $('.photo-slideshow').pxuPhotoset({
  872. lightbox: true,
  873. rounded: false,
  874. gutter: '5px',
  875. borderRadius: '0px',
  876. photoset: '.photo-slideshow',
  877. photoWrap: '.photo-data',
  878. photo: '.pxu-photo'
  879. });
  880. $('#nn').click( function(){
  881. $('.notes').slideToggle("slow");
  882. });
  883. {block:IndexPage}
  884. {block:ifInfinitescroll}
  885. var $container = $('#wrapper');
  886. $container.infinitescroll({
  887. itemSelector :".posts",
  888. navSelector : ".pagination",
  889. nextSelector : ".pagination a",
  890. loadingImg : "",
  891. loadingText : "<em></em>",
  892. bufferPx : 800,
  893. {block:ifManualLoad}
  894. errorCallback: function () { jQuery('#load').delay(50).fadeOut(); },
  895. {/block:ifManualLoad}
  896. },
  897. function( newElements ) {
  898. var $newElems = $(newElements).hide();
  899. $newElems.imagesLoaded(function(){
  900. $newElems.fadeIn(900);
  901. resizeVideos();
  902. $newElems.find('.photo-slideshow').pxuPhotoset({
  903. lightbox: true,
  904. rounded: false,
  905. gutter: '5px',
  906. borderRadius: '0px',
  907. photoset: '.photo-slideshow',
  908. photoWrap: '.photo-data',
  909. photo: '.pxu-photo'
  910. });
  911. });
  912. });
  913. {block:ifManualLoad}
  914. $(window).unbind('.infscr');
  915. $('#load').click(function() {
  916. $container.infinitescroll('retrieve');return false;
  917. });
  918. {/block:ifManualLoad}
  919. {/block:ifInfinitescroll}
  920. {/block:IndexPage}
  921. });
  922. </script>
  923.  
  924. </head>
  925. <body class="{select:Tumblr Controls}">
  926.  
  927.  
  928.  
  929. <section id="wrapper">
  930.  
  931. <div class="costamsix">
  932.  
  933. </div>
  934.  
  935.  
  936. <div class="navi">
  937. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  938. <a href="/">refresh</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  939. <a href="/ask">inbox</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  940. <a href="/submit">submit</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  941. <a href="#?w=300" rel="sakuratan" class="poplight">about</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  942. <a href="#?w=300" rel="munnie" class="poplight" >mun</a>
  943. </div>
  944.  
  945. <div id="simba"><a href="#?w=300" rel="01" class="poplight"><img src="https://66.media.tumblr.com/477bbbbc3342464a85c34908a6962fbf/tumblr_pwr3bd6xud1vioht2o1_500.png" width=50px /></div></a>
  946.  
  947. <div class="hovers" style="{color:links}"><br>
  948. <a title="SEMI-LITERATE; SEMI-SELECTIVE"><i class="fas fa-splotch" color=" #888888" aria-hidden="true"></i></a>&nbsp;&nbsp;&nbsp;
  949. <a title="ROLEPLAY BLOG, ORIGINAL CHARACTER"><i class="fas fa-splotch" style="{color:links}" aria-hidden="true"></i></a>&nbsp;&nbsp;&nbsp;
  950. <a title="HUG TREES AND SAVE THE BEES"><i class="fas fa-splotch" style="{color:links};" aria-hidden="true"></i></a>&nbsp;&nbsp;&nbsp;
  951. <a title="I LOVE @02ASC"><i class="fas fa-splotch" style="{color:links};" aria-hidden="true"></i></a>&nbsp;&nbsp;&nbsp;
  952.  
  953. </div>
  954.  
  955. <div class="desc"><B>honey boy</B> addicted to playing games on his animal crossing themed nintendo. typical teenager making music on soundcloud, wanting to become rich & popular. <big>'00 liner</big>, pisces. buy him some food and he'll fall in love with you.<br><br><br><b>likes</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <b>dislikes</b><br>horror games,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;boring people, <br>food, bugs and &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;PINCHING HIS CHEEKS and <br>sleeping &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;calling him baby
  956. </div>
  957.  
  958. <img src="https://66.media.tumblr.com/31d95c8d7204814e25744721b539233c/tumblr_pwpc7asYGD1vioht2o1_400.png" style='position:fixed;bottom:50px;left:26px;height:340px;z-index:99'></a>
  959.  
  960. <a href="#?w=300" rel="friends" class="poplight"><img src="{image:friends}" width="55px"style='position:fixed;bottom:300px;left:60px;transform: rotate(-20deg);z-index:9999'></a>
  961.  
  962.  
  963.  
  964. {block:Posts}
  965.  
  966. <article class="posts">
  967. <div class="pp">
  968.  
  969.  
  970. {block:ContentSource}
  971. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  972. {/block:SourceLogo}
  973. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  974. {/block:ContentSource}
  975.  
  976.  
  977. {block:Photo}
  978. <div id="photo">
  979. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  980. </div>
  981. {/block:Photo}
  982.  
  983.  
  984. {block:Photoset}
  985. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  986. {block:Photos}
  987. <div class="photo-data">
  988. <div class="pxu-photo">
  989. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  990. </div>
  991. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  992. </div>
  993. {/block:Photos}
  994. </div>
  995. {/block:Photoset}
  996.  
  997.  
  998. {block:Video}
  999. <div id="vid">{Video-500}</div>
  1000. {/block:Video}
  1001.  
  1002.  
  1003. {block:Audio}
  1004. <div id="audio_outer">
  1005. <div id="audio">{AudioPlayerGrey}</div>
  1006. <div id="audio_info">
  1007. {block:TrackName}<p><b>{TrackName}</b></p>{/block:TrackName}
  1008. {block:Artist}{Artist}{/block:Artist}
  1009. </div>
  1010. </div>
  1011. {/block:Audio}
  1012.  
  1013.  
  1014. {block:Text}
  1015. {block:Title}<h2>{Title}</h2>{/block:Title}
  1016. {Body}
  1017. {/block:Text}
  1018.  
  1019.  
  1020. {block:Link}
  1021. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  1022. {block:Description}{Description}{/block:Description}
  1023. {/block:Link}
  1024.  
  1025.  
  1026. {block:Answer}
  1027. <div id="question_outer">
  1028. <div id="mark"><b>?</b></div>
  1029. <div id="question"><p><b>{Asker}</b> whispered:</p> {Question}</div>
  1030. </div>
  1031. {Answer}
  1032. {/block:Answer}
  1033.  
  1034.  
  1035. {block:Quote}
  1036. <div id="quote_outer">
  1037. <div id="quote">{Quote}</div>
  1038. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  1039. </div>
  1040. {/block:Quote}
  1041.  
  1042.  
  1043. {block:Chat}
  1044. {block:Title}<h2>{Title}</h2>{/block:Title}
  1045. {block:Lines}
  1046. <p>{block:Label}<span id="chat_label">{Label}</span>{/block:Label} {Line}</p>
  1047. {/block:Lines}
  1048. {/block:Chat}
  1049.  
  1050.  
  1051. {block:Caption}<div class="cap {block:IndexPage}{select:Captions}{/block:IndexPage}">{Caption}</div>{/block:Caption}
  1052.  
  1053.  
  1054. </div>
  1055.  
  1056.  
  1057. {block:Date}
  1058. <div class="perma {block:PermalinkPage}ppa{/block:PermalinkPage}">
  1059. {block:IndexPage}
  1060. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  1061. {/block:IndexPage}
  1062.  
  1063. {block:PermalinkPage}
  1064. <a>{DayOfMonth} {Month} {Year}</a>{block:NoteCount}<a id="nn">{NoteCountWithLabel}</a>{/block:NoteCount}
  1065. {/block:PermalinkPage}
  1066.  
  1067. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a><a href="{ReblogRootURL}">src</a>{/block:RebloggedFrom}
  1068. </div>
  1069. {/block:Date}
  1070. {block:HasTags}<div class="tags">
  1071. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1072. </div>{/block:HasTags}
  1073.  
  1074.  
  1075. {block:PermalinkPage}
  1076. {/block:PermalinkPage}
  1077.  
  1078. </article>
  1079.  
  1080. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1081.  
  1082.  
  1083.  
  1084.  
  1085. {/block:Posts}
  1086. </section>
  1087.  
  1088.  
  1089. {block:Pagination}<div class="pagination">
  1090. {block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  1091. </div>{/block:Pagination}
  1092.  
  1093. {block:IndexPage}{block:ifInfinitescroll}{block:ifManualLoad}
  1094. <footer><a id="load">load more</a></footer>
  1095. {/block:ifManualLoad}{/block:ifInfinitescroll}{/block:IndexPage}
  1096.  
  1097.  
  1098. <a href="https://ladmilk.tumblr.com" style="padding:10px; bottom:5px; right:5px; position:fixed; text-transform:uppercase;" title="BASIC THEME BY CHAERFI. TWEAKED BY 02ASC'S MUN FOR PERSONAL USE ONLY. DO NOT COPY. SMOOCH, ILY.">@</a>
  1099.  
  1100.  
  1101.  
  1102.  
  1103.  
  1104. </body>
  1105. <div id="munnie" class="popup_block"><b><center>SOON!! SOON!! SOON!!</center></b>
  1106.  
  1107. </div>
  1108.  
  1109. <div id="sakuratan" class="popup_block"><b>Name:</b> CHAE SUNGHA
  1110. <br>
  1111. <b>Birthdate:</b> 14/03/2000
  1112. <br>
  1113. <b>Zodiac sign:</b> PISCES
  1114. <br>
  1115. <b>Personality:</b> INFP-A
  1116. <br><br><br>
  1117. <b>positive traits:</b> LOYAL, HARDWORKING, HELPFUL, HONEST
  1118. <br>
  1119. <b>negative traits:</b> STUBBORN, IMPATIENT, FUSSY, SLEAZY
  1120. </div>
  1121.  
  1122. <div id="01" class="popup_block">
  1123. <center><b>SOON!! SOON!! SOON!!</b>
  1124. </center>
  1125. </div></div><!-- layout by noveia / bravethemes --><!-- layout by noveia / bravethemes -->
  1126.  
  1127. </html>
RAW Paste Data