Beautifulie

— sɴᴀᴋᴇ ᴇʏᴇs.

Dec 5th, 2013
130
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.60 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: verdana;
  9. font-size: 10px;
  10. background-color: #2F315E;
  11. background-image: url('http://i.picpar.com/vnw.png');
  12. background-attachment: fixed;
  13. background-position: fixed;
  14. background-repeat: repeat;
  15. text-align: justify;
  16. color: #888888;
  17. cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur');
  18. }
  19.  
  20. b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color:#F8488E; font-weight:normal; letter-spacing: -1px;}
  21. i {color: #666666; font-family: 'calibri'; font-variant: small-caps; font-size:10pt; 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: #303646; 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;}
  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: #000;
  28. -moz-border-radius: 0px 0px 0px 0px;
  29. border-radius:0px 0px 0px 0px;}
  30. ::-webkit-scrollbar-thumb:vertical {background-color:#000; height:20px;
  31. -moz-border-radius: 0px 0px 0px 0px;
  32. border-radius:0px 0px 0px 0px;}
  33. ::-webkit-scrollbar-thumb:horizontal {background-color:#000; 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. #Title{
  39. position: fixed;
  40. top: 130px;
  41. left: 520px;
  42. height: 60px;
  43. width: 400px;
  44. z-index:550;
  45. color: #FEFEFE;
  46. font-size: 45px;
  47. line-height: 60px;
  48. letter-spacing: 11px;
  49. background-color: #303646;
  50. border-bottom: #121212 2px Soild;
  51. font-family: lavanderia delicate;
  52. text-shadow: #414A4C 5px 5px 4px;
  53. -webkit-border-radius: 20px 20px 0px 0px;
  54. border-radius: 20px 20px 0px 0px;
  55. z-index: 400;
  56. }
  57.  
  58. #img{
  59. position: fixed;
  60. top: 190px;
  61. left: 520px;
  62. width: 150px;
  63. height: 300px;
  64. line-height: 13px;
  65. font-size: 12px;
  66. background-color: #EDEDEE;  
  67. background-image: url('https://31.media.tumblr.com/547238487cdae1aa72b17232ed2c7529/tumblr_mii900cpQ21qe6vzvo3_250.jpg');
  68. background-repeat: no-repeat;
  69. background-size: 150px 300px;
  70. border: 2px #414A4C Solid;
  71. z-index:300;}
  72.  
  73. #info{
  74. position: fixed;
  75. top: 190px;
  76. left: 673px;
  77. width: 243px;
  78. height: 216px;
  79. overflow: hidden;
  80. text-align: justify;
  81. line-height: 13px;
  82. font-size: 10px;
  83. background-color: #EDEDEE;  
  84. font-face: verdana;
  85. font-variant: small-caps;
  86. color: #212121;
  87. overflow: auto;
  88. border: 2px #414A4C Solid;
  89. z-index:300;}
  90.  
  91. #Friends{
  92. position: fixed;
  93. top: 410px;
  94. left: 673px;
  95. width: 243px;
  96. height: 80px;
  97. overflow: hidden;
  98. background-color: #EDEDEE;  
  99. border: 2px #414A4C Solid;
  100. z-index:500;}
  101.  
  102. #ooc {
  103. position: fixed;
  104. width: 400px;
  105. height: 175px;
  106. left: 520px;
  107. top: 319px;
  108. background-color: transparent;
  109. border-bottom: 10px solid;
  110. border-color: #303646;
  111. overflow: auto;
  112. transition: all 0.7s ease-in-out;
  113. -webkit-transition: all 0.7s ease-in-out;
  114. -moz-transition: all 0.7s ease-in-out;
  115. border-radius: 24px 24px;
  116. }
  117.  
  118. #ooc:hover {
  119. position: fixed;
  120. top: 490px;
  121. border-color: transparent;
  122. -webkit-transition: all 0.7s ease-in-out;
  123. -moz-transition: all 0.7s ease-in-out;
  124. border-radius: 10px 10px;
  125. }
  126.  
  127. .snow {
  128. height: 70px;
  129. width: 70px;
  130. margin-left: 4px;
  131. margin-top: 3px;
  132. border: #020441 2px solid;
  133. opacity: 0.7;
  134. }
  135.  
  136. .box {
  137. position: relative;
  138. margin-top: 10px;
  139. margin-left: 7px;
  140. width: 380px;
  141. height: 120px;
  142. overflow: auto;
  143. text-align: justify;
  144. line-height: 13px;
  145. font-size: 10px;
  146. background-color: #EDEDEE;  
  147. font-face: verdana;
  148. font-variant: small-caps;
  149. color: #212121;
  150. overflow: auto;
  151. border: 2px #414A4C Solid;
  152. }
  153.  
  154. a {  
  155. font-family: verdana;
  156. font-variant: small-caps;
  157. text-decoration: none;
  158. color: #121212;
  159. background-color: transparent;
  160. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth641.cur');
  161. }
  162.  
  163. a:hover {
  164. color: transparent;
  165. background-color: transparent;
  166. }
  167.  
  168. #credit{
  169. position:fixed;
  170. bottom:0px;
  171. right:0px;
  172. z-index:450;}
  173.  
  174. </style>
  175.  
  176. <div id="title">Cyan Sung-Sun</div>
  177. <div id="img"></div>
  178.  
  179. <div id="info">
  180. <center><b>Bold</b> / <i>Italic</i> / <u>Underline</u> / <strike>Strike-through</strike> / <Big>Big Text</Big> / <Small>Small Text</small> / <a href="LINK">LINK</a></center>
  181. </div>
  182.  
  183. <div id="friends">
  184. <a href="profile.php?user=Mila Rose" target="_blank"><img src="http://i.picpar.com/E11.jpg" class="snow"></a>
  185. <a href="profile.php?user=" target="_blank"><img src="http://i.picpar.com/P11.gif" class="snow"></a>
  186. <a href="profile.php?user=" target="_blank"><img src="http://i.picpar.com/R11.png" class="snow"></a>
  187. </div>
  188.  
  189. <div id="ooc">
  190. <div class="box">
  191. <center><b>Bold</b> / <i>Italic</i> / <u>Underline</u> / <strike>Strike-through</strike> / <Big>Big Text</Big> / <Small>Small Text</small> / <a href="LINK">LINK</a></center>
  192. </div></div>
  193.  
  194. <div id="credit"><a href="http://devilrose.webstarts.com/" title="Copyright"><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></img></a></div>
Advertisement
Add Comment
Please, Sign In to add comment