Beautifulie

— ᴅᴀʀᴋ ʜᴏʀsᴇ.

Jan 4th, 2014
141
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.79 KB | None | 0 0
  1. <style type="text/css">
  2. .pfor { display: none; }
  3. #profile { background-color: transparent; border: none; }
  4. </style>
  5.  
  6. <style type="text/css">
  7. body {
  8. font-family: arial narrow;
  9. font-size: 10px;
  10. background-color: #181818;
  11. background-image: url('http://i.picpar.com/kwo.jpg');
  12. background-attachment: fixed;
  13. background-position: fixed;
  14. background-repeat: repeat;
  15. text-align: justify;
  16. color: #888888;
  17. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
  18. }
  19.  
  20. b, strong {font-family:'nexalight'; font-size:15px; color:#BC242D; font-weight:normal; letter-spacing: -1px;}
  21. i {color: #666666; font-family: 'calibri'; font-size:8pt; letter-spacing:0px}
  22. u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
  23. s {color: #99D6FF; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #FF99D6 0px 0px 1px;}
  24. big {color: #CCCCCC; font-size: 14px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #DED6AA 0px 0px 1px;}
  25. small {color: #555555; font-size: 11px; font-weight: light; letter-spacing: -1px; font-family:Romans; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}
  26.  
  27. ::-webkit-scrollbar-button:vertical:{background-color: #000;
  28. -moz-border-radius: 130px 130px 130px 130px;
  29. border-radius:130px 130px 130px 130px;}
  30. ::-webkit-scrollbar-thumb:vertical {background-color:#000; height:20px;
  31. -moz-border-radius: 130px 130px 130px 130px;
  32. border-radius:130px 130px 130px 130px;}
  33. ::-webkit-scrollbar-thumb:horizontal {background-color:#000; height:20px !important;
  34. -moz-border-radius: 130px 130px 130px 130px;
  35. border-radius:130px 130px 130px 130px;}
  36. ::-webkit-scrollbar { height:20px;width:5px; background-color:transparent;}
  37.  
  38. #mi {
  39. position: fixed;
  40. left: 200px;
  41. top: 210px;
  42. background-color: #dfd7e3;
  43. width: 200px;
  44. height: 300px;
  45. overflow: hidden;
  46. background-color: #171717;
  47. background-image:url('https://24.media.tumblr.com/71920834254e5d1e501830338e51d258/tumblr_mwgd6qnV371r561ijo1_500.png');
  48. background-repeat: no-repeat;
  49. background-position: 0px 0px;
  50. background-size: 200px 300px;
  51. border: #e5e1ed 2px Solid;
  52. z-index: 9999;
  53. -webkit-transition: all 0.5s ease-in-out;
  54. -moz-transition: all 0.5s ease-in-out;
  55. -o-transition: all 0.5s ease-in-out;
  56. -ms-transition: all 0.5s ease-in-out;
  57. transition: all 0.5s ease-in-out;
  58. }
  59.  
  60. #mi:hover {
  61. background-color: #EDEDEE;
  62. background-image:url('https://31.media.tumblr.com/8a4c8b8aa5865297706380af19e8924a/tumblr_myscuhtgq41szwp1mo1_500.jpg');
  63. background-repeat: no-repeat;
  64. background-position: 0px 0px;
  65. background-size: 200px 300px;
  66. border: #838894 2px solid;
  67. -webkit-transition: all 0.5s ease-in-out;
  68. -moz-transition: all 0.5s ease-in-out;
  69. -o-transition: all 0.5s ease-in-out;
  70. -ms-transition: all 0.5s ease-in-out;
  71. transition: all 0.5s ease-in-out;
  72. }
  73.  
  74. #tl1{
  75. position:fixed;
  76. left: 190px;
  77. top: 160px;
  78. width: 2px;
  79. height: 400px;
  80. padding: 0px;
  81. z-index:999;
  82. background-color: #DED4D2;
  83. border-top: 25px solid #e5e1ed;}
  84.  
  85. #tl2{
  86. position:fixed;
  87. left: 100px;
  88. top: 520px;
  89. width: 610px;
  90. height: 2px;
  91. padding: 0px;
  92. z-index:999;
  93. background-color: #520000;
  94. }
  95.  
  96. #Navi {
  97. position: fixed;
  98. left: 130px;
  99. top: 170px;
  100. width: auto;
  101. height: 300px;
  102. background-color: transparent;
  103. }
  104.  
  105. a.nav:link, a.nav:active, a.nav:visited{
  106. letter-spacing: 1px;
  107. text-transform: uppercase;
  108. display: block;
  109. width: 40px;
  110. height: 40px;
  111. color: #fff;
  112. margin: 5px;
  113. background-color: #520000;
  114. text-align: center;
  115. line-height: 10px;    
  116. border: 2px solid #e5e1ed;
  117. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
  118. -webkit-transition: all 0.4s ease-out;
  119. -moz-transition: all 0.4s ease-out;
  120. -moz-border-radius-topright: 5px;
  121. -moz-border-radius-bottomright: 5px;}
  122.  
  123. a.nav:hover{
  124. background-color: #e5e1ed;
  125. border: 2px solid #520000;
  126. text-decoration: none;
  127. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
  128. }
  129.  
  130. .box {
  131. position: fixed;
  132. right: 0px;
  133. top: 170px;  
  134. width: 250px;
  135. height: 327px;
  136. padding: 5px;
  137. color: #212121;
  138. font-family: verdana;
  139. font-variant: small-caps;
  140. text-align: justify;  
  141. font-size: 10px;
  142. line-height: 13px;  
  143. overflow: auto;
  144. border: 3px Solid #CCCCCC;
  145. background-color: #EDEDEE;
  146. opacity: 0;
  147. transition: all 0.5s ease-in-out;
  148. -webkit-transition: all 0.5s ease-in-out;
  149. -moz-transition: all 0.5s ease-in-out;
  150. -o-transition: all 0.5s ease-in-out;
  151. -ms-transition: all 0.5s ease-in-out;
  152. }
  153.  
  154. .box:target {
  155. top: 170px;
  156. left: 410px;
  157. opacity: 1;
  158. transition: all 0.5s ease-in-out;
  159. -webkit-transition: all 0.5s ease-in-out;
  160. -moz-transition: all 0.5s ease-in-out;
  161. -o-transition: all 0.5s ease-in-out;
  162. -ms-transition: all 0.5s ease-in-out;
  163. }
  164.  
  165. #Music {
  166. position: fixed;
  167. left: 200px;
  168. top: 170px;
  169. width: 205px;
  170. height: 25px;
  171. background-color: #e5e1ed;
  172. }
  173.  
  174. #Friends {
  175. position: fixed;
  176. left: 200px;
  177. top: 525px;
  178. width: auto;
  179. height: 100px;
  180. background-color: transparent;
  181. }
  182.  
  183. .group {
  184. margin-top: 1px;
  185. height: 50px;
  186. width: 50px;
  187. margin-left: 5px;
  188. border: 3px Solid #B20C0F;
  189. opacity: 0.9;
  190. }
  191.  
  192. a {
  193. color: #690000;
  194. text-decoration: none;
  195. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
  196. }
  197.        
  198. a:hover {
  199. color: transparent;
  200. text-decoration: none;
  201. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
  202. }
  203.  
  204.  
  205. #credit{
  206. position:fixed;
  207. top: 530px;
  208. left: 100px;
  209. z-index:99999;
  210. }
  211.  
  212. </style>
  213.  
  214. <div id="mi"></div>
  215.  
  216. <div id="tl1"></div>
  217. <div id="tl2"></div>
  218.  
  219. <div id="Navi">
  220. <a class="nav" href="#ooc"></a>
  221. <a class="nav" href="#stats"></a>  
  222. <a class="nav" href="#personality"></a>
  223. <a class="nav" href="#abilities"></a>
  224. <a class="nav" href="#backstory"></a>
  225. <a class="nav" href="#journal"></a>
  226. <a class="nav" href="#home"></a>
  227. </div>
  228.  
  229. <div id="ooc" class="box">
  230. <b>Zero.</b> No Sex. Unless you are her partner or the person she is currently fooling around with.  
  231. <br><b>One.</b> No Drama. Don't care for it.
  232. <br><b>Two.</b> 3rd Person.
  233. <br><b>Three.</b> IC =/= OOC.
  234. <br><b>Four.</b> Literate please. Para+.
  235. <br><b>Five.</b> Modern universe only.
  236. <br><b>Six.</b> Don't take me seriously.
  237. <br><b>Seven.</b> Forever, Work In Progress.
  238. <br><b>Eight.</b> sìи † єẋєcυтìσи co-admin. Pm for more information. Or check out the group page. But not right now, since it is under construction at this time.
  239. <br><b>Nine.</b> If you want to join the group, make sure that you send either Ava or myself a sample post via pastebin. It's more organized that way.
  240. </div>
  241.  
  242. <div id="stats" class="box">
  243. <font style=float:left>Name</font> <font style=float:right>Lilith</font><br>
  244. <font style=float:left>Moniker(s)</font> <font style=float:right>Lili, Queen, etc.</font><br>
  245. <font style=float:left>Gender</font> <font style=float:right>Female</font><br>
  246. <font style=float:left>Age</font> <font style=float:right>Ageless</font><br>
  247. <font style=float:left>Race</font> <font style=float:right>Demon</font><br>
  248. <font style=float:left>Hair Colour</font> <font style=float:right>Blonde</font><br>
  249. <font style=float:left>Hair Length</font> <font style=float:right>Pass her shoulder blades</font><br>
  250. <font style=float:left>Hair Style</font> <font style=float:right>Varies</font><br>
  251. <font style=float:left>Eye Hue</font> <font style=float:right>Blue</font><br>
  252. <font style=float:left>Body Type</font> <font style=float:right>Feminine</font><br>
  253. <font style=float:left>Weight</font> <font style=float:right>One hundred and twenty-two pounds</font><br>
  254. <font style=float:left>Height</font> <font style=float:right>Five feet, four inches</font><br>
  255. <font style=float:left>Residency</font> <font style=float:right>Hell</font><br>
  256. <font style=float:left>Alignment</font> <font style=float:right>Chaotic Evil</font><br>
  257. <font style=float:left>Affiliation</font> <font style=float:right>Hell, Herself.</font><br>
  258. <font style=float:left>Skin Colour</font> <font style=float:right>Peached Ivory</font><br>
  259. <font style=float:left>M.Status</font> <font style=float:right>Singular, Partner Selective</font><br>
  260. <font style=float:left>Orientation</font> <font style=float:right>Heterosexual</font><br>
  261.  
  262. </div>
  263.  
  264. <div id="personality" class="box">
  265. Lilith is a woman whom in the end only cares for that of herself. She will toy with whomever pleases her and feel nothing for them. Her emotions of love had left her once she had fell out of love with that of Adam oh so many centuries ago. If there were ever a chance for her to ever love again, she wouldn't take it. To her, love is an useless emotions that she cannot truly benefit from so she discarded it. Though, she does have somewhat of soft spot for that of a demon hunter since she does always like picking on her. She is foul-mouthed, lustful, easily bored, short-tempered, and not someone who should be taken lightly. She is the queen of demons for a reason and she will if needed make sure that everyone knows just how powerful she can really be when not taken seriously.
  266.  
  267. <br><br><center><i>Will update with more later</i></center>
  268. </div>
  269.  
  270. <div id="abilities" class="box">
  271. Text here.
  272. </div>
  273.  
  274. <div id="backstory" class="box">
  275. How it Began
  276.  
  277. <p>God casted Lucifer out of heaven and into the pit of the ground. He refused to bow down to humanity. Serving such fribble and pathetic creatures deemed revolting to his eyes. The pride that engulfed Lucifer had him spiraling towards the pit of hell and it was the beginning of heaven's worst enemy. He'd been stubborn and witty as he took seven angels with him to suffer the consequences that lay ahead. Each individual represented human's most famous sins. Lucifer's intent was to make a mockery of God's creation, molding and shaping these malleable angels to his liking and converting them into something formidable. Hell being an endless plane of darkness, each angel was spread out in different locations, leaving them to be nebulous. Forsaken, the feeling of solitary and isolation enveloped him. He'd been traveling, no sign of life, no sign of existence until a black shadow flickered in the corner of his eyes. His calm demeanor and beauty enticed the female who've been following to come out in the open. She'd fall in love with the fallen angel, stripped of wings but still inundated with raw power. Sharp tang of irony intervened whilst Lucifer fell in love with his demon. The first demon that was originally originated from dust then human flesh. God's creation. The beings he despised most. She'd called herself Lilith. His disgust was apparent and each day he'd deny his love, and she'd whisper deals that consisted of an apocalypse. A new nation where he'd be the creator. She was once human so she'd been able to cross through the spiritual realms. And as the species populated, Lilith dragged down children each and everyday whilst the angels re-united. Lucifer broke them and unleashed his wrath until everything they've known was nothing but a contemptible mound. It was the beginning of a terrifying army. </p>
  278.  
  279. The Rising
  280.  
  281. <p>October 32, 1843 Lilith took form of a beautiful, stunning woman. She appeared in front of man at the lake, naked and seduced him to bed her. When making a deal, demons aren't allowed to deceive humans and thus she had to come clean about who she was. Lilith, however, convinced him she loved him. In return of an eternity with her, he'd have to open Hell's gate. All it took was a sacrifice and an ancient key. The man picked up a girl and killed her, only to promptly toss the key in the lake, where the gate resided. Chants followed and the gate was opened. Freed, demons came out in their solid forms. Different species of all kind scattering Earth to carry out what they were destined to do. They lurk and kill, but the governments have been hiding any trace of evidence of their existence to prevent the human race from panicking. However, the few people who've been through the tragedy grouped. A group of demon hunters lead by Ava Guardi. Training and fighting, they're looking for more members to help them fight on a coming apocalypse. </p>
  282. </div>
  283.  
  284. <div id="journal" class="box">
  285. Text here.
  286. </div>
  287.  
  288. <div id="music">
  289. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="25">
  290.     <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  291.     <param name="bgcolor" value="#e5e1ed" />
  292.     <param name="FlashVars" value="mp3=https%3A//dl-web.dropbox.com/get/Katy%2520Perry%2520-%2520Dark%2520Horse%2520%2528Official%2520Lyrics%2529.mp3%3Fw%3DAADLr2dtnB4yQU6cO2W9OvVdmBREDTeN0TJCfx8_yz2t0Q&autoplay=1&bgcolor=e5e1ed&loadingcolor=e5e1ed&buttoncolor=520000&slidercolor=520000" />
  293. </object>
  294. </div>
  295.  
  296. <div id="friends">
  297. <a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
  298. <a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
  299. <a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
  300. <a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
  301. <a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
  302. <a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
  303. <a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
  304. <a href="/profile.php?user=" target="_blank" title=""><img src="" class="group"></img></a>
  305. </div>
  306.  
  307. <div id="credit"><A TARGET="_blank" HREF="/profile.php?user=Remi" title="{ - Copyright - } Do not touch this layout. It is not yours. k? k."><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></A>
Advertisement
Add Comment
Please, Sign In to add comment