Beautifulie

— sᴏɴɢʙɪʀᴅ.

Dec 23rd, 2013
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.98 KB | None | 0 0
  1. <style type="text/css">
  2. .pfor {display: none;}
  3. #profile { background-color: transparent; border: 0px; }
  4. </style>
  5.  
  6. <style type="text/css">
  7. body{
  8. background-color: #CCE8F8;
  9. background-image: url('http://i48.tinypic.com/jb0fhe.png');
  10. background-attachment: fixed;}
  11.  
  12. h2{
  13. font-size: 12px;
  14. background-color: none;
  15. color: #FFF;
  16. width: 100%;
  17. font-family: century gothic;
  18. font-weight: normal;
  19. margin: 0px;
  20. line-height: 12px;
  21. text-transform: uppercase;
  22. text-align: right;
  23. border-bottom: 2px solid #95928B;}
  24.  
  25. h2:first-letter{
  26. color: 95928B;
  27. font-size: 20px;}
  28.  
  29. #container{
  30. position: fixed;
  31. top: 180px;
  32. left: 440px;
  33. width: 430px;
  34. height: 162px;
  35. }
  36.  
  37. #Title{
  38. position: fixed;
  39. top: 134px;
  40. left: 435px;
  41. z-index:550;
  42. color: #BCB9B0;
  43. font-size: 50px;
  44. line-height: 80px;
  45. letter-spacing: -1px;
  46. font-family: aphrodite pro;
  47. text-shadow: #000 0px 0px 3px;}
  48.  
  49. #line{
  50. position: fixed;
  51. top: 633px;
  52. left: 0px;
  53. width: 100%;
  54. height: 35px;
  55. background-color: #E2A5BD;
  56. }
  57.  
  58. #img{
  59. background-color: #FAEDDF;
  60. border: 5px #E2A5BD solid;
  61. height: 100px;
  62. width: 100px;
  63. position: fixed;
  64. bottom: 0px;
  65. right: 10px;
  66. text-align: center;
  67. }
  68.  
  69. #friends{
  70. background-color: transparent;
  71. height: 100px;
  72. width: 100%;
  73. top: 630px;
  74. left: 330px;
  75. position: fixed;
  76. }
  77.  
  78. #links{
  79. background-color: transparent;
  80. height: 150px;
  81. width: 590px;
  82. top: 420px;
  83. left: 430px;
  84. position: fixed;
  85. line-height: 20px;}
  86.  
  87. #music{
  88. background-color: transparent;
  89. height: 20px;
  90. width: 200px;
  91. top: 430px;
  92. left: 780px;
  93. position: fixed;}
  94.  
  95. b{color: #5d6e7a;
  96. font-size: 15px;
  97. font-weight: light;
  98. letter-spacing: -1px;
  99. font-family:romans;
  100. text-transform: Uppercase;
  101. font-weight: heavy;
  102. text-align: center;}
  103.  
  104. u{color: #666;
  105. font-size: 12px;
  106. font-weight: light;
  107. letter-spacing: 0px;
  108. word-spacing: 6px;
  109. font-family:Romans;
  110. text-transform: normal;
  111. font-weight: normal;
  112. text-align: center;
  113. border-bottom: 1px dotted #889e9f;}
  114.  
  115. i{color: #666;
  116. font-size: 12px;
  117. font-weight: light;
  118. letter-spacing: -1px;
  119. word-spacing: 6px;
  120. font-family:Romans;
  121. text-transform: normal;
  122. font-weight: normal;}
  123.  
  124. small{color: #6a8386;
  125. font-size: 11px;
  126. font-weight: light;
  127. letter-spacing: -1px;
  128. font-family:Romans;
  129. font-variant: small-caps;
  130. text-transform: lowercase;
  131. text-decoration: none;
  132. font-weight: normal;
  133. text-align: center;}
  134.  
  135. big{color: #6a8386;
  136. font-size: 13px;
  137. font-weight: light;
  138. letter-spacing: -1px;
  139. font-family:Romans;
  140. text-transform: normal;
  141. text-decoration: none;
  142. font-weight: normal;
  143. text-align: center;}
  144.  
  145. A:link{color:#5e7579;
  146. text-decoration:none;
  147. display: inline;
  148. cursor: url(http://cur.cursors-4u.net/cursors/cur-6/cur567.cur),default}
  149. A:visited {color:#5e7579;
  150. display: inline;
  151. border-bottom:#000 0px solid;
  152. cursor: url(http://cur.cursors-4u.net/cursors/cur-6/cur567.cur),default}
  153. A:hover    
  154. {color:#999;
  155. border-bottom:#000 0px solid;
  156. display: inline;
  157. cursor: url(http://cur.cursors-4u.net/cursors/cur-6/cur567.cur),default}
  158. A:active {color:#000;
  159. font-weight:bold;
  160. display: inline;
  161. cursor: url(http://cur.cursors-4u.net/cursors/cur-6/cur567.cur),default}
  162.  
  163. a.bee:link, a.bee:active, a.bee:visited{
  164. height: 15px;
  165. display: block;
  166. float: left;
  167. width: 75px;
  168. margin: 10px;
  169. -moz-border-radius: 5px;
  170. border-radius: 0px;
  171. font-family: century gothic;
  172. text-decoration: none;
  173. font-size: 11.5px;
  174. letter-spacing: -1px;
  175. background-color: DBBACD;
  176. color: 222;
  177. padding: 2.5px;
  178. text-align: center;
  179. -webkit-transition: all 0.6s ease-out;
  180. -moz-transition: all 0.6s ease-out;}
  181.  
  182. a.bee:hover{
  183. background-color:#777777;
  184. color: CCC;
  185. text-decoration: none;}
  186.  
  187. a.simca:link, a.bee:active, a.bee:visited{
  188. height: 15px;
  189. display: block;
  190. float: left;
  191. width: 85px;
  192. margin: 10px;
  193. -moz-border-radius: 5px;
  194. border-radius: 0px;
  195. font-family: Century Gothic;
  196. text-decoration: none;
  197. font-size: 11px;
  198. letter-spacing: -1px;
  199. background-color: DBBACD;
  200. color: DDD;
  201. padding: 2.5px;
  202. text-align: center;
  203. -webkit-transition: all 0.6s ease-out;
  204. -moz-transition: all 0.6s ease-out;}
  205.  
  206. a.simca:hover{
  207. background-color:#777777;
  208. color: CCC;
  209. text-decoration: none;}
  210.  
  211. .image {
  212. opacity: 0;
  213. width: autopx;
  214. height: 210px;
  215. background-color: #000000;
  216. text-align: justify;
  217. overflow: auto;
  218. -ms-transition: opacity .3s linear;
  219. -moz-transition: opacity .3s linear;
  220. -o-transition: opacity .3s linear;
  221. -webkit-transition: opacity .3s linear; }
  222.  
  223. .image:hover {
  224. opacity: 0.9; }
  225.  
  226. .text {
  227. line-height: 1.5;
  228. padding-top: 2px;
  229. font-family: verdana;
  230. font-size: 10;
  231. color: silver;
  232. text-align: justify; }
  233.  
  234. #credit{
  235. position:fixed;
  236. bottom:0px;
  237. right:0px;
  238. z-index:450;}
  239.  
  240. </style>
  241.  
  242. <div id="title"> シムカ </div>
  243.  
  244. <div id="container">
  245. <div style="postion: absolute; top: padding-top: 40px; width: 500px; height: 210px; background-position: 210px 0px; background-image: url(http://i50.tinypic.com/10nibh1.jpg); background-color: #DEE2E3; background-repeat: no-repeat; border: 20px solid #DBBACD;">
  246. <div class="image"><div class="text">
  247. <h2>Out of Character</h2>
  248. <b>Zero.</b> 01 - No Sex.  
  249. <br><b>One.</b> No Drama.
  250. <br><b>Two.</b> 3rd Person.
  251. <br><b>Three.</b> IC =/= OOC.
  252. <br><b>Four.</b> Literate please.
  253. <br><b>Five.</b> Bleach universe only.
  254. <br><b>Six.</b> Taken, IC & OOC.
  255. <br><b>Seven.</b> Forever, Work In Progress.
  256. </div></div></div></div>
  257.  
  258. <div id="line">
  259. </div>
  260. <div id="img"><img src="http://i.imgur.com/DhQ1wSX.gif"></img></div>
  261. <div id="friends">
  262. <a href="/profile.php?user=///" class="bee">Nike</a>
  263. <a href="/profile.php?user=///" class="bee">Ikki</a>
  264. <a href="/profile.php?user=///" class="bee">Kilik</a>
  265. <a href="/profile.php?user=Noyamano Ringo" class="bee">Ringo</a>
  266. <a href="/profile.php?user=Noyamano Rika" class="bee">Rika</a>
  267. <a href="/profile.php?user=The Fang King" class="bee">Agito/Akito</a>
  268. <a href="/profile.php?user=///" class="bee">Mikan</a>
  269. <a href="/profile.php?user=///" class="bee">Sora</a>
  270. <a href="/profile.php?user=///" class="bee">Spitfire</a>
  271. </div>
  272.  
  273. <div style="position: fixed; left: -5px; top: 200px;">
  274. <img src="http://i.imgur.com/CP6oa1I.png"></img>
  275. </div>
  276.  
  277. <div id="music">
  278. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
  279.     <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  280.     <param name="bgcolor" value="#DCBACB" />
  281.     <param name="FlashVars" value="mp3=https%3A//dl-web.dropbox.com/get/Back-on%2520-%2520Chain%2520%2528Ensou%2527s%2520Cover%2520-instrumental-%2529.mp3%3Fw%3DAACXwaytHVuBA7mndAFSHLv4pg63dz9rITIQIlYsXyc-qw&amp;bgcolor=DCBACB&amp;loadingcolor=CCCCCC&amp;buttoncolor=AA4F70&amp;slidercolor=AA4F70" />
  282. </object>
  283. </div>
  284.  
  285. <div id="links">
  286. <a href="http://airgear.wikia.com/wiki/Simca" class="simca">Wiki</a>
  287. <a href="http://www.youtube.com/watch?v=M_AhGHXobKk" class="simca">Star in your Sky</a>
  288. <a href="http://devilrose.webstarts.com/" class="simca">Credit</a>
  289.  
  290. <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