Advertisement
ChaZayari

The Missionary

Sep 1st, 2020
44
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.65 KB | None | 0 0
  1. <style>
  2. @import url('https://fonts.googleapis.com/css?family=Aguafina+Script|Arizonia|Just+Another+Hand|Kalam|Lovers+Quarrel|Niconne|Nothing+You+Could+Do|Rouge+Script|Ruthie|Yesteryear&display=swap');
  3.  
  4. @keyframes imgblur{
  5. from{filter:blur(10px);opacity:0;}
  6. to{filter:blur(0px);opacity:1;}
  7. }
  8.  
  9. @keyframes fadeout{
  10. from{opacity:1;z-index: 4;}
  11. to{opacity:0;z-index: 1;}
  12. }
  13.  
  14. @keyframes fadeinfo{
  15. from{opacity: 0;z-index: 2;}
  16. to{opacity: 1;z-index: 4;}
  17. }
  18.  
  19.  
  20. #image{
  21. position: fixed;
  22. top: 0vh;
  23. right: 15vw;
  24. animation: imgblur 3.5s 1;
  25. animation-fill-mode: both;
  26. animation-delay: 3.25s;
  27. }
  28.  
  29. #image img{
  30. height: 100vh;
  31. }
  32.  
  33. #introtitle{
  34. position: fixed;
  35. text-align: center;
  36. height: 20vh;
  37. width: 50vw;
  38. top: 10vh;
  39. left: 5vw;
  40. font-family: 'Arizonia';
  41. font-size: 8vh;
  42. color: #999;
  43. animation: fadeout 2s 1;
  44. animation-delay: 3s;
  45. animation-fill-mode: both;
  46. }
  47.  
  48. #title{
  49. position: fixed;
  50. text-align: center;
  51. top: 10vh;
  52. width: 40vw;
  53. height: 20vh;
  54. left: 12vw;
  55. font-family: 'Ruthie';
  56. font-size: 25vh;
  57. color: #ff7f24;
  58. text-shadow: 0 0 1vh #999;
  59. animation: fadeinfo 2s 1;
  60. animation-delay: 3s;
  61. animation-fill-mode: both;
  62. }
  63.  
  64. #info{
  65. position: fixed;
  66. padding: 1%;
  67. text-align: center;
  68. height: 35vh;
  69. width: 40vw;
  70. top: 26vh;
  71. left: 10vw;
  72. animation: fadeinfo 2s 1;
  73. animation-delay: 3s;
  74. animation-fill-mode: both;
  75. font-family: 'Nothing You Could Do';
  76. font-size: 2.5vh;
  77. color: #000;
  78. }
  79.  
  80. a.lord{
  81. color: #fcba03;
  82. text-decoration: none;
  83. text-shadow: 0 0 1vh #000;
  84. transition: 0.4s;
  85. }
  86.  
  87. a.lord:hover{
  88. color: #fc3d03;
  89. transition: 0.4s;
  90. }
  91.  
  92. a.ooc{
  93. color: #000;
  94. text-decoration: underline;
  95. transition: 0.4s;
  96. }
  97.  
  98. a.ooc:hover{
  99. color: #888;
  100. transition: 0.4s;
  101. text-shadow: 0 0 1vh #000;
  102. }
  103.  
  104. </style>
  105.  
  106. <div id="introtitle">"May the flames of battle light your path to glory..."</div>
  107.  
  108. <a target="_blank" href="https://imgur.com/a/Lmg0rFt"><div id="image"><img src="https://i.imgur.com/RmGzhdf.png"></div></a>
  109.  
  110.  
  111. <div id="title">Helena</div>
  112. <div id="info">
  113. <br><br><br>
  114. A phantom, summoned from an era of eld, from one of the greatest warrior civilizations known to the universe, to serve as <a target="_blank" href="https://roleplay.chat/profile.php?user=The+Infused" class="lord">The Lord's</a> missionary for The Grand Battles. Planets shall war against one another, competing to become part of His Excellency's grand army, to conquer the universe one system at a time.<br>
  115. <br><br>
  116. <a title="
  117. This art is definitely not mine, as lovely as it is.
  118. The layout IS mine, however.
  119. Character is meant to be part of a friend's universe, but I can play her in other settings, primarily fantasy.
  120. Smut is....spotty, at best.
  121. " class="ooc">O. O. C.</a>
  122. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement