Beautifulie

— ʙᴇʟᴏɴɢ.

Jul 6th, 2013
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.37 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: #E5BC04;
  11. background-image: url('http://i.picpar.com/ARo.png');
  12. background-attachment: fixed;
  13. background-position: center;
  14. background-repeat: repeat;
  15. text-align: justify;
  16. color: #888888;
  17. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth588.cur');
  18. }
  19.  
  20. b, strong {font-family:'century gothic'; font-size:13px; color:#550000; 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: #222;
  28. -moz-border-radius: 0px 0px 0px 0px;
  29. border-radius:130px 0px 0px 0px;}
  30. ::-webkit-scrollbar-thumb:vertical {background-color:#222; height:20px;
  31. -moz-border-radius: 0px 0px 0px 0px;
  32. border-radius:130px 0px 0px 0px;}
  33. ::-webkit-scrollbar-thumb:horizontal {background-color:#222; height:20px !important;
  34. -moz-border-radius: 0px 0px 0px 0px;
  35. border-radius:130px 0px 0px 0px;}
  36. ::-webkit-scrollbar { height:20px;width:5px; background-color:transparent;}
  37.  
  38. #line {
  39. width: 280px;
  40. background-color: #990000;
  41. padding: 10px;
  42. height: 400px;
  43. border-left: 30px solid #110000;
  44. }
  45.  
  46. #container {
  47. width: 260px;
  48. background-color: #181818;
  49. padding: 10px;
  50. height: 358px;
  51. }
  52.  
  53. #miniline {
  54. width: 260px;
  55. height: 5px;
  56. background-color: #8A0000;
  57. }
  58.  
  59. #miniline2 {
  60. width: 260px;
  61. border-top: 1px
  62. dashed #222222;
  63. }
  64.  
  65. #extra {
  66. width: 260px;
  67. height: 5px;
  68. background-color: #720000;
  69. color: #CCC;
  70. opacity: 0.0;
  71. -webkit-transition: opacity 0.8s linear;
  72. -webkit-transition: all 0.8s ease-in-out;
  73. -moz-transition: all 0.8s ease-in-out;
  74. }
  75.  
  76. #extra:hover {
  77. width: 260px;
  78. height: 5px;
  79. color: #CCC;
  80. background-color: #720000;
  81. opacity: 0.9;
  82. -webkit-transition: opacity 0.8s linear;
  83. -webkit-transition: all 0.8s ease-in-out;
  84. -moz-transition: all 0.8s ease-in-out;
  85. }
  86.  
  87. #Friends{
  88. position: absolute;
  89. width: 30px;
  90. height: autopx;
  91. left: 6px;
  92. top: 15px;
  93. color: transparent;
  94. }
  95.  
  96. #symbol{
  97. left: 0px;
  98. padding: 30px;
  99. padding-top: 450px;
  100. top: 450px;
  101. color: #990000;
  102. font-size: 30pt;
  103. }
  104.  
  105. #image {
  106. width: 260px;
  107. height: 175px;
  108. background-color: #ccc;
  109. background-image: url(http://i.picpar.com/afp.png);
  110. }
  111.  
  112. #name {
  113. width: 240px;
  114. text-align: center;
  115. font-family: 'Open Sans Condensed', sans-serif;
  116. font-size: 11px;
  117. line-height: 100%;
  118. letter-spacing: 5px;
  119. color: #fff;
  120. text-transform: uppercase;
  121. padding: 10px;
  122. background-color: #B20C0F;
  123. }
  124.  
  125. #info {
  126. width: 220px;
  127. text-align: justify;  
  128. font-family: tahoma;
  129. font-size: 9px;  
  130. line-height: 100%;
  131. color: #000;
  132. padding: 10px;
  133. background-color: #444444;  
  134. border-left: 10px solid #100000;
  135. border-right: 10px solid #100000;  
  136. border-bottom: 10px solid #B20C0F;
  137. }  
  138.  
  139. #ooc{
  140. position: absolute;
  141. left: 37px;
  142. top: 30px;
  143. background-color: #2e2e2e;
  144. padding: 10px;
  145. text-align: justify;
  146. width: 280px;
  147. height: 210px;
  148. overflow: auto;
  149. text-transform: Uppercase;
  150. font-family: calibri;
  151. font-size: 9px;
  152. color: #BDBDBD;  
  153. -webkit-transition: opacity 0.8s linear;
  154. -webkit-transition: all 0.8s ease-in-out;
  155. -moz-transition: all 0.8s ease-in-out;
  156. overflow: hidden;
  157. opacity:0.0;
  158. z-index: 200;
  159. }
  160.  
  161. #ooc:hover {  
  162. left: 37px;
  163. top: 430px;
  164. background-color: #2e2e2e;
  165. padding: 10px;
  166. opacity: 0.9;
  167. text-align: justify;
  168. width: 280px;
  169. height: 90px;
  170. font-family: calibri;
  171. text-transform: uppercase;
  172. font-size: 9px;
  173. color: #BDBDBD;  
  174. -webkit-transition: all 0.8s ease-in-out;
  175. -moz-transition: all 0.8s ease-in-out;
  176. overflow: auto;
  177. z-index: 200;
  178. }
  179.  
  180. a.rem:link, a.rem:active, a.rem:visited{
  181. display: inline-block;
  182. height: 20px;
  183. background-color: #181818;
  184. width: 20px;
  185. margin: 5px;
  186. transition:all 0.8s ease-out;
  187. -o-transition:all 0.8s ease-in-out;
  188. -moz-transition:all 0.8s ease-in-out;
  189. -webkit-transition:all 0.8s ease-in-out;
  190. border-top: 2px solid #990000;
  191. border-left: 2px solid #990000;
  192. border-right: 2px solid #990000;
  193. border-bottom: 2px solid #990000;
  194. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
  195. color: transparent;
  196. }
  197.  
  198. a.rem:hover{
  199. display: inline-block;
  200. height: 20px;
  201. width: 20px;
  202. background-color: #990000;
  203. transition:all 0.8s ease-out;
  204. -o-transition:all 0.8s ease-in-out;
  205. -moz-transition:all 0.8s ease-in-out;
  206. -webkit-transition:all 0.8s ease-in-out;
  207. border-top: 2px solid #181818;
  208. border-left: 2px solid #181818;
  209. border-right: 2px solid #181818;
  210. border-bottom: 2px solid #181818;
  211. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
  212. }
  213.  
  214. </style>
  215.  
  216. <div id="Friends">
  217. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  218. <a href="/profile.php?user=" class="rem" target="_blank" title="a firecracker"></a>
  219. <a href="/profile.php?user=" class="rem" target="_blank" title="bossman"></a>
  220. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  221. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  222. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  223. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  224. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  225. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  226. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  227. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  228. <a href="/profile.php?user=" class="rem" target="_blank" title="words here"></a>
  229. </div>
  230.  
  231. <div id="ooc">
  232. Forever a WIP.
  233. </div>
  234.  
  235. <div id="line">
  236. <div id="container">
  237. <div id="miniline"></div>
  238. <div id="miniline2"></div>
  239. <div id="extra">
  240. wedvbwievdiwyevd
  241. </div>
  242. <div id="image"></div>
  243.  
  244. <div id="name">
  245. Griglori, Aiofie Risoi
  246. </div>
  247.  
  248. <div id="info">
  249. <div style="height: 110px; overflow: auto;">
  250. <b>Alias</b>: <font style=float:right>'Fie, Aifie, etc.</font><br>
  251. <b>Gender</b>: <font style=float:right>Female.</font><br>
  252. <b>Age</b>: <font style=float:right>Forever Nineteen.</font><br>
  253. <b>Birthdate</b>: <font style=float:right>August, 1st.</font><br>
  254. <b>Zodiac</b>: <font style=float:right>Leo.</font><br>
  255. <b>Orientation</b>: <font style=float:right>Demi-sexual, pan-romantic.</font><br>
  256. <b>Marital Status</b>: <font style=float:right>Singular.</font><br>
  257. <b>Residence</b>: <font style=float:right>Wanderer.</font><br>
  258. <b>Occupation</b>: <font style=float:right>None, atm.</font><br>
  259. <b>Height</b>: <font style=float:right>05' 03''.</font><br>
  260. <b>Race</b>: <font style=float:right><span title="A child born from a vampire for a father and a human for a mother.">Dhampir</span>.</font><br>
  261. <b>Eye Hue</b>: <font style=float:right>Slate Gray.</font><br>
  262. <b>Hair Colour</b>: <font style=float:right>Ginger/Red-Head.</font><br>
  263.  
  264. <p>Will put some more things here. Be patient.</p>
  265. </div></div></div>
  266.  
  267. <center>
  268. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="30">
  269. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  270. <param name="bgcolor" value="#990000" />
  271. <param name="FlashVars" value="mp3=https%3A//dl-web.dropbox.com/get/Vampire%2520Diaries%2520-%25204x23%2520Music%2520-%2520Cary%2520Brothers%2520-%2520Belong.mp3%3Fw%3DAABXEI8su4Zc4lmfg_DgChOoyXDh9ZclJ30DQWnF9N5ZGQ&amp;bgcolor=990000&amp;loadingcolor=990000&amp;buttoncolor=100000&amp;slidercolor=100000" />
  272. </object>
  273. </center>
  274. </div>
Advertisement
Add Comment
Please, Sign In to add comment