Beautifulie

— ғᴏxᴀʏ ᴍᴀᴍᴀs.

Oct 20th, 2013
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.66 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: #FFFFFF;
  11. background-image: url('http://24.media.tumblr.com/8ffd01b6b3e445023752a630b232bba0/tumblr_mulhwf9ajT1qf9qnko1_500.jpg');
  12. background-attachment: fixed;
  13. background-position: 10px -40px;
  14. background-repeat: no-repeat;
  15. text-align: justify;
  16. color: #888888;
  17. cursor: url('http://cur.cursors-4u.net/others/oth-7/oth666.cur');
  18. }
  19.  
  20. b, strong {font-family: verdana; font-size: 10px; font-variant: small-caps; color:#59584A; font-weight:normal; letter-spacing: -1px;}
  21. i {color: #4383C; font-family: verdana; font-variant: small-caps; font-size: 10.5px; 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: #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;}
  25. 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;}
  26.  
  27. ::-webkit-scrollbar-button:vertical:{background-color: #CCC;
  28. -moz-border-radius: 0px 0px 0px 0px;
  29. border-radius:0px 0px 0px 0px;}
  30. ::-webkit-scrollbar-thumb:vertical {background-color:#CCC; height:20px;
  31. -moz-border-radius: 0px 0px 0px 0px;
  32. border-radius:0px 0px 0px 0px;}
  33. ::-webkit-scrollbar-thumb:horizontal {background-color:#CCC; height:20px !important;
  34. -moz-border-radius: 0px 0px 0px 0px;
  35. border-radius:0px 0px 0px 0px;}
  36. ::-webkit-scrollbar { height:20px; width: 3px; background-color:transparent;}
  37.  
  38. #Info {
  39. position: fixed;
  40. background-image: url('http://24.media.tumblr.com/a8ede1a3e61ef41f1143fffbec3b5cb0/tumblr_muu5teoPDz1sndlgjo1_500.jpg');
  41. background-repeat: no-repeat;
  42. background-size: 550px 316px;
  43. top: 155px;
  44. left: 400px;
  45. width: 500px;
  46. height: 300px;
  47. color: #212121;
  48. font-size: 10px;
  49. line-height: 12px;
  50. font-family: Verdana;
  51. font-variant: small-caps;
  52. text-align: justify;
  53. overflow: auto;
  54. padding: 5px;
  55. background-color: #BAB9B7;
  56. border: #A72D16 3px solid;
  57. z-index: 100;
  58. }
  59.  
  60. #Title{
  61. position: fixed;
  62. top: 99px;
  63. left: 510px;
  64. z-index:550;
  65. color: #FBF9C0;
  66. font-size: 55px;
  67. line-height: 80px;
  68. letter-spacing: -1px;
  69. font-family: lavanderia sturdy;
  70. text-shadow: #f86e4f 2px 3px 4px;
  71. z-index: 400;}
  72.  
  73. #foxy {
  74. position: fixed;
  75. left: 815px;
  76. top: 155px;
  77. width: 100px;
  78. height: 316px;
  79. border-right: 3px solid #A72D16;
  80. background-color: transparent;
  81. transition: all .5s ease-in-out;
  82. -webkit-transition: all .5s ease-in-out;
  83. -moz-transition: all .5s ease-in-out;
  84. -o-transition: all .5s ease-in-out;
  85. -ms-transition: all .5s ease-in-out;
  86. z-index: 15;
  87. }
  88.  
  89. #foxy:hover {
  90. position: fixed;
  91. padding-left: 100px;
  92. border-right: 4px solid #A72D16;
  93. transition: all .5s ease-in-out;
  94. -webkit-transition: all .5s ease-in-out;
  95. -moz-transition: all .5s ease-in-out;
  96. -o-transition: all .5s ease-in-out;
  97. -ms-transition: all .5s ease-in-out;
  98. }
  99.  
  100. .image {
  101. opacity: 0;
  102. width: autopx;
  103. height: 300px;
  104. background-color: #000000;
  105. text-align: justify;
  106. overflow: auto;
  107. -ms-transition: opacity .3s linear;
  108. -moz-transition: opacity .3s linear;
  109. -o-transition: opacity .3s linear;
  110. -webkit-transition: opacity .3s linear; }
  111.  
  112. .image:hover {
  113. opacity: 0.9; }
  114.  
  115. .text {
  116. line-height: 1.5;
  117. padding-top: 2px;
  118. font-family: verdana;
  119. font-size: 10;
  120. color: silver;
  121. text-align: justify; }
  122.  
  123. .pic {
  124. height: 60px;
  125. width: 60px;
  126. margin-left: 2px;
  127. border: #302F34 2px solid;
  128. opacity: 0.5;
  129. }
  130.  
  131. .words {
  132. height: 90px;
  133. width: 490px;
  134. margin-left: 3px;
  135. overflow:auto;
  136. border: #302F34 2px solid;
  137. opacity: 1;
  138. }
  139.  
  140. .ash {
  141. opacity: 0.0;
  142. -webkit-transition: all 0.8s ease-in-out;
  143. -moz-transition: all 0.8s ease-in-out;
  144. -o-transition: all 0.8s ease-in-out;
  145. -ms-transition: all 0.8s ease-in-out;
  146. transition: all 0.8s ease-in-out;
  147. }
  148.  
  149. .ash:hover{
  150. opacity: 1;
  151. -webkit-transition: all 0.8s ease-in-out;
  152. -moz-transition: all 0.8s ease-in-out;
  153. -o-transition: all 0.8s ease-in-out;
  154. -ms-transition: all 0.8s ease-in-out;
  155. transition: all 0.8s ease-in-out;
  156. }
  157.  
  158. a.fire:link, a.fire:active, a.fire:visited{
  159. background-color: #222;
  160. display: inline-block;
  161. margin: 5px;
  162. width: 88px;
  163. height: 20px;
  164. font-family: consolas;
  165. font-size: 9px;
  166. color: #CCC;
  167. text-decoration: none;
  168. letter-spacing: 1px;
  169. text-transform: uppercase;
  170. text-align: center;
  171. line-height: 21px;
  172. -webkit-transition: all 0.5s ease-in-out;
  173. -moz-transition: all 0.5s ease-in-out;
  174. -o-transition: all 0.5s ease-in-out;
  175. -ms-transition: all 0.5s ease-in-out;
  176. transition: all 0.5s ease-in-out;}
  177.  
  178. a.fire:hover{
  179. background-color: #EDEDED;
  180. color: #222;}
  181.  
  182. a {  
  183. font-family: verdana;
  184. font-variant: small-caps;
  185. text-decoration: none;
  186. color: #8B8972;
  187. background-color: transparent;
  188. cursor: url('http://cur.cursors-4u.net/others/oth-8/oth711.cur');
  189. }
  190.  
  191. a:hover {
  192. color: #999999;
  193. background-color: transparent;
  194. }
  195.  
  196. #credit{
  197. position: fixed;
  198. bottom: 0px;
  199. left: 0px;
  200. z-index:450;}
  201.  
  202. </style>
  203.  
  204. <div id="title">i set fire to the rain.</div>
  205.  
  206. <div id="info">
  207. <div class="image"><div class="text">
  208. <font style=float:left>Name</font> <font style=float:right>Rose, Sasha</font><br>
  209. <font style=float:left>Created</font> <font style=float:right>The Thirty-first of October</font><br>
  210. <font style=float:left>Hair Colour / Eye Hue</font> <font style=float:right> Shades of Red, Yellow & Orange / Orange </font><br>
  211. <font style=float:left>Height / Weight</font> <font style=float:right>5'5" / 144 lbs</font><br>
  212. <font style=float:left>Alignment</font> <font style=float:right>Neutral</font><br>
  213. <font style=float:left>Location</font> <font style=float:right>Roaming the Kalos Region</font><br>
  214. <font style=float:left>Marital Status</font> <font style=float:right>Singular, Partner Selective.</font><br>
  215. <font style=float:left>PKMN Status</font> <font style=float:right>Wild</font><br><br>
  216.  
  217. <div class="words">
  218. <center> Information will be placed here when the muse feels up to doing so. Please be patient. </center>
  219. </div>
  220. <br>
  221. <b>00.</b>no sex. <b>01.</b>ic =/= ooc <b>02.</b>semi-pm friendly <b>03.</b>no drama <b>04.</b>no oneliners. <b>05.</b>no relationships, don't ask. <b>06.</b>dont steal no matter how small it may be. <b>07.</b>forever a wip <b>08.</b> i idle a lot.
  222. </div></div></div>
  223.  
  224. <div id="foxy">
  225. <div class="ash">
  226. <a href="/profile.php?userid=" class="fire" target="_blank">Friend</a>
  227. <a href="/profile.php?userid=" class="fire" target="_blank">Friend</a>
  228. <a href="/profile.php?userid=" class="fire" target="_blank">Friend</a>
  229. <a href="/profile.php?userid=" class="fire" target="_blank">Friend</a>
  230. <a href="/profile.php?userid=" class="fire" target="_blank">Friend</a>
  231. <a href="/profile.php?userid=" class="fire" target="_blank">Friend</a>
  232. <a href="/profile.php?userid=" class="fire" target="_blank">Friend</a>
  233. <a href="/profile.php?userid=" class="fire" target="_blank">Friend</a>
  234. <a href="/profile.php?userid=" class="fire" target="_blank">Friend</a>
  235. <a href="/profile.php?userid=" class="fire" target="_blank">Friend</a>
  236. </div></div>
  237.  
  238. <div id="credit"><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></div>
Advertisement
Add Comment
Please, Sign In to add comment