RageQxeen

Rel Code

Jul 15th, 2018
113
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.43 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. @import url(https://fonts.googleapis.com/css?family=Great+Vibes|Aref+Ruqaa);
  4.  
  5. html, body {
  6. background: #f3f3f3;
  7. background-image:url("");
  8. background-size:400px;
  9. background-repeat:no-repeat;
  10. background-position:center bottom;
  11. }
  12.  
  13. ::-webkit-scrollbar-button:vertical:{
  14. background-color: #transparent;}
  15.  
  16. ::-webkit-scrollbar-thumb:vertical {
  17. background-color:#transparent;
  18. height:150px;}
  19.  
  20. ::-webkit-scrollbar-thumb:horizontal {
  21. background-color:#transparent;
  22. height:60px;}
  23.  
  24. ::-webkit-scrollbar {
  25. height:60px;
  26. width:5px;
  27. background-color:#transparent;}
  28.  
  29. #image {
  30. width: 260px;
  31. margin: 0px;
  32. border: none;
  33. height: 570px;
  34. background-color:transparent;
  35. position: absolute;
  36. left: 20%;
  37. bottom: -75%;
  38. background-image:url("http://i.picpar.com/jhJc.jpg");
  39. border: 10px solid #10214f;
  40. background-repeat:no-repeat;
  41. background-position: bottom;
  42. background-size: 100%;
  43. }
  44.  
  45. #container {
  46. background-color:#10214f;
  47. width: 100%;
  48. height:250px;
  49. margin:auto;
  50. position: absolute;
  51. left: 0px;
  52. bottom:230px;
  53. z-index:1;
  54. }
  55.  
  56. #content {
  57. background-color:transparent;
  58. width: 450px;
  59. height: 230px;
  60. margin:auto;
  61. position: absolute;
  62. font-family: 'Aref Ruqaa', cursive;
  63. color: #000;
  64. right: 14%;
  65. bottom: 5%;
  66. z-index:1;
  67. border: #000000 solid 1px;
  68. }
  69.  
  70. #nav {
  71. background-color:#transparent;
  72. width: 25px;
  73. height:45px;
  74. margin:auto;
  75. position: absolute;
  76. right: 47.5%;
  77. top: 28%;
  78. text-align:right;
  79. z-index:1;
  80. }
  81.  
  82. #nav a, #nav a:link, #nav a:visited {
  83. display:inline-block;
  84. background: #CCCCCC;
  85. color: #CCCCCC;
  86. margin-top:2px;
  87. margin-bottom:2px;
  88. margin-left:5px;
  89. height: 20px;
  90. width:20px;
  91. border-radius: 5px;
  92. }
  93.  
  94. #nav a:active, #nav a:hover {
  95. display:inline-block;
  96. height: 20px;
  97. width:20px;
  98. text-decoration:none;
  99. background: #FFFFFF;
  100. color: #FFFFFF;
  101. margin:2px;
  102. }
  103.  
  104. h1 {
  105. font-family: Arial;
  106. font-size: 25px;
  107. color:#999999;
  108. letter-spacing:1px;
  109. word-spacing:-1px;
  110. text-decoration:none!important;
  111. }
  112.  
  113.  
  114. .a:link, a:active, a:visited {
  115. font-family: Modern;
  116. font-size: 12px;
  117. color:#666666;
  118. letter-spacing: 1px;
  119. text-decoration: none;
  120. text-align: left;
  121. }
  122.  
  123. a:hover {
  124. background-color: transparent;
  125. font-family: arial;
  126. font-size: 16px;
  127. font-weight: bold;
  128. color: #7c7c7c;
  129. text-decoration: none;
  130. text-transform: lowercase;
  131. text-align: left;
  132. }
  133.  
  134. .credit {
  135. position: fixed;
  136. bottom: 0px;
  137. right: 2px;
  138. height: 25px;
  139. width: 25px;
  140. line-height: 15px;
  141. font-size: 10px;
  142. color: #000;
  143. text-align: center;
  144. font-family: roboto;
  145. }
  146.  
  147. #Layout {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  148.  
  149. </style>
  150. <div class="credit" title="Profile by RageQxeen">♛</div>
  151. <div id="Layout" oncontextmenu="return false;">
  152.  
  153. <div id="container">
  154. <div id="image"></div>
  155.  
  156.  
  157. <div id="nav">
  158. <a href="#one">1</a>
  159. <a href="#two">2</a>
  160. <a href="#three">3</a>
  161. <a href="#four">4</a>
  162. </div>
  163.  
  164. <div id="content">
  165.  
  166. <div style="width: 450px; height: 230px; overflow-y: hidden;">
  167.  
  168. <a name="one"></a>
  169. <div style="width: 450px; height: 230px; overflow: auto;" align="center">
  170. <font style=float:left><b>Name</b></font> <font style=float:right></font><br>
  171. <font style=float:left><b>Nickname</b></font> <font style=float:right><a title="">hover</a></font><br>
  172. <font style=float:left><b>Gender</b></font> <font style=float:right></font><br>
  173. <font style=float:left><b>Apparent Age</b></font> <font style=float:right></font><br><br>
  174. <font style=float:left><b>Race</b></font> <font style=float:right></font><br>
  175. <font style=float:left><b>Height</b></font> <font style=float:right></font><br>
  176. <font style=float:left><b>Weight</b></font> <font style=float:right></font><br>
  177. <font style=float:left><b>Tresses</b></font> <font style=float:right></font><br>
  178. <font style=float:left><b>Irises</b></font> <font style=float:right></font><br><br>
  179. <font style=float:left><b>Marital</b></font> <font style=float:right><a target="_blank" href=""></a></font><br>
  180. <font style=float:left><b>Orientation</b></font> <font style=float:right></font><br>
  181. </div>
  182.  
  183. <a name="two"></a>
  184. <div style="width: 400px; height: 230px; overflow: auto;" align="center">
  185.  
  186. </div>
  187.  
  188. <a name="three"></a>
  189. <div style="width: 400px; height: 230px; overflow: auto;" align="center">
  190.  
  191. </div>
  192.  
  193. <a name="four"></a>
  194. <div style="width: 400px; height: 230px; overflow: auto;" align="center">
  195.  
  196. </div>
  197.  
  198. <a name="five"></a>
  199. <div style="width: 400px; height: 230px; overflow: auto;" align="center">
  200.  
  201. </div>
  202. </div>
  203. </div>
  204. </div>
  205.  
  206. </body>
  207. </html>
Advertisement
Add Comment
Please, Sign In to add comment