RageQxeen

Lillitu

Mar 7th, 2019
272
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.17 KB | None | 0 0
  1. <html>
  2. <body><style type="text/css">
  3.  
  4. @import url(https://fonts.googleapis.com/css?family=Clicker+Script|Aref+Ruqaa);
  5.  
  6. html, body {
  7. background: #581f1f;
  8. background-image:url("");
  9. background-size:400px;
  10. background-repeat:no-repeat;
  11. background-position:center bottom;
  12. }
  13.  
  14. ::-webkit-scrollbar-button:vertical:{
  15. background-color: #transparent;}
  16.  
  17. ::-webkit-scrollbar-thumb:vertical {
  18. background-color:#transparent;
  19. height:150px;}
  20.  
  21. ::-webkit-scrollbar-thumb:horizontal {
  22. background-color:#transparent;
  23. height:60px;}
  24.  
  25. ::-webkit-scrollbar {
  26. height:60px;
  27. width:5px;
  28. background-color:#transparent;}
  29.  
  30. #image {
  31. width: 500px;
  32. margin: 0px;
  33. border: none;
  34. height: 700px;
  35. background-color:transparent;
  36. position: absolute;
  37. left: 0%;
  38. bottom: 0%;
  39. background-image:url("http://i.picpar.com/M6Sc.png");
  40. background-repeat:no-repeat;
  41. background-position: bottom;
  42. background-size: 100%;
  43. }
  44.  
  45. #content {
  46. background-color: #f3f3f3;
  47. width: 350px;
  48. height: 250px;
  49. margin:auto;
  50. position: absolute;
  51. padding: 10px;
  52. right: 49.8%;
  53. top: 8.5%;
  54. font-family: 'Aref Ruqaa', cursive;
  55. z-index:1;
  56. border: #000000 solid 3px;
  57. }
  58.  
  59. #content2 {
  60. background-color: #f3f3f3;
  61. width: 350px;
  62. height: 250px;
  63. margin:auto;
  64. position: absolute;
  65. padding: 10px;
  66. right: 3%;
  67. top: 8.5%;
  68. font-family: 'Aref Ruqaa', cursive;
  69. z-index:1;
  70. border: #000000 solid 3px;
  71. }
  72.  
  73. #content3 {
  74. background-color: #f3f3f3;
  75. width: 725px;
  76. height: 250px;
  77. margin:auto;
  78. position: absolute;
  79. padding: 10px;
  80. right: 3%;
  81. bottom: 4%;
  82. font-family: 'Aref Ruqaa', cursive;
  83. z-index:1;
  84. border: #000000 solid 3px;
  85. }
  86.  
  87. #container {
  88. background-color:#000;
  89. background-image:url("");
  90. width: 800px;
  91. height: 630px;
  92. margin:auto;
  93. position: absolute;
  94. right: 5%;
  95. bottom: 2%;
  96. z-index:1;
  97. }
  98.  
  99. #nav {
  100. background-color: transparent;
  101. width: 250px;
  102. height: 10px;
  103. margin:auto;
  104. position: absolute;
  105. right: 33.5%;
  106. bottom: 2%;
  107. text-align: center;
  108. z-index:1;
  109. }
  110.  
  111. #nav a, #nav a:link, #nav a:visited {
  112. display:inline-block;
  113. background: #555;
  114. color: #555;
  115. margin-top: 0px;
  116. margin-bottom: 0px;
  117. margin-left: 0px;
  118. height: 10px;
  119. width: 40px;
  120. border-radius: 5px;
  121. }
  122.  
  123. #nav a:active, #nav a:hover {
  124. display:inline-block;
  125. height: 10px;
  126. width: 40px;
  127. text-decoration:none;
  128. background: #ccc;
  129. color: #ccc;
  130. margin: 0px;
  131. }
  132.  
  133. #name {
  134. z-index:15;
  135. position: absolute;
  136. right: 27%;
  137. top: 1%;
  138. margin: auto;
  139. background: #transparent;
  140. width: 350px;
  141. height: 100px;
  142. font-family: Clicker Script;
  143. font-size: 3vw;
  144. background: url(http://gifimage.net/wp-content/uploads/2017/11/falling-feathers-gif-3.gif) -20px -20px repeat;
  145. -webkit-text-fill-color: transparent;
  146. -webkit-background-clip: text;
  147. background-position: center;
  148. display:inline;
  149. text-align: left;
  150. letter-spacing: 1px;
  151. -webkit-transition:opacity 2s linear;
  152. line-height:3.6vw;
  153. }
  154.  
  155. #nameunder{
  156. z-index:15;
  157. position: absolute;
  158. right: 27%;
  159. top: 1%;
  160. margin: auto;
  161. background: #transparent;
  162. width: 350px;
  163. height: 100px;
  164. font-family: Clicker Script;
  165. font-size: 3vw;
  166. -webkit-text-fill-color: transparent;
  167. text-transform: none;
  168. -webkit-background-clip: text;
  169. display:inline;
  170. text-shadow: -1px 0 #ccc, 0 1px #ccc,1px 0 #333, 0 -1px #333;
  171. text-align: left;
  172. letter-spacing: 1px;
  173. -webkit-transition:opacity 2s linear;
  174. line-height:3.6vw;
  175. }
  176.  
  177. .credit{
  178. position: fixed;
  179. bottom: 0px;
  180. right: 2px;
  181. height: 25px;
  182. width: 25px;
  183. line-height: 15px;
  184. font-size: 10px;
  185. color: #000;
  186. text-align: center;
  187. font-family: roboto;
  188. }
  189.  
  190. i{color: #333;}
  191. b{color: #000;}
  192. a{color: #111; text-decoration: none;}
  193. #Layout {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  194.  
  195. </style>
  196. <div class="credit" title="By RageQxeen">♛</div>
  197.  
  198. <div id="Layout" oncontextmenu="return false;">
  199.  
  200. <div id="image"></div>
  201.  
  202. <div id="container">
  203.  
  204. <div id="nav">
  205. <a href="#one"></a>
  206. <a href="#two"></a>
  207. <a href="#three"></a>
  208. </div>
  209.  
  210. <div id="nameunder">TITLE</div><div id="name">TITLE</div>
  211.  
  212. <div id="content">
  213. <div style="width: 350px; height: 250px; overflow-y: auto;">
  214.  
  215. <div style="width: 350px; height: 250px; overflow: auto;" align="center">
  216. <font style=float:left><b>Name</b></font> <font style=float:right>HERE</font><br>
  217. <font style=float:left><b>Alias</b></font> <font style=float:right><a title="HERE">hover</a></font><br>
  218. <font style=float:left><b>Gender</b></font> <font style=float:right>HERE</font><br>
  219. <font style=float:left><b>Apparent Age</b></font> <font style=float:right>HERE</font><br>
  220. <font style=float:left><b>Race</b></font> <font style=float:right>HERE</font><br><br>
  221. <font style=float:left><b>Height</b></font> <font style=float:right>HERE</font><br>
  222. <font style=float:left><b>Weight</b></font> <font style=float:right>HERE</font><br>
  223. <font style=float:left><b>Tresses</b></font> <font style=float:right>HERE</font><br>
  224. <font style=float:left><b>Irises</b></font> <font style=float:right><a title="HERE">hover</a></font><br>
  225. <font style=float:left><b>Marital</b></font> <font style=float:right>HERE</font><br>
  226. <font style=float:left><b>Orientation</b></font> <font style=float:right>HERE</font><br>
  227. </div>
  228. </div></div>
  229.  
  230. <div id="content2">
  231. <div style="width: 350px; height: 250px; overflow-y: auto;">
  232.  
  233. <div style="width: 350px; height: 250px; overflow: auto;" align="left">
  234. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
  235. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
  236.  
  237. </div>
  238. </div></div>
  239.  
  240. <div id="content3">
  241. <div style="width: 725px; height: 250px; overflow: hidden;" align="left">
  242.  
  243. <a name="one"></a>
  244. <div style="width: 725px; height: 250px; overflow: auto;" align="left">
  245. <b>00</b>. Want a free code? Go <a target="_blank" href="https://alliealgiere.neocities.org/">here</a>.
  246. <b>01</b>.
  247. <b>02</b>.
  248. <b>03</b>.
  249. <b>04</b>.
  250. <b>05</b>.
  251. <b>06</b>.
  252. <b>07</b>.
  253. <b>08</b>.
  254. <b>09</b>.
  255. <b>10</b>.
  256. </div>
  257.  
  258.  
  259. <a name="two"></a>
  260. <div style="width: 725px; height: 250px; overflow: auto;" align="left">
  261.  
  262. </div>
  263.  
  264.  
  265. <a name="three"></a>
  266. <div style="width: 725px; height: 250px; overflow: auto;" align="left">
  267. Powers
  268. </div>
  269. </div>
  270.  
  271.  
  272. </body>
  273. </html>
Advertisement
Add Comment
Please, Sign In to add comment