Advertisement
SinfulCoding

Untitled

Jan 30th, 2021
473
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.59 KB | None | 0 0
  1. <style>
  2.  
  3.  
  4. @import url('https://fonts.googleapis.com/css?family=Uncial+Antiqua');
  5. @import url('https://fonts.googleapis.com/css?family=Arizonia|Bad+Script|Coming+Soon|Yellowtail');
  6. @import url('https://www.themonster.xyz/styles/fancy-fonts.css');
  7. ::-webkit-scrollbar{width:0.5vh;height:0.1vh;}
  8. ::-webkit-scrollbar-track{border-radius:0;background:transparent;}
  9. ::-webkit-scrollbar-thumb{border-radius:0;background:transparent;}
  10. @import url('https://fonts.googleapis.com/css?family=League+Script');
  11. @import url('https://fontlibrary.org/face/pierce');
  12. @import url('https://fonts.googleapis.com/css2?family=Cinzel&display=swap');
  13.  
  14. body{
  15. background: #040305;
  16. background-image: url('https://www.universetoday.com/wp-content/uploads/2020/04/cosmos.jpg');
  17. background-attachment: fixed;
  18. background-position: top right;
  19. background-repeat: no-repeat;
  20. background-size: 100% 100%;
  21. }
  22.  
  23. #image{
  24. position: fixed;
  25. bottom: 0vh;
  26. right: 15vw;
  27. opacity: 1;
  28. }
  29.  
  30. #image img{
  31. height: 100vh;
  32. filter: drop-shadow(5px 5px 5px #9370DB);
  33. }
  34.  
  35. #image:hover {
  36. filter: drop-shadow(5px 5px 5px #9370DB);
  37. transition: 1s;}
  38.  
  39. h1{font-family: 'Arizonia', cursive;font-size: 5vh;color:#C0C0C0;border-bottom: 4px #9370DB double;}
  40. *{font-family: 'Uncial Antiqua', cursive;font-size:2vh;color:#888888;;}
  41.  
  42. i{font-family: 'Yellowtail', cursive;}
  43. a{font-family: 'Bad Script', cursive;text-decoration: none;transition:0.5s;}
  44. a:hover{transition: 0.5s;color: #fff;}
  45. .r{float:right;}
  46.  
  47. b {
  48. font-family: Nyala;
  49. font-size:18px;
  50. color:#C11B17;
  51. font-variant: small-caps;
  52. font-weight: normal;
  53. line-height: 20px;
  54. font-variant: small-caps;
  55. text-shadow: 0 0 1px red;
  56. }
  57. #title{
  58. position: fixed;
  59. z-index: 11;
  60. padding: 1%;
  61. height: 27vh;
  62. width: 50vw;
  63. top: 3vh;
  64. left: 5vw;
  65. border: 0px red solid;
  66. animation: title 1s 1;
  67. animation-fill-mode: both;
  68. animation-delay: .5s;
  69. }
  70.  
  71.  
  72.  
  73. t{
  74. font-family: 'Precious';
  75. font-size: 14vh;
  76. background: url(https://thumbs.gfycat.com/ConcernedShoddyHylaeosaurus-size_restricted.gif);
  77. -webkit-background-clip: text;
  78. -webkit-text-fill-color: #9370DB;
  79. filter: drop-shadow(0.25vh 0.25vh .5vh red);
  80. }
  81.  
  82. @font-face {
  83. font-family: 'Precious';
  84. src: url('https://dl.dropboxusercontent.com/s/rbsv1ucerv5m5m3/Precious.ttf');
  85. }
  86.  
  87.  
  88.  
  89. #box{
  90. position:fixed;
  91. z-index: 7;
  92. border: 5px #9370DB solid;
  93. background: black;
  94. font-family: 'Uncial Antiqua', cursive;
  95. padding: 1%;
  96. overflow: hidden;
  97. height: 52vh;
  98. width: 20vw;
  99. left: 10vw;
  100. bottom: 15vh;
  101. box-shadow: -.5vh .5vh .5vh #9370DB;
  102. }
  103.  
  104.  
  105. #nav{
  106. position:absolute;
  107. height:50vh;
  108. width:10vw;
  109. background:transparent;
  110. bottom:20vh;
  111. left: 32.7vw;
  112. }
  113.  
  114. .nav1{
  115. position:absolute;
  116. height:7%;
  117. width:40%;
  118. background:black;
  119. border-color:();
  120. top:20%;
  121. transition-duration:.4s;
  122. }
  123.  
  124. .nav1:hover{
  125. transition-duration:.4s;
  126. width:70%;
  127. background: #9370DB;
  128. }
  129.  
  130. .nav2{
  131. position:absolute;
  132. height:7%;
  133. width:40%;
  134. background:black;
  135. top:40%;transition-duration:.4s
  136. }
  137.  
  138. .nav2:hover{
  139. transition-duration:.4s;
  140. width:70%;
  141. background: #9370DB;
  142. }
  143.  
  144. .nav3{
  145. position:absolute;
  146. height:7%;
  147. width:40%;
  148. background:black;
  149. top:60%;
  150. transition-duration:.4s;
  151. }
  152.  
  153. .nav3:hover{
  154. transition-duration:.4s;
  155. width:70%;
  156. background: #9370DB;
  157. }
  158.  
  159. .nav4{
  160. position:absolute;
  161. height:7%;
  162. width:40%;
  163. background:black;
  164. top:80%;transition-duration:.4s;
  165. }
  166.  
  167. .nav4:hover{
  168. transition-duration:.4s;
  169. width:70%;
  170. background: #9370DB;
  171. }
  172.  
  173.  
  174.  
  175. #credit {
  176. z-index:1;
  177. position:fixed;
  178. height:20vh;
  179. right:1%;
  180. bottom:0%;
  181. }
  182.  
  183.  
  184. </style>
  185.  
  186. <div id="image">
  187. <img src="https://i.imgur.com/pmosMia.png">
  188. </div>
  189.  
  190. <div id="title"><t>Aeryx Vergodon</t></div>
  191.  
  192. <div id="nav">
  193. <a href="#one"><div class="nav1"></div></a>
  194. <a href="#two"><div class="nav2"></div></a>
  195. <a href="#three"><div class="nav3"></div></a>
  196. <a href="#four"><div class="nav4"></div></a>
  197. </div>
  198.  
  199.  
  200.  
  201. <div id="box">
  202. <div style="height: 100%; overflow-y: hidden;">
  203. <a name="one"></a>
  204. <div style="width:100%; height: 100%; overflow: hidden; " align="left">
  205. <center>
  206. <h1>I Wanna Burn You</h1></center>
  207. <br><br>
  208.  
  209.  
  210. <b>Name</b><div class="r">Aeryx Vergodon</div><br>
  211. <b>Alias</b><div class="r">The Abomination, Cosmic King</div><br>
  212. <b>Species</b><div class="r">Nephalem/Djinn</div><br>
  213. <b>Age</b><div class="r">Forgotten</div><br>
  214. <br>
  215. <b>Gender</b><div class="r">Male</div><br>
  216. <b>Sexuality</b><div class="r">Heterosexual</div><br>
  217. <b>Status</b><div class="r">Single</div><br>
  218. <b>Height</b><div class="r">7'6"</div><br>
  219. <b>Hair</b><div class="r">Platinum/White</div><br>
  220. <b>Eyes</b><div class="r">Heterochromia: Purple/Red</div><br>
  221.  
  222.  
  223. </div>
  224.  
  225. <a name="two"></a>
  226. <div style="width:100%; height: 100%; overflow: hidden; " align="left">
  227. <center>
  228. <h1>In Cosmic Fire</h1><br><br>
  229. </center>
  230. <b> The Nephalem </b><br>
  231. The Nephalem are a race of hybrid beings who are half angel and half demon. They wield the powers of both supernatural species and are considered a threat to both demonic and angelic power due to their formidable prowess and potential. Because of this, most of them were hunted down and slain.<Br><Br>
  232.  
  233. <b> Background </b><Br>
  234. Aeryx is what you would call a Nightmare, a Nightmare reincarnate almost, an abomination created within the sick mind of his parents. Angels and Demons mingling... breeding and daring to conceive such a being? A being not Born into the servitude of Lucifer and not into that of God either, a being in the grey left to do its own devices. This was exactly what he was and needed to be.. to show the world, to show the world and realms alike that it didn't matter if you hit? The justicars job was to hunt you down and slay you. This was the oath of Aeryx to himself. To show that both Angels and Demons were both the weaker species and that Nephalem themselves where to be the true powering cast. Time past, slaying occurred on both ends but then he ran into something unique, a vase of sorts, it held something within and once released the Djinn was bound t other Nephalem and upon this servitude the Djinn was freedom but not in the way many would hope, instead the Nephalem used his own abilities to take from the Djinn the very essence of the Djinn, he took what the Djinn needed most. The Art of Magic, the knowledge and power of Wish Making and bout it to himself, infusing the very art form with his very own Chaotic and Holy powers to amplify his own Wish making powers. Aeryx now stands proud, a being beyond the basis of power. He stands towering above those imbecile demons and angelics alike. A God in his own making.
  235.  
  236. </div>
  237.  
  238.  
  239. <a name="three"></a>
  240. <div style="width:100%; height: 100%; overflow: hidden; " align="left">
  241. <center>
  242. <h1>Capabilities</h1></center>
  243. <br><br>
  244. User with this ability either is or can transform into a Nephalem. These creatures have appeared in various forms of media, and have been described as the offspring of both an Angel and a Demon, but they can also be an Angel/Demon that possesses demonic/angelic powers. However, users of this power will have the potential to become more powerful than either side.<Br><br>
  245.  
  246. This is due to the fact that said spirit would be neutral and possess power from the forces of both Light and Darkness. These beings are based off of the Nephilim, the hybrid offspring of an Angel and a human, with the only difference being that both parents are immortal spirits. (Note: However, if the user who actually obtains this power is human, or alternatively a Nephalem mates with a Human, they will become/technically have a born child that would be just like the "Nephilim". In fact they would be an Angel/Demon/Human Hybrid.)<Br><br>
  247.  
  248. In terms of Moral alignment, Nephalems are mainly neutral, may also be considered wild cards, going to the side of good, evil or anywhere in between. The same can also be said for the personality of said being. As for appearances, the wielders form can have unique features from both sides of their heritage such as small horns and/or a halo, some having eyeballs that are from an Angel and a Demon, sometimes having both a demonic and angelic wing on either side of their backs, or colored skin and a supernatural, glowing aura that displays their divine status.
  249. </div>
  250.  
  251. <a name="four"></a>
  252. <div style="width:100%; height: 100%; overflow: hidden; " align="left">
  253. <center>
  254. <h1>Abilities </h1>
  255. <br><br>
  256. </center>
  257. <b>Wish Granting:</b> the power to grant Wishes its a Variation of reality magic. The user can grant wishes of others or oneself, manifesting the desires of others and themselves into reality and make their wildest dreams come true.<br><Br>
  258.  
  259. <b>Transcendent Form:</b> As an ethereal being, Nephalems possess a body of divine nature that allows advanced physical abilities.<br><Br>
  260.  
  261. <b>Ethereal Physiology:</b> Possess a body made of the Aether (hence the name "ethereal being").<br><Br>
  262.  
  263. <b>Absolute Existence:</b> Control the aspects of existence whether Mental, Physical, and Spiritual.<br><Br>
  264.  
  265. <b>Energy Perception:</b> Possess the ability to see the energies that flow through the universe.<br><Br>
  266.  
  267. <b>Extrasensory Perception:</b> Possess an incredible psychic perception.<br><Br>
  268.  
  269. <b>Higher Consciousness:</b> Nephalems naturally possess a level of consciousness that is beyond normal humans.<br><Br>
  270.  
  271. <b>Immortality:</b> Become immune to aging, and live indefinitely without food, drink, sleep, or air.<br><Br>
  272.  
  273. <b>Omnifarious:</b> Will be able to alter their malleable structure to an unlimited degree.<br><Br>
  274.  
  275. <b>Regenerative Healing Factor:</b> If injured somehow, user can heal from any injury inflicted.<br><Br>
  276.  
  277. <b>Spatial-Temporal Lock:</b> They are immune to to the effects of Time and Space.<br><Br>
  278.  
  279. <b>Supernatural Condition:</b> Have the supernatural degree of physical/mental attributes that only a divine spirit can possess.<br><Br>
  280.  
  281. <b>Divine-Demonic Force Manipulation:</b> As offspring of an angel and a demon, Nephalems can control both holy and unholy forces and powers.<br><Br>
  282.  
  283. <b>Ethereal Manipulation:</b> They can generate and control Aether, a powerful, primordial element that was used to create the universe itself as well as Nether, the chthonian element, that flows through the realms of the Living and the Dead.<br><Br>
  284.  
  285. <b>Nigh Omnipotence:</b> As stated before, Nephalems are beings with the potential to become more powerful than Angels, and Demons. And because of the high level of control over both Aether and Netheral forces, the wielder can possess vast, but limited, amounts of power.<br><Br>
  286.  
  287. <b>Healing:</b> Heal numerous amounts of people at a very high level with just a wave of the hand.<br><Br>
  288.  
  289. <b>Elemental Manipulation:</b> Control the elements around them to a degree that allows control of their environment.<br><Br>
  290.  
  291. <b>Holy Fire Manipulation/Hell-Fire Manipulation:</b> The power to manipulate the mystical flames of hell and the power to manipulate holy flames, which embodies the Purifying aspect of Fire.<br><Br>
  292.  
  293. <b>Cosmic Fire Manipulation:</b> The user can create, shape and manipulate cosmic fire from the depths of deep space, from celestial objects such as from meteors, stars, constellations, planets/planetoids, etc. These flames can burn in space, and thus, have no need of the consumption of oxygen.<br><Br>
  294.  
  295. <b>Power Absorption:</b> The user can absorb powers from others, usually temporarily and the victims naturally regain their lost power, but some users may be able to absorb powers permanently.<br><Br>
  296.  
  297. <b>Space-Time Manipulation:</b> Utilize the forces of time and space to influence certain events.<br><Br>
  298.  
  299. <b>Telekinesis:</b> Transcendent level ability to manipulate structures at a subatomic level.<br><Br>
  300.  
  301. <b>Twilight Manipulation:</b> As mentioned before, Nephalems possess power from both Light and Darkness, allowing control over the element of Twilight.<br><Br>
  302.  
  303. <b>Photo-Umbrakinesis:</b> Gain a hybrid ability to control the elements of Light/Darkness to a wider degree.<br><Br>
  304.  
  305. <b>Twilight Conjuration:</b> Create anything based on the wielder's thoughts, and feelings to the level where you can conjure whole cities.<br><Br>
  306.  
  307. <b>Twilight Dimensional Manipulation:</b> Use the power to manipulate many dimensional energies to a high level and travel to planes of both Energy and Matter.<br><Br>
  308.  
  309. <b>Twilight Energy Control:</b> Manipulate that energy in a variety of powerful ways.<br><Br>
  310.  
  311. <b>Ethereal Manipulation:</b> Manipulate Aether, a powerful, primordial element that was used to create the universe itself as well as Nether, the chthonian element, that flows through the realms of the Living and the Dead. <br><Br>
  312.  
  313.  
  314. </div>
  315.  
  316. </div>
  317. </div>
  318.  
  319. <a href="https://roleplay.chat/profile.php?user=From+Shadows+Codes" target="_blank" title="CC#02
  320. Firefox 1366x768
  321. Inform me of issues.">
  322. <img src="https://i.imgur.com/A9wLMgS.png" id="credit"/>
  323. </a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement