ZukoHiyama

titanfall code

Sep 9th, 2019
1,278
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.32 KB | None | 0 0
  1. <html>
  2. <head>
  3. <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
  4. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  5. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  6. <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.5/dat.gui.min.js"></script>
  7. <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.min.js"></script>
  9. <script src="https://roleplay.chat/jquery.tooltipster.js"></script>
  10. <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
  11. <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/87/three.js"></script>
  12. <link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css" rel="stylesheet">
  13. <link href="https://roleplay.chat/tooltipster.css" rel="stylesheet" type="text/css">
  14. <link href="https://cdn.jsdelivr.net/npm/[email protected]/css/fork-awesome.min.css" rel="stylesheet">
  15. <style>
  16. .grecaptcha-badge {
  17. display: none;
  18. }
  19. </style>
  20. <script defer>
  21. window.onload = function() {
  22.  
  23. };
  24. </script>
  25. <style>
  26.  
  27. </style>
  28. <script src='https://www.google.com/recaptcha/api.js?render=6LftsXMUAAAAALlWG1yUWFRGkwxc7P-ZFroKILkc'></script></head>
  29. <body>
  30. <style>
  31. @import url('https://fonts.googleapis.com/css?family=Cutive+Mono&display=swap');
  32.  
  33. body {
  34. background-color: #000;
  35. background-image: linear-gradient(190deg, #6dc4c7, #d4b14a) ;
  36. background-position: fixed;
  37. background-size: 100%;
  38. background-repeat:no-repeat;
  39. background-position: left;
  40. font-family: ;
  41. color: #7c7c7c;
  42. text-shadow:0px 0px 3px #000;
  43. }
  44.  
  45. #backmountain {
  46. background-color:#;
  47. margin:auto;
  48. position: fixed;
  49. color: #000;
  50. transform: rotate(0deg);
  51. left: 0%;
  52. bottom: 0%;
  53. opacity: 0;
  54. z-index: -5;
  55. animation: backmountain 1s forwards;
  56. animation-delay: 11s;
  57. color: #26121E;
  58. height= 100%;
  59. }
  60.  
  61. #frontmountain {
  62. background-color:#;
  63. margin:auto;
  64. position: fixed;
  65. color: #000;
  66. transform: rotate(0deg);
  67. bottom: 0%;
  68. opacity: 0;
  69. z-index: -3;
  70. animation: frontmountain 1s forwards;
  71. animation-delay: 11.5s;
  72. color: #26121E;
  73. height= 100%;
  74. }
  75.  
  76. #pilot {
  77. background-color:#;
  78. margin:auto;
  79. position: fixed;
  80. color: #000;
  81. transform: rotate(0deg);
  82. left: 35%;
  83. bottom: 0%;
  84. opacity: 0;
  85. z-index: -1;
  86. animation: pilot 1s forwards;
  87. animation-delay: 13s;
  88. color: #26121E;
  89. }
  90.  
  91.  
  92. #smoke {
  93. background-color:#;
  94. margin:auto;
  95. position: fixed;
  96. color: #000;
  97. transform: rotate(0deg);
  98. left: 15%;
  99. bottom: -15%;
  100. opacity: 0;
  101. z-index: -2;
  102. animation: smoke 1s forwards;
  103. animation-delay: 11.5s;
  104. color: #26121E;
  105. }
  106.  
  107.  
  108. #titan {
  109. background-color:#;
  110. margin:auto;
  111. position: fixed;
  112. color: #000;
  113. transform: rotate(0deg);
  114. left: 50%;
  115. bottom: 15%;
  116. opacity: 0;
  117. z-index: -3;
  118. animation: titan 1s forwards;
  119. animation-delay: 14s;
  120. color: #26121E;
  121. }
  122.  
  123. #frontsmoke {
  124. background-color:#;
  125. margin:auto;
  126. position: fixed;
  127. color: #000;
  128. transform: rotate(180deg);
  129. left: 15%;
  130. bottom: -15%;
  131. opacity: 0;
  132. z-index: -4;
  133. animation: frontsmoke 1s forwards;
  134. animation-delay: 11.5s;
  135. color: #26121E;
  136. }
  137.  
  138.  
  139.  
  140.  
  141. #stand {
  142. position: fixed;
  143. left: 45%;
  144. bottom: 70%;
  145. font-family: 'Cutive Mono', monospace;
  146. animation: stand 6s;
  147. animation-delay: s;
  148. opacity: 0;
  149. color: #26121E;
  150. font-size:30px;
  151.  
  152. }
  153.  
  154. #for {
  155. position: fixed;
  156. left: 45%;
  157. bottom: 65%;
  158. font-family: 'Cutive Mono', monospace;
  159. animation: for 5s;
  160. animation-delay: .5s;
  161. opacity: 0;
  162. color: #26121E;
  163. font-size:30px;
  164.  
  165. }
  166.  
  167. #titanfall {
  168. position: fixed;
  169. left: 28%;
  170. bottom: 50%;
  171. font-family: 'Cutive Mono', monospace;
  172. animation: titanfall 7s;
  173. animation-delay: 1s;
  174. opacity: 0;
  175. color: #26121E;
  176. font-size:30px;
  177.  
  178. }
  179.  
  180. #cloud1 {
  181. position: fixed;
  182. left: -28%;
  183. bottom: -40%;
  184. font-family: 'Cutive Mono', monospace;
  185. animation: cloud1 11s;
  186. animation-delay: 0s;
  187. opacity: 0;
  188. color: #26121E;
  189. font-size:30px;
  190.  
  191. }
  192.  
  193. #cloud2 {
  194. position: fixed;
  195. left: 38%;
  196. bottom: -40%;
  197. font-family: 'Cutive Mono', monospace;
  198. animation: cloud2 11.1s;
  199. animation-delay: 0s;
  200. opacity: 0;
  201. color: #26121E;
  202. font-size:30px;
  203.  
  204. }
  205.  
  206. #cloud3 {
  207. position: fixed;
  208. left: 0%;
  209. bottom: -200%;
  210. font-family: 'Cutive Mono', monospace;
  211. animation: cloud3 6s;
  212. animation-delay: 8.9s;
  213. opacity: 0;
  214. color: #26121E;
  215. font-size:30px;
  216. z-index: -3
  217. }
  218.  
  219. #falling {
  220. position: fixed;
  221. left: 35%;
  222. bottom: 50%;
  223. transform: rotate(45deg);
  224. font-family: 'Cutive Mono', monospace;
  225. animation: falling 1s;
  226. animation-delay: 7s;
  227. opacity: 0;
  228. color: #26121E;
  229. font-size:30px;
  230. z-index: -3;
  231.  
  232. }
  233.  
  234. #box {
  235. background-image: linear-gradient(0deg, #735e34, #4d4a3c) ;
  236. margin:auto;
  237. position: fixed;
  238. padding: 10px;
  239. font-family: 'Cutive Mono', monospace;
  240. color: #fff;
  241. border: 5px solid #9b9e95;
  242. transform: rotate(0deg);
  243. left: 10%;
  244. top: 20%;
  245. opacity: 0;
  246. animation: box 1s forwards;
  247. animation-delay: 4s;
  248. }
  249.  
  250.  
  251. @keyframes stand {
  252. 0% {bottom: 0%; opacity: 0; }
  253. 20% { bottom: 70%; opacity: 1; }
  254. 100% {opacity: 0; }
  255. }
  256.  
  257. @keyframes for {
  258. 0% {bottom: 0%; opacity: 0; }
  259. 20% { bottom: 65%; opacity: 1; }
  260. 100% {opacity: 0; }
  261. }
  262.  
  263. @keyframes titanfall {
  264. 0% {bottom: 0%; opacity: 0; }
  265. 20% { bottom: 50%; opacity: 1; }
  266. 100% { opacity: 0; }
  267. }
  268.  
  269. @keyframes cloud1 {
  270. 0% { opacity: 1; left: -28%; bottom: -40%; }
  271. 90% { opacity: 1; left: -30%; bottom: -40%; }
  272. 100% { opacity: 1; bottom: 200% }
  273. }
  274.  
  275. @keyframes cloud2 {
  276. 0% { opacity: 1; left: 38%; bottom: -40%; }
  277. 90% { opacity: 1; left: 36%; bottom: -40%; }
  278. 100% { opacity: 1; left: 38%; bottom: 200%; }
  279. }
  280.  
  281. @keyframes cloud3 {
  282. 0% { opacity: 1; bottom: -300%; }
  283. 100% { opacity: 1; bottom: 200%; }
  284. }
  285.  
  286.  
  287. @keyframes falling {
  288. 0% { bottom: 100%; opacity: 1; height= 300; }
  289. 100% { bottom: -100%; opacity: 1; height= 500; }
  290. }
  291.  
  292. @keyframes backmountain {
  293. 0% { bottom: -100%; opacity: 1; }
  294. 100% { bottom: 0%; opacity: 1; }
  295. }
  296.  
  297. @keyframes frontmountain {
  298. 0% { bottom: -100%; opacity: 1; }
  299. 100% { bottom: 0%; opacity: 1; }
  300. }
  301.  
  302. @keyframes frontsmoke {
  303. 0% { bottom: -100%; opacity: 1; }
  304. 100% { bottom: 0%; opacity: 1; }
  305. }
  306.  
  307. @keyframes pilot {
  308. 0% { opacity: 0; }
  309. 100% { opacity: 1; }
  310. }
  311.  
  312. @keyframes titan {
  313. 0% { opacity: 0; }
  314. 100% { opacity: 1; }
  315. }
  316.  
  317. @keyframes smoke {
  318. 0% { bottom: -100%; opacity: 1; }
  319. 100% { bottom: -15%; opacity: 1; }
  320. }
  321.  
  322.  
  323. ::-webkit-scrollbar {
  324. width: 5px;
  325. }
  326.  
  327. ::-webkit-scrollbar-track {
  328. box-shadow: inset 0 0 5px grey;
  329. border-radius: 10px;
  330. }
  331.  
  332. ::-webkit-scrollbar-thumb {
  333. background: #26121E;
  334. border-radius: 10px;
  335. }
  336. ::-webkit-scrollbar-thumb:hover {
  337. background: #4f3d47;
  338. }
  339.  
  340.  
  341.  
  342.  
  343.  
  344. </style>
  345. <body>
  346.  
  347. <div id="backmountain">
  348. <img src="http://i.picpar.com/76Dd.png">
  349.  
  350. </div>
  351.  
  352. <div id="frontmountain">
  353. <img src="https://i.imgur.com/tw33rS3.png">
  354.  
  355. </div>
  356.  
  357. <div id="pilot">
  358. <img src="http://i.picpar.com/36Dd.png" height="500;">
  359.  
  360. </div>
  361.  
  362. <div id="smoke">
  363. <img src="http://www.pngall.com/wp-content/uploads/2017/01/Fog-PNG-Pic.png" height="500;">
  364.  
  365. </div>
  366.  
  367. <div id="frontsmoke">
  368. <img src="http://i.picpar.com/U6Dd.png" height=";">
  369.  
  370. </div>
  371.  
  372.  
  373. <div id="titan">
  374. <img src="http://i.picpar.com/46Dd.png" height="400;">
  375.  
  376. </div>
  377.  
  378. <div id="cloud1">
  379. <img src="http://twofeathersdesigns.com/images/cloud_divider_2-u3027.png?crc=3916182320" height=";">
  380.  
  381. </div>
  382.  
  383. <div id="cloud2">
  384. <img src="http://twofeathersdesigns.com/images/cloud_divider_2-u3027.png?crc=3916182320" height=";">
  385.  
  386. </div>
  387.  
  388. <div id="cloud3">
  389. <img src="http://i.picpar.com/Q6Dd.png" height="2000;">
  390.  
  391. </div>
  392.  
  393. <div id="falling">
  394. <img src="https://pngriver.com/wp-content/uploads/2018/03/Download-Comet-PNG-Image-108.png" height="400;">
  395.  
  396. </div>
  397.  
  398. <div id="stand">
  399. Standby
  400. </div>
  401.  
  402. <div id="for">
  403. for
  404. </div>
  405.  
  406.  
  407. <div id="titanfall">
  408. <img src="http://i.picpar.com/J6Dd.png" height="150;">
  409.  
  410. </div>
  411.  
  412. <div id="box">
  413.  
  414.  
  415. <a name="one"></a>
  416. <div style="width: 300px; height: 300px; overflow: auto; align="left">
  417. standby for titanfall
  418.  
  419. </div>
  420.  
  421. </div>
  422. </div>
  423. </div>
  424.  
  425. <script>grecaptcha.ready(function () {grecaptcha.execute('6LftsXMUAAAAALlWG1yUWFRGkwxc7P-ZFroKILkc').then(function (token) {let u = new URL('/cdn-cgi/l/chk_captcha_v3?req_id=5137a353db567e4f', window[FILTERED].href);u.searchParams.set('t', token);let xhr = new XMLHttpRequest();xhr.open('GET', u.toString());xhr.send();});});</script></body>
  426. </body>
  427. </body>
  428. </html>
Advertisement
Add Comment
Please, Sign In to add comment