API tools faq
paste
Advertisement
ZukoHiyama

Anthem Freelancer

ZukoHiyama
Jan 8th, 2021
44
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.97 KB | None | 0 0
raw download clone embed print report
  1. <style>@import url('https://fonts.googleapis.com/css?family=Cinzel&display=swap');
  2.  
  3.  
  4. body {
  5. background-color: #FBFBFB;
  6. background-image: url('http://i.picpar.com/7Nqd.gif') ;
  7. background-position: fixed;
  8. background-size: 60%;
  9. background-repeat:no-repeat;
  10. background-position: left bottom;
  11.  
  12. }
  13.  
  14. .box {
  15. background-color: #959595;
  16. font-family: 'Cinzel', serif;
  17. position: fixed;
  18. bottom: 10%;
  19. right: 10%;
  20. width: 300px;
  21. height: 500px;
  22. border: 10px solid #c3b818;
  23. padding: 20px;
  24. margin: 0px;
  25. overflow: auto;
  26. animation: box 3s infinite;
  27. animation-delay: 15s;
  28. animation-timing-function: linear;
  29. animation-iteration-count: 1;
  30. animation-fill-mode: forwards;
  31. opacity: 0;
  32. }
  33.  
  34.  
  35. ::-webkit-scrollbar {
  36. width: 5px;
  37. }
  38.  
  39. ::-webkit-scrollbar-track {
  40. box-shadow: inset 0 0 5px grey;
  41. border-radius: 10px;
  42. }
  43.  
  44. ::-webkit-scrollbar-thumb {
  45. background: #26121E;
  46. border-radius: 10px;
  47. }
  48.  
  49. ::-webkit-scrollbar-thumb:hover {
  50. background: #4f3d47;
  51. }
  52.  
  53. div.trees {
  54. position: fixed;
  55. bottom: 0%;
  56. right: 0%;
  57. animation: trees4 10s infinite;
  58. animation-delay: 0s;
  59. animation-timing-function: linear;
  60. animation-iteration-count: 1;
  61. opacity: 0;
  62. z-index: -10;
  63. }
  64.  
  65.  
  66. div.fog {
  67. position: fixed;
  68. bottom: -200%;
  69. right: -200%;
  70. animation: trees1 1s infinite;
  71. animation-delay: 0s;
  72. animation-timing-function: linear;
  73. animation-iteration-count: 3;
  74. opacity: 0;
  75. }
  76.  
  77. div.fog2 {
  78. position: fixed;
  79. bottom: -200%;
  80. right: -200%;
  81. animation: trees2 2s infinite;
  82. animation-delay: 0s;
  83. animation-timing-function: linear;
  84. animation-iteration-count: 3;
  85. opacity: 0;
  86. }
  87.  
  88. div.fog3 {
  89. position: fixed;
  90. bottom: -200%;
  91. right: -200%;
  92. animation: trees3 2s infinite;
  93. animation-delay: 0s;
  94. animation-timing-function: linear;
  95. animation-iteration-count: 3;
  96. opacity: 0;
  97. }
  98.  
  99. div.ranger {
  100. position: fixed;
  101. right: 20%;
  102. bottom: 50%;
  103. animation: ranger 5s infinite;
  104. animation-delay: 0s;
  105. animation-timing-function: linear;
  106. animation-iteration-count: 2;
  107. opacity: 0;
  108. z-index: -9;
  109. }
  110.  
  111. div.ranger2 {
  112. position: fixed;
  113. right: 20%;
  114. bottom: 50%;
  115. animation: ranger2 3s infinite;
  116. animation-delay: 10s;
  117. animation-timing-function: linear;
  118. animation-iteration-count: 1;
  119. opacity: 0;
  120. z-index: -9;
  121. }
  122.  
  123. div.ranger3 {
  124. position: fixed;
  125. right: 0%;
  126. bottom: 0%;
  127. animation: ranger3 3s infinite;
  128. animation-delay: 15s;
  129. animation-timing-function: linear;
  130. animation-iteration-count: 1;
  131. animation-fill-mode: forwards;
  132. opacity: 1;
  133. z-index: -11;
  134.  
  135. }
  136.  
  137. @keyframes trees1 {
  138. 0% {right: -200%; }
  139. 40% {opacity: .5; bottom: -70%;}
  140. 60% {opacity: 1; bottom: -70%;}
  141. 100% {right: 200%; }
  142. }
  143.  
  144. @keyframes trees2 {
  145. 0% {right: -200%; }
  146. 40% {opacity: .5; bottom: -70%;}
  147. 60% {opacity: 1; bottom: -70%;}
  148. 100% {right: 200%; }
  149. }
  150.  
  151. @keyframes trees3 {
  152. 0% {right: -250%; }
  153. 40% {opacity: .5; bottom: -70%;}
  154. 60% {opacity: 1; bottom: -70%;}
  155. 100% {right: 250%; }
  156. }
  157.  
  158. @keyframes trees4 {
  159. 0% {right: -10%; opacity: 1; }
  160. 100% {right: 0%; bottom: -20%; }
  161. }
  162.  
  163.  
  164.  
  165. @keyframes ranger {
  166. 0% {right: 20%; bottom: 50%; opacity: 1; }
  167. 20% {right: 18%; bottom: 38%; }
  168. 40% {right: 21%; bottom: 40%; }
  169. 60% {right: 19%; bottom: 45%; }
  170. 80% {right: 21%; bottom: 48%; }
  171. 100% {right: 20%; bottom: 50%; opacity: 1; }
  172. }
  173.  
  174. @keyframes ranger2 {
  175. 0% {right: 20%; bottom: 50%; opacity: 1; }
  176. 20% {right: 40%; bottom: 45%; }
  177. 100% {right: -2000%; top: 45%; opacity: 0; }
  178. }
  179.  
  180. @keyframes ranger3 {
  181. 0% { opacity: 1; }
  182. 100% { opacity: 0; }
  183. }
  184.  
  185. @keyframes box {
  186. 0% { opacity: 0; }
  187. 100% { opacity: 1; }
  188. }
  189.  
  190. </style>
  191. <body>
  192. <div class="fog">
  193. <img src="http://i.picpar.com/SMqd.png" width="1000" ></div>
  194.  
  195.  
  196. <div class="fog2">
  197. <img src="http://i.picpar.com/SMqd.png" width="1000" ></div>
  198.  
  199.  
  200. <div class="fog3">
  201. <img src="http://i.picpar.com/SMqd.png" width="1000" ></div>
  202.  
  203. <div class="trees">
  204. <img src="http://i.picpar.com/1Mqd.png" width="2000" ></div>
  205.  
  206.  
  207. <div class="ranger">
  208. <img src="http://i.picpar.com/fNqd.png" width="700" ></div>
  209.  
  210. <div class="ranger2">
  211. <img src="http://i.picpar.com/fNqd.png" width="700" ></div>
  212.  
  213. <div class="ranger3">
  214. <img src="http://i.picpar.com/8Nqd.png" width="3000" ></div>
  215.  
  216. <div class="box"><img src="https://i.pinimg.com/736x/61/dc/8d/61dc8da5547ef161c54f90875ec668f3.jpg" width="300" ><br>
  217.  
  218.  
  219. <h1><b>Stats:</b><br></h1>
  220. ------------------------------------------------<br>
  221. <font style="float:right; font-weight: bold;">Sophia R'tsar</font> Name:<br>
  222. <font style="float:right; font-weight: bold;">25</font> Age:<br>
  223. <font style="float:right; font-weight: bold;">Human</font> Race:<br>
  224. <font style="float:right; font-weight: bold;"><span title="Fought at the Heart of Rage. Seen some shit. Lost a Cypher in the process. Has some baggage.">Freelancer*</span></font> Occupation:<br>
  225. <font style="float:right; font-weight: bold;">1.77m</font> Height:<br>
  226. <font style="float:right; font-weight: bold;">79kg</font> Weight:<br><br>
  227.  
  228. <img src="https://66.media.tumblr.com/3b07269fe501ac8783fe3e473bcd75a5/tumblr_pmgxf0Ldxt1r0cy9wo3_500.jpg" width="300" >
  229.  
  230. <h1><b>Equipment</b><br></h1>
  231. ------------------------------------------------<br>
  232. <font style="float:right; font-weight: bold;"><span title="All-rounder. Signs of heavy use and patchwork. Black Metallic coloration with gold trims and white highlights."><a target="_blank" href="https://anthem.fandom.com/wiki/Ranger">Ranger</span></a></font> Javelin:<br><br>
  233.  
  234. <font style="float:right; font-weight: bold;"><span title="Warden Masterwork. Every third weak point hit causes large fire explosions."><a target="_blank" href="https://anthem.fandom.com/wiki/Divine_Vengeance#Legendary">Divine Vengeance</span></a></font> Primary:<br>
  235. <font style="float:right; font-weight: bold;"><span title="Blastback Masterwork. Hovering increases weapon damage by 200%."><a target="_blank" href="https://anthem.fandom.com/wiki/Avenging_Herald">Avenging Herald</span></a></font> Secondary:<br><br>
  236.  
  237. <font style="float:right; font-weight: bold;"><span title="Frag Grenade Masterwork. Hitting enemies adds 7 Ultimate charges."><a target="_blank" href="https://anthem.fandom.com/wiki/Last_Argument">Last Argument</span></a></font> Grenade:<br>
  238. <font style="float:right; font-weight: bold;"><span title="Seeking Missile Masterwork. Detonating a combo grants 100% charge."><a target="_blank" href="https://anthem.fandom.com/wiki/Recurring_Vengeance">Recurring Vengeance</span></a></font> Launcher:<br><br>
  239.  
  240. <img src="http://i.picpar.com/yx5d.jpg" width="300" >
  241.  
  242. <h1><b>Story</b><br></h1>
  243. ------------------------------------------------<br>
  244. WIP<br><br>
  245.  
  246. <img src="https://i.redd.it/60fjly3pvpj21.gif" width="300" >
  247.  
  248. <h1><b>OOC</b><br></h1>
  249. ------------------------------------------------<br>
  250. -Made with Anthem in mind, though, open to Sci-Fi.<br>
  251. -Yes, the game was a disaster. I still liked it.<br>
  252. -Smut/Story blend is fav, but will take story first over smut.<br>
  253. -PM friendly, no reply usually means I'm busy or away from computer.<br>
  254. -Work Schedule is wonky. Be patient.<br>
  255. </div>
  256.  
  257. </body>
  258. </body>
  259. </html>
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!