API tools faq
paste
Advertisement
Guest User

jisung oc

a guest
Aug 24th, 2019
316
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.59 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!