Beautifulie

— ʙʀɪɴɢ ᴍᴇ ʙᴀᴄᴋ ᴛᴏ ʟɪғᴇ.

Oct 7th, 2013
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 10.43 KB | None | 0 0
  1. <style type="text/css">
  2. .pfor{display: none; }
  3. #profile { border: 0px; background-color: transparent; }
  4. </style>
  5.  
  6. <style type="text/css">
  7. body {background-color: #191E26;}
  8. body {background-image:url("http://i.picpar.com/5Lo.png");}
  9. body {background-repeat: repeat;}
  10. body {background-position: fixed;}
  11. body {font-family: 'cambria'; font-size: 10px; color: #CCCCCC;
  12. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
  13. }
  14.  
  15. b, strong {font-family:'nexalight'; font-size:15px; color:#39435A; font-weight:normal; letter-spacing: -1px;}
  16. i {color: #666666; font-family: 'calibri'; font-size:8pt; letter-spacing:0px}
  17. 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;}
  18. 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;}
  19. 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;}
  20. 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;}
  21.  
  22. ::-webkit-scrollbar-button:vertical:{background-color: #706465;
  23. -moz-border-radius: 130px 130px 130px 130px;
  24. border-radius:130px 130px 130px 130px;}
  25. ::-webkit-scrollbar-thumb:vertical {background-color:#706465; height:20px;
  26. -moz-border-radius: 130px 130px 130px 130px;
  27. border-radius:130px 130px 130px 130px;}
  28. ::-webkit-scrollbar-thumb:horizontal {background-color:#706465; height:20px !important;
  29. -moz-border-radius: 130px 130px 130px 130px;
  30. border-radius:130px 130px 130px 130px;}
  31. ::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}
  32.  
  33. @import url(http://fonts.googleapis.com/css?family=Nexalight);
  34.  
  35. #music{
  36. position: fixed;
  37. left: 77px;
  38. top: 134px;
  39. width: 250px;
  40. background-color: #303646;
  41. z-index: 100;
  42. }
  43.  
  44. #img{
  45. position: fixed;
  46. background-image:url("http://i.picpar.com/6Lo.png");
  47. left: 320px;
  48. top: 134px;
  49. width: 200px;
  50. height: 300px;
  51. background-color: transparent;
  52. border-left:10px solid;
  53. border-top:10px solid;
  54. border-bottom:10px solid;
  55. border-right:10px solid;
  56. border-color: #303646;
  57. z-index: 100;
  58. }
  59.  
  60. #symbol{
  61. position: fixed;
  62. left: 315px;
  63. top: 335px;
  64. color: #303646;
  65. font-size: 80pt;
  66. z-index: 300;
  67. }
  68.  
  69. #Friends{
  70. position:fixed;
  71. width: 30px;
  72. height: 100%;
  73. left: 540px;
  74. top: 140px;
  75. color: transparent;
  76. }
  77.  
  78. #ooc{
  79. position: absolute;
  80. left: 300px;
  81. top: 330px;
  82. background-color: #2e2e2e;
  83. padding: 10px;
  84. text-align: justify;
  85. width: 130px;
  86. height: 90px;
  87. overflow: auto;
  88. text-transform: Uppercase;
  89. font-family: calibri;
  90. font-size: 9px;
  91. color: #BDBDBD;  
  92. -webkit-transition: opacity 0.8s linear;
  93. -webkit-transition: all 0.8s ease-in-out;
  94. -moz-transition: all 0.8s ease-in-out;
  95. overflow: hidden;
  96. opacity:0.0;
  97. z-index: 200;
  98. }
  99.  
  100. #ooc:hover {
  101. position: absolute;
  102. left: 370px;
  103. top: 330px;
  104. background-color: #2e2e2e;
  105. padding: 10px;
  106. opacity: 0.9;
  107. text-align: justify;
  108. width: 130px;
  109. height: 90px;
  110. font-family: calibri;
  111. text-transform: uppercase;
  112. font-size: 9px;
  113. color: #BDBDBD;  
  114. -webkit-transition: all 0.8s ease-in-out;
  115. -moz-transition: all 0.8s ease-in-out;
  116. overflow: auto;
  117. z-index: 200;
  118. }
  119.  
  120. #nav{
  121. position: fixed;
  122. left: 71px;
  123. top: 152px;
  124. width: 250px;
  125. height: 50px;
  126. background-color: transparent;
  127. z-index: 100;
  128. }
  129.  
  130. #container{
  131. position: fixed;
  132. top: 210px;
  133. left: 75px;
  134. width: 229px;
  135. height: 235px;
  136. overflow: hidden;
  137. text-align: justify;
  138. line-height: 13px;
  139. background-color: #000;  
  140. font-face: verdana;
  141. color: #CCCCCC;
  142. overflow: hidden;
  143. z-index: 200;
  144. border-top: 5px solid #222;
  145. border-left: 5px solid #222;
  146. border-right: 5px solid #222;
  147. border-bottom: 5px solid #222;
  148. }
  149.  
  150. #one, #two, #three, #four{
  151. top: 230px;
  152. left: 75px;
  153. width: 229px;
  154. height: 230px;
  155. padding-top: 7px;
  156. text-align: justify;
  157. line-height: 13px;
  158. overflow: auto;
  159. background-color: transparent;
  160. }
  161.  
  162. h2 {
  163. font-size: 12px;
  164. background-color: none;
  165. color: #CCC;
  166. font-family: century gothic;
  167. font-weight: normal;
  168. margin: 8px;
  169. line-height: 12px;
  170. text-transform: uppercase;
  171. text-align: right;
  172. border-bottom: 2px solid #444444;
  173. }
  174.  
  175. h2:first-letter {
  176. font-family: aphrodite pro;
  177. color: 39435A;
  178. font-size: 20px;
  179. }
  180.  
  181. #nav a:link, a:visited, a:active{
  182. background-color: #222;
  183. display: inline-block;
  184. padding-top: 10px;
  185. margin: 5px;
  186. width: 50px;
  187. height: 40px;
  188. font-family:
  189. century gothic;
  190. font-size: 30px;
  191. color: #CCC;
  192. text-decoration: none;
  193. letter-spacing: 1px;
  194. text-transform: uppercase;
  195. text-align: center;
  196. line-height: 21px;
  197. -webkit-transition: all 0.5s ease-in-out;
  198. -moz-transition: all 0.5s ease-in-out;
  199. -o-transition: all 0.5s ease-in-out;
  200. -ms-transition: all 0.5s ease-in-out;
  201. transition: all 0.5s ease-in-out;}
  202.  
  203. #nav a:hover {
  204. background-color: #EDEDED;
  205. color: #222;}
  206.  
  207. a.rem:link, a.rem:active, a.rem:visited{
  208. display: inline-block;
  209. height: 20px;
  210. background-color: #706465;
  211. width: 20px;
  212. margin: 5px;
  213. transition:all 0.8s ease-out;
  214. -o-transition:all 0.8s ease-in-out;
  215. -moz-transition:all 0.8s ease-in-out;
  216. -webkit-transition:all 0.8s ease-in-out;
  217. border-top: 2px solid #CCC;
  218. border-left: 2px solid #CCC;
  219. border-right: 2px solid #CCC;
  220. border-bottom: 2px solid #CCC;
  221. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
  222. color: transparent;
  223. }
  224.  
  225. a.rem:hover{
  226. display: inline-block;
  227. height: 20px;
  228. width: 20px;
  229. background-color: #CCC;
  230. transition:all 0.8s ease-out;
  231. -o-transition:all 0.8s ease-in-out;
  232. -moz-transition:all 0.8s ease-in-out;
  233. -webkit-transition:all 0.8s ease-in-out;
  234. border-top: 2px solid #CCC;
  235. border-left: 2px solid #CCC;
  236. border-right: 2px solid #CCC;
  237. border-bottom: 2px solid #CCC;
  238. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
  239. }
  240.  
  241. a.fc{
  242. color: #609191;
  243. text-decoration: none;
  244. line-height: 12px;
  245. }
  246.    
  247. a.fc:hover {
  248. color: #222222;
  249. text-decoration: none;
  250. line-height: 12px;
  251. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
  252. }
  253.  
  254.  
  255. </style>
  256.  
  257. <div id="container">
  258. <div id="one">
  259. <b>Name</b> <font style=float:right>Delacruz, Remilia</font><br>
  260. <b>Alias</b> <font style=float:right>Rem, Remi, etc.</font><br>
  261. <b>Gender</b> <font style=float:right>Female, last time she checked.</font><br>
  262. <b>Age</b> <font style=float:right>Twenty-one, appears nineteen to people.</font><br>
  263. <b>D.O.B.</b> <font style=float:right>18-03-91</font><br>
  264. <b>Zodiac</b> <font style=float:right>Pisces/Sheep</font><br>
  265. <b>Race</b> <font style=float:right>Human.</font><br>
  266. <b>Family</b> <font style=float:right>Mom/Dad/Older Brother</font><br>
  267. <b>Sexual Orientation</b> <font style=float:right>Heterosexual</font><br>
  268. <b>Marital Status</b> <font style=float:right>Singular.</font><br>
  269. <b>Education</b> <font style=float:right>High School Graduate + Some collage</font><br>
  270. <b>Residence</b> <font style=float:right>On the move.</font><br>
  271. <b>Hometown</b> <font style=float:right>New York, New York.</font><br>
  272. <b>Occupation</b> <font style=float:right>Unemployed</font><br>
  273. <b>Height</b> <font style=float:right>Funsized</font><br>
  274. <b>Weight</b> <font style=float:right>Don't have to tell you.</font><br>
  275. <b>Body Type</b> <font style=float:right>Curvaceous.</font><br>
  276. <b>Eye Hue</b> <font style=float:right>Gray-Blue</font><br>
  277. <b>Hair Colour</b> <font style=float:right>Black.</font><br>
  278. <b>Hair Length</b> <font style=float:right>Past her shoulder.</font><br>
  279. <b>Hair Style</b> <font style=float:right>Straight with a bang usually.</font><br>
  280. <b>Distinguishing</b> <font style=float:right>Book & pen in hand. Always.</font><br>
  281. </div>
  282.  
  283. <div id="two">
  284. <h2>If we live a life in fear</h2>
  285. <b>Likes</b>: Food: mostly cheesecake & anything with red velvet in it, books, pens, music, sleeping, cold air, cats, rain, classical music, asian music, etc.
  286. <br><b>Disikes</b>: Being awakened, humidity, country music, spicy foods, dogs, etc.
  287. <br>
  288. <p>words here</b>
  289. </div>
  290.  
  291. <div id="three">
  292. <h2>I'll wait a thousand years</h2>
  293. Get back to me on this.
  294. </div>
  295.  
  296. <div id="four">
  297. <h2>Just to see you smile again</h2>
  298. Will be done soon, sheesh.
  299. </div></div>
  300.  
  301. <div id="nav">
  302. <a href="#one">R</a>
  303. <a href="#two">E</a>
  304. <a href="#three">M</a>
  305. <a href="#four">I</a>
  306.  
  307. </div>
  308.  
  309. <div id="img">
  310. </div>
  311.  
  312. <div id="music">
  313. <center>
  314. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
  315.     <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  316.     <param name="bgcolor" value="#303646" />
  317.     <param name="FlashVars" value="mp3=https%3A//dl-web.dropbox.com/get/Muse%2520-%2520The%2520Resistance%2520%2528Lyric%2529.mp3%3Fw%3DAADbrKMEcI2U3029il5h2IFboIR5-uwe66p9XoJMooKmzw&amp;bgcolor=303646&amp;loadingcolor=303646&amp;buttoncolor=746065&amp;slidercolor=746065" />
  318. </object>
  319. </center>
  320. </div>
  321.  
  322. <div id="symbol">
  323. </div>
  324.  
  325. <div id="ooc">
  326. You see this code? Yeah, nice isn't it? It's mine. I made it. Do not touch. Just admire from afar. kthx.
  327. PM-Friendly, to an extent. Have a reason to PM me & not because you want to send me a post. nty.
  328. Third person, literate. Para+ on a good day.
  329. Keep the drama away, I ain't come on here for that.
  330. IC =/= OOC
  331. Face is <a href="http://im-your-paradise.deviantart.com/" target="_blank" class="fc">of this pretty lady</a>. Do I care if you use her, no. Neither should you.
  332. Forever a WIP.
  333. </div>
  334.  
  335. <div id="Friends">
  336. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  337. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  338. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  339. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  340. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  341. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  342. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  343. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  344. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  345. </div>
Advertisement
Add Comment
Please, Sign In to add comment