API tools faq
paste
RageQxeen

Orichalcos

RageQxeen
Jun 5th, 2019
99
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.24 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <body><style type="text/css">
  3.  
  4. @import url('https://fonts.googleapis.com/css?family=Inconsolata|Special+Elite|Great+Vibes');
  5.  
  6. html, body {
  7. background: #fff;
  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.  
  26. ::-webkit-scrollbar {
  27. height:60px;
  28. width:5px;
  29. background-color:#transparent;}
  30.  
  31. #image {
  32. width: 535px;
  33. margin: 0px;
  34. border: none;
  35. height: 700px;
  36. background-color:transparent;
  37. position: absolute;
  38. left: 0%;
  39. bottom: 0%;
  40. background-image:url("https://raikou2.donmai.us/a0/31/__sephiroth_final_fantasy_vii_and_etc_drawn_by_miwa_shirou__a0318df457ee36503794f40764918c7a.jpg");
  41. background-repeat:no-repeat;
  42. background-position: bottom;
  43. background-size: 100%;
  44. z-index: 0;
  45. }
  46.  
  47. .header{
  48. position:absolute;
  49. width:500px;
  50. background:#transparent;
  51. height:100px;
  52. overflow:hidden;
  53. font-family: 'Great Vibes', cursive;
  54. font-size: 50px;
  55. font-weight:lighter;
  56. font-style:none;
  57. color:#000000;
  58. letter-spacing: 0px;
  59. text-transform:none;
  60. text-align:center;
  61. z-index: 1;
  62. }
  63.  
  64. #container {
  65. background-color: #1EE8EB;
  66. background-image:url("");
  67. width: 700px;
  68. height: 500px;
  69. margin:auto;
  70. position: absolute;
  71. right: 5%;
  72. bottom: 13%;
  73. font-family: 'Inconsolata', cursive;
  74. font-size: 19px;
  75. padding: 10px;
  76. border: 2px solid #000;
  77. box-shadow: 2px 2px 10px 10px #999;
  78. z-index:1;
  79. }
  80.  
  81. #nav {
  82. background-color: transparent;
  83. width: 25px;
  84. height: 200px;
  85. margin:auto;
  86. position: absolute;
  87. right: 65%;
  88. top: 30%;
  89. text-align:right;
  90. z-index:1;
  91. border-radius: 20px;
  92. }
  93.  
  94. #nav a, #nav a:link, #nav a:visited {
  95. display:inline-block;
  96. height: 20px;
  97. width:150px;
  98. text-decoration:none;
  99. background: #1B6976;
  100. color: #1B6976;
  101. border-bottom: 5px solid #fff;
  102. }
  103.  
  104. #nav a:active, #nav a:hover {
  105. display:inline-block;
  106. height: 20px;
  107. width:150px;
  108. text-decoration:none;
  109. background: #000;
  110. color: #000;
  111. margin:0px;
  112. }
  113.  
  114. .header{
  115. position:absolute;
  116. width:300px;
  117. background:#transparent;
  118. height:80px;
  119. overflow:hidden;
  120. font-family: 'Great Vibes', cursive;
  121. font-size: 50px;
  122. font-weight:lighter;
  123. font-style:none;
  124. color:#000000;
  125. letter-spacing: 0px;
  126. text-transform:none;
  127. text-align:center;
  128. z-index: 2;
  129. }
  130.  
  131. h1 {font-family: 'Special Elite', font-size: 15px; cursive; text-align: right; border-bottom: 1px solid #000;}
  132. h2 {font-family: 'Special Elite', cursive; border-bottom: 1px solid #000; font-size: 20px;}
  133. a {text-decoration: none; color: #111;}
  134. i {color: #0000FF; font-weight: bold;}
  135.  
  136. .credit{
  137. position: fixed;
  138. bottom: 0px;
  139. left: 2px;
  140. height: 25px;
  141. width: 25px;
  142. line-height: 15px;
  143. font-size: 10px;
  144. color: #000;
  145. text-align: center;
  146. font-family: roboto;
  147. }
  148.  
  149. #Layout {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  150. </style>
  151.  
  152.  
  153. <div class="header" style="top: 5%; right: 35%;">Seeking the Light</div>
  154. <div class="header" style="bottom: 1%; right: 5%;">Is a selfish prayer</div>
  155.  
  156.  
  157. <div id="nav">
  158. <a href="#one"></a>
  159. <a href="#two"></a>
  160. <a href="#three"></a>
  161. <a href="#four"></a>
  162. </div>
  163.  
  164. <div id="container">
  165. <div style="width: 700px; height: 500px; overflow-y: hidden;">
  166.  
  167. <a name="one"></a>
  168. <div style="width: 700px; height: 500px; overflow: auto;" align="center">
  169. <h1>the usual</h1>
  170. <span style="float:left;"><b>Name</b></span><span style="float:right;"></span><br>
  171. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;"><a title="">hover</a></span><br>
  172. <span style="float:left;"><b>Gender</b></span><span style="float:right;"></span><br>
  173. <span style="float:left;"><b>Age</b></span><span style="float:right;"></span><br>
  174. <span style="float:left;"><b>Race</b></span><span style="float:right;"></span><br>
  175. <span style="float:left;"><b>Voice</b></span><span style="float:right;"><a href="" target="_blank">Click~</a></span><br><br>
  176. <span style="float:left;"><b>Height</b></span><span style="float:right;"></span><br>
  177. <span style="float:left;"><b>Weight</b></span><span style="float:right;"></span><br>
  178. <span style="float:left;"><b>Eyes</b></span><span style="float:right;"></span><br>
  179. <span style="float:left;"><b>Hair</b></span><span style="float:right;"></span><br>
  180. <span style="float:left;"><b>Build</b></span><span style="float:right;"></span><br><br>
  181. <span style="float:left;"><b>Orientation</b></span><span style="float:right;"></span><br>
  182. <span style="float:left;"><b>Relationship</b></span><span style="float:right;"></span><br>
  183. <span style="float:left;"><b>Affiliation</b></span><span style="float:right;"></span><br><br>
  184. </div>
  185.  
  186. <a name="two"></a>
  187. <div style="width: 700px; height: 500px; overflow: auto;" align="left">
  188. <h1>powers</h1>
  189.  
  190. </div>
  191.  
  192.  
  193. <a name="three"></a>
  194. <div style="width: 700px; height: 500px; overflow: auto;" align="center">
  195. <h1>connections</h1>
  196. <a target="_blank" href="/profile.php?user=HERE" title="HERE"><img style="border-radius: 50%" src="HERE" align="left" height="100" width="100"></a>
  197. <a target="_blank" href="/profile.php?user=HERE" title="HERE"><img style="border-radius: 50%" src="HERE" align="left" height="100" width="100"></a>
  198. <a target="_blank" href="/profile.php?user=HERE" title="HERE"><img style="border-radius: 50%" src="HERE" align="left" height="100" width="100"></a>
  199. <a target="_blank" href="/profile.php?user=HERE" title="HERE"><img style="border-radius: 50%" src="HERE" align="left" height="100" width="100"></a>
  200.  
  201. </div>
  202.  
  203.  
  204. <a name="four"></a>
  205. <div style="width: 700px; height: 500px; overflow: auto;" align="center">
  206. <h1>out of character</h1>
  207. <b>00</b>. Made by RageQxeen, free codes can be found <a target="_blank" href="https://alliealgiere.neocities.org">here</a>.<br><br>
  208. <b>01</b>. Images found <a href="https://danbooru.donmai.us/posts/3065178" target="_blank">here</a>, <a href="https://danbooru.donmai.us/posts/3127049" target="_blank">here</a>, <a href="https://danbooru.donmai.us/posts/3014513" target="_blank">here</a>, <a href="https://danbooru.donmai.us/data/sample/__kazano_hiori_idolmaster_shiny_colors_and_etc_drawn_by_xixing_si_yao_meng__sample-892fa67b8caebc95918d212658f2b9dc.jpg" target="_blank">here</a>, and <a href="https://danbooru.donmai.us/posts/3016292" target="_blank">here</a>. All rights for that image go to them. Will remove upon request.<br><br>
  209. <b>02</b>. Do not approach me with a post, PM is for OOC only unless you are a friend or we have spoken about an RP idea.<br><br>
  210. <b>03</b>. I do adore that block button.<br><br>
  211. <b>04</b>. Leave your bullshit drama at the door, thank you.<br><br>
  212. <b>05</b>. RPing since March of 2008.<br><br>
  213. <b>06</b>. Smut with story, mindless and useless smut is nearly non-existent on my side.<br><br>
  214. <b>07</b>. Extremely light T1, still trying to find the use of it and still learning.<br><br>
  215. <b>08</b>. Typist is female and taken IRL.<br><br>
  216. <b>09</b>. There will be times when I randomly stop speaking, the likely cause is that I am taking care of my father IRL, patience is a virtue, if I miss you entirely just try again later.<br><br>
  217. <b>10</b>. IC =/= OOC<br><br>
  218. <b>11</b>. IRL comes before RP.<br><br>
  219. </div>
  220.  
  221. </div>
  222. </div>
  223.  
  224.  
  225. <div id="image"></div>
  226.  
  227. </body>
  228. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!