Beautifulie

Ana.

Mar 31st, 2014
145
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.68 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 {
  8. font-family: verdana;
  9. font-size: 10px;
  10. background-color: #FFFFFF;
  11. background-image: url('http://i.picpar.com/bfA.png');
  12. background-attachment: fixed;
  13. background-position: fixed;
  14. background-repeat: repeat;
  15. background-position: 0px 150px;
  16. text-align: justify;
  17. color: #888888;
  18. cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur');
  19. }
  20.  
  21. b, strong {font-family:'century gothic'; font-variant: small-caps; font-size: 15px; color: #820000; font-weight:normal; letter-spacing: -1px;}
  22. i {color: #B67D82; font-family: verdana; font-variant: small-caps; font-size: 10.5px; letter-spacing:0px;}
  23. 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;}
  24. 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;}
  25. big {color: #9B919C; font-size: 15px; font-weight: light; letter-spacing: 0px; font-family:Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #DED6AA 0px 0px 1px;}
  26. small {color: #663366; font-size: 14px; font-weight: light; letter-spacing: -1px; padding-top: 5px; font-family: century gothic; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}
  27.  
  28. — do not take this code, its not yours, nor will it be. i worked hard on this. —
  29. — do not take this code, its not yours, nor will it be. i worked hard on this. —
  30. — do not take this code, its not yours, nor will it be. i worked hard on this. —
  31.  
  32. ::-webkit-scrollbar-button:vertical:{background-color: transparent;
  33. -moz-border-radius: 0px 0px 0px 0px;
  34. border-radius:0px 0px 0px 0px;}
  35. ::-webkit-scrollbar-thumb:vertical {background-color: transparent; height: 0px;
  36. -moz-border-radius: 0px 0px 0px 0px;
  37. border-radius:0px 0px 0px 0px;}
  38. ::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height: 0px !important;
  39. -moz-border-radius: 0px 0px 0px 0px;
  40. border-radius:0px 0px 0px 0px;}
  41. ::-webkit-scrollbar { height:0px; width: 0px; background-color:transparent;}
  42.  
  43. #no{
  44. position: fixed;
  45. top: 0px;
  46. left: 0px;
  47. right: 0px;
  48. bottom: 0px;
  49. }
  50.  
  51. #main{
  52. position: fixed;
  53. float: left;
  54. background-color: #000;
  55. border: 10px solid #181818;
  56. padding: 5px;
  57. width: 415px;
  58. height: 300px;
  59. left: 400px;
  60. top: 200px;
  61. z-index: 200;
  62. }
  63.  
  64. #img{
  65. position: fixed;
  66. float: left;
  67. width: 200px;
  68. height: 300px;
  69. background-image: url(http://i.picpar.com/bYD.png);
  70. border: 1px solid #696559;
  71. z-index: 200;
  72. background-size: 200px 300px;
  73. transition:all 0.8s ease-out;
  74. -o-transition:all 0.8s ease-in-out;
  75. -moz-transition:all 0.8s ease-in-out;
  76. -webkit-transition:all 0.8s ease-in-out;
  77. }
  78.  
  79. #container{
  80. position: fixed;
  81. top: 210px;
  82. left: 620px;
  83. width: 215px;
  84. height: 310px;
  85. overflow: hidden;
  86. text-align: justify;
  87. line-height: 13px;
  88. font-size: 12px;
  89. background-color: transparent;  
  90. font-face: century gothic;
  91. font-variant: small-caps;
  92. color: #555555;
  93. overflow: hidden;
  94. z-index: 200;
  95. }
  96.  
  97. #one, #two, #three, #four, #five, #six{
  98. top: 230px;
  99. left: 475px;
  100. width: 215px;
  101. height: 303px;
  102. padding-top: 7px;
  103. text-align: justify;
  104. line-height: 13px;
  105. overflow: auto;
  106. background-color: transparent;
  107. }
  108.  
  109. #symbol{
  110. position: fixed;
  111. left: 386px;
  112. top: 420px;
  113. color: #820000;
  114. font-size: 80pt;
  115. z-index: 300;
  116. }
  117.  
  118. #ooc{
  119. position: fixed;
  120. left: 415px;
  121. top: 438px;
  122. background-color: #2e2e2e;
  123. padding: 10px;
  124. text-align: justify;
  125. width: 130px;
  126. height: 60px;
  127. overflow: auto;
  128. text-transform: Uppercase;
  129. font-family: calibri;
  130. font-size: 9px;
  131. color: #BDBDBD;  
  132. -webkit-transition: opacity 0.8s linear;
  133. -webkit-transition: all 0.8s ease-in-out;
  134. -moz-transition: all 0.8s ease-in-out;
  135. overflow: hidden;
  136. opacity:0.0;
  137. z-index: 300;
  138. }
  139.  
  140. #ooc:hover {
  141. position: fixed;
  142. left: 467px;
  143. top: 438px;
  144. background-color: #2e2e2e;
  145. padding: 10px;
  146. opacity: 0.9;
  147. text-align: justify;
  148. width: 130px;
  149. height: 60px;
  150. font-family: calibri;
  151. text-transform: uppercase;
  152. font-size: 9px;
  153. color: #BDBDBD;  
  154. -webkit-transition: all 0.8s ease-in-out;
  155. -moz-transition: all 0.8s ease-in-out;
  156. overflow: auto;
  157. z-index: 300;
  158. }
  159.  
  160. h2{
  161. font-family: nexalight;
  162. font-size: 15px;
  163. text-align: center;
  164. font-weight: normal;
  165. text-transform: uppercase;
  166. color: #9D9D93;
  167. letter-spacing: -1px;
  168. border-bottom: 2px solid #444;
  169. margin-top: -2px;}
  170.  
  171. a.vamp:link, a.vamp:active, a.vamp:visited{
  172. display :block;
  173. margin-top: 2px;
  174. padding: 1px;
  175. width: 50px;
  176. height: 50px;
  177. padding-left: 20px;
  178. text-align: left;
  179. border-left: 10px solid #181818;
  180. text-transform: uppercase;
  181. background-color: #000;
  182. color: #fdfdfd;
  183. font-family: calibri;
  184. font-size: 9px;
  185. text-decoration: none;
  186. -webkit-transition: all 0.7s ease-in-out;
  187. -moz-transition: all 0.7s ease-in-out;
  188. -o-transition: all 0.7s ease-in-out;
  189. transition: all 0.7s ease-in-out;
  190. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
  191. }
  192.  
  193. a.vamp:hover{
  194. margin-left: -55px;
  195. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
  196. }
  197.  
  198. .bee {
  199. height: 50px;
  200. width: 50px;
  201. margin: 2.7px;
  202. border: #820000 2px solid;
  203. opacity: 0.7;
  204. }
  205.  
  206. .bee:hover {
  207. height: 50px;
  208. width: 50px;
  209. margin: 2.7px;
  210. border: #070707 2px solid;
  211. opacity: 1;
  212. }
  213.  
  214. #navi{
  215. position:fixed;
  216. margin-top: 198px;
  217. margin-left: 380px;
  218. z-index: 100;
  219. text-align:center;
  220. -webkit-transition: all 0.5s ease-in-out;
  221. -moz-transition: all 0.5s ease-in-out;
  222. -o-transition: all 0.5s ease-in-out;
  223. -ms-transition: all 0.5s ease-in-out;
  224. transition: all 0.5s ease-in-out;}
  225.  
  226. #title{
  227. top: 125px;
  228. left: 600px;
  229. position: fixed;
  230. text-align: center;
  231. font-weight: normal;
  232. font-size: 70px;
  233. font-family: adore;
  234. color: #820000;
  235. text-transform: lowercase;
  236. padding-bottom: 1px;
  237. letter-spacing: 12px;
  238. z-index: 999999;
  239. }
  240.  
  241. a {
  242. color: #8d8d82;
  243. text-decoration: none;
  244. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
  245. }
  246.        
  247. a:hover {
  248. color: transparent;
  249. text-decoration: none;
  250. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
  251. }
  252.  
  253. #credit{
  254. position:fixed;
  255. bottom:0px;
  256. left:0px;
  257. z-index:450;}
  258.  
  259. </style>
  260.  
  261. <div id="no" oncontextmenu="return false;">
  262.  
  263. <div id="title">
  264. </div>
  265.  
  266. <div id="navi">
  267. <a href="#one" class="vamp"></a>
  268. <a href="#two" class="vamp"></a>
  269. <a href="#three" class="vamp"></a>
  270. <a href="#four" class="vamp"></a>
  271. <a href="#five" class="vamp"></a>
  272. <a href="#six" class="vamp"></a>
  273. </div>
  274.  
  275. <div id="symbol">
  276. </div>
  277.  
  278. <div id="ooc">
  279. 001 Posting length: Para+ 002 IC =/= OOC 003 Literate. 004 No outside contact. 005 Semi-PM friendly. 006 No profile, no RP. 007 Forever a work in progress. Don't steal the layout. 010 Made for the Concord Bay room only. 011 Best viewed on FF.
  280. </div>
  281.  
  282. <div id="main">
  283.  
  284. <div id="img"></div>
  285.  
  286. <div id="container">
  287. <div id="one">
  288. <font style=float:left><b>Name</b></font> <font style=float:right>=, Anastasia</font><br>
  289. <font style=float:left><b>Moniker(s)</b></font> <font style=float:right>Ana, etc.</font><br>
  290. <font style=float:left><b>Gender</b></font> <font style=float:right>Female</font><br>
  291. <font style=float:left><b>Age</b></font> <font style=float:right>Twenty-One</font><br>
  292. <font style=float:left><b>D.O.B/Zodiac</b></font> <font style=float:right> </font><br>
  293. <font style=float:left><b>Zodiac</b></font> <font style=float:right> </font><br>
  294. <font style=float:left><b>Race</b></font> <font style=float:right>Vampire</font><br>
  295. <font style=float:left><b>Hair Colour/Style</b></font> <font style=float:right> Brunette</font><br>
  296. <font style=float:left><b>Eye Hue</b></font> <font style=float:right>Hazel.</font><br>
  297. <font style=float:left><b>Body Type</b></font> <font style=float:right>Feminine</font><br>
  298. <font style=float:left><b>Scent</b></font> <font style=float:right>Cherry Blossoms & Peaches</font><br>
  299. <font style=float:left><b>Height/Weight</b></font> <font style=float:right>05'04"</font><br>
  300. <font style=float:left><b>Weight</b></font> <font style=float:right>One hundred and twenty one lbs.</font><br>
  301. <font style=float:left><b>Alignment</b></font> <font style=float:right>Chaotic Neutral</font><br>
  302. <font style=float:left><b>Marital Status</b></font> <font style=float:right>Singular, partner selective</font><br>
  303. <font style=float:left><b>Sexual Orientation</b></font> <font style=float:right>Heterosexual</font><br>
  304. </div>
  305.  
  306. <div id="two">
  307. persona
  308. </div>
  309.  
  310. <div id="three">
  311. abilities
  312. </div>
  313.  
  314. <div id="four">
  315. inventory
  316. </div>
  317.  
  318. <div id="five">
  319. history
  320. </div>
  321.  
  322. <div id="six">
  323. <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="bee"></a>
  324. <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="bee"></a>
  325. <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="bee"></a>
  326. <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="bee"></a>
  327. <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="bee"></a>
  328. <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="bee"></a>
  329. </div></div></div>
  330.  
  331. <div id="credit"><A TARGET="_blank" HREF="/profile.php?user=Bee" title="Copyright"><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></A>
Advertisement
Add Comment
Please, Sign In to add comment