API tools faq
paste
Advertisement
rpaccount

Rachel Alucard re do

rpaccount
Oct 11th, 2017
106
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.68 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <script src="/cdn-cgi/apps/head/wKUnToCJIYRjR_DVg2wqzpoJMoY.js"></script><body><style type="text/css">
  3. @import url(https://fonts.googleapis.com/css?family=Arizonia);
  4. @import url(https://fonts.googleapis.com/css?family=Farsan);
  5. @import url(https://fonts.googleapis.com/css?family=Satisfy);
  6. @import url(https://fonts.googleapis.com/css?family=Ranga);
  7. @import url(https://fonts.googleapis.com/css?family=Abel);
  8. @import url(https://fonts.googleapis.com/css?family=Jim+Nightshade);
  9.  
  10. ::-webkit-scrollbar { width: 4px; }
  11. ::-webkit-scrollbar-track { border-radius: 2px; background-color: #; }
  12. ::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #; }
  13.  
  14. body {
  15. background-image: url("https://vignette.wikia.nocookie.net/blazblue/images/3/34/Requiem_%28Stage%29.jpg/revision/latest/scale-to-width-down/2000?cb=20110408221139");background-repeat: no-repeat;background-color: #000;background-size: 100% 100%;background-position: bottom right;margin: 0; overflow:hidden;}
  16.  
  17. #name { position: absolute; top: 25%; right: 20%; margin: auto; background: #transparent; width: 390px; height: 255px; font-family: jim nightshade; font-size: 100px;
  18. background: url(http://data.whicdn.com/images/239159059/large.gif) -20px -20px repeat; -webkit-text-fill-color: transparent; -webkit-background-clip: text; display:block; text-align: center; text-transform: uppercase;
  19. letter-spacing: 1px; -webkit-transition:opacity 2s linear; -webkit-transition:all 2s ease-in-out; opacity: 1;-webkit-transition: all 2s ease-out;-webkit-transition: all 2s ease-out;-moz-transition: all 2s ease-out;-ms-transition: all 2s ease-out;-o-transition: all 2s ease-out;transition: all 2s ease-out;transition-delay:4s;}
  20. #nameoverlay { position: absolute; top: 25%; right: 20%; margin: auto; background: #transparent; width: 390px; height: 255px; font-family: jim nightshade; font-size: 100px; -webkit-text-fill-color: transparent; text-transform: none; -webkit-background-clip: text; display:block; text-shadow: -1px 0 #ff0000, 0 1px #98CFE7,1px 0 #A9AF41, 0 -1px #ff0000; text-align: center; opacity: 1; text-transform: uppercase; letter-spacing: 1px; -webkit-transition:opacity 2s linear; -webkit-transition:all 2s ease-in-out; -webkit-transition: all 2s ease-out;-webkit-transition: all 2s ease-out;-moz-transition: all 2s ease-out;-ms-transition: all 2s ease-out;-o-transition: all 2s ease-out;transition: all 2s ease-out;transition-delay:4s;}
  21.  
  22. #name2 { position: absolute; z-index:50;top: -5%; left: 3%; margin: auto; background: #transparent; width: 600px; height: 95px; font-family: jim nightshade; font-size: 85px; background: url(http://data.whicdn.com/images/239159059/large.gif) -20px -20px repeat; -webkit-text-fill-color: transparent; -webkit-background-clip: text; display:block; text-align: center; text-transform: none; border-bottom: 4px double #98CFE7; letter-spacing: 1px; -webkit-transition:opacity 2s linear; -webkit-transition:all 2s ease-in-out; opacity: 1; }
  23. #nameoverlay2 { position: absolute;z-index:50; top: -5%; left: 3%; margin: auto; background: #transparent; width: 600px; height: 95px; font-family: jim nightshade; font-size: 85px; -webkit-text-fill-color: transparent; text-transform: none; -webkit-background-clip: text; display:block; text-shadow: -1px 0 #ff0000, 0 1px #98CFE7,1px 0 #A9AF41, 0 -1px #ff0000; text-align: center; opacity: 1; text-transform: none; border-bottom: 4px double #98CFE7; letter-spacing: 1px; -webkit-transition:opacity 2s linear; -webkit-transition:all 2s ease-in-out; opacity: 1; }
  24.  
  25. #frame {z-index: 3;position: absolute;background-color:#;bottom: 0%;left: 0%;height: 100%;width: 100%;opacity: 1;}
  26. #frame2 {z-index: 3;position: absolute;background-color:#;top: 15%;left: 8%;height: 50%;width: 40%;opacity: 0;-webkit-transition:opacity 2s linear; -webkit-transition:all 2s ease-in-out;-webkit-transition: all 2s ease-out;-webkit-transition: all 2s ease-out;-moz-transition: all 2s ease-out;-ms-transition: all 2s ease-out;-o-transition: all 2s ease-out;transition: all 2s ease-out;transition-delay:4s;}
  27.  
  28. #theholder {position:absolute;z-index: 50;background-color:#;bottom: 0%;left: 0%;height: 100%;width: 100%;opacity: 1;-webkit-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}
  29.  
  30. #theholder:hover #name{opacity:0;transition-delay:0.5s;}
  31. #theholder:hover #nameoverlay{opacity:0;transition-delay:0.5s;}
  32. #theholder:hover #aimg{opacity:0;transition-delay:0.5s;}
  33. #theholder:hover #aimg2{opacity:1;transition-delay:1.3s;}
  34. #theholder:hover #frame2{opacity:1;transition-delay:1.3s;}
  35.  
  36. #aimg { position: absolute; width: 33%; height: 100%; left: 10%; bottom:00%; overflow:auto;background-image:url(http://oi60.tinypic.com/2rdkrr9.jpg);background-size:100% 100%;opacity:1; -webkit-transition: all 2s ease-out;-webkit-transition: all 2s ease-out;-moz-transition: all 2s ease-out;-ms-transition: all 2s ease-out;-o-transition: all 2s ease-out;transition: all 2s ease-out;transition-delay:4s;}
  37. #aimg2 { position: absolute; width: 29%; height: 85%; right: 18%; top:0%; overflow:auto;background-image:url(http://i.picpar.com/tH6c.png);background-size:100% 100%;opacity:0; -webkit-transition: all 2s ease-out;-webkit-transition: all 2s ease-out;-moz-transition: all 2s ease-out;-ms-transition: all 2s ease-out;-o-transition: all 2s ease-out;transition: all 2s ease-out;transition-delay:4s; animation: bounce 5s infinite; -webkit-animation: bounce 8s infinite; -o-animation: bounce 8s infinite; image-shadow: 0 0 25px #CC20FF;}
  38. @keyframes bounce{ 0% {top: 5%;} 50% {top: 10%;} 100% {top:5%;}}
  39.  
  40. .slide {Position: absolute; Height: 80%; Width: 99.5%; Top: 15%; Left:0%; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  41. .slide:target {Top: 30%; Opacity: 1; Z-index: 1; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  42. .slide2 {Position: absolute; Height: 80%; Width: 99.5%; Top: 15%; Left:0%; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  43. .slide2:target {Top: 30%; Opacity: 1; Z-index: 1; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  44.  
  45. .img {background-color: #fff; position: absolute; width: 225; height: 100%; left: 0%; bottom:0%; overflow:auto; border:3px ;}
  46. .img2 {background-color: #fff; position: absolute; width: 225; height: 100%; right: 0%; bottom:0%; overflow:auto; border:3px;}
  47.  
  48. .abox {background-color:#000; color: #98CFE7; font-size: 13px; font-family: Abel; text-align: justify; position: absolute; width:60%; height:100%; right: 0%; bottom:0%; letter-spacing: .2px; line-height: 13px; overflow:auto; border: 3px solid #3B3B3B;}
  49. .abox2 {background-color:#000; color: #98CFE7; font-size: 13px; font-family: Abel, sans-serif; text-align: justify; position: absolute; width:60%; height:100%; left: 0%; bottom:0%; letter-spacing: .2px; line-height: 13px; overflow:auto;;}
  50.  
  51. .link1 {z-index:50; position: absolute;Left: 5%; Top: 15.5%;Border: solid 2px #;Height: 40; Width: 40;background-color: #;background-image: url("https://orig00.deviantart.net/71b6/f/2012/037/2/4/243e6eb6cca1691e5d0e853532d90da1-d4oxakn.png");background-size: 100% 100%;}
  52. .link2 {z-index:50; position: absolute;Left: 20%; Top: 17%;Border: solid 2px #;Height: 30; Width: 30;background-color: #;background-image: url("https://orig00.deviantart.net/71b6/f/2012/037/2/4/243e6eb6cca1691e5d0e853532d90da1-d4oxakn.png");background-size: 100% 100%;}
  53. .link3 {z-index:50; position: absolute;Left: 40%; Top: 17.5%;Border: solid 2px #;Height:20; Width: 20;background-color: #;background-image: url("https://orig00.deviantart.net/71b6/f/2012/037/2/4/243e6eb6cca1691e5d0e853532d90da1-d4oxakn.png");background-size: 100% 100%;}
  54. .link4 {z-index:50; position: absolute;Left: 55%; Top: 17.5%;Border: solid 2px #;Height:20; Width: 20;background-color: #;background-image: url("https://orig00.deviantart.net/71b6/f/2012/037/2/4/243e6eb6cca1691e5d0e853532d90da1-d4oxakn.png");background-size: 100% 100%;}
  55. .link5 {z-index:50; position: absolute;left: 74%; Top: 17%;Border: solid 2px #;Height: 30; Width:30;background-color: #;background-image: url("https://orig00.deviantart.net/71b6/f/2012/037/2/4/243e6eb6cca1691e5d0e853532d90da1-d4oxakn.png");background-size: 100% 100%;}
  56. .link6 {z-index:50; position: absolute;left: 89%; Top: 15.5%;Border: solid 2px #;Height: 40; Width:40;background-color: #;background-image: url("https://orig00.deviantart.net/71b6/f/2012/037/2/4/243e6eb6cca1691e5d0e853532d90da1-d4oxakn.png");background-size: 100% 100%;}
  57.  
  58. h1 {width: 100%; height: 15px; font-size: 21px;line-height:19px;font-family:Jim Nightshade;margin-top:5px;background:#000;background-image: url("https://68.media.tumblr.com/a947aff5f666bbab3c636d51d5f43090/tumblr_nopdlpmDbn1szhqh3o1_500.gif"); margin-bottom: 5px; text-align: center;color: #000;text-shadow: -1px 0px 0px #919729, 0px 1px 0px #919729, 1px 0px 0px #919729, 0px -1px 0px #919729;}
  59. b, strong { color: #ccc;}
  60.  
  61. a {color: #D6C438; text-decoration: none; }
  62. a:hover {color: gray; text-decoration: line-through;
  63. cursor: url('http://www.rw-designer.com/cursor-extern.php?id=64737');}
  64.  
  65. #music{ position:absolute;height:60px;width: 60px;top: 2%;left: 1%; margin: auto; z-index:99;}
  66. #music1{ position:absolute; padding:2px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
  67. #music1:hover #music2{ opacity:0; margin-top:-25px; z-index:-1;}
  68. #music1:hover #music3{ opacity:0.7; margin-top:0px; z-index:99;}
  69. #music1:hover #musiclist{ opacity:1;}
  70. #music2{ opacity:1; background-color:#; padding:6px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
  71. #music3{ opacity:0; position:absolute; background-color:#; background-image: url('http://i68.tinypic.com/2ztiouh.png'); background-repeat: no-repeat; background-size: 25px; border:1px dotted #; width:25px; height:25px; z-index:99 margin-left:0px; overflow:hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  72.  
  73. </style>
  74.  
  75. <img src="" width="100%" height="100%" style="position:fixed; bottom:0%; right: 0%; z-index:0;opacity:0.2;">
  76.  
  77. <div id="frame">
  78. <div id="theholder">
  79. <div id="nameoverlay">Queen Of <br>Rose</div><div id="name">Queen of<br>Rose</div>
  80. <div id="aimg"></div>
  81. <div id="aimg2"></div>
  82. <div id="frame2">
  83. <div id="nameoverlay2">Rachel</div><div id="name2">Rachel</div>
  84. <a href="#1"><div class="link1"></div></a>
  85. <a href="#2"><div class="link2"></div></a>
  86. <a href="#3"><div class="link3"></div></a>
  87. <a href="#4"><div class="link4"></div></a>
  88. <a href="#5"><div class="link5"></div></a>
  89. <a href="#6"><div class="link6"></div></a>
  90.  
  91. <div id="1" class="slide">
  92. <div class="abox">
  93. <h1>Dossier</h1>
  94. <b>Real Name</b> <span style="float:right;">Rachel Alucard</span><br>
  95. <b>Alias</b> <span style="float:right;">Lady Alucard, Princess, Mistress.</span><br>
  96. <b>Gender</b> <span style="float:right;">Female</span><br>
  97. <b>Hair Color</b> <span style="float:right;">Blonde</span><br>
  98. <b>Eye Color</b> <span style="float:right;">Red</span><br>
  99. <b>Height</b> <span style="float:right;">4'11"</span><br>
  100. <b>Weight</b> <span style="float:right;">How rude.</span> <br>
  101. <b>Race</b> <span style="float:right;">Vampire</span><br>
  102.  
  103. <br><br>
  104. <h1>Personal</h1>
  105. <b>Orientation</b> <span style="float:right;">That means nothing to me.</span><br>
  106. <b>Marital Status</b> <span style="float:right;">Engaged to Chara.</span><br>
  107.  
  108.  
  109. <b>Location</b> <span style="float:right;"> Moonlight Castle</span><br>
  110. <br><br>
  111. </div>
  112.  
  113. <div class="img">
  114. <img src="https://myanimelist.cdn-dena.com/images/characters/4/298643.jpg" Height="100%" Width="100%">
  115. </div></div>
  116.  
  117. <div id="2" class="slide2">
  118. <div class="abox2">
  119. <h1>Background</h1>
  120. TBA
  121. </div>
  122. <div class="img2">
  123. <img src="http://data.whicdn.com/images/32414396/original.gif" Height="100%" Width="100%">
  124. </div></div>
  125.  
  126. <div id="3" class="slide">
  127. <div class="abox">
  128. <h1>Powers</h1>
  129. <center>
  130. Rachel believes herself to be one of the most powerful individuals in BlazBlue, making it a point by often looking down upon others, unamused or not fazed by the attempts of her opponents, no matter how hard they fight. In battle she employs her familiars, Nago and Gii to do most of the fighting for her. It is also stated that she has mastered the art of sorcery; in direct combat, she is shown having control of wind and lightning. Her feats of power range from creating portals, to turning her clothes in weapons such as forks, knives, and swords. Rachel's heightened power comes from her possession of the Sankishin known as Tsukuyomi.<br><br> Boasting the ultimate defense, Tsukuyomi was able to block and completely nullify a blast from the Gigant: Take-Mikazuchi. Rachel's Drive is known as Silpheed which employs the use of her control over the element of wind to alter the flow of battle by affecting all, from the combatants to projectiles
  131.  
  132. As of Continuum Shift, she lost much of her overwhelming power after forsaking her status as an Observer. However, she still retains the ability to fight.
  133. </center>
  134. </div>
  135. <div class="img">
  136. <img src="http://pa1.narvii.com/5804/587b926dc24fe4940252331ec14c371086fd2b15_hq.gif" Height="100%" Width="100%">
  137.  
  138. </div></div>
  139.  
  140. <div id="4" class="slide2">
  141. <div class="abox2">
  142. <h1>Those worthy</h1>
  143. <center>
  144. TBA
  145. </center>
  146. </div>
  147. <div class="img2">
  148. <img src="http://pa1.narvii.com/6297/1085210a351975aa40e390639e89fa78a4064038_hq.gif" Height="100%" Width="100%">
  149. </div></div>
  150.  
  151. <div id="5" class="slide">
  152. <div class="abox">
  153. <h1> OOC </h1>
  154. <b>Marvel Canon Characters ONLY!</b>
  155. <br>Smut? Pfft. If I am PMed for it, the ignore button will be used.<br>
  156. <br><b>NO STARTERS.</B> Please ask first because I might not be in the mood. Take note that my mood is fickle. But I can be coaxed.<br>
  157. <br>NO DRAMA! IC is not OOC<br>
  158. <br>Real life first. I can get busy. Be patient or go away.<br>
  159. <br>3rd person point of view ONLY!<br>
  160. <br>My posts will vary on mood.<br>
  161. <br>I do not own any of the pictures.<br>
  162. <br>I have the right to refuse or stop any rp that I see fit. Be a man and buck up buttercup.<br>
  163. <br>No grammar nazis. I am not the best at grammar. <b>Suggestions</b> are welcome and help. But don't be a dick.
  164. </div>
  165. <div class="img">
  166. <img src="http://i.picpar.com/lS6c.gif" Height="100%" Width="100%">
  167. </div></div>
  168. </div>
  169. </div>
  170. </div>
  171.  
  172. <div id="music">
  173. <div id="music1">
  174. <div id="music2">
  175. <img src="http://68.media.tumblr.com/tumblr_m7vzouYDlt1r6o8v2.gif" style="opacity: 1;"></div>
  176. <div id="music3">
  177. <Div style="margin-top:4px;">
  178. <audio controls loop style="opacity: 0;"><source src="https://puu.sh/wbIzc/cbc2fe16c1.mp3"></audio>
  179. </div>
  180. </div></body>
  181. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!