API tools faq
paste
Advertisement
Carneficine

Bastien DeLocke Profile

Carneficine
Jan 6th, 2019
101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.63 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3. <head>
  4. <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
  5. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  6. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  7. <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.5/dat.gui.min.js"></script>
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
  9. <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.min.js"></script>
  10. <script src="https://roleplay.chat/jquery.tooltipster.js?v=8"></script>
  11. <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
  12. <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/87/three.js"></script>
  13. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
  14. <link href="https://roleplay.chat/tooltipster.css" rel="stylesheet" type="text/css">
  15. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  16. <script defer>
  17. window.onload = function() {
  18.  
  19. };
  20. </script>
  21. <style>
  22.  
  23. </style>
  24. </head>
  25. <body>
  26. <style>
  27.  
  28. @import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:200|Playfair+Display);
  29.  
  30.  
  31. body {
  32. background: url(http://i.picpar.com/w99.png) #000000;
  33. background-position: bottom right}
  34.  
  35. #starry{
  36. width:830px;
  37. height:200px;
  38. }
  39.  
  40. .night{
  41. margin: auto;
  42. position: absolute;
  43. top: 0; left: 0; bottom: 0; right: 0;
  44. }
  45.  
  46. .heart{
  47. position:absolute;
  48. width:200px;
  49. height:200px;
  50. background:url('https://78.media.tumblr.com/d767a9a9e28bc4d44c86aaa9f03fc95c/tumblr_my08h8fiPY1r3p8bho1_500.gif') bottom center;
  51. background-size:180%;
  52. border-radius:300px;
  53. }
  54.  
  55. .flavor{
  56. position:absolute;
  57. top:53px;
  58. left:0px;
  59. width:100%;
  60. text-align:center;
  61. font-family: 'Source Code Pro', monospace;
  62. font-size:28px;
  63. color:#ffffff;
  64. text-shadow:0px 0px 5px #a88;
  65. line-height:28px;
  66. letter-spacing:3px;
  67. }
  68.  
  69. .break{
  70. position:absolute;
  71. width:200px;
  72. height:200px;
  73. background:url('https://media.giphy.com/media/gSAp3P8NeCzCM/giphy.gif') center;
  74. background-size:180%;
  75. border-radius:300px;
  76. }
  77.  
  78.  
  79. #its{
  80. position:absolute;
  81. top:0px;
  82. left:315px;
  83. width:200px;
  84. height:200px;
  85. opacity:0;
  86. transition: 1.8s;
  87. -moz-transition: 1.2s;
  88. -webkit-transition: 1.2s;
  89. -o-transition: 1.2s;
  90. z-index:5;
  91. }
  92.  
  93. #its:hover{
  94. left:0px;
  95. width:830px;
  96. opacity:1;
  97. }
  98.  
  99. #its:hover .walk { opacity: 1; transition-delay: 0.6s; }
  100. #its:hover .away { opacity: 1; transition-delay: 1.2s; }
  101. #its:hover .today { opacity: 1; transition-delay: 1.8s; }
  102.  
  103. .walk, .away, .today{
  104. opacity: 0;
  105. transition: 0.6s;
  106. -moz-transition: 0.6s;
  107. -webkit-transition: 0.6s;
  108. -o-transition: 0.6s;
  109. }
  110. .arrow-right{
  111. position:absolute;
  112. top:127.5px;
  113. right:-20px;
  114. width: 0;
  115. height: 0;
  116. border-style: solid;
  117. border-width: 12.5px 0 12.5px 20px;
  118. border-color: transparent transparent transparent #755c55;
  119. }
  120.  
  121. .arrow-left{
  122. position:absolute;
  123. top:127.5px;
  124. left:-20px;
  125. width: 0;
  126. height: 0;
  127. border-style: solid;
  128. border-width: 12.5px 20px 12.5px 0;
  129. border-color: transparent #755c55 transparent transparent;
  130. }
  131.  
  132. .our{
  133. position:absolute;
  134. top:-50px;
  135. left:-30px;
  136. width:300px;
  137. height:300px;
  138. border-right:3px double #755c55;
  139. }
  140.  
  141. .time{
  142. position:absolute;
  143. top:8px;
  144. left:8px;
  145. width:286px;
  146. height:284px;
  147. overflow:auto;
  148. }
  149.  
  150. .to{
  151. position:absolute;
  152. top:-50px;
  153. right:-30px;
  154. width:300px;
  155. height:300px;
  156. border-left:3px double #755c55;
  157. }
  158.  
  159. .say{
  160. color:#ffffff;
  161. font-size:14px;
  162. text-align:justify;
  163. line-height:16px;
  164. font-family:consolas;
  165. margin: 0px 5px 0px 0px;
  166. }
  167.  
  168. .good{
  169. position:absolute;
  170. top:-44px;
  171. left:284px;
  172. width:260px;
  173. text-align:center;
  174. font-family: 'Source Code Pro', monospace;
  175. font-size:12px;
  176. color:#000000;
  177. text-shadow:0px 0px 5px #a88;
  178. line-height:13px;
  179. }
  180.  
  181. .bye{
  182. position:absolute;
  183. bottom:-20px;
  184. left:284px;
  185. width:260px;
  186. text-align:center;
  187. font-family: 'Source Code Pro', monospace;
  188. font-size:12px;
  189. color:#000000;
  190. text-shadow:0px 0px 5px #a88;
  191. line-height:13px;
  192. }
  193.  
  194. a:active, a:link, a:visited{
  195. color:#000000;
  196. text-decoration:none;
  197. }
  198.  
  199. a:hover{
  200. cursor:help;
  201. color:#000000;
  202. text-decoration:line-through;
  203. }
  204.  
  205. b {
  206. font-family: 'Playfair Display', serif;
  207. color: #000000;
  208. font-weight:10;
  209. }
  210.  
  211. i{
  212. color:#999999;
  213. font-family: 'Playfair Display', serif;
  214. font-weight:light;
  215. letter-spacing: 1px;
  216. font-size:12px;
  217. font-style:italic;
  218. }
  219.  
  220. h1{
  221. color: #999999;
  222. width: 100%;
  223. font-weight: light;
  224. text-align: center;
  225. font-family: 'Playfair Display', serif;
  226. font-size: 24px;
  227. line-height: 24px;
  228. letter-spacing: -1px;
  229. border-bottom:1px solid #5e2f35;
  230. }
  231.  
  232. ::-webkit-scrollbar {width: 4px;}
  233. ::-webkit-scrollbar-thumb:vertical {
  234. height: 10px;background-color: #c3aca4;}
  235. ::-webkit-scrollbar-thumb:horizontal {
  236. height: 10px;background-color: #c3aca4;border: 0px;width: 12px;}
  237. </style>
  238.  
  239. <div id="starry" class="night">
  240. <div class="heart night"><div class="flavor">
  241. <br> <br><br></div></div>
  242. <div id="its"><div class="walk"><div class="our">
  243. <div class="arrow-right"></div>
  244. <div class="time"><div class="say">
  245.  
  246. <h1>'I ought to be thy Adam, but I am rather the Fallen Angel...' -- Mary Shelley; Frankenstein</h1>
  247.  
  248. <font style=float:left><b>Name</b></font> <font style=float:right><strike>Bastien DeLocke</strike></font><br>
  249. <font style=float:left><b>Moniker</b></font> <font style=float:right>---</font><br>
  250. <font style=float:left><b>Height</b></font> <font style=float:right>6'3"</font><br>
  251. <font style=float:left><b>Weight</b></font> <font style=float:right>----</font><br><br>
  252. <font style=float:left><b>Hair</b></font> <font style=float:right>Black</font><br><br>
  253. <font style=float:left><b>Eyes</b></font> <font style=float:right>Heterchromia - Black/Blue</font><br><br>
  254. <font style=float:left><b>Orientation</b></font> <font style=float:right>Unbiased</font><br><br>
  255. <font style=float:left><b>Occupation</b></font> <font style=float:right>Vagabond</font><br><br>
  256. <br>
  257. <font style=float:left><b>Marital</b></font> <font style=float:right>Stolen by a Thief</font><br><br>
  258. <br>
  259. <font style=float:left><b>Species</b></font> <font style=float:right><strike>Deceased</strike>Human</font><br><br>
  260. <font style=float:left><b>Gender</b></font><font style=float:right>Male</font><br><br>
  261. <br>
  262. <i>Italics</i>Regular.<u>Underline is Hover</u><br><br>
  263.  
  264. <b>Favored Souls</b><br><br>
  265. Simone Devaleonne (Devilette) - This macabre beauty has garnered Bastien's attention and although he does not yet trust her fully, he cannot help but be drawn to her - seeking out her company like a moth to the flame<br>
  266. <br>
  267. </div></div></div></div>
  268. <div class="away"><div class="to">
  269. <div class="arrow-left"></div>
  270. <div class="time"><div class="say">
  271.  
  272. <br><br>
  273.  
  274. <b><I></b></I><br><br>
  275.  
  276. <i> 'If I am an Angel, paint me with Black Wings...' - Anne Rice</I>
  277. <br>
  278. A bastardized project of Alchemy, Bastien roams the world alone, isolated...forgotten. His heart holds no beat nor his flesh any gifting warmth. Slowly rotting away, the Lost Boy searches for any truths to his existence or understanding of the world. This character is adaptable to any situation - good or bad and his story will be continued from each experience. <br>
  279. <br>
  280. .:<b>PM Friendly</b><br>
  281. .:<b>RL>RP. What happens IC stays IC</b><br>
  282. .:<b>Semi to Multi-para. Novella possible.</b><br>
  283. .:<b>Long term preferred.</b><br>
  284. .:<b>No outside contact. RPC only</b><br>
  285.  
  286.  
  287. </div></div></div></div>
  288. <div class="today"><div class="good">
  289.  
  290. <i></i>
  291. </div><div class="bye">
  292. <i></i>
  293.  
  294. </div></div><div class="break night"></div>
  295. </div></div>
  296. </body>
  297. </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!