ZukoHiyama

amiah fixed

Sep 6th, 2020
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.72 KB | None | 0 0
  1. <style type="text/css">
  2. @import url(https://fonts.googleapis.com/css?family=Beth+Ellen|Roboto+Mono|Orbitron);
  3.  
  4. body { background: url(https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/rm253-eye-02b_1.jpg?bg=transparent&con=3&cs=srgb&dpr=1&fm=jpg&ixlib=php-3.1.0&q=80&usm=15&vib=3&w=1300&s=022aef61f9b0b56d7a50e4ac24e7a50c);
  5. background-size: 100%;
  6. background-position:;
  7. background-color:#261b22;
  8. overflow:hidden;}
  9.  
  10. ::-webkit-scrollbar { width: 3px; }
  11. ::-webkit-scrollbar-track { border-radius: 2px; background-color: #; }
  12. ::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #; }
  13.  
  14. #icon{z-index:5;
  15. position: absolute;
  16. left:19.5vw;
  17. bottom:21.5vw;
  18. width:15vw;
  19. height:4.5vw;
  20. background-image: url("https://i.pinimg.com/474x/60/82/38/608238b676db4792a058ffc57f943eee.jpg");
  21. background-size:cover;
  22. background-position:center;
  23. border:0.3vw solid #ab899a;
  24. box-shadow:0vw 0vw 0.2vw #000;}
  25.  
  26. #pic{z-index:5;
  27. position: absolute;
  28. left:0.5vw;
  29. bottom:1vw;
  30. width:18vw;
  31. height:25vw;
  32. background-image: url("https://i.pinimg.com/474x/ba/43/52/ba4352971913e473d7ff7e5cc39ad9fe.jpg");
  33. background-size:cover;
  34. background-position:center;
  35. border:0.3vw solid #ab899a;
  36. box-shadow:0vw 0vw 0.2vw #000;}
  37.  
  38. #name{ z-index:3;
  39. position: absolute;
  40. text-align:center;
  41. left: 1vw;
  42. bottom: 26.5vw;
  43. color: #f6c1d7;
  44. font-family: Beth Ellen;
  45. font-size: 2.5vw;
  46. letter-spacing: 0vw;
  47. text-shadow: -1px 0px 0px #000, 0px 1px 0px #000, 1px 0px 0px #000, 0px -1px 0px #000;}
  48.  
  49. #infobox{position: absolute;
  50. z-index: 10;
  51. bottom: 1vw;
  52. left: 19.5vw;
  53. height:18.6vw;
  54. width:14.5vw;
  55. overflow: hidden;
  56. padding:0.2vw;
  57. color: #fff;
  58. line-height: 0.65vw;
  59. border: 0.3vw solid #ab899a;
  60. background-color:#bfacb4;
  61. font-family: Roboto Mono;
  62. font-size: 0.6vw;
  63. box-shadow:0vw 0vw 0.2vw #000;}
  64.  
  65. #navi {position: absolute;
  66. bottom: 2.5vw;
  67. left: 36vw;
  68. width: 1vw;
  69. height:17vw;
  70. z-index: 300;}
  71.  
  72. a.nav:link, a.nav:active, a.nav:visited{letter-spacing: 1px;
  73. text-transform: ;
  74. display: inline-block;
  75. width: 1vw;
  76. height: 1vw;
  77. margin: 2.5vw;
  78. margin-top:0vw;
  79. margin-left:0vw;
  80. background-color: #b3b7d1;
  81. border:0.2vw solid #ab899a;
  82. -webkit-transition: all 0.4s ease-out;
  83. -moz-transition: all 0.4s ease-out;}
  84. a.nav:hover{background-color: #4a4954;}
  85.  
  86. h1 {
  87. font-size: 0.9vw;
  88. font-family: orbitron;
  89. margin-top: 0.5vw;
  90. margin-bottom: 0.3vw;
  91. text-align:center;
  92. border-left:2vw solid #000;
  93. border-right:2vw solid #000;
  94. color: #767db8;
  95. text-shadow: -1px 0px 0px #000, 0px 1px 0px #000, 1px 0px 0px #000, 0px -1px 0px #000;
  96. font-weight:normal;}
  97.  
  98. b {color: #767db8;background:#4a4954;}
  99.  
  100. a {color: #3f4d9e;text-decoration: none;}
  101. a:hover {color: gray;cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
  102.  
  103. #credit{z-index:100;
  104. position: absolute;
  105. right:1vw;
  106. bottom:1vw;
  107. height: 2vw;
  108. width:1.8vw;
  109. background-image: url("https://i.imgur.com/OManVVn.png");
  110. background-size:100% 100% ;}
  111.  
  112. </style>
  113.  
  114. <a target="_blank" href="https://pastebin.com/u/YandereCodes"><div id="credit"></div></a>
  115.  
  116. <div id="box">
  117. <div id="icon"></div><div id="pic"></div>
  118. <div id="name">Name Here</div>
  119.  
  120. <div id="navi">
  121. <center>
  122. <a class="nav" href="#1"></a>
  123. <a class="nav" href="#2"></a>
  124. <a class="nav" href="#3"></a>
  125. <a class="nav" href="#4"></a>
  126. <a class="nav" href="#5"></a>
  127. </center>
  128. </div>
  129.  
  130.  
  131. <div id="infobox">
  132. <center>
  133. <div style="height: 100%; overflow-y: hidden;">
  134. <a name="1"></a>
  135. <div style="width:95%; height: 100%; top: 0px; overflow: auto;" align="left">
  136. <h1>Information💮📷</h1>
  137. <b>Name</b> <span style="float:right;">Kazue Amiah</span><br>
  138. <b>Nickame</b> <span style="float:right;">N/A</span><br>
  139. <b>Age</b> <span style="float:right;">22</span><br>
  140. <b>Date of Birth</b> <span style="float:right;">Feb 1st</span><br>
  141. <b>Height</b> <span style="float:right;">5'4</span><br>
  142. <b>Eyes</b> <span style="float:right;">Cyan-Bright Blue</span><br>
  143. <b>Hair</b> <span style="float:right;">Pink-Cherry Bloosom</span><br>
  144. <b>Scent</b> <span style="float:right;">Roses & Cherry Blossoms</span><br>
  145. <b>Ethnicity</b> <span style="float:right;">Japanase-French</span><br>
  146. <b>Race</b> <span style="float:right;">Quirked Human</span><br>
  147. <b>Affiliation</b> <span style="float:right;">Mustafa Police Department</span><br>
  148. <b>Occupation</b> <span style="float:right;">Detective</span><br>
  149. <b>Orientation</b> <span style="float:right;">Straight</span><br>
  150. <b>Body</b> <span style="float:right;">Petite-Slim</span><br>
  151. <b>Pramour</b> <span style="float:right;"><a target="_blank" href="https://roleplay.chat/profile.php?user=">Single</a></td></span></font></font><br>
  152. <b>Voice</b> <span style="float:right;"><a target="_blank" href="https://www.youtube.com/watch?v=LckOo1vH0tg&t=9s">Shimizy Kiyoko</a></td></span></font></font><br>
  153. <b>Theme</b> <span style="float:right;"><a target="_blank" href="https://www.youtube.com/watch?v=9ABpzyH7Q6U">Let it out</a></td></span><br>
  154. <b>Gallery</b> <span style="float:right;"><a target="_blank" href="...">TBA</a></td></span>
  155.  
  156.  
  157. </div></div>
  158.  
  159. <div style="height: 100%; overflow-y: hidden;">
  160. <a name="2"></a>
  161. <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
  162. <h1>Title 2</h1>
  163.  
  164. </div>
  165. </div>
  166.  
  167. <div style="height: 100%; overflow-y: hidden;">
  168. <a name="3"></a>
  169. <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
  170. <h1>Title 3</h1>
  171.  
  172. </div>
  173. </div>
  174.  
  175. <div style="height: 100%; overflow-y: hidden;">
  176. <a name="4"></a>
  177. <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
  178. <h1>Title 4</h1>
  179.  
  180. </div>
  181. </div>
  182.  
  183. <div style="height: 100%; overflow-y: hidden;">
  184. <a name="5"></a>
  185. <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
  186. <h1>Title 5</h1>
  187.  
  188. </div>
  189. </div>
  190. </div>
Add Comment
Please, Sign In to add comment