API tools faq
paste
Advertisement
Nyeep

Untitled

Nyeep
Mar 30th, 2020
192
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.38 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=(" รтαy รαfє! ")</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: #dbdbdb;}
  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: #b0b0b0!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 #d9d9d9;
  68. font-family: 'Great Vibes', cursive;
  69. font-weight: normal;
  70. font-size: 70px;
  71. color: #ffffff;
  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 #d9d9d9;
  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 #d9d9d9;
  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 #d9d9d9;
  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: #ffffff;
  164. width: 320px;
  165. height: 110px;
  166. text-align: justify;
  167. padding: 10px;
  168. box-shadow: 5px 5px 1px #d9d9d9;
  169. overflow: auto;
  170. }
  171.  
  172. .sub {
  173. background: #ffffff;
  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: #d9d9d9;
  184. border-left: 2px solid #f8cedb;
  185. box-shadow: 5px 5px 1px #d9d9d9;
  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="https://i.postimg.cc/KjPpByj0/ezgif-com-resize-4.gif" draggable="false"/></div>
  246. <div id="two"><img src="https://i.postimg.cc/1zFGfrfH/ezgif-com-resize-5.gif" draggable="false" /></div>
  247.  
  248. <div id="title">Stay Safe!</div>
  249.  
  250. <div id="description">
  251. <div id="navi">
  252. <div onclick="changeNavigation('a')" class="sub">Covid 19</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>Covid 19!</p>
  261. <p>The Covid 19 pandemic is serious! Please read!</p>
  262. <p>Due to the seriousness of Covid-19 its more important than anything else right now! Please remember that washing your hands with soap and water is the best way to prevent spread of infection! Keep social distances, don't gather in groups of more than 4 people, be respectful of other peoples space! The BCCDC has some useful tips: http://covid-19.bccdc.ca/ // So does the Canadian government website!: https://www.canada.ca/en/public-health/services/diseases/coronavirus-disease-covid-19.html</p>
  263. </div>
  264. </div>
  265.  
  266. <div id="a" style="display: none;">
  267. <div style="text-align: center;" class="fadein">
  268. <p>Covid 19!</p>
  269. <p>The Covid 19 pandemic is serious! Please read!</p>
  270. <p>Due to the seriousness of Covid-19 its more important than anything else right now! Please remember that washing your hands with soap and water is the best way to prevent spread of infection! Keep social distances, don't gather in groups of more than 4 people, be respectful of other peoples space! The BCCDC has some useful tips: http://covid-19.bccdc.ca/ // So does the Canadian government website!: https://www.canada.ca/en/public-health/services/diseases/coronavirus-disease-covid-19.html</p>
  271. </div>
  272. </div>
  273.  
  274. <div id="b" style="display: none;">
  275. <div class="fadein">
  276. <blockquote>About Me</blockquote>
  277. <p>Hi my name is Lena! I live in Canada, but i'm half asian. I enjoy things such as drawing, painting, cooking, anime/manga, talking to people and im a genuine gamer girl! I have many dreams and aspirations I hope to acheive. I'm currently working and not in school, but I hope to get there! Message me on my discord for more frequent Chats!</p>
  278. </div>
  279. </div>
  280.  
  281. <div id="d" style="display: none;">
  282. <div style="text-align: center;" class="fadein">
  283. <div class="accs"><a href="http://ushio.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/u/s/ushio/thumb.jpg"></a></div>
  284. <div class="accs"><a href="http://asashio.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/a/s/asashio/thumb.jpg"></a></div>
  285. <div class="accs"><a href="http://darkmagiciangirl.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/d/a/darkmagiciangirl/thumb.jpg"></a></div>
  286. <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>
  287. <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>
  288. <div class="accs"><a href="http://skittles.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/s/k/skittles/thumb.jpg"></a></div>
  289. <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>
  290. <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>
  291. <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>
  292. <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>
  293. </div>
  294. </div>
  295.  
  296.  
  297. <div id="d" style="display: none;">
  298. <div style="text-align: center;" class="fadein">
  299. <div class="accs"><a href="http://ushio.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/u/s/ushio/thumb.jpg"></a></div>
  300. <div class="accs"><a href="http://asashio.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/a/s/asashio/thumb.jpg"></a></div>
  301. <div class="accs"><a href="http://darkmagiciangirl.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/d/a/darkmagiciangirl/thumb.jpg"></a></div>
  302. <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>
  303. <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>
  304. <div class="accs"><a href="http://skittles.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/s/k/skittles/thumb.jpg"></a></div>
  305. <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>
  306. <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>
  307. <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>
  308. <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>
  309. </div>
  310. </div>
  311.  
  312. <div id="credit">
  313. <blockquote><b>Theme :</b> Lena!</blockquote>
  314. <blockquote><b>Created :</b> Dec 21, 2017</blockquote>
  315. <blockquote><b>Created by :</b> <a href="http://tanja.chatango.com/" target="_blank">Tanja</a></blockquote>
  316. </div>
  317. </div>
  318.  
  319. </div>
  320.  
  321. <iframe width="0" height="0" src="https://www.youtube.com/embed/cTsmXbRNmSI?autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
  322. <div style="position:fixed; bottom:0px; right:0px;"><script src="//barrykun.com/vl.js" anons="true" private="true"></script></div>
  323. </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!