thisisnotras

new rikuo

Dec 20th, 2019
140
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.46 KB | None | 0 0
  1. <style>
  2.  
  3. @font-face{
  4. src:url(https://u4556289.dl.dropboxusercontent.com/s/hi4798mmhp6v5ym/HKGrotesk-Bold.otf?dl=0);
  5. font-family:'text1';}
  6.  
  7. body{
  8. background-color: white;
  9. }
  10.  
  11. #firstdiv{
  12. background-image:url(https://i.imgur.com/Lgy2aRM.png);
  13. background-size: auto 90%;
  14. background-repeat: no-repeat;
  15. margin: auto;
  16. position: absolute;
  17. top: 0px;
  18. left: 0px;
  19. right: 0px;
  20. bottom: 0px;
  21. height: 80vh;
  22. width: 90vw;
  23. background-position: center;
  24. box-shadow: 0px 0px 2px 2px gray;
  25. }
  26.  
  27. #nextdiv{
  28. position: absolute;
  29. z-index: 1;
  30. top: 0px;
  31. left: 0px;
  32. right: 0px;
  33. bottom: 0px;
  34. background-image:url(https://www.transparenttextures.com/patterns/black-scales.png);
  35. background-repeat: repeat;
  36. background-color: transparent;
  37. background-size: 15px;
  38. opacity: .6;
  39. }
  40.  
  41. #textdiv{
  42. position: fixed;
  43. margin-left: 60.3vh;
  44. margin-top: 4vh;
  45. height: 200px;
  46. width: 400px;
  47. background: transparent;
  48. z-index: 2;
  49. font-size: 18px;
  50. font-family: 'text1', Arial;
  51. color: #5a5a5ad1;
  52. letter-spacing:-.7px;
  53. box-sizing: border-box;
  54. }
  55.  
  56. #textflip{
  57. -webkit-transform:rotate(-90deg);
  58. transform: rotate(-90deg);
  59. position: absolute;
  60. left: -91px;
  61. top: 96px;
  62. }
  63.  
  64. #textnorm{
  65. position: absolute;
  66. top: 2px;
  67. left: 24px;
  68. line-height: 21px;}
  69.  
  70. </style>
  71.  
  72. <div id="nextdiv">
  73. </div>
  74. <div id="firstdiv">
  75. <div id="textdiv">
  76.  
  77. <div id="textflip">
  78. THE YOUNG SEA DRAGON</div>
  79.  
  80. <div id="textnorm">
  81. RIKUO<br>
  82. 6'3" // 237LBS
  83. </div>
  84.  
  85. </div>
  86. </div>
Advertisement
Add Comment
Please, Sign In to add comment