RageQxeen

Khora

Nov 30th, 2018
118
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.15 KB | None | 0 0
  1. <html>
  2. <body><style type="text/css">
  3.  
  4. @import url(https://fonts.googleapis.com/css?family=Aref+Ruqaa);
  5.  
  6. html, body {
  7. background: #808080;
  8. background-image:url("http://i.picpar.com/eUZc.png");
  9. background-size: 105%;
  10. background-repeat:no-repeat;
  11. background-position:center;
  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.  
  26. ::-webkit-scrollbar {
  27. height:60px;
  28. width:5px;
  29. background-color:#transparent;}
  30.  
  31. #content {
  32. background-color: transparent;
  33. width: 450px;
  34. height: 310px;
  35. margin:auto;
  36. position: absolute;
  37. right: 33.5%;
  38. bottom: 27.8%;
  39. text-align: center;
  40. font-family: 'Aref Ruqaa';
  41. font-size: 15px;
  42. color: #000;
  43. overflow: auto;
  44. z-index:1;
  45. }
  46.  
  47. #nav {
  48. background-color: transparent;
  49. width: 300px;
  50. height:45px;
  51. margin:auto;
  52. position: absolute;
  53. right: 30%;
  54. top: 25%;
  55. text-align: center;
  56. text-decoration: none;
  57. z-index:1;
  58. }
  59.  
  60. #nav a, #nav a:link, #nav a:visited {
  61. display:inline-block;
  62. text-decoration: none;
  63. text-align: center;
  64. background: #000;
  65. color: transparent;
  66. box-shadow: 0px 0px 5px #DE6029;
  67. padding: 4px;
  68. height: 4px;
  69. width: 30px;
  70. border-radius: 5px;
  71. }
  72.  
  73. #nav a:active, #nav a:hover {
  74. display:inline-block;
  75. height: 4px;
  76. width: 30px;
  77. text-decoration:none;
  78. background: #DE6029;
  79. box-shadow: 0px 0px 5px #000;
  80. color: transparent;
  81. margin: 0px;
  82. }
  83.  
  84. .credit{
  85. position: fixed;
  86. bottom: 0px;
  87. left: 2px;
  88. height: 25px;
  89. width: 25px;
  90. line-height: 15px;
  91. font-size: 10px;
  92. color: #000;
  93. text-align: center;
  94. font-family: roboto;
  95. }
  96.  
  97. i{color: #000;}
  98. b{color: #000;}
  99. a{color: #111; text-decoration: none;}
  100.  
  101. #Layout {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  102. </style>
  103. <div id="Layout" oncontextmenu="return false;">
  104.  
  105. <div class="credit" title="Profile by RageQxeen">♛</div>
  106.  
  107. <div id="nav">
  108. <a href="#one">Main</a>
  109. <a href="#two">Seco</a>
  110. <a href="#three">Thir</a>
  111. <a href="#four">Four</a>
  112. <a href="#five">Five</a>
  113. </div>
  114.  
  115. <div id="content">
  116. <div style="width: 450px; height: 310px; overflow-y: hidden;">
  117.  
  118. <a name="one"></a>
  119. <div style="width: 450px; height: 310px; overflow: auto;" align="center">
  120. <span style="float:left;"><b>Name</b></span><span style="float:right;"></span><br>
  121. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;"><a title="">Hover</a>.</span><br>
  122. <br><span style="float:left;"><b>Gender</b></span><span style="float:right;"></span><br>
  123. <span style="float:left;"><b>Age</b></span><span style="float:right;"></span><br>
  124. <br><span style="float:left;"><b>Height</b></span><span style="float:right;"></span><br>
  125. <span style="float:left;"><b>Weight</b></span><span style="float:right;"></span><br>
  126. <br><span style="float:left;"><b>Orientation</b></span><span style="float:right;"></span><br>
  127. <span style="float:left;"><b>Relationship</b></span><span style="float:right;"></span><br>
  128. <br><span style="float:left;"><b>Race</b></span><span style="float:right;"></span><br>
  129. <span style="float:left;"><b>Eyes</b></span><span style="float:right;"></span><br>
  130. <span style="float:left;"><b>Hair</b></span><span style="float:right;"></span><br>
  131. <span style="float:left;"><b>Build</b></span><span style="float:right;"></span><br>
  132. <span style="float:left;"><b>Affiliation</b></span><span style="float:right;"></span><br>
  133. </div>
  134.  
  135. <a name="two"></a>
  136. <div style="width: 450px; height: 310px; overflow: auto;" align="center">
  137. Powers
  138. </div>
  139.  
  140. <a name="three"></a>
  141. <div style="width: 450px; height: 310px; overflow: auto;" align="center">
  142. History
  143. </div>
  144.  
  145. <a name="four"></a>
  146. <div style="width: 450px; height: 310px; overflow: auto;" align="center">
  147. Friends
  148. </div>
  149.  
  150.  
  151. <a name="five"></a>
  152. <div style="width: 450px; height: 310px; overflow: auto;" align="center">
  153. <b>00</b>. Code made by <a href="http://alliealgiere.neocities.org" target="_blank">RageQxeen</a> for Riza, do not steal. Codes can be found at the name.<br><br>
  154. <b>01</b>. OOC<br>
  155. <b>02</b>. OOC<br>
  156. <b>03</b>. OOC<br>
  157. <b>04</b>. OOC<br>
  158. <b>05</b>. OOC<br>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. </body>
  164. </html>
Advertisement
Add Comment
Please, Sign In to add comment