kellyeatkim

sungjae

May 31st, 2018
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.29 KB | None | 0 0
  1. <style>.a form {display:none;}table table table form {display:inline;}.a {} table div {display:none;}table table div {display:block;}td {height:0px;}.userProfiledetail, .profileinfo, .imgonlinenow, .nametext, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .contacttable { display:none;} #footerWarpper {display:none;}table, td, tr{ background-color:transparent;} .profileInfo, .contactTable, .userProfileURL, .interestsAndDetails,
  2. .userProfileDetail, .userProfileNetworking, .userProfileSchool,.userProfileCompany, .extendedNetwork, .latestBlogEntry,.blurbs td.text, .orangetext15, table div { display:none!important;}div table div, table table div {display:block!important; padding:0;}table, tr, td {background:none; border:none;}.clearfix, .clearfix div {background-image:none!important;overflow:hidden;}.clearfix {position:relative;top:-30px;width:728px;}.clearfix .clearfix {bottom:-30px;margin:-45px 0 0;position:relative;top:auto;width:auto;}.clearfix .clearfix div {margin:45px 0 0;}.clearfix .clearfix div div {margin:auto;}.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul {display:none!important;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
  3. a.text{visibility:hidden;}
  4.  
  5.  
  6. body {
  7. color: #e2fdff;
  8. background-color: 630d0d;
  9. font-family: Calibri, sans-serif;
  10. font-size: 11px;
  11. margin: 0;
  12. }
  13.  
  14.  
  15. .poop {
  16. width: 100%;
  17. height: 100px;
  18. bottom: 100px;
  19. left: 0px;
  20. background-color: #191919;
  21. z-index: 2;
  22. position: fixed;
  23. overflow: scroll;
  24.  
  25. }
  26.  
  27.  
  28.  
  29. .girl {
  30. width: auto;
  31. height: auto;
  32. bottom: -15px;
  33. right: 100px;
  34. background-color: transparent;
  35. z-index: 2;
  36. position: fixed;
  37. overflow: scroll;
  38.  
  39. }
  40.  
  41.  
  42. .box {
  43. width: 40%;
  44. margin: 0 auto;
  45. background: rgba(255,255,255,0.2);
  46. padding: 35px;
  47. border: 2px solid #fff;
  48. border-radius: 20px/50px;
  49. background-clip: padding-box;
  50. text-align: center;
  51. }
  52.  
  53.  
  54.  
  55. .overlay {
  56. position: fixed;
  57. top: 0;
  58. bottom:0;
  59. left:0;
  60. right: 0;
  61. background-color: black;
  62. transition: opacity 500ms;
  63. visibility: hidden;
  64. opacity: 0;
  65. z-index: 3;
  66. }
  67. .overlay:target {
  68. visibility: visible;
  69. opacity: 1;
  70. }
  71.  
  72. /* popup credit: http://codepen.io/imprakash/pen/GgNMXO */
  73.  
  74. .popup {
  75. margin: 100px auto;
  76. padding: 20px;
  77. top:200px;
  78. height:200px;
  79. background: #181818;
  80. border-radius: 5px;
  81. width: 200px;
  82. position: relative;
  83. transition: all 4s ease-in-out;
  84. border: 1px solid #181818;
  85. }
  86.  
  87. .popup h2 {
  88. margin-top: 0;
  89. color: #fff;
  90. font-family: sans-serif;
  91. font-size:10px;
  92. text-transform:uppercase;
  93. }
  94. .popup .close {
  95. position: absolute;
  96. top: 20px;
  97. right: 30px;
  98. transition: all 200ms;
  99. font-size: 10px;
  100. font-weight: bold;
  101. text-decoration: none;
  102. color: #333;
  103. }
  104. .popup .close:hover {
  105. color: #06D85F;
  106. }
  107. .popup .content {
  108. height: 180px;
  109. overflow: auto;
  110. }
  111.  
  112. @media screen and (max-width: 700px){
  113. .box{
  114. width: 70%;
  115. }
  116. .popup{
  117. width: 70%;
  118. }
  119. }
  120.  
  121. .popup .sidebar {
  122. height: 100%;
  123. width: auto;
  124. background-color: #fff;
  125. padding: 20px;
  126. z-index: 2;
  127. position: fixed;
  128. top: 0%;
  129. right: 0%;
  130. overflow: scroll;
  131. }
  132.  
  133. .popup .sidebar2 {
  134. background-color: transparent;
  135. padding: 5px;
  136. color: #303030;
  137. z-index: 2;
  138. position: relative;
  139. overflow: scroll;
  140.  
  141.  
  142. }
  143.  
  144.  
  145.  
  146. .popup .random {
  147. color: #d0d0d0;
  148. font-size:8px;
  149. font-family: times new roman;
  150. letter-spacing: 0px;
  151. line-height:-10px;
  152. background-color: transparent;
  153. height: auto;
  154. width: auto;
  155. margin: auto;
  156. z-index: 2px;
  157. padding-left:5px;
  158. padding-top:5px;
  159. padding-bottom:5px;
  160. text-transform:uppercase;
  161. }
  162.  
  163.  
  164. .popup .box2 {
  165. color: #fff;
  166. font-size:10px;
  167. font-family: times new roman;
  168. letter-spacing: 1px;
  169. line-height:-10px;
  170. background-color: black;
  171. height: auto;
  172. width: auto;
  173. margin: auto;
  174. z-index: 2px;
  175. padding-left:5px;
  176. padding-top:5px;
  177. padding-bottom:5px;}
  178.  
  179.  
  180. #title {
  181. color: #444444;
  182. font-size: 30px;
  183. line-height: 20px;
  184. font-family: sans-serif;
  185. text-align: center;
  186. margin-bottom: 10px;
  187. margin-top: 200px;
  188. }
  189.  
  190. .picture {
  191. background-color: #black;
  192. height: 100px;
  193. width: 150px;
  194. border-color:000;
  195. border:2px;
  196. border-radius: 10%;
  197. margin: auto;
  198. padding:5px;}
  199.  
  200. .info{
  201. width: 200px;
  202. margin: auto;
  203. text-align: center;
  204. margin-top: 10px;
  205. font-family: Georgia ;
  206. font-size: 11px;
  207. color: #888888;
  208. text-align: center;
  209. text-transform:uppercase;
  210. margin-top: 200px;
  211. }
  212.  
  213. .link {
  214. padding: 10px;
  215. border-top: 1px solid #E4E4E4;
  216. text-align: center;
  217. }
  218.  
  219.  
  220. blockquote{
  221. color: 868686;
  222. background-color: transparent;
  223. border-left:10px solid #301515;
  224. font-size:7px;
  225. width:auto;
  226. margin: 10px 0 0 20px;
  227. padding:10px;
  228. text-transform:uppercase
  229. }
  230.  
  231.  
  232. .popup .extra{
  233. color: fff;
  234. background-color: #000;
  235. width:auto;
  236. font-size:9px;;
  237. margin:5px;
  238. padding:10px;
  239. height:100px;
  240. overflow: scroll;
  241. border-radius: 5%;
  242. text-transform:uppercase
  243. }
  244.  
  245. {lang:All of Tumblr}
  246.  
  247.  
  248.  
  249. a:hover, a.hover {color: C73636; font-weight:normal;text-decoration: none; }
  250.  
  251. a:active, a:visited, a:link { font: 7px arial; text-transform:uppercase; color:737373; line-height:6px; -webkit-transition: all 0.5s ease-in; moz-transition: all 0.5s ease-in;}
  252.  
  253. a:hover { font: 7px arial; text-transform:uppercase; color: f1f1f1; line-height:6px;}
  254.  
  255.  
  256. h1 {color: #fff; font-size:15px; font-family:georgia; letter-spacing: -1px; text-align: center;display:block; background-color: 301515;font-weight:normal; width:100%;text-transform:uppercase;}
  257.  
  258.  
  259.  
  260.  
  261. b{ font-weight:normal; text-transform:uppercase; color: fff; font-family: cambria; font-size:9px; line-height: 10px; letter-spacing:0px; }
  262.  
  263. big{font-family: cambria; font-size: 20px; text-transform: none; letter-spacing: -2px; line-height: 95%; color: fff;}
  264.  
  265. small{font-family:terminal; font-size:8px; text-transform:uppercase; letter-spacing:0px; color: fff;}
  266.  
  267. i{font-family:sketch script; font-weight:none; font-size:12px; text-transform:none; border-bottom:0px solid; font-weight:normal; color:e fff; background-color:transparent; line-height:9px; letter-spacing:1px;}
  268.  
  269.  
  270. ::-webkit-scrollbar-thumb:vertical {
  271. background-color: #181818;
  272. height:auto;
  273. }
  274.  
  275.  
  276. ::-webkit-scrollbar-thumb:horizontal {
  277. background:url('');
  278. height:6px;
  279. }
  280.  
  281. ::-webkit-scrollbar {
  282. height:6px;
  283. width:6px;
  284. background:url('{image:scrollbar}');
  285. }
  286.  
  287. ::selection {
  288. background-color: #000;
  289. color:;}
  290.  
  291.  
  292. iframe {display:none !important;}
  293. </style>
  294.  
  295. <body oncontextmenu="return false"></body>
  296.  
  297.  
  298.  
  299.  
  300.  
  301. <a class="girl" href="#popup1">
  302. <img src=http://i.imgur.com/cbGVdn4.png></div></a>
  303. </div>
  304.  
  305. <div id="popup1" class="overlay">
  306. <div class="popup"><a class="close" href="#">×</a><br><br>
  307. <div class="content">
  308. <div class="sidebar2">
  309.  
  310. <div class="random">
  311.  
  312. <h1>Hurt me once, but love me forever</h1>
  313. <img src=http://i.imgur.com/OAAmFKU.gif align=left>
  314. <h2>harley quinn:</h2>
  315. <blockquote>"You think I'm just a doll. A doll that's pink and light. A doll you can arrange any way you like. You're wrong. Very wrong. What you think of me is only a ghost of time. I am dangerous. And I will show you just how dark I can be.""</blockquote></div>
  316. </div>
  317.  
  318.  
  319. <div class="random">
  320.  
  321.  
  322. <h1>Deeper than your Soul;</h1>
  323. <b>Name:</b> SungJae Yook <b>Age:</b> 21 years young <b>Spiritual Animal:</b> Sea Otter <s>Taylor Swift</s></s> <b>Identification:</b> Omega <b>Family:</b> Dino (brother) & Jeonghan (Mother) <b>Job:</b> Fishermen <b>Pets:</b> Goldfish <b>Hobby:</b> Napping in the ocean, eating, sneaking around to go pranks of others, drawing on other's face, and showing support to others.<br><br>
  324.  
  325. <div class="extra">
  326. <small>SungJae is very friendly person who loves to put smile on other's face. Making other happy gives him energy to live. He's also very shy when it comes to meeting someone new. Most people don't like him at first greeting, but once they get to know him, most people end up falling in love with him. He is often defined to be "weird" which is very much true. Some people might argue that he's a bully which is very much true as well; however, he only bullies people who he consider "close". The reason is because it takes him a while to open up to someone.<br><br>
  327. He loves all animal. His favorite are cats. Nothing makes him happier than cuddling with couple of cats and purring with them. He loves eating almost everything he finds. He is often seem carrying a bag which contains many magical things he likes. <br><br>
  328. In order someone to make him fall in love with them, they needs to show constant care. He is insecure when it comes to relationship. Relationship isn't part of his world. He also hates being tied down to someone. Also, they need to be honest with him all the time. If he catches them lying (which he will), he will never talk to them again.</br><br>
  329.  
  330. <iframe width="1" height="1" src="https://www.youtube.com/embed/ze3i_x7VcUg?autoplay=1&cc_load_policy=1" frameborder="0" allowfullscreen></iframe>
  331. </small>
  332. </div>
  333.  
  334. </div><br>
  335.  
  336. </div>
  337.  
  338. </div>
  339. </div>
Advertisement
Add Comment
Please, Sign In to add comment