SHARE
TWEET

test111

a guest May 25th, 2019 87 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style type="text/css">
  2. @import url(https://fonts.googleapis.com/css?family=Advent+Pro);
  3. @import url(https://fonts.googleapis.com/css?family=Montaga);
  4. @import url(https://fonts.googleapis.com/css?family=Homenaje);
  5. @import url(https://fonts.googleapis.com/css?family=Suranna);
  6. .pfor{display:none;}
  7. #profile{
  8. border:none;
  9. background-color:transparent;}
  10.  
  11.  
  12. body{
  13. background-color:#9BB3A3;
  14. background-repeat:repeat-xy;
  15. background-position:center;
  16. background-attachment: fixed;
  17. background-image:url('http://i.picpar.com/hDMc.jpg');}
  18.  
  19. ::-webkit-scrollbar {width: 5px; height: 0px; background:;}
  20. ::-webkit-scrollbar-thumb {background-color:black;-webkit-border-radius: 10px;border-radius: 10px;}
  21.  
  22. a:link, a:active, a:visited{
  23. color:#E0CDDF;
  24. font-weight:400;
  25. text-decoration:none;
  26. -transition:2.5s all ease-in-out;
  27. -moz-transition:2.5s all ease-in-out;
  28. -webkit-transition:2.5s all ease-in-out;}
  29. a:hover{
  30. color:#000;
  31. -transition:2.5s all ease-in-out;
  32. -moz-transition:2.5s all ease-in-out;
  33. -webkit-transition:2.5s all ease-in-out;}
  34.  
  35.  
  36. @keyframes bounce{
  37.  0% {top: 30px;}
  38.  50% {top: 50px;}
  39.  100% {top: 30px;}
  40. }
  41. @-webkit-keyframes bounce {
  42.  0% {top: 30px;}
  43.  50% {top: 50px;}
  44.  100% {top: 30px;}}
  45.  
  46. .card {
  47.         width: 290px;
  48.         height: 300px;
  49.         position: relative;
  50.         display: inline-block;
  51.     }
  52.     .card .img-top {
  53.         display: none;
  54.         position: absolute;
  55.         top: 0;
  56.         left: 0;
  57.         z-index: 1;
  58.     }
  59.     .card:hover .img-top {
  60.         display: inline;
  61.     }
  62. .hyu{
  63. top:0px;
  64. left:35%;
  65. width:290px;
  66. height:300px;
  67. z-index: 1;
  68. padding:9px;
  69. color:#aedaed;
  70. position:fixed;
  71. animation: bounce 3.25s infinite;
  72. -o-animation: bounce 3.25s infinite;
  73. -moz-animation:bounce 3.25s infinite;
  74. -webkit-animation: bounce 3.25s infinite; }
  75.  
  76. .gah{
  77. top:300px;
  78. padding:5px;
  79. width: 250px;
  80. height:250px;
  81. -transition:0.5s all ease-in-out;
  82. -moz-transition:0.5s all ease-in-out;
  83. -webkit-transition:0.5s all ease-in-out;}
  84.  
  85. .gah:hover{
  86. opacity:0.2;
  87. -transition:0.5s all ease-in-out;
  88. -moz-transition:0.5s all ease-in-out;
  89. -webkit-transition:0.5s all ease-in-out;}
  90.  
  91.  
  92. b, strong{font-weight:600;letter-spacing:1px;text-shadow:1px 2px 2px #000;}
  93. i, em{font-weight:400;letter-spacing:normal;font-size:15px;text-shadow:0px 3px 3px #000;}
  94. u, em{text-decoration:underline;font-weight:400;text-shadow:0px 3px 3px #000;}
  95.  
  96. big{font-size:19px;letter-spacing:1px;color:#FFEFFE;text-shadow:1px 2px 2px #000;}
  97. small{font-size:14px;letter-spacing:1px;color:#C098BD;text-shadow:0px 3px 3px #000;}
  98.  
  99. #noclick{position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;}
  100.  
  101.  
  102. #box{
  103. top:5%;
  104. left:5%;
  105. width:24vw;
  106. height:19vw;
  107. padding:5px;
  108. z-index:1;
  109. color:#FAE7F2;
  110. position:fixed;
  111. font-size:16px;
  112. line-height:17px;
  113. text-align:justify;
  114. overflow-x:hidden;
  115. font-family:'Advent Pro', sans-serif;
  116. background-color:#824242;
  117. border:inset 5px #8D4DA1;
  118. text-shadow:1px 2px 2px #000;}
  119.  
  120.  
  121. #Nej{
  122. left:5%;
  123. bottom:5%;
  124. width:24vw;
  125. height:19vw;
  126. padding:5px;
  127. z-index:1;
  128. color:#FAE7F2;
  129. position:fixed;
  130. font-size:16px;
  131. line-height:17px;
  132. text-align:justify;
  133. overflow-x:hidden;
  134. font-family:'Advent Pro',sans-serif;
  135. background-color:#824242;
  136. border:inset 5px #8D4DA1;
  137. text-shadow:1px 2px 2px #000;}
  138.  
  139. #ii{
  140. right:5%;
  141. bottom:5%;
  142. width:24vw;
  143. height:19vw;
  144. padding:5px;
  145. z-index:1;
  146. color:#FAE7F2;
  147. position:fixed;
  148. font-size:16px;
  149. line-height:17px;
  150. text-align:justify;
  151. overflow-x:hidden;
  152. font-family:'Advent Pro',sans-serif;
  153. background-color:#824242;
  154. border:inset 5px #8D4DA1;
  155. text-shadow:1px 2px 2px #000;}
  156.  
  157. #yuga{
  158. top:5%;
  159. right:5%;
  160. width:24vw;
  161. height:19vw;
  162. padding:5px;
  163. z-index:1;
  164. color:#FAE7F2;
  165. position:fixed;
  166. font-size:16px;
  167. line-height:17px;
  168. text-align:justify;
  169. overflow-x:hidden;
  170. font-family:'Advent Pro',sans-serif;
  171. background-color:#824242;
  172. border:inset 5px #8D4DA1;
  173. text-shadow:1px 2px 2px #000;
  174. -transition:1s all ease-in-out;}
  175.  
  176.  
  177. #title{
  178. width:550px;
  179. height:100px;
  180. left:40%;
  181. top:42%;
  182. z-index:5;
  183. position:fixed;
  184. color:#E0CDDF;
  185. font-size:85px;
  186. font-weight:600;
  187. line-height:auto;
  188. font-variant:small-caps;
  189. font-family:'Montaga', serif;
  190. text-shadow:2px 0px 3px #3C2B3B, 2px 2px 0px #3C2B3B, 3px 0px 5px #3C2B3B, 2px 0px 2px #3C2B3B;}
  191.  
  192. h1{
  193. width:auto;
  194. color:#E0CDDF;
  195. font-size:35px;
  196. line-height:22px;
  197. text-align:right;
  198. font-weight:100;
  199. text-decoration:none;
  200. font-variant:small-caps;
  201. margin-top:10px;
  202. margin-bottom:15px;
  203. background-color:#212121;
  204. font-family:'Suranna', serif;
  205. border-right:14px solid #111;
  206. padding-right:15px;
  207. text-shadow:2px 0px 3px #3C2B3B, 2px 2px 0px #3C2B3B, 3px 0px 5px #3C2B3B, 2px 0px 2px #3C2B3B;}
  208.  
  209. h2{
  210. width:auto;
  211. color:#E0CDDF;
  212. font-size:35px;
  213. line-height:22px;
  214. text-align:left;
  215. font-weight:100;
  216. text-decoration:none;
  217. font-variant:small-caps;
  218. margin-top:10px;
  219. margin-bottom:15px;
  220. background-color:#313131;
  221. font-family:'Suranna', serif;
  222. border-left:14px solid #111;
  223. padding-left:15px;
  224. text-shadow:2px 0px 3px #3C2B3B, 2px 2px 0px #3C2B3B, 3px 0px 5px #3C2B3B, 2px 0px 2px #3C2B3B;}
  225.  
  226. #nani{
  227. right:0px;
  228. bottom:10px;
  229. width:100px;
  230. height:auto;
  231. opacity:0.5;
  232. z-index:200;
  233. position:fixed;}
  234.  
  235. #nani:hover{opacity:0.8;}
  236.  
  237. </style>
  238. <div class="hyu"><div class="card"><span class="gah"><img src="https://i.imgur.com/8vMBbNa.jpg" alt="Card Back">
  239.         <img src="https://i.imgur.com/cK7igKo.jpg" class="img-top" alt="Card Front"></div></div>
  240.  
  241.  
  242. <div id="title">R A V E N</div>
  243.  
  244.  
  245.  
  246. <div id="box"> <h2> The Character </h2>
  247. <img src="http://i.picpar.com/fWdd.gif" height="150px" width="460px"><br>
  248. <center><b>NAME::</b> REDACTED<br>
  249. <b>ALIAS::</b> Raven Aervyx<Br>
  250. <b>AGE::</b> 25 <br>
  251. <b>RACE::</b> Phrixian<br>
  252. <b>GENDER::</b> Female<br>
  253. <b>BINDING::</b> <a title="Phrixian's have been cursed since the apocalypse that ravaged their world. It is said the Gods doomed the Phrixian race to a solitary monogamous relationship for their failure to treat women properly. Albeit, it's just word of mouth, not a true prophecy.">A Curse</a><br>
  254. <b>INTRIGUE::</b> Masculine<br>
  255. <b>OCCUPATION::</b> Black List Hacker<br>
  256. <b>MENTAL STATUS</b> Stable<Br>
  257. <b>WEAPON::</b> Scythe<br>
  258. <b>GUARD::</b> Riddick<br>
  259. <b>Companion:: <a target="_blank" href="https://roleplay.chat/profile.php?user=VampireBrat" target="_blank" title="He's often found at her side within the Haven. He's a cute little one that Raven has grown attached to.">Meka</a><br> <br></center>
  260.  
  261. <h2>The Cursed Phrixian Race</h2>
  262.  This bit is a massive WIP, I'll get to writing when the muse hits me.
  263.  
  264. </div>
  265.  
  266. <div id="Nej"> <h1> The Coder</h1>
  267. Hiyo! <br><br>
  268. I'm Raven! Nice to meet you!<br><br>
  269. Here's some things to know!<br><br>
  270.  
  271. I have been coding for about ten-ish years, and decided to open commissions two years ago. Although the struggle has been real, I haven't let it get me down. I love to code, even if it's on a mere whim and at random. I'll code whatever profile comes to my mind. Such is why I only charge a simple 5-10 bucks for my commissions. I personally take interest in making it a surprise and you get what you pay for. Sometimes more. It all depends on my mood. Codes like this, however, are a simple five dollars. Others with tabs and fancy features like rotations and stuff, typically ten. <br><br>
  272.  
  273. I'm currently taking commissions. My main goal is to save up 80$ and some change to get my therapy animal registered as a Emotional Support Animal. This is my goal! <br><br>
  274.  
  275. If you take an interest in commissioning me, don't be afraid to hit up my DMs. I'm very sociable at times and don't mind a few DMs being slid my way. I greatly welcome them!<br><Br>
  276.  
  277. If you'd like to know more about my codes just ask me. :> I have Examples below!. Stay tuned!<br><br>
  278.  
  279. ---Click The Links! :D ---<br>
  280. -- <a target="_blank" href="http://prntscr.com/np0sk7">Melody; Scroll boxes - 5$</a><br>
  281. -- <a target="_blank" href="http://i.picpar.com/ZRud.png">Snuggler; Hover code - 5$</a><br>
  282. -- <a target="_blank" href="http://i.picpar.com/aSud.png">Sir Gallahad, Tab Code - 10$</a><br>
  283. -- <a target="_blank" href="http://i.picpar.com/bSud.png">Coraline 1</a> - <a target="_blank" href="http://i.picpar.com/cSud.png">Coraline 2</a> - 5$<Br>
  284. -- <a target="_blank" href="http://roleplay.chat/profile.php?user=Urias">Urias Formonde; Tab Code</a> 10$ <br>
  285. -- <a target="_blank" href="https://roleplay.chat/profile.php?user=Hiyori%20Sarugaki">Hiyori; Simple</a> 5$ <br>
  286. </div>
  287.  
  288. <div id="ii">
  289.  <h2> Coder's Association </h2>
  290. The list of awesomes who also code.<br>
  291. Bee -Link to be added<br>
  292. Sae -Link to be added<br>
  293. <a target="_blank" href="https://roleplay.chat/profile.php?user=Yandere" target="_blank">Yandere</a> <br>
  294. <br>
  295.  
  296. Others will be added as I am made aware of them. :>
  297. <br><br>
  298. <a href="link">Link test!</a> --Boop</div>
  299.  
  300. <div id="yuga">
  301. <h1> Notes </h1>
  302. DM/PM Friendly<br>
  303. One line to Novella.<br>
  304. Story > Smut. It is earned.<br>
  305. Central US Time Zone<br>
  306. Often distracted easily.<Br>
  307. Mother of Two, usually distracted by my boys.<br>
  308. Writing experience; 10+ years.<br>
  309. Some know me by the alias Raven Oji.<br>
  310. The Character Race and disposition are heavily based off of Sherrilyn Kenyon's League Series. However, in my version, most of the planets have either gained peace or Apocalypse.<br><br>
  311. This character is hell bent on written development. As I roleplay as her, more will come to light about her, her past, and who she could become. Write with me, and let's see where the story takes us.<br></div>
  312.  
  313. <div id="nani"><img src="http://i.picpar.com/EZr.png" width="100" title="This code was a R.O. Alterations creation. Copyrighted by Raven Oji"></a></div></div></center></body>
  314. </body>
  315. </html>
RAW Paste Data
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
 
Top