RageQxeen

The Unholy Construct

Jan 24th, 2020
157
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.41 KB | None | 0 0
  1. <html>
  2. <body>
  3. <style type="text/css">
  4.  
  5. @import url(https://fonts.googleapis.com/css?family=Tangerine|Great+Vibes);
  6.  
  7. html, body {
  8. background: #E8F2F1;
  9. background-image:url("");
  10. background-size:400px;
  11. background-repeat:no-repeat;
  12. background-position:center bottom;
  13. }
  14.  
  15. ::-webkit-scrollbar-button:vertical:{
  16. background-color: #transparent;}
  17.  
  18. ::-webkit-scrollbar-thumb:vertical {
  19. background-color:#transparent;
  20. height:150px;}
  21.  
  22. ::-webkit-scrollbar-thumb:horizontal {
  23. background-color:#transparent;
  24. height:60px;}
  25.  
  26.  
  27. ::-webkit-scrollbar {
  28. height:60px;
  29. width:5px;
  30. background-color:#transparent;}
  31.  
  32. #image {
  33. width: 35vw;
  34. margin: 0px;
  35. border: none;
  36. height: 45vw;
  37. background-color:transparent;
  38. position: absolute;
  39. left: 0vw;
  40. bottom: 0vw;
  41. background-image:url("http://danbooru.donmai.us/data/__yorha_type_a_no_2_nier_series_and_nier_automata_drawn_by_sami_3a3i3a3i__ce3af8d278bc926af343a9d227d46179.jpg");
  42. background-repeat:no-repeat;
  43. background-position: bottom;
  44. background-size: 100%;
  45. }
  46.  
  47. h1 {
  48. font-family: 'Great Vibes', cursive;
  49. font-size: 30px;
  50. line-height: 22px;
  51. color:#000000;
  52. text-align: center;
  53. letter-spacing:1px;
  54. word-spacing: 2px;
  55. text-decoration:none!important;
  56. }
  57.  
  58. h2 {
  59. font-family: 'Tangerine', cursive;
  60. font-size: 20px;
  61. line-height: 22px;
  62. color:#000000;
  63. text-align: center;
  64. letter-spacing:1px;
  65. word-spacing: 2px;
  66. text-decoration:none!important;
  67. }
  68.  
  69. h3 {
  70. font-family: 'Tangerine', cursive;
  71. font-size: 15px;
  72. line-height: 22px;
  73. color:#000000;
  74. text-align: center;
  75. letter-spacing:1px;
  76. word-spacing: 2px;
  77. text-decoration:none!important;
  78. }
  79.  
  80. .placement {
  81. position: fixed;
  82. overflow: auto;
  83. background-color: transparent;
  84. top: 15vw;
  85. right: 2vw;
  86. width: 18vw;
  87. height: 12vw;
  88. z-index: 1;
  89. }
  90.  
  91. a {
  92. color: #000000; /*link color*/
  93. text-decoration: none;
  94. -webkit-transition: all 0.5s ease;
  95. -moz-transition: all 0.5s ease;
  96. transition: all 0.5s ease;
  97. }
  98.  
  99. a:hover {
  100. color: #830303; /*hover link color*/
  101. -webkit-transition: all 0.5s ease;
  102. -moz-transition: all 0.5s ease;
  103. transition: all 0.5s ease;
  104. }
  105.  
  106. </style>
  107.  
  108. <div class="placement"><h1>Title Here!</h1>
  109. <h2>Name | Gender | Alias/Hero Name | Occupation<br><br>
  110. <a target="_blank" href="Doc Link Here">Quirk</a></h2>
  111. <h3><a target="_blank" href="https://roleplay.chat/profile.php?user=Caelum">Inspired By</a></h3>
  112. </div>
  113.  
  114. <div id="image"></div>
  115.  
  116. </body>
  117. </html>
  118.  
  119. </body>
  120. </html>
Advertisement
Add Comment
Please, Sign In to add comment