API tools faq
paste
RageQxeen

The Moon Bunny

RageQxeen
Jun 11th, 2018
313
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.88 KB | None | 0 0
raw download clone embed print report
  1. <body>
  2. <html>
  3. <body><style type="text/css">
  4.  
  5. @import url(https://fonts.googleapis.com/css?family=Great+Vibes|Abhaya+Libre);
  6.  
  7.  
  8. html, body {
  9. background: #fee9ff;
  10. background-image:url("http://i.imgur.com/pziZbc6.gif");
  11. background-size: 30%;
  12. background-repeat: repeat;
  13. background-position: center;
  14. }
  15.  
  16. ::-webkit-scrollbar-button:vertical:{
  17. background-color: transparent;}
  18.  
  19. ::-webkit-scrollbar-thumb:vertical {
  20. background-color: transparent;
  21. height:150px;}
  22.  
  23. ::-webkit-scrollbar-thumb:horizontal {
  24. background-color:#transparent;
  25. height:60px;}
  26.  
  27.  
  28. ::-webkit-scrollbar {
  29. height:60px;
  30. width:5px;
  31. background-color:#transparent;}
  32.  
  33. #image {
  34. width: 600px;
  35. margin: 0px;
  36. border: none;
  37. height: 650px;
  38. background-color:transparent;
  39. position: fixed;
  40. left: 10%;
  41. bottom: 0%;
  42. background-image:url("http://i.picpar.com/lXEc.png");
  43. background-repeat:no-repeat;
  44. background-position: bottom;
  45. background-size: 100%;
  46. }
  47.  
  48. #image2 {
  49. width: 450px;
  50. margin: 0px;
  51. border: none;
  52. height: 120px;
  53. background-color:transparent;
  54. position: absolute;
  55. right: 6%;
  56. top: 1%;
  57. background-image:url("http://i.picpar.com/pXEc.jpg");
  58. background-repeat:no-repeat;
  59. background-position: top;
  60. background-size: 100%;
  61. border-radius: 30%;
  62. border: solid #000 1px;
  63. }
  64.  
  65. #container {
  66. background-color:#ff79e5;
  67. width: 900px;;
  68. height: 500px;
  69. margin:auto;
  70. position: absolute;
  71. left: 18%;
  72. bottom: 5%;
  73. border-radius: 50px;
  74. z-index:1;
  75. }
  76.  
  77. #content {
  78. background-color:transparent;
  79. width: 450px;
  80. height: 300px;
  81. margin:auto;
  82. position: absolute;
  83. right: 4%;
  84. bottom: 3%;
  85. z-index:1;
  86. border: #000000 solid 1px;
  87. }
  88.  
  89. #nav {
  90. background-color: transparent;
  91. width: 250px;
  92. height:45px;
  93. margin:auto;
  94. position: absolute;
  95. right: 16%;
  96. top: 28%;
  97. text-align: center;
  98. z-index:1;
  99. }
  100.  
  101. #name {
  102. z-index:15;
  103. position: absolute;
  104. left: 7%;
  105. bottom: 0%;
  106. margin: auto;
  107. background: #transparent;
  108. width: 300px;
  109. height: 100px;
  110. font-family: Great Vibes;
  111. font-size: 3vw;
  112. background: url(http://i.picpar.com/nXEc.gif) -20px -20px repeat;
  113. -webkit-text-fill-color: transparent;
  114. -webkit-background-clip: text;
  115. display:inline;
  116. text-align: left;
  117. letter-spacing: 1px;
  118. -webkit-transition:opacity 2s linear;
  119. line-height:3.6vw;
  120. }
  121.  
  122. #nameunder{
  123. z-index:15;
  124. position: absolute;
  125. left: 7%;
  126. bottom: 0%;
  127. margin: auto;
  128. background: #transparent;
  129. width: 300px;
  130. height: 100px;
  131. font-family: Great Vibes;
  132. font-size: 3vw;
  133. -webkit-text-fill-color: transparent;
  134. text-transform: none;
  135. -webkit-background-clip: text;
  136. display:inline;
  137. text-shadow: -1px 0 #666, 0 1px #666,1px 0 #000, 0 -1px #666;
  138. text-align: left;
  139. letter-spacing: 1px;
  140. -webkit-transition:opacity 2s linear;
  141. line-height:3.6vw;
  142. }
  143.  
  144. #nav a, #nav a:link, #nav a:visited {
  145. display:inline-block;
  146. background: #000;
  147. color: #000;
  148. margin-top: 0px;
  149. margin-bottom: 0px;
  150. margin-left: 0px;
  151. height: 20px;
  152. width: 40px;
  153. border-radius: 5px;
  154. }
  155.  
  156. #nav a:active, #nav a:hover {
  157. display:inline-block;
  158. height: 20px;
  159. width: 40px;
  160. text-decoration:none;
  161. background: #ffa2fb;
  162. color: #ffa2fb;
  163. margin: 0px;
  164. }
  165.  
  166. .font {
  167. font-family: 'Abhaya Libre';
  168. font-size: 15px;
  169. font-weight:none;
  170. font-style:none;
  171. color:#000;
  172. padding: 10px;
  173. letter-spacing: 2px;
  174. text-transform:none;
  175. text-align:center;
  176. }
  177.  
  178. h1 {
  179. font-family: 'Great Vibes', cursive;
  180. font-size: 30px;
  181. line-height: 22px;
  182. color:#000;
  183. text-align: center;
  184. letter-spacing:1px;
  185. word-spacing: 2px;
  186. text-decoration:none!important;
  187. }
  188.  
  189. i{color: #c17f62;}
  190. b{color: #511e1e;}
  191. a{color: #511e1e; text-decoration: none;}
  192.  
  193. </style>
  194. <div id="container">
  195.  
  196. <div id="image2"></div>
  197.  
  198. <div id="nav">
  199. <a href="#one">1</a>
  200. <a href="#two">2</a>
  201. <a href="#three">3</a>
  202. <a href="#four">4</a>
  203. <a href="#five">5</a>
  204. </div>
  205.  
  206. <div id="nameunder">Warden of Spring</div><div id="name">Warden of Spring</div>
  207.  
  208. <div id="image"></div>
  209.  
  210. <div id="content" class="font">
  211.  
  212.  
  213. <div style="width: 450px; height: 300px; overflow-y: hidden;">
  214.  
  215. <a name="one"></a>
  216. <div style="width: 450px; height: 300px; overflow: auto;" align="center">
  217. <font style=float:left>Name:</font> <font style=float:right>Lulu Moon</font><br>
  218. <br><font style=float:left>Age: </font><font style=float:right>Unknown</font>
  219. <br><font style=float:left>Race: </font><font style=float:right>Moon Rabbit</font><br>
  220. <br><font style=float:left>Height:</font> <font style=float:right>5'7"</font>
  221. <br><font style=float:left>Weight:</font> <font style=float:right>140 lbs</font><br>
  222. <br><font style=float:left>Marital:</font> <font style=float:right>Single</font>
  223. <br><font style=float:left>Orientation:</font> <font style=float:right>Bisexual</font><br>
  224. <br><font style=float:left>Occupation</font><font style=float:right>Arcadian Warden</font>
  225. </div>
  226.  
  227. <a name="two"></a>
  228. <div style="width: 450px; height: 300px; overflow: auto;" align="center">
  229. POWERS TBA
  230. </div>
  231.  
  232. <a name="three"></a>
  233. <div style="width: 450px; height: 300px; overflow: auto;" align="center">
  234. Within Paradise, immortality is naught but a given, gifted by the Moon Rabbits carefully created the Elixir's of Life; Lulu was among these rabbits, yet remained ever aware of the world of Avalon. She witnessed the fate that befell Sagi Shi, and her pity took her, so she took a Elixir and went to the afterlife; feeding the Cat Sith the Elixir to grant him new life. Because of this she was granted the title of Warden of Spring, though not much else is known about her otherwise.
  235. </div>
  236.  
  237. <a name="four"></a>
  238. <div style="width: 450px; height: 300px; overflow: auto;" align="center">
  239. <h1>The Wardens</h1>
  240. <a target="_blank" href="https://roleplay.chat/profile.php?user=Sagi+Shi" title="The Warden of Winter"><img style="border-radius: 50%" src="https://78.media.tumblr.com/b7c48940abb97872fd9facc6df70d5e4/tumblr_olqf5z9nrq1rxmr34o1_500.gif" align="left" height="100" width="100"></a></div>
  241.  
  242. <a name="five"></a>
  243. <div style="width: 450px; height: 300px; overflow: auto;" align="center">
  244. <ul>
  245. <li>Code belongs to me, if you wish to own one like this for yourself, please ask via PM or Mail. Refrain from stealing.
  246. <li>I am semi-PM friendly, it depends on my mood and largely on how you approach me.
  247. <li>In regards to that, 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.
  248. <li>I do adore that block button.
  249. <li>Leave your bullshit drama at the door, thank you.
  250. <li>RPing for 10 years, several of them on RPC.
  251. <li>Smut with story, mindless and useless smut is nearly non-existent on my side.
  252. <li>Extremely light T1, still trying to find the use of it and still learning.
  253. <li>Typist is female and taken IRL.
  254. <li>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.
  255. <li>IC =/= OOC
  256. <li>IRL comes before RP.
  257. <li>Blahblahblah usual stuff, if you don't get it by now don't bother messaging me.
  258. </ul></div>
  259.  
  260. </body>
  261. </html>
  262. </body>
  263. </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!