Beautifulie

— ɢᴏ ᴛʜᴇ ᴅɪsᴛᴀɴᴄᴇ.

Oct 28th, 2013
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.76 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: #212121;
  11. background-image: url('');
  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:'century gothic'; font-variant: small-caps; font-size:15px; color: #233146; 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: #212121;
  28. -moz-border-radius: 0px 0px 0px 0px;
  29. border-radius:0px 0px 0px 0px;}
  30. ::-webkit-scrollbar-thumb:vertical {background-color:#212121; height:20px;
  31. -moz-border-radius: 0px 0px 0px 0px;
  32. border-radius:0px 0px 0px 0px;}
  33. ::-webkit-scrollbar-thumb:horizontal {background-color:#212121; 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. #Pic1{
  39. position: fixed;
  40. background-image: url('http://24.media.tumblr.com/748577770bd0e75f00be3dde90372921/tumblr_mv5y48e3KV1r13r6do1_250.png');
  41. background-attachment: fixed;
  42. background-position: 10px 60px;
  43. background-size: 180px 230px;
  44. background-repeat: no-repeat;
  45. top: 90px;
  46. left: 10px;
  47. width: 175px;
  48. height: 175px;
  49. background-color: #EDEDEE;
  50. border: #221845 4px solid;
  51. z-index: 200;
  52. }
  53.  
  54. #Pic2{
  55. position: fixed;
  56. background-image: url('http://31.media.tumblr.com/d923e51d1dbf4412f60a38b6246e246d/tumblr_mv5y48e3KV1r13r6do4_250.png');
  57. background-attachment: fixed;
  58. background-position: 10px 250px;
  59. background-size: 180px 230px;
  60. background-repeat: no-repeat;
  61. top: 270px;
  62. left: 10px;
  63. width: 175px;
  64. height: 175px;
  65. background-color: #EDEDEE;
  66. border: #221845 4px solid;
  67. z-index: 200;
  68. }
  69.  
  70. #Pic3{
  71. position: fixed;
  72. background-image: url('http://25.media.tumblr.com/8ceb6f40709ed394ab991e9b95a45fe6/tumblr_mv5y48e3KV1r13r6do6_250.png');
  73. background-attachment: fixed;
  74. background-position: 10px 410px;
  75. background-size: 180px 230px;
  76. background-repeat: no-repeat;
  77. top: 450px;
  78. left: 10px;
  79. width: 175px;
  80. height: 175px;
  81. background-color: #EDEDEE;
  82. border: #221845 4px solid;
  83. z-index: 200;
  84. }
  85.  
  86. #Box1{
  87. position: fixed;
  88. top: 450px;
  89. left: 190px;
  90. width: 400px;
  91. height: 175px;
  92. text-align: justify;
  93. font-face: verdana;
  94. font-variant: small-caps;
  95. font-size: 12px;
  96. color: #212121;
  97. overflow: auto;
  98. background-color: #EDEDEE;
  99. border: #221845 4px solid;
  100. z-index: 200;
  101. }
  102.  
  103. #Box2{
  104. position: fixed;
  105. top: 90px;
  106. left: 290px;
  107. width: 556px;
  108. height: 355px;
  109. text-align: justify;
  110. font-face: verdana;
  111. font-variant: small-caps;
  112. font-size: 12px;
  113. color: #212121;
  114. overflow: auto;
  115. background-color: #EDEDEE;
  116. border: #221845 4px solid;
  117. z-index: 200;
  118. }
  119.  
  120. #Box3{
  121. position: fixed;
  122. top: 450px;
  123. left: 596px;
  124. width: 251px;
  125. height: 175px;
  126. text-align: justify;
  127. font-face: verdana;
  128. font-variant: small-caps;
  129. font-size: 12px;
  130. color: #212121;
  131. overflow: auto;
  132. background-color: #EDEDEE;
  133. border: #221845 4px solid;
  134. z-index: 200;
  135. }
  136.  
  137. #Friends{
  138. position: fixed;
  139. top: 90px;
  140. left: 190px;
  141. width: 100px;
  142. height: 355px;
  143. background-color: #EDEDEE;
  144. border: #221845 4px solid;
  145. z-index: 200;
  146. }
  147.  
  148. #character{
  149. position: fixed;
  150. left: 600px;
  151. top: 80px;
  152. z-index: 300;
  153. }
  154.  
  155. #Title{
  156. position: fixed;
  157. top: 35px;
  158. left: 680px;
  159. z-index: 550;
  160. color: #242465;
  161. font-size: 55px;
  162. line-height: 80px;
  163. letter-spacing: 3px;
  164. font-family: lavanderia sturdy;
  165. text-shadow: #221845 3px 5px 7px;
  166. z-index: 300;}
  167.  
  168. a {
  169. color: #342445;
  170. text-decoration: none;
  171. }
  172.        
  173. a:hover {
  174. color: #888888;
  175. text-decoration: none;
  176. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
  177. }
  178.  
  179. .snow {
  180. margin-top: 2px;
  181. height: 80px;
  182. width: 80px;
  183. margin-left: 6px;
  184. border: #242465 2px solid;
  185. opacity: 0.7;
  186. }
  187.  
  188. #credit{
  189. position:fixed;
  190. bottom:0px;
  191. left:0px;
  192. z-index:450;
  193. }
  194.  
  195. </style>
  196.  
  197. <div id="line"></div>
  198. <div id="title">zack fair</div>
  199.  
  200. <div id="pic1"></div>
  201. <div id="pic2"></div>
  202. <div id="pic3"></div>
  203.  
  204. <div id="friends">
  205. <a href="profile.php?user=Aqua" target="_blank" title="description here."><img src="http://img-cache.cdn.gaiaonline.com/b936ab0bbf15670b2329b61e666a4520/http://i796.photobucket.com/albums/yy241/ValorousTerra/Aqua_YT_Icon_by_Nami_Lee.png" class="snow"></a>
  206. <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
  207. <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
  208. <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
  209. <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
  210. <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="snow"></a>
  211. </div>
  212.  
  213. <div id="box1">
  214. <br><b>bold</b> <i>italic</i> <u>underline</u> <strike>strike through</strike> <big>big text</big> <small>small text</small> <a href="" target="_blank">Link.</a>
  215. <br>ooc down here.
  216. </div>
  217.  
  218. <div id="box2">
  219. <br><b>bold</b> <i>italic</i> <u>underline</u> <strike>strike through</strike> <big>big text</big> <small>small text</small> <a href="" target="_blank">Link.</a>
  220. <br> main box here.
  221. </div>
  222.  
  223. <div id="box3">
  224. <br><b>bold</b> <i>italic</i> <u>underline</u> <strike>strike through</strike> <big>big text</big> <small>small text</small> <a href="" target="_blank">Link.</a>
  225. <br> extra box here.
  226. </div>
  227.  
  228. <div id="character">
  229. <img src="http://i.picpar.com/cuy.png">
  230. </div>
  231.  
  232. <div id="credit">
  233. <a href="/profile.php?user=Aqua" target="_blank"><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></img></a>
  234. </div>
Advertisement
Add Comment
Please, Sign In to add comment