ChaZayari

Garo Mol

May 18th, 2020
51
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.70 KB | None | 0 0
  1. <style>
  2. @import url('https://www.themonster.xyz/styles/fancy-fonts.css');
  3.  
  4. body{
  5. background: #F1ECE6;
  6. }
  7.  
  8. #photo{
  9. position: fixed;
  10. bottom: 15vh;
  11. left: 24vw;
  12. transition: 0.5s;
  13. border: 1.4vh #35232F solid;
  14. }
  15.  
  16. #photo img{
  17. height: 70vh;
  18. }
  19.  
  20. #info{
  21. position: fixed;
  22. opacity: 0;
  23. text-align: center;
  24. border: 1vh #000 solid;
  25. background: rgba(209, 209, 209, 0.4);
  26. overflow: hidden;
  27. color: #fceaca;
  28. height: 70vh;
  29. width: 110vh;
  30. bottom: 15vh;
  31. left: 24.5vw;
  32. font-family: 'Whitney';
  33. font-size: 2.75vh;
  34. text-shadow: 0 1vh 1.5vh #000;
  35. transition: 0.5s;
  36. }
  37.  
  38.  
  39. body:hover #info{
  40. opacity: 1;
  41. transition: 0.5s;
  42. }
  43.  
  44. body:hover #photo{
  45. filter:blur(10px);
  46. transition: 0.5s;
  47. }
  48.  
  49. h1{
  50. font-family: 'Graceland';
  51. color: #f7ded0;
  52. font-size: 7vh;
  53. letter-spacing: 3px;
  54. }
  55.  
  56. a{
  57. text-decoration: none;
  58. color: #fceaca;
  59. transition: 0.5s;
  60. }
  61.  
  62. a:hover{
  63. transition: 0.5s;
  64. color: #000;
  65. text-shadow: 0 0 2vh #000;
  66. }
  67.  
  68.  
  69. </style>
  70.  
  71.  
  72. <div id="photo">
  73. <img src="https://i.imgur.com/DKUXxSL.png">
  74. </div>
  75.  
  76. <div id="info">
  77. <br>
  78. <h1>Garo Mol</h1>
  79. Destruction Magic Extraordinaire!<br>
  80. Hails from the Azim Steppe, and has traveled the world <strike>attempting</strike> to help those in need with their problems!<br>
  81. She is the magnificent height of four foot eleven.<br>
  82. Has chosen Black Magic as her profession.<br>
  83. She's completely and totally fe<a target="_blank" href="https://i.imgur.com/sbe9NHv.png?1">male.*</a><br>
  84. She tries to be friendly to most people, but has a distinct lack of patience when it comes to people with no sense.<br>
  85. Prefers those of the same gender, but is a bit flexible.<br>
  86. <br>
  87. <br><br><br>
  88. FFXIV OC. Code is mine. Art is not. In-Room Approach first. Golden Rule. Yada yada.
  89. </div>
Add Comment
Please, Sign In to add comment