API tools faq
paste
RageQxeen

Fran

RageQxeen
Jun 11th, 2018
337
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.77 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3. <body><style type="text/css">
  4.  
  5. @import url(https://fonts.googleapis.com/css?family=Rock+Salt|Great+Vibes|Aref+Ruqaa);
  6.  
  7. html, body {
  8. background: #CCCACB;
  9. background-image:url("");
  10. background-size:400px;
  11. background-repeat:no-repeat;
  12. background-position:center bottom;
  13. }
  14.  
  15. ::-webkit-scrollbar-button:vertical:{
  16. background-color: #transparent;}
  17.  
  18. ::-webkit-scrollbar-thumb:vertical {
  19. background-color:#transparent;
  20. height:150px;}
  21.  
  22. ::-webkit-scrollbar-thumb:horizontal {
  23. background-color:#transparent;
  24. height:60px;}
  25.  
  26.  
  27. ::-webkit-scrollbar {
  28. height:60px;
  29. width:5px;
  30. background-color:#transparent;}
  31.  
  32. #container {
  33. background-color:#373633;
  34. background-image:url("");
  35. width: 700px;
  36. height: 400px;
  37. margin:auto;
  38. position: absolute;
  39. left: 20%;
  40. bottom: 10%;
  41. opacity: 0.8;
  42. z-index:1;
  43. }
  44.  
  45. #image {
  46. width: 500px;
  47. margin: 0px;
  48. border: none;
  49. height: 600px;
  50. background-color:transparent;
  51. position: absolute;
  52. right: 0%;
  53. bottom: 0%;
  54. background-image:url("https://static.zerochan.net/Black.Berserker.full.2192255.jpg");
  55. background-repeat:no-repeat;
  56. background-position: bottom;
  57. background-size: 90%;
  58. }
  59.  
  60. #image2 {
  61. width: 150px;
  62. margin: 0px;
  63. border: none;
  64. height: 150px;
  65. background-color:transparent;
  66. position: absolute;
  67. left: -10%;
  68. bottom: -10%;
  69. background-image:url("https://i.pinimg.com/originals/c0/47/a9/c047a942b6a4cf8ff3df0bac23a48fc8.gif");
  70. background-repeat:no-repeat;
  71. background-position: bottom;
  72. background-size: 200%;
  73. border-radius:100%;
  74. padding:5px;
  75. border:1px solid #666;
  76. border: 1px solid #666666;
  77. }
  78.  
  79. #image3 {
  80. width: 150px;
  81. margin: 0px;
  82. border: none;
  83. height: 150px;
  84. background-color:transparent;
  85. position: absolute;
  86. left: -10%;
  87. top: -10%;
  88. background-image:url("https://68.media.tumblr.com/8bb1bf22a377c3e89cf2ccf81d1ce2ca/tumblr_osvfsz8veh1uxybkho5_500.gif");
  89. background-repeat:no-repeat;
  90. background-position: bottom;
  91. background-size: 200%;
  92. border-radius:100%;
  93. padding:5px;
  94. border:1px solid #666;
  95. border: 1px solid #666666;
  96. }
  97.  
  98. #content {
  99. background-color: #f3f3f3;
  100. width: 500px;
  101. height: 350px;
  102. margin:auto;
  103. position: absolute;
  104. left: 32%;
  105. bottom: -5%;
  106. font-family: 'Aref Ruqaa';
  107. z-index:1;
  108. border: #000000 solid 1px;
  109. }
  110.  
  111. .links{
  112. position: fixed;
  113. margin: auto;
  114. top: 25%; bottom: 0;
  115. left: 0; right: 43%;
  116. height: 240px;
  117. width: 40px;
  118. text-align: center;
  119. }
  120. .links a{
  121. display: block;
  122. height: 20px;
  123. width: 70px;
  124. margin-top: 15px;
  125. margin-left: 2.5px;
  126. text-align: center;
  127. font-family: 'roboto';
  128. font-size: 9px;
  129. box-shadow: 0px 0px 0.5px #eee;
  130. color: #eee; /*-- links font color --*/
  131. border: 1px solid #333; /*-- links font border color --*/
  132. background-color: #000; /*-- links background color --*/
  133. text-transform: uppercase;
  134. text-decoration: none;
  135. line-height: 20px;
  136. transition: .9s linear;
  137. }
  138. .links a:hover{
  139. color: #42A622; /*-- links font color hover --*/
  140. border: 1px solid #42A622; /*-- links border color hover --*/
  141. transition: .9s linear;
  142. text-align: center;
  143. font-family: 'roboto';
  144. font-size: 9px;
  145. text-transform: uppercase;
  146. text-decoration: none;
  147. }
  148.  
  149. .a:link, a:active, a:visited {
  150. font-family: 'Aref Ruqaa';
  151. font-size: 12px;
  152. color:#666666;
  153. letter-spacing: 1px;
  154. text-decoration: none;
  155. text-align: left;
  156.  
  157. }
  158.  
  159. a:hover {
  160. background-color: transparent;
  161. font-family: 'Aref Ruqaa';
  162. font-size: 16px;
  163. font-weight: none;
  164. color: #42A622;
  165. text-decoration: none;
  166. text-transform: none;
  167. text-align: left;
  168. }
  169.  
  170. .header{
  171. position:absolute;
  172. width: 500px;
  173. background:#transparent;
  174. height:100px;
  175. overflow:hidden;
  176. font-family: 'Rock Salt', cursive;
  177. font-size: 25px;
  178. font-weight:lighter;
  179. font-style:none;
  180. color:#42A622;
  181. letter-spacing: 0px;
  182. text-transform:none;
  183. text-align:center;
  184. }
  185.  
  186. .header2{
  187. position:absolute;
  188. width: 500px;
  189. background:#transparent;
  190. height:100px;
  191. overflow:hidden;
  192. font-family: 'Great Vibes', cursive;
  193. font-size: 30px;
  194. font-weight:lighter;
  195. font-style:none;
  196. color:#42A622;
  197. letter-spacing: 0px;
  198. text-transform:none;
  199. text-align:center;
  200. }
  201.  
  202. h1 {
  203. font-family: 'Rock Salt', cursive;
  204. font-size: 20px;
  205. line-height: 22px;
  206. color:#000000;
  207. letter-spacing:1px;
  208. word-spacing: 2px;
  209. text-decoration:none!important;
  210. }
  211.  
  212. </style>
  213.  
  214. <div class="header" style="top: 23%; left: 28%;">Frankenstein's Monster</div>
  215. <div id="container">
  216. <div class="header2" style="top: 0%; left: 28%;">The Eve Abomination</div>
  217.  
  218. <div id="image2"></div>
  219. <div id="image3"></div>
  220.  
  221. <div class="links">
  222. <a href="#one">Stats</a>
  223. <a href="#two">Powers</a>
  224. <a href="#three">History</a>
  225. <a href="#four">Connections</a>
  226. <a href="#five">OOC</a>
  227. </div>
  228.  
  229. <div id="content">
  230. <div style="width: 500px; height: 350px; overflow-y: hidden;">
  231.  
  232. <a name="one"></a>
  233. <div style="width: 500px; height: 350px; overflow: auto;" align="center">
  234.  
  235. <font style=float:left><b>Name</b></font> <font style=float:right>Eve</font><br>
  236. <font style=float:left><b>True name</b></font> <font style=float:right>Frankenstein's Monster</font><br>
  237. <font style=float:left><b>Alias(es)</b></font> <font style=float:right><a title="Fran">hover</a></font><br>
  238. <font style=float:left><b>Gender</b></font> <font style=float:right>Female</font><br>
  239. <font style=float:left><b>Birthdate</b></font> <font style=float:right>A dreary night in November</font><br><br>
  240. <font style=float:left><b>Race</b></font> <font style=float:right><a title="Homunculus, Heroic Spirit">Servant</a></font><br>
  241. <font style=float:left><b>Height</b></font> <font style=float:right>172 cm</font><br>
  242. <font style=float:left><b>Weight</b></font> <font style=float:right>48 kg</font><br>
  243. <font style=float:left><b>Tresses</b></font> <font style=float:right>Red</font><br>
  244. <font style=float:left><b>Irises</b></font> <font style=float:right><a title="Left Blue, Right Gold">Complete Heterochromia</a></font><br><br>
  245. <font style=float:left><b>Marital</b></font> <font style=float:right>Single</font><br>
  246. <font style=float:left><b>Interest</b></font> <font style=float:right><a href="" target="_blank">None</a></font><br>
  247. <font style=float:left><b>Orientation</b></font> <font style=float:right>N/A</font><br>
  248. </div>
  249.  
  250. <a name="two"></a>
  251. <div style="width: 500px; height: 350px; overflow: auto;" align="center">
  252.  
  253. <h1>Stats</h1>
  254. <img src="http://i.picpar.com/asCc.png"><br>
  255. <br>
  256. <h1>Passive Skills</h1>
  257. Due to her unique skill "Galvanism", she has the big advantage of efficiently replenishing her Magical energy supply at an abnormally high rate.<br>
  258. <br>
  259. <h1>Noble Phantasm</h1>
  260. <b>Rank</b>: D-B+<br>
  261. <b>Type</b>: Anti-Army<br>
  262. A full power electrical discharge of suicide bombing resolution, performed by lifting all limiters from "A Maiden's Chastity".
  263. After use, there are a small possibility of giving birth to a second monster of Frankenstein.
  264. </div>
  265.  
  266. <a name="three"></a>
  267. <div style="width: 500px; height: 350px; overflow: auto;" align="center">
  268. <br>
  269. Berserker's True Name is Frankenstein, the Frankenstein's monster. Based upon the artificial life created by Victor Frankenstein in Mary Shelley's novel "Frankenstein: or the Modern Prometheus". Victor sought to recreate the original couple described in the bible -- Adam and Eve. Due to the limitations of man, he first built Eve, intending for her to give birth to the counterpart. What started as a patchwork of lifeless flesh was given life by the energy harnessed from lightning. Unfortunately, what awoke was not the ideal woman that Victor envisioned, but an abomination with the mind of an infant. Having no developed capacity for expression, her sense of morality was completely absent. After presenting the entrails of a slain dog as a gift for the master, she was branded a failure and disassembled, before being abandoned completely.
  270. <br><br>
  271. Though still in pieces, she still lived, and over a period of time, was able to reconnect and repair herself. In her former master's absence, she came into contact with the outside world, and developed the emotions and feelings that could never be created in the first place. Thus she realized a great anger towards the one who abandoned her, but also admiration for the one who was effectively her father. She doggedly pursued the man until finding him in Geneva, Switzerland, where she made the following appeal:
  272. <br><br>
  273. However, he flatly refused. Believing himself to have birthed of a hideous creature, it seemed unthinkable to even consider creating another. Though she pleaded, he denied her again and again, causing her to realize the truth and fall into deep despair. She decided that she must have him create another no matter what, so she killed those acquainted with him, those with no relation at all, and even his fiancee. He continued to flee from her despite that, denying her request to the end.
  274. <br><br>
  275. Getting tired of her persistent chase, Victor fled to the South Pole, choosing to die over granting her one wish. Dying in madness, he regretted her creation until his last breath. With the man she had looked up to gone and without anyone to hate, she parted from Walton, the man who watched over Frankenstein's final moment, and traveled to the uttermost north. She built herself a pyre, allowing herself to be consumed by the flames while thinking, "May my ashes be scattered across the seas..." That was the end of the monster born from the delusions of Frankenstein.
  276. </div>
  277.  
  278. <a name="four"></a>
  279. <div style="width: 500px; height: 350px; overflow: auto;" align="center">
  280. <br>
  281. <h1>Master</h1>
  282. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
  283. <br>
  284. <h1>Friends</h1>
  285. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
  286. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
  287. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
  288. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
  289. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
  290. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a><br>
  291.  
  292.  
  293. </div>
  294.  
  295. <a name="five"></a>
  296. <div style="width: 500px; height: 350px; overflow: auto;" align="center">
  297. <br><br>
  298. IC =/= OOC.<br>
  299. Smut is 99.99999% more likely with story, but I am not against it otherwise.<br>
  300. PM Friendly.<br>
  301. Female Typist whom is taken IRL.<br>
  302. 9 years RP experience, 6 on RPC.<br>
  303. Discord/Skype is earned.<br>
  304. Any questions, comments or concerns? Please don't hesitate to PM me.<br>
  305. </div>
  306. </div>
  307. </div>
  308.  
  309. </div>
  310.  
  311. <div id="image"></div>
  312.  
  313. </body>
  314. </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!