Advertisement
NaotoShirgone

Lilian Bunny Tsubasa

Apr 24th, 2018
92
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.33 KB | None | 0 0
  1. <style>
  2. @import url('https://fonts.googleapis.com/css?family=Amatic+SC|Cedarville+Cursive|Cookie|Great+Vibes|Rochester|Sacramento');
  3. ::-webkit-scrollbar {width: 0.3vw; height: 0.3vw;}
  4. ::-webkit-scrollbar-track { border-radius: 0px; background-color: transparent;}
  5. ::-webkit-scrollbar-thumb { border-radius: 0px; background-color: transparent;}
  6.  
  7.  
  8.  
  9. body {
  10. overflow: hidden;
  11. background-color: #000000;
  12. background-image: url('http://s5.favim.com/orig/150221/cherry-blossom-gifs-Favim.com-2500395.gif');
  13. background-attachment: fixed;
  14. background-position: center center;
  15. background-repeat: repeat;
  16. background-size: cover;
  17. }
  18.  
  19. img {
  20. user-drag: none;
  21. user-select: none;
  22. -moz-user-select: none;
  23. -webkit-user-select: none;
  24. -webkit-user-drag: none;
  25. -ms-user-select: none;
  26. }
  27.  
  28. a {
  29. text-decoration: none;
  30. color: #000000;
  31. }
  32.  
  33. h1 {
  34. font-family: Cedarville Cursive;
  35. font-size: 5vh;
  36. }
  37.  
  38. .s {
  39. float: right;
  40. }
  41.  
  42. #elle {
  43. position: fixed;
  44. background: transparent;
  45. height: 100%;
  46. width: 35%;
  47. top: 0;
  48. right: 0;
  49. }
  50.  
  51. .belle {
  52. position: absolute;
  53. right: 0%;
  54. bottom: 0%;
  55. }
  56.  
  57. #name {
  58. position: fixed;
  59. background: transparent;
  60. height: 15%;
  61. width: 100%;
  62. bottom: 6%;
  63. left: 0%;
  64. z-index: 1;
  65. }
  66.  
  67. .lilith {
  68. position: absolute;
  69. font-family: Great Vibes;
  70. text-shadow: -1px 0 black, 0 2px black, 2px 0 #FF73E6F, 0 2px black;
  71. color: #8c1e3b;
  72. font-size: 15vh;
  73. left: 3%;
  74. bottom: 0%;
  75. }
  76.  
  77. #name:hover .navi{
  78. opacity: 1;
  79. transition-duration: 1s;
  80. z-index: 1;
  81. }
  82.  
  83. .navi {
  84. position: absolute;
  85. background: transparent;
  86. border: 5px dotted;
  87. border-radius: 10px;
  88. border-color: #FF0074;
  89. color: #FFFFFF;
  90. height: 30%;
  91. width: 23%;
  92. font-size: 4vh;
  93. font-family: cookie;
  94. right: 33%;
  95. bottom: 40%;
  96. opacity: 0;
  97. transition-duration: 1s;
  98. z-index: 1;
  99. }
  100.  
  101. #quote {
  102. z-index: -2;
  103. position: fixed;
  104. height: 60%;
  105. width: 60%;
  106. font-family: Sacramento;
  107. font-size: 6.5vh;
  108. color: #000;
  109. text-shadow: 1px 0 black, 0 2px pink, 2px 0 black, 0 1px black;
  110. text-shadow: 0vh 0vw 2vh #FF0074;
  111. background: transparent;
  112. left: 5%;
  113. top: 40%;
  114. opacity: 1;
  115. animation: pulse 2s 1;
  116. -webkit-animation: pulse 2s 1;
  117. animation-fill-mode: forwards;
  118. -webkit-animation-fill-mode: forwards;
  119. animation-iteration-count: infinite;
  120. animation-direction: alternate;
  121. }
  122.  
  123. @keyframes pulse{
  124. from{opacity: 1;}
  125. to{opacity: 0.5;}
  126. }
  127.  
  128. @-webkit-keyframes pulse{
  129. from{opacity: 1;}
  130. to{opacity: 0.5;}
  131. }
  132.  
  133.  
  134. #one {
  135. position: fixed;
  136. overflow: auto;
  137. height: 60%;
  138. width: 40%;
  139. background: #130e15;
  140. border: 5px dotted;
  141. border-color: #FF0074;
  142. border-radius: 10px;
  143. left: 23%;
  144. top: 10%;
  145. opacity: 0;
  146. transition-duration: 0s;
  147. font-family: Amatic SC;
  148. font-size: 4vh;
  149. color: #FC75FF;
  150. }
  151.  
  152. #two {
  153. position: fixed;
  154. overflow: auto;
  155. height: 60%;
  156. width: 40%;
  157. background: #130e15;
  158. border: 5px dotted;
  159. border-color: #FF0074;
  160. border-radius: 10px;
  161. left: 23%;
  162. top: 10%;
  163. opacity: 0;
  164. transition-duration: 0s;
  165. font-family: Amatic SC;
  166. font-size: 4vh;
  167. color: #FC75FF;
  168. }
  169.  
  170. #three {
  171. position: fixed;
  172. overflow: auto;
  173. height: 60%;
  174. width: 40%;
  175. background: #130e15;
  176. border: 5px dotted;
  177. border-color: #FF0074;
  178. border-radius: 10px;
  179. left: 23%;
  180. top: 10%;
  181. opacity: 0;
  182. transition-duration: 0s;
  183. font-family: Amatic SC;
  184. font-size: 4vh;
  185. color: #FC75FF;
  186. }
  187.  
  188. #four {
  189. position: fixed;
  190. overflow: auto;
  191. height: 60%;
  192. width: 40%;
  193. background: #130e15;
  194. border: 5px dotted;
  195. border-color: #FF0074;
  196. border-radius: 10px;
  197. left: 23%;
  198. top: 10%;
  199. opacity: 0;
  200. transition-duration: 1s;
  201. font-family: Amatic SC;
  202. font-size: 4vh;
  203. color: #FC75FF;
  204. }
  205.  
  206. #five {
  207. position: fixed;
  208. overflow: auto;
  209. height: 60%;
  210. width: 40%;
  211. background: transparent;
  212. border-radius: 10px;
  213. left: 23%;
  214. top: 10%;
  215. opacity: 0;
  216. transition-duration: 1s;
  217. font-family: Amatic SC;
  218. color: #FC75FF;
  219. }
  220.  
  221. #one:target {
  222. opacity: 1;
  223. transition-duration: 1s;
  224. z-index: 4;
  225. }
  226.  
  227. #two:target {
  228. opacity: 1;
  229. transition-duration: 0s;
  230. z-index: 4;
  231. }
  232.  
  233. #three:target {
  234. opacity: 1;
  235. transition-duration: 0s;
  236. z-index: 4;
  237. }
  238.  
  239. #four:target {
  240. opacity: 1;
  241. transition-duration: 0s;
  242. z-index: 4;
  243. }
  244.  
  245. #five:target {
  246. opacity: 1;
  247. transition-duration: 1s;
  248. }
  249.  
  250. .clouds {
  251. position:fixed;
  252. left:0;
  253. bottom:-5%;
  254. width:100%;
  255. height:50%;
  256. display:block;
  257. overflow: visible;
  258. pointer-events: none;
  259. opacity: 0.5;
  260. background:transparent url('https://s-media-cache-ak0.pinimg.com/originals/d5/7f/7a/d57f7a9d6cdf9d6704a6b45907bbb101.gif') repeat top center;
  261. z-index: 1;
  262. -moz-animation:move-scrolling-front 150s linear infinite;
  263. -ms-animation:move-scrolling-front 150s linear infinite;
  264. -o-animation:move-scrolling-front 150s linear infinite;
  265. -webkit-animation:move-scrolling-front 150s linear infinite;
  266. animation:move-scrolling-front 150s linear infinite;
  267. }
  268.  
  269. @keyframes move-scrolling-front{
  270. from{background-position:0% 0%}
  271. to{background-position:300% 0%}
  272. }
  273. @-webkit-keyframes move-scrolling-front{
  274. from{background-position:0% 0%}
  275. to{background-position:300% 0%}
  276. }
  277. @-moz-keyframes move-scrolling-front{
  278. from{background-position:0% 0%}
  279. to{background-position:300% 0%}
  280. }
  281. @-ms-keyframes move-scrolling-front{
  282. from{background-position:0% 0%}
  283. to{background-position:200% 0%}
  284. }
  285.  
  286. </style>
  287. <div id="elle">
  288. <div class="belle">
  289. <img src="http://i.imgur.com/rrMPvmP.png" style="height:100%" Width="120%" Align="right" draggable="false">
  290. </div></div>
  291. <div id="name">
  292. <div class="lilith"><Font color=#FF0074><i>Lilian</i></font></div>
  293. <div class="navi">
  294. <center>
  295. <a href="#one">Stats</a> .
  296. <a href="#two">Family</a> .
  297. <a href="#three">Friends</a> .
  298. <a href="#four">OOC</a> .
  299. <a href="#five">⟲</a>
  300. </center>
  301. </div>
  302. </div>
  303. <div id="block"></div>
  304. <div id="quote"> I<br> Love<br>you</font></div>
  305. <div id="one">
  306. <center><h1><b>Stats</b></h1></center>
  307. <p style="text-align:center;text-indent:0%;">
  308. <b>Name:</b> Lilian B Tsubasa (lil)
  309. <br>
  310. <b>Species:</b>Lapines
  311. <br>
  312. <b>Gender:</b> Female
  313. <br>
  314. <b>Age:</b> 20
  315. <br>
  316. <b>Orientation:</b> Taken Not open to anything but my Mate.
  317. <br>
  318. <br>
  319. <b>Relationship Status:</b> Mate: Hiro Tsubasa
  320. <br>
  321. <b>Height:</b> 5'2
  322. <br>
  323. <b>Built:</b> Petite, Pale skinned, Big chest , little ass
  324. <br>
  325. <b>Hair:</b> Bright Pink long hair
  326. <br>
  327. <b>Eyes:</b> Blue/purple
  328. </p>
  329. <center><b>About</b></center>
  330. As you can see my name is Lilian B Tsubasa, Though those who know know call me Lil, I am a bunny with black ears and pink hair, But there are a few things you need to know when it comes to me. I am not into men who just mail me and act like they are all that "Hey lets Fuck or Oh you Hot lets fuck" it will just get me flipping the fuck out and possibly hurting you any way possible. Smut is reserved for my mate only and that is the only person whom will mainly get my attention unless you are family.
  331. <br>
  332. <br>
  333.  
  334.  
  335.  
  336. </div>
  337. <div id="two">
  338. <center><h1><b>Gallery</b></h1>
  339.  
  340. <Center> Hiro and Lilian<br>
  341. <p><img src="http://i.imgur.com/TxaylwD.jpg" alt="Smiley face" style="float:left;width:250px;height:250px;">
  342. </p>
  343. <p><img src="http://i.imgur.com/OcG5pqc.jpg" alt="Smiley face" style="float:right;width:250px;height:250px;">
  344. </p>
  345. <p><img src="http://i.imgur.com/LWumWRh.jpg" alt="Smiley face" style="float:left;width:250px;height:250px;">
  346. </p>
  347. <p><img src="http://i.imgur.com/eDHt6fX.jpg" alt="Smiley face" style="float:right;width:250px;height:250px;">
  348. </p>
  349. <p><img src="http://i.imgur.com/fgYYf5n.jpg" alt="Smiley face" style="float:left;width:250px;height:250px;">
  350. </p>
  351. <p><img src="http://i.imgur.com/DGxWuAA.jpg" alt="Smiley face" style="float:right;width:250px;height:250px;">
  352. </p>
  353. <p><img src="http://i.imgur.com/jUo5jfG.jpg" alt="Smiley face" style="float:left;width:250px;height:250px;">
  354. </p>
  355. <p><img src="http://i.imgur.com/CbpSVDr.jpg" alt="Smiley face" style="float:right;width:250px;height:250px;">
  356. </p>
  357. <Center>
  358.  
  359.  
  360. </div>
  361. <div id="three">
  362. <center><h1><b>My Friends</b></h1></center>
  363. names here
  364. <center><h1><b>My Enemies</b></h1></center>
  365. more names here
  366. </div>
  367. <div id="four">
  368. <center><h1><b>Rules</b></h1></center>
  369. <font size="5vh">
  370. <ul>
  371. <li><font color="#FD82FF">✵</font>Mainly a T-1 Para Rper</li>
  372. <li><font color="#FD82FF">✵</font>Open to any form of RP</li>
  373. <li><font color="#FD82FF">✵</font>Prefers Lengthy Rps with some back bone</li>
  374. <li><font color="#FD82FF">✵</font>Pm Friendly as long as you are not rude
  375. <li><font color="#FD82FF">✵</font>I am Bi but prefer men though woman are welcomed
  376. <li><font color="#FD82FF">✵</font>If you want to Rp just hit me up.
  377. <li><font color="#FD82FF">✵</font>If I do not reply immediately I might be Afk.
  378. <li> <font color="#FD82FF">✵</font>I do not do Incest RPs.
  379. <br>
  380. <h2> Warning</h2>
  381. <li><font color="#FD82FF">✵</font>Do not make me mad</li>
  382. <li><font color="#FD82FF">✵</font>Do not disrespect me</li>
  383. <li><font color="#FD82FF">✵</font>Do not disrespect my friends</li>
  384. <li><font color="#FD82FF">✵</font>Do not hit on me if you trying to get just sex.</li>
  385. <li><font color="#FD82FF">✵</font>I am not easy to deal with so Mail or Pm at your own Risk.</li>
  386. <li><font color="#FD82FF">✵</font> Do not piss of my friends or family.</li>
  387. <li><font color="#FD82FF">✵</font> Big N O Do not bring up Race at all. You wanna be Racist do not drag me into it. I will have no part.
  388. <li><font color="#FD82FF">✵</font> No no no DRAMA </li>
  389. </ul>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement