Beautifulie

— ᴘᴀʀᴛ ᴏғ ʏᴏᴜʀ ᴡᴏʀʟᴅ.

Jan 21st, 2014
164
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 10.14 KB | None | 0 0
  1. <style type="text/css">
  2. .pfor { display: none; }
  3. #profile { background-color: transparent; border: none; }
  4. </style>
  5. <style type="text/css">
  6. body {
  7. font-family: arial narrow;
  8. font-size: 10px;
  9. background-color: #EDEDED;
  10. background-image: url('http://i.picpar.com/2ko.jpg');
  11. background-attachment: fixed;
  12. background-position: fixed;
  13. background-repeat: repeat;
  14. text-align: justify;
  15. color: #888888;
  16. cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur');
  17. }
  18. /*--- You are not wanted here. I did not make this for you to steal when you obviously don't know how to work it. Go learn from Google like how most of us did, srsly. It's. Not. That. Hard. To. Do. ---*/
  19. ::-webkit-scrollbar-button:vertical:{background-color: #800000;
  20. -moz-border-radius: 0px 0px 0px px;
  21. border-radius: 0px 0px 0px 0px;}
  22. ::-webkit-scrollbar-thumb:vertical {background-color:#800000; height:20px;
  23. -moz-border-radius: 0px 0px 0px 0px;
  24. border-radius: 0px 0px 0px 0px;}
  25. ::-webkit-scrollbar-thumb:horizontal {background-color:#800000; height:20px !important;
  26. -moz-border-radius: 0px 0px 0px 0px;
  27. border-radius: 0px 0px 0px 0px;}
  28. ::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}
  29. b, strong {font-family:'nexalight'; font-size:15px; color:#B20C0F; font-weight:normal; letter-spacing: -1px;}
  30. i {color: #666666; font-family: 'calibri'; font-size:8pt; letter-spacing:0px}
  31. 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;}
  32. 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;}
  33. big {color: #181818; 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;}
  34. 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;}
  35. @import url(http://fonts.googleapis.com/css?family=Nexalight);
  36. @import url(http://fonts.googleapis.com/css?family=Lavanderia sturdy);
  37. h1 {color: #800000; font: 19px lavanderia sturdy; text-align: center; font-style: italic; letter-spacing: 0px; margin-top: -9; margin-bottom: -12; padding: 0px;}
  38. h2 {color: #87776e; font: 10px courier new; text-align: center; text-transform: uppercase; letter-spacing: 1px; margin-top: 5px; padding-bottom: 5px;}
  39.  
  40. #mermaid {
  41. width: 280px;
  42. position: fixed;
  43. height: 385px;
  44. left: 50px;
  45. top: 230px;
  46. padding-top:8px;
  47. padding-left:8px;
  48. padding-right:8px;
  49. padding-bottom:8px;
  50. background-color: #000;
  51. border: 2px Solid #800000;
  52. border-radius: 150px 0px 0px 0px;
  53. z-index: 300;}
  54.  
  55. #general{
  56. position: absolute;
  57. top: 170px;
  58. left: 310px;
  59. text-align: justify;
  60. z-index: 400;
  61. width: 100px;
  62. height: 100px;
  63. background-image: url('http://i.picpar.com/grs.jpg');
  64. background-repeat: no-repeat;
  65. background-position: -160px -160px;
  66. padding-top:8px;
  67. padding-left:8px;
  68. padding-right:8px;
  69. padding-bottom:8px;
  70. border-radius: 150px;
  71. background-color: #000;
  72. border: 2px Solid #800000;
  73. }
  74.  
  75. #links{
  76. position:fixed;
  77. z-index:100;
  78. left: 50px;
  79. width: 300px;
  80. height: 30px;
  81. top: 635px;
  82. background-color: #720000;
  83. }
  84.  
  85. #Friends{
  86. position:fixed;
  87. width: 30px;
  88. height: 100%;
  89. left: 350px;
  90. top: 290px;
  91. color: transparent;
  92. }
  93.  
  94. #symbol{
  95. position: fixed;
  96. left: 300px;
  97. top: 205px;
  98. color: #720000;
  99. font-size: 20pt;
  100. z-index: 300;
  101. }
  102.  
  103. #navi{
  104. width:500px;
  105. height:100px;
  106. right:800px;
  107. top: 205px;
  108. padding:2px;
  109. opacity:0.0;
  110. color: #000000;
  111. position: fixed;
  112. font-size: 11px;
  113. font-family: arial narrow;
  114. text-align:left;
  115. line-height: 14px;
  116. overflow-x:hidden;
  117. background-color: transparent;
  118. transition: 2s all ease-in-out;
  119. -o-transition: 2s all ease-in-out;
  120. -moz-transition: 2s all ease-in-out;
  121. -webkit-transition: 2s all ease-in-out;
  122. }
  123.  
  124. #navi:hover{
  125. right: 1060px;
  126. height: 100px;
  127. width: 300px;
  128. position:fixed;
  129. opacity:0.9;
  130. transition: 2s all ease-in-out;
  131. -o-transition: 2s all ease-in-out;
  132. -moz-transition: 2s all ease-in-out;
  133. -webkit-transition: 2s all ease-in-out;
  134. }
  135.  
  136. #container{
  137. position: absolute;
  138. top: 385px;
  139. left: 54px;
  140. width: 290px;
  141. height: 239px;
  142. overflow: hidden;
  143. text-align: justify;
  144. line-height: 13px;
  145. font-size: 12px;
  146. background-color: transparent;  
  147. font-face: century gothic;
  148. font-variant: small-caps;
  149. color: #CCC;
  150. overflow: hidden;
  151. z-index:500;}
  152.  
  153. #zero, #one, #two, #three, #four{
  154. top: 230px;
  155. left: 0px;
  156. width: 290px;
  157. height: 233px;
  158. padding-top: 7px;
  159. text-align: justify;
  160. line-height: 13px;
  161. overflow: auto;
  162. background-color: transparent; }
  163.  
  164. #name{
  165. position: fixed;
  166. top: 525px;
  167. left: -104px;
  168. z-index:600;
  169. color: #000000;
  170. font-size: 50px;
  171. line-height: 12px;
  172. font-weight: light;
  173. letter-spacing: -1px;
  174. word-spacing: 1px;
  175. font-family: Lavanderia Sturdy;
  176. text-transform: normal;
  177. font-weight: normal;
  178. text-align: right;
  179. Text-shadow: #800000 0px 0px 3px;
  180. width:auto;
  181. height:13px;
  182. margin-top:0px;
  183. margin-bottom: 5px;
  184. margin-left: 0px;
  185. padding-top: 12px;
  186. -webkit-transform: rotate(270deg);
  187. -moz-transform: rotate(270deg);
  188. }
  189.  
  190. .img{
  191. max-width:280px;
  192. border: 2px solid #800000;
  193. border-radius: 150px 0px 0px 0px;}
  194.  
  195. a.lust:link, a.lust:active, a.lust:visited{
  196. height: 15px;
  197. display: block;
  198. float: left;
  199. width: 46px;
  200. margin: 5px;
  201. font-family: century gothic;
  202. text-decoration: none;
  203. font-size: 10px;
  204. letter-spacing: -1px;
  205. background-color: 222222;
  206. color: #FEFEFE;
  207. padding: 2px;
  208. text-align: center;
  209. -webkit-transition: all 0.6s ease-out;
  210. -moz-transition: all 0.6s ease-out;}
  211.  
  212. a.lust:hover{
  213. background-color: #222222;
  214. color: CCC;
  215. text-decoration: none;}
  216.  
  217. a.rem:link, a.rem:active, a.rem:visited{
  218. display: inline-block;
  219. height: 20px;
  220. background-color: #222;
  221. width: 20px;
  222. margin: 5px;
  223. transition:all 0.8s ease-out;
  224. -o-transition:all 0.8s ease-in-out;
  225. -moz-transition:all 0.8s ease-in-out;
  226. -webkit-transition:all 0.8s ease-in-out;
  227. border: 2px solid #720000;
  228. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
  229. color: transparent;
  230. }
  231.  
  232. a.rem:hover{
  233. display: inline-block;
  234. height: 20px;
  235. width: 20px;
  236. background-color: #720000;
  237. transition:all 0.8s ease-out;
  238. -o-transition:all 0.8s ease-in-out;
  239. -moz-transition:all 0.8s ease-in-out;
  240. -webkit-transition:all 0.8s ease-in-out;
  241. border: 2px solid #222;
  242. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
  243. }
  244.  
  245. </style>
  246.  
  247. <div id="mermaid">
  248. <img src="http://i.picpar.com/frs.gif" width="280" height="140" class="img">
  249. </div>
  250.  
  251. <div id="general"></div>
  252.  
  253. <div id="symbol">
  254. </div>
  255.  
  256. <div id="Links">
  257. <a href="http://pastebin.com/u7G12bxv" class="lust" target="_blank">Roster</a>
  258. <a href="http://pastebin.com/56Dq2gE4" class="lust" target="_blank">Info</a>
  259. <a href="http://pastebin.com/Fp1jTPMR" class="lust" target="_blank">Plot</a>
  260. <a href="http://pastebin.com/u7HAZ1wu" class="lust" target="_blank">Rules</a>
  261. <a href="http://devilrose.webstarts.com/Disney%20World.html" class="lust" target="_blank">Website</a>
  262. </div>
  263.  
  264. <div id="navi">
  265. <a href="#zero" class="lust">Basics</a>
  266. <a href="#one" class="lust">Looks</a>
  267. <a href="#two" class="lust">Attitude</a>
  268. <a href="#three" class="lust">History</a>
  269. <a href="#four" class="lust">OOC</a>
  270. </div>
  271.  
  272. <div id="container">
  273. <div id="zero">
  274. <h1>– Look at this stuff –</h1>
  275. <h2>Out of Character Info</h2>
  276. <b>Zero.</b> No Sex. Reserved for partner only. Partner selective.
  277. <br><b>One.</b> No Drama. Didn't come here for that.
  278. <br><b>Two.</b> Semi-PM friendly. Won't answer pm's from people I don't know.
  279. <br><b>Three.</b> 3rd Person. Literate please. Para+.
  280. <br><b>Four.</b> IC =/= OOC.
  281. <br><b>Five.</b> Modern universe only.
  282. <br><b>Six.</b> Taken OOC, so don't ask.
  283. <br><b>Seven.</b>No profile, no RP. I don't wanna hear it. How am I to roleplay with someone with a blank canvas? Won't happen. No Wix profiles because they lag my computer and no profiles that lead me to somewhere else, just no.
  284. <br><b>Eight.</b> Quickies are okay, short term is somewhat fun, but long term RP is love. Fully sexual scenes are the rarest even in long term.
  285. <br><b>Nine.</b> I have Skype. Though, I will only give it out to people who I will talk to beyond RPC.
  286. <br><b>Ten.</b> Forever, a Work In Progress.
  287. <br><b>Eleven.</b> Admin and founder of the — ( ᴅɪsɴᴇʏ ωᴏʀʟᴅ. ) room and group along with Jack. Make sure you read everything that is listed below before coming to us.
  288. </div>
  289.  
  290. <div id="one">
  291. <h1>– Isn't it neat? –</h1>
  292. <h2>Basic Information</h2>
  293. Tab two
  294. </div>
  295.  
  296. <div id="two">
  297. <h1>– Wouldn't you think my collection's complete? –</h1>
  298. <h2>Character's Personality</h2>
  299. Tab three
  300. </div>
  301.  
  302. <div id="three">
  303. <h1>– Wouldn't you think I'm the girl –</h1>
  304. <h2>Character's Appearance</h2>
  305. Tab Four
  306. </div>
  307.  
  308. <div id="four">
  309. <h1>– The girl who has everything? –</h1>
  310. <h2>Character's Backstory</h2>
  311. Tab Five
  312. </div></div>
  313.  
  314. <div id="name">
  315. Princess Arielle
  316. </div>
  317.  
  318. <div id="friends">
  319. <a href="/profile.php?user=Captain Jack Sparrow" class="rem" target="_blank" title="yo, ho, ho & a bottle of rum~ ♥"></a>
  320. <a href="/profile.php?user=Jazmine" class="rem" target="_blank" title="Jas ♥"></a>
  321. <a href="/profile.php?user=Zeeruh" class="rem" target="_blank" title="Zira ♥"></a>
  322. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  323. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  324. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  325. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  326. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  327. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  328. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  329. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  330. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  331. </div>
Advertisement
Add Comment
Please, Sign In to add comment