SHARE
TWEET

jisung oc

a guest Aug 24th, 2019 187 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
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
 
Top