Advertisement
Catnip-Codes

Untitled

Jan 21st, 2019
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.26 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. /* Preview: http://i.picpar.com/mQ6c.png */
  4.  
  5. /* Profile was created by Alcyone, for anyone to use freely. If you are interested in commissioning a profile, go ahead and leave her some mail. */
  6.  
  7. ::-webkit-scrollbar {progress; width: 0px;}
  8. ::-webkit-scrollbar-thumb:vertical {
  9. background-color: transparent;
  10. border: 1px solid transparent;
  11. -webkit-border-radius: 1px;
  12. box-shadow: 0 0 3px transparent, inset 0 0 6px transparent;
  13. -moz-transition:all 0.3s ease-in-out;
  14. -webkit-transition:all 0.3s ease-in-out;}
  15.  
  16. ::-webkit-scrollbar-thumb:vertical:hover,
  17. ::-webkit-scrollbar-button:start:decrement:hover,
  18. ::-webkit-scrollbar-button:end:increment:hover
  19. {border-color:transparent;box-shadow: 0 0 12px
  20. transparent, inset 0 0 16px transparent;}
  21.  
  22. .bg {position: fixed;
  23. width: 800px;
  24. height: 690px;
  25. margin: auto;
  26. top: 0px;
  27. bottom: 0px;
  28. left: 0px;
  29. right: 0px;
  30. text-align: center;
  31. border: 0px solid #a10200;}
  32.  
  33. /* ------------------------------------------ */
  34. /* ------------------------------------------ */
  35. /* ------------------------------------------ */
  36.  
  37. /* Start editing your stuff below. */
  38.  
  39. /* Background */
  40.  
  41. body{background:url(http://i.picpar.com/zSSc.jpg)no-repeat;background-size:100% 100%;background-color:black
  42. ;overflow:hidden;}
  43.  
  44. /* Link */
  45.  
  46. a {color: #666;
  47. text-shadow:
  48. #a10200 -1px 0px,
  49. #a10200 0px 1px,
  50. #a10200 1px 0px,
  51. #a10200 0px -1px;
  52. text-decoration: none;}
  53.  
  54. /* Bold */
  55.  
  56. b {color: #fff;
  57. text-shadow: #a10200 1px 1px;}
  58.  
  59. /* Italics */
  60.  
  61. i {color: #fff;}
  62.  
  63. /* Underline */
  64.  
  65. u {color: #fff;}
  66.  
  67.  
  68. .leftimage {background: none;
  69. background:url('http://i.picpar.com/67dd.jpg')
  70. center center no-repeat;background-size:100%;
  71. position: absolute;
  72. text-align: center;
  73. width: 350px;
  74. height: 500px;
  75. top: 120px;
  76. left: 20px;
  77. border: 2px solid #a10200;
  78. overflow: auto;}
  79.  
  80. .mainborder {background: #000;
  81. position: absolute;
  82. text-align: center;
  83. width: 370px;
  84. height: 550px;
  85. left: 420px;
  86. top: 100px;
  87. border: 1px solid #a10200;
  88. overflow: auto;}
  89.  
  90. .bannerimage {background: none;
  91. background:url('http://i.picpar.com/jtdd.gif')
  92. center center no-repeat;
  93. position: absolute;
  94. text-align: center;
  95. width: 350px;
  96. height: 200px;
  97. top: 110px;
  98. left: 430px;
  99. border: 1px solid #a10200;
  100. overflow: auto;}
  101.  
  102. .title {position: absolute;
  103. font-family: Book Antiqua;
  104. color: #fff;
  105. font-size: 60px;
  106. left: 420px;
  107. top: 40px;
  108. width: 370px;
  109. text-align: left;
  110. border: 0px solid #a10200;
  111. text-shadow:
  112. #a10200 -1px 0px,
  113. #a10200 0px 1px,
  114. #a10200 1px 0px,
  115. #a10200 0px -1px;
  116. text-decoration: none;}
  117.  
  118. .info {background: #000;
  119. position: absolute;
  120. font-family: Alegreya;
  121. font-size:15px;
  122. color: #fff;
  123. text-align: justify;
  124. width: 340px;
  125. height: 270px;
  126. left: 430px;
  127. top: 325px;
  128. border: 1px solid #a10200;
  129. overflow: auto;
  130. padding:5px 5px 5px 5px;}
  131.  
  132. #navi1 { position: absolute;
  133. top: 615px;
  134. left: 430px;}
  135.  
  136. a.navi, a.navi:visited, a.navi:hover {
  137.  
  138. text-decoration: none;
  139. display: inline-block;
  140. width: 83px;
  141. height: 25px;
  142. background-color: #000;
  143. border: 1px solid #a10200;}
  144.  
  145. #one:target .info {z-index: 99;}
  146. #two:target .info {z-index: 99;}
  147. #three:target .info {z-index: 99;}
  148.  
  149. </style>
  150.  
  151. <div class="bg">
  152. <div class="leftimage"></div>
  153. <div class="mainborder"></div>
  154. <div class="bannerimage"></div>
  155. <div class="title">Deinoch</div>
  156.  
  157. <div id="navi1">
  158.  
  159. <a href="#one"class="navi"></a>
  160. <a href="#two"class="navi"></a>
  161. <a href="#three"class="navi"></a>
  162. <a href="#four"class="navi"></a>
  163. </div>
  164.  
  165.  
  166. <div id="one"><div class="info">
  167.  
  168.  
  169. <b>Name</b>: <strike>Valmeran</strike>; unknown.<br>
  170. <b>Alias</b>: Deinoch Vandicus.<br>
  171. <b>Moniker(s)</b>: Dei, D.<br>
  172. <b>Age</b>: <strike>Ancient</strike>; 25.<br>
  173. <b>Gender</b>: Male.<br>
  174. <b>Race</b>: Greater Demon.<br>
  175. <b>Species</b>: Incubus.<br>
  176. <b>Alignment</b>: Chaotic Evil.<br>
  177. <b>Dominion(s)</b>: Fire & Lust.<br>
  178. <b>Orientation</b>: Demisexual.<br>
  179. <b>Status</b>: Single; uninterested. <a target="_blank" href="http://www.thiscrush.com/~deinoch" title="Give me your love">Like what you see?</a><br>
  180. <b>Eyes</b>: Golden amber; black sclera.<br>
  181. <b>Hair</b>: Raven black; medium length.<br>
  182. <b>Height</b>: 6’4”; 193 cm.<br>
  183. <b>Weight</b>: 226 lbs; 103 kg.<br>
  184. <b>Laterality</b>: Ambidextrous.<br>
  185. <b>Physique</b>: Athletically muscular.<br>
  186. <b>Skin Pigmentation</b>: Bronzed; perpetually tan.<br>
  187. <b>Scars</b>: He has none.<br>
  188. <b>Tattoos</b>: Left arm; tribal sleeve.<br>
  189. <b>Piercings</b>: Both earlobes; silver hoops.<br>
  190. <b>Noteworthy Features</b>: Horns, bat-like wings, spade-tipped tail.<br>
  191. <b>Attire</b>: Jeans, wife-beater, & a sweater.<br>
  192. <b>Profession</b>: Criminal; drug dealer.<br>
  193.  
  194. </div></div>
  195.  
  196. <div id="two"><div class="info">
  197.  
  198. Deinoch is a man of relatively youthful looks, appearing to have only just reached his middle twenties, despite the fact that he has lived for countless millennia. Born originally as a lesser fiend, he slowly and steadily amassed power over the years, undergoing multiple evolutions from fiend to lesser demon and, eventually, to greater demon now, transcending well above and beyond all expectations that his creators held for him. But he is not yet satisfied; his thirst for power knows no bounds, and he will stop at nothing to gain more.<br>
  199. Vain and prideful, greedy and envious of those who hold power greater than his, prone to bouts of slothfulness and insatiably gluttonous, and with a vengeful streak that knows no limits should one rouse his wrath, it would be better to say that Deinoch embodies sin itself rather than to claim that he is the aspect of any one of them in particular. Indeed, though he can instill lust in others with his pheromones, it is but a simple trick to alter the scent and trigger other emotions, such as rage or envy. He has been known to get into mischief by manipulating the emotions of others just to amuse himself, so be careful when he is about. Your feelings may not be your own.<br>
  200. Despite the fact that he is an incubus, he does not seek to feed solely off of passion. While true that lust is a powerful emotion, many others such as fear, pain, despair, and even more positive feelings such as joy can create enough energy to sustain him. He needn't feed directly either, as most strong emotions leave residual energy in the air. As such, he is most often found skulking in the corner of a nightclub or tavern, feeding from the unwitting masses while he lazes about.<br>
  201. That being said however, he does occasionally seek out a fair face or two to satisfy his carnal needs. While he is picky about whom he lays with, to the point that some question whether he is even an incubus, he is by no means opposed to a romp in the sheets with any lady lucky enough to gain his favor. Do not let that deter you, however; he would be happy to engage in idle conversation with just about anyone. Put in enough time and effort and, perhaps, you may just manage to pique his interest.<br>
  202. Incubi, like their fairer counterpart, the succubus, are not exactly built for the mortal concept of a relationship. Even if he comes to care for another, displaying strong affection towards them is about the most that they can expect. If you've come looking to find yourself that one special man that will devote himself to you, well, I suggest you move on and look elsewhere. There is only friendship to be found here, along with perhaps a few benefits in the bedroom.<br>
  203.  
  204. </div></div>
  205.  
  206. <div id="three"><div class="info">
  207. <center>
  208.  
  209. <a target="_blank" href="https://2.roleplay.chat/profile.php?user=elsie" target="_blank" title="Description Here"><img src="http://i.picpar.com/Ftdd.png" class="circle" width="50" height="50" border="1px solid #000000" title="His sister, though not by blood. The two were raised in the infernal pit together, and often had one another's back. To describe their relationship as a mere friendship would not do justice to it; they're family, blood or not. And he won't hesitate to protect her, no matter what."></a>
  210. <a target="_blank" href="https://2.roleplay.chat/profile.php?user=grym" target="_blank" title="Description Here"><img src="http://i.picpar.com/Htdd.png" class="circle" width="50" height="50" border="1px solid #000000" title="The succubab. They met by chance through a mutual friend, and now he cannot imagine having never known her. They share a friendship that has only just begun, but holds so much potential."></a>
  211. <a target="_blank" href="https://2.roleplay.chat/profile.php?user=Bysshe" target="_blank" title="Description Here"><img src="http://i.picpar.com/1udd.png" class="circle" width="50" height="50" border="1px solid #000000" title="The grey queen. How they met was random, yet they both took it in stride. Their relationship is an amicable one so far. We'll see how things go from here."></a>
  212. <a target="_blank" href="https://2.roleplay.chat/profile.php?user=ultraviolent" target="_blank" title="Description Here"><img src="http://i.picpar.com/I2dd.png" class="circle" width="50" height="50" border="1px solid #000000" title=”Zaylee. Sweet and innocent, but with a fire in her that he quite likes. The two met long ago, and eventually became friends."></a></center>
  213. </div></div>
  214.  
  215. <div id="four"><div class="info">
  216.  
  217. <b>01</b>. No profile = no RP.<br>
  218. <b>02</b>. IC ≠ OOC.<br>
  219. <b>03</b>. RL takes priority, always.<br>
  220. <b>04</b>. Drama intolerant.<br>
  221. <b>05</b>. Story & smut ≥ smut.<br>
  222. <b>06</b>. 3rd person RP POV.<br>
  223. <b>07</b>. PM friendly.<br>
  224. <b>08</b>. Semi-para to para writer, though I mostly just shitpost and let it snowball.<br>
  225. <b>09</b>. I reserve the right to refuse to RP with anyone, at any time, as I see fit.<br>
  226. <b>10</b>. Not my art, but I did have the original picture recolored by <a target="_blank" href="https://2.roleplay.chat/profile.php?user=Yandere">Yandere</a>. She does some pretty sick coding, you should go check her out.<br>
  227. <b>11</b>. Profile was created by <a target="_blank" href="https://roleplay.chat/profile.php?user=Alcyone" title="">Alcyone</a>, for anyone to use freely. If you are interested in commissioning a profile, go ahead and leave her some mail. That said, some additional aspects were added to the code after the fact for me, cobbled in by myself, using pieces of code created for me in the past by friends.<br>
  228.  
  229. <br>
  230. <b>Bold</b>
  231. <i>Italics</i>
  232. <u>Underline</u>
  233. <a target="_blank" href="www.google.com">Link</a>
  234. </div></div></div>
  235. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement