API tools faq
paste
Advertisement
Nyeep

Untitled

Nyeep
Oct 25th, 2018
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.63 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ▌ ᴛʜᴇᴍᴇ ᴇsᴘᴇᴄɪᴀʟʟʏ ᴍᴀᴅᴇ ꜰᴏʀ ʟᴇɴᴀ ᴏɴʟʏ
  3. ▌ ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴅsᴛʀɪʙᴜᴛᴇ, ᴄᴏᴘʏ, ᴏʀ sᴛᴇᴀʟ ɪɴ ᴀɴʏ ᴡᴀʏ
  4. ▌ ᴍᴀᴅᴇ ᴡɪᴛʜ ʟᴏᴠᴇ ᴀɴᴅ ᴄᴀʀᴇ ᴏɴ ᴅᴇᴄ 21, 2017 ʙʏ ᴛᴀɴᴊᴀ
  5. --->
  6.  
  7. <head>
  8. <script>function changeNavigation(id){document.getElementById('home').innerHTML=document.getElementById(id).innerHTML}</script>
  9. <script language=javascript>document.title=(" ℓєηα ")</script>
  10. <link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
  11.  
  12. <style type="text/css">
  13.  
  14. .logo_div, .fpix_header, .topad, .fpix_asl_table, .profile_text,
  15. .nc_profile, #left_container, #profilephoto, #flash_close_butt,
  16. #start_chat_but, .uppermenu, #buyers_ad, #flashcontent, .yellow_but,
  17. .bottombar, .byline, .top-links { visibility: hidden; display: none;}
  18.  
  19. a, a:visited, a:active { text-decoration: none; color: #f8cedb;}
  20. a:hover { text-decoration: none; color: #ee8baa;}
  21.  
  22. ::-webkit-scrollbar-track { border-radius: 2px; background-color: #fcf0f4;}
  23. ::-webkit-scrollbar { width: 5px; background-color: #fcf0f4;}
  24. ::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #ee8baa;}
  25.  
  26. ::-moz-selection { background: #ee8baa; color: #fff; }
  27. ::selection { background: #ee8baa; color: #fff;}
  28.  
  29. body {
  30. background-image: url('https://i.imgur.com/J1P5Zdz.gif')!important;
  31. background-repeat: repeat;
  32. background-color: #FDF2D4!important;
  33. cursor: url("http://i.imgur.com/YnUpmd3.png"), auto;
  34. font-family: arial;
  35. font-size: 10px;
  36. color: #999;
  37. }
  38.  
  39. #container {
  40. position: fixed;
  41. top: 0; bottom: 0;
  42. left: 0; right: 0;
  43. margin: auto;
  44. width: 500px;
  45. height: 510px;
  46. -webkit-animation: animationFrames ease-in 2s;
  47. -webkit-animation-iteration-count: 1;
  48. -webkit-transform-origin: 50% 50%;
  49. -webkit-animation-fill-mode: forwards;
  50. }
  51.  
  52. @-webkit-keyframes animationFrames {
  53. 0% {
  54. opacity: 0;
  55. -webkit-transform: translate(-25px,-20px);
  56. }
  57.  
  58. 100% {
  59. opacity: 1;
  60. -webkit-transform: translate(-25px,-20px);
  61. }
  62. }
  63.  
  64. #title {
  65. position: absolute;
  66. top: 255px; left: -20px;
  67. text-shadow: 2px 2px #f8cedb;
  68. font-family: 'Great Vibes', cursive;
  69. font-weight: normal;
  70. font-size: 70px;
  71. color: #ee8baa;
  72. opacity: 1;
  73. -webkit-transition: all 0.5s ease-in-out;
  74. -moz-transition: all 0.5s ease-in-out;
  75. -o-transition: all 0.5s ease-in-out;
  76. -ms-transition: all 0.5s ease-in-out;
  77. transition: all 0.5s ease-in-out;
  78. z-index: 1;
  79. }
  80.  
  81. #container:hover #title{
  82. opacity: 0;
  83. }
  84.  
  85. #one {
  86. position: fixed;
  87. box-shadow: 10px 10px 10px #f8cedb;
  88. -webkit-transition: all 0.8s ease-in-out;
  89. -moz-transition: all 0.8s ease-in-out;
  90. -o-transition: all 0.8s ease-in-out;
  91. -ms-transition: all 0.8s ease-in-out;
  92. transition: all 0.8s ease-in-out;
  93. }
  94.  
  95. #container:hover #one{
  96. opacity: 0;
  97. }
  98.  
  99. #two {
  100. position: fixed;
  101. box-shadow: 10px 10px 10px #f8cedb;
  102. opacity: 0;
  103. -webkit-transition: all 0.8s ease-in-out;
  104. -moz-transition: all 0.8s ease-in-out;
  105. -o-transition: all 0.8s ease-in-out;
  106. -ms-transition: all 0.8s ease-in-out;
  107. transition: all 0.8s ease-in-out;
  108. }
  109.  
  110. #container:hover #two {
  111. opacity: 1;
  112. }
  113.  
  114. #description {
  115. position: absolute;
  116. background-color: #fff;
  117. top: 280px;
  118. margin: auto;
  119. width: 500px; height: 200px;
  120. box-shadow: 10px 10px 10px #f8cedb;
  121. opacity: 0;
  122. -webkit-transition: all 0.8s ease-in-out;
  123. -moz-transition: all 0.8s ease-in-out;
  124. -o-transition: all 0.8s ease-in-out;
  125. -ms-transition: all 0.8s ease-in-out;
  126. transition: all 0.8s ease-in-out;
  127. z-index: 2;
  128. }
  129.  
  130. #container:hover #description {
  131. top: 300px;
  132. opacity: 1;
  133. }
  134.  
  135. #navi {
  136. position: absolute;
  137. float: left;
  138. top: 10px;
  139. }
  140.  
  141. .fadein {
  142. opacity: 0;
  143. opacity: 1;
  144. -webkit-animation: fadeIn ease-in 1;
  145. -moz-animation: fadeIn ease-in 1;
  146. animation: fadeIn ease-in 1;
  147. -webkit-animation-fill-mode: forwards;
  148. -moz-animation-fill-mode: forwards;
  149. animation-fill-mode: forwards;
  150. -webkit-animation-duration: 1s;
  151. -moz-animation-duration: 1s;
  152. animation-duration: 1s;}
  153. }
  154.  
  155. @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
  156. @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
  157. @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
  158.  
  159. #home {
  160. position: absolute;
  161. left: 135px;
  162. top: 20px;
  163. background-color: #fcf0f4;
  164. width: 320px;
  165. height: 110px;
  166. text-align: justify;
  167. padding: 10px;
  168. box-shadow: 5px 5px 1px #f8cedb;
  169. overflow: auto;
  170. }
  171.  
  172. .sub {
  173. background: #fcf0f4;
  174. width: 100px;
  175. margin: 10px;
  176. display: block;
  177. text-align: center;
  178. text-transform: uppercase;
  179. line-height: 25px;
  180. letter-spacing: 2px;
  181. font-weight: bold;
  182. font-size: 10px;
  183. color: #f8cedb;
  184. border-left: 2px solid #f8cedb;
  185. box-shadow: 5px 5px 1px #f8cedb;
  186. transition: all .3s ease-in-out;
  187. -o-transition: all .3s ease-in-out;
  188. -ms-transition: all .3s ease-in-out;
  189. -moz-transition: all .3s ease-in-out;
  190. -webkit-transition: all .3s ease-in-out;
  191. cursor: pointer;
  192. }
  193.  
  194. .sub:hover { border-left: 5px solid #ee8baa; color: #ee8baa;}
  195.  
  196. .accs {
  197. display: inline-block;
  198. width: 40px;
  199. height: 40px;
  200. margin: 7px 10px;
  201. border-radius: 50%;
  202. }
  203.  
  204. .accs:hover {
  205. -webkit-animation:spin 1.5s linear infinite;
  206. -moz-animation:spin 1.5s linear infinite;
  207. animation:spin 1.5s linear infinite;
  208. }
  209.  
  210. @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
  211. @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
  212. @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
  213.  
  214. .accs img {
  215. width: 40px;
  216. height: 40px;
  217. border-radius: 50%;
  218. }
  219.  
  220. #credit {
  221. position: absolute;
  222. background-color: #fcf0f4;
  223. width: 500px;
  224. height: 20px;
  225. bottom: 6px;
  226. margin: auto;
  227. line-height: 10px;
  228. text-align: center;
  229. font-size: 10px;
  230. color: #999;
  231. }
  232.  
  233. blockquote {
  234. border-left: 5px solid #f8cedb;
  235. padding-left: 5px;
  236. display: inline-block;
  237. margin: 5px;
  238. }
  239. </style>
  240. </head>
  241. <body>
  242.  
  243. <div id="container">
  244.  
  245. <div id="one"><img src="http://pa1.narvii.com/6141/fb2ff16bc61af08fe405d5b0302cdb87799b49f0_hq.gif" draggable="false"/></div>
  246. <div id="two"><img src="https://s10.postimg.org/fp51aajih/5a51eba35d949041497984.gif" draggable="false" /></div>
  247.  
  248. <div id="title">Kawaii!!!!</div>
  249.  
  250. <div id="description">
  251. <div id="navi">
  252. <div onclick="changeNavigation('a')" class="sub">Home</div>
  253. <div onclick="changeNavigation('b')" class="sub">About Me</div>
  254. <div onclick="changeNavigation('c')" class="sub">Friends</div>
  255. <div onclick="changeNavigation('d')" class="sub">Accounts</div>
  256. </div>
  257.  
  258. <div id="home">
  259. <div style="text-align: center;" class="fadein">
  260. <p>Welcome!</p>
  261. <p>Welcome to my profile! Please use the menu on the side to navigate!</p>
  262. <p>Special thanks to my friend Tanchan for making my new full! It's so adorable! Hope everyone has a great 2018!</p>
  263. </div>
  264. </div>
  265.  
  266. <div id="a" style="display: none;">
  267. <div style="text-align: center;" class="fadein">
  268. <p>Welcome!</p>
  269. <p>Welcome to my profile! Please use the menu on the side to navigate!</p>
  270. <p>Special thanks to my friend Tanchan for making my new full! It's so adorable! Hope everyone has a great 2018!</p>
  271. </div>
  272. </div>
  273.  
  274. <div id="b" style="display: none;">
  275. <div class="fadein">
  276. <blockquote>About Me</blockquote>
  277. <p>My name is Lena. I'm Asian, but live in Canada. My likes are: Being active (nature walks hiking etc.), Cooking, Drawing, Anime/Manga, and Gaming!! Also cute things! You can message me on other social medias: Skype: koalanap, Kik: LenaLeesang, Discord: Lena#0022. Please msg me for snapchat / facebook / and or whatsapp. </p>
  278. </div>
  279. </div>
  280.  
  281. <div id="c" style="display: none;">
  282. <div style="text-align: center;" class="fadein">
  283. <div class="accs"><a href="http://mirayukai.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/m/i/mirayukai/thumb.jpg"></a></div>
  284. <div class="accs"><a href="http://piece.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/p/i/piece/thumb.jpg"></a></div>
  285. <div class="accs"><a href="http://tanja.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/t/a/tanja/thumb.jpg"></a></div>
  286. <div class="accs"><a href="http://helen.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/h/e/helen/thumb.jpg"></a></div>
  287. <div class="accs"><a href="http://shimiyo.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/s/h/shimiyo/thumb.jpg"></a></div>
  288. <div class="accs"><a href="http://edgical.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/e/d/edgical/thumb.jpg"></a></div>
  289. <div class="accs"><a href="http://hana.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/h/a/hana/thumb.jpg"></a></div>
  290. <div class="accs"><a href="http://wife.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/w/i/wife/thumb.jpg"></a></div>
  291. <div class="accs"><a href="http://katrinadandd.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/k/a/katrinadandd/thumb.jpg"></a></div>
  292. <div class="accs"><a href="http://britney.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/b/r/britney/thumb.jpg"></a></div>
  293. </div>
  294. </div>
  295.  
  296. <div id="d" style="display: none;">
  297. <div style="text-align: center;" class="fadein">
  298. <div class="accs"><a href="http://02.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/0/2/02/thumb.jpg"></a></div>
  299. <div class="accs"><a href="http://perv.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/p/e/perv/thumb.jpg"></a></div>
  300. <div class="accs"><a href="http://kanna.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/k/a/kanna/thumb.jpg"></a></div>
  301. <div class="accs"><a href="http://shiina.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/s/h/shiina/thumb.jpg"></a></div>
  302. <div class="accs"><a href="http://ia.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/i/a/ia/thumb.jpg"></a></div>
  303. <div class="accs"><a href="http://holiday.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/h/o/holiday/thumb.jpg"></a></div>
  304. <div class="accs"><a href="http://sexy.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/s/e/sexy/thumb.jpg"></a></div>
  305. <div class="accs"><a href="http://shimakaze.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/s/h/shimakaze/thumb.jpg"></a></div>
  306. <div class="accs"><a href="http://hestia.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/h/e/hestia/thumb.jpg"></a></div>
  307. <div class="accs"><a href="http://lena.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/l/e/lena/thumb.jpg"></a></div>
  308. </div>
  309. </div>
  310.  
  311. <div id="credit">
  312. <blockquote><b>Theme :</b> Merry Christmas!</blockquote>
  313. <blockquote><b>Created :</b> Dec 21, 2017</blockquote>
  314. <blockquote><b>Created by :</b> <a href="http://tanja.chatango.com/" target="_blank">Tanja</a></blockquote>
  315. </div>
  316. </div>
  317.  
  318. </div>
  319.  
  320. <iframe width="1" height="1" src="https://www.youtube.com/embed/_mkiGMtbrPM?&autoplay=1&rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
  321. <div style="position:fixed; bottom:0px; right:0px;"><script src="//barrykun.com/vl.js" anons="true" private="true"></script></div>
  322. </body>
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!