Beautifulie

— ʀᴀɪɴғᴇʟʟ.

Oct 27th, 2013
93
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.84 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: #2F315E;
  11. background-image: url('http://i50.tinypic.com/2hey9v5.gif');
  12. background-attachment: fixed;
  13. background-position: fixed;
  14. background-repeat: no-repeat;
  15. background-size: 500px 500px;
  16. text-align: justify;
  17. color: #888888;
  18. cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur');
  19. }
  20.  
  21. b, strong {font-family:'nexalight'; font-size:15px; color:#BC242D; font-weight:normal; letter-spacing: -1px;}
  22. i {color: #666666; font-family: 'calibri'; font-size:8pt; letter-spacing:0px}
  23. 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;}
  24. 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;}
  25. 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;}
  26. 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;}
  27.  
  28. ::-webkit-scrollbar-button:vertical:{background-color: #000;
  29. -moz-border-radius: 130px 130px 130px 130px;
  30. border-radius:130px 130px 130px 130px;}
  31. ::-webkit-scrollbar-thumb:vertical {background-color:#000; height:20px;
  32. -moz-border-radius: 130px 130px 130px 130px;
  33. border-radius:130px 130px 130px 130px;}
  34. ::-webkit-scrollbar-thumb:horizontal {background-color:#000; height:20px !important;
  35. -moz-border-radius: 130px 130px 130px 130px;
  36. border-radius:130px 130px 130px 130px;}
  37. ::-webkit-scrollbar { height:20px;width:5px; background-color:transparent;}
  38.  
  39. #line{
  40. position:fixed;
  41. z-index: 100;
  42. left: 0px;
  43. height: 200px;
  44. width: 100%;
  45. bottom: 0px;
  46. border-top: 15px Solid #13102B;
  47. background-color: #5156A7;
  48. }
  49.  
  50. #image{
  51. position: fixed;
  52. background-image:url("http://25.media.tumblr.com/0153ace42d188e4e15b6040c40847899/tumblr_mlwu9bEFDy1rhmqjbo6_250.png");
  53. background-position: -50px 0px;
  54. background-repeat: no-repeat;
  55. left: 147px;
  56. bottom: 5px;
  57. width: 106px;
  58. height: 160px;
  59. background-color: transparent;
  60. border-left:10px solid;
  61. border-top:10px solid;
  62. border-bottom:10px solid;
  63. border-right:10px solid;
  64. border-color: #303646;
  65. z-index: 100;
  66. }
  67.  
  68. #links{
  69. position: fixed;
  70. text-align: right;
  71. color: #CCCCCC;
  72. left: -120px;
  73. bottom: 5px;
  74. font-family: consolas;
  75. margin-left: -19px;
  76. z-index: 200;
  77. height: auto;
  78. width: 292px;
  79. overflow: hidden;
  80. padding-top: 0px;
  81. opacity: 1;
  82. background: transparent;
  83. border-bottom: 0px solid #aaa;
  84. font-size: 9px;
  85. margin-top: 26px;
  86. letter-spacing: 1px;
  87. text-transform:uppercase;
  88. }
  89.  
  90. #container{
  91. position: fixed;
  92. bottom: 340px;
  93. left: 700px;
  94. width: 430px;
  95. height: 162px;
  96. }
  97.  
  98. .image {
  99. opacity: 0;
  100. width: autopx;
  101. height: 210px;
  102. background-color: #000000;
  103. text-align: justify;
  104. overflow: auto;
  105. -ms-transition: opacity .3s linear;
  106. -moz-transition: opacity .3s linear;
  107. -o-transition: opacity .3s linear;
  108. -webkit-transition: opacity .3s linear; }
  109.  
  110. .image:hover {
  111. opacity: 0.9; }
  112.  
  113. .text {
  114. line-height: 1.5;
  115. padding-top: 2px;
  116. font-family: verdana;
  117. font-size: 10;
  118. color: silver;
  119. text-align: justify; }
  120.  
  121. #ooc {
  122. position:fixed;
  123. z-index: 100;
  124. left: 275px;
  125. height: 180px;
  126. width: 250px;
  127. bottom: 5px;
  128. background-color: transparent;
  129. color: #181818;
  130. font-family: calibri;
  131. font-size: 9px;
  132. text-transform: uppercase;
  133. line-height: 12px;
  134. overflow: auto;
  135. }
  136.  
  137. #sym1 {
  138. position:fixed;
  139. z-index: 100;
  140. left: 230px;
  141. height: autopx;
  142. width: 700px;
  143. bottom: 80px;
  144. background-color: transparent;
  145. color: #181818;
  146. font-family: code light;
  147. font-size: 60px;
  148. text-transform: uppercase;
  149. line-height: 12px;
  150. }
  151.  
  152. #music {
  153. position:fixed;
  154. z-index: 10;
  155. left: 1146px;
  156. height: 200px;
  157. width: 220px;
  158. bottom: 70px;
  159. background-color: #13102B;
  160. -webkit-border-radius: 50px 50px 0px 0px;
  161. border-radius: 50px 50px 0px 0px;
  162. }
  163.  
  164. #words {
  165. position:fixed;
  166. z-index: 100;
  167. left: 575px;
  168. height: autopx;
  169. width: 550px;
  170. bottom: 90px;
  171. background-color: transparent;
  172. color: #181818;
  173. font-family: code light;
  174. font-size: 40px;
  175. text-transform: uppercase;
  176. line-height: 12px;
  177. }
  178.  
  179. #subwords {
  180. position:fixed;
  181. z-index: 100;
  182. left: 635px;
  183. height: autopx;
  184. width: 700px;
  185. bottom: 70px;
  186. background-color: transparent;
  187. color: #181818;
  188. font-family: code light;
  189. font-size: 30px;
  190. text-transform: uppercase;
  191. line-height: 12px;
  192. }
  193.  
  194. #title {
  195. position:fixed;
  196. z-index: 100;
  197. left: 540px;
  198. height: autopx;
  199. width: 700px;
  200. bottom: 501px;
  201. letter-spacing: 12px;
  202. background-color: transparent;
  203. color: #181818;
  204. font-family: eight fifteen;
  205. font-size: 30px;
  206. text-transform: lowercase;
  207. line-height: 12px;}
  208.  
  209. #friends {
  210. position:fixed;
  211. width: 978px;
  212. height: 15px;
  213. left: 506px;
  214. bottom: 50px;
  215. z-index: 300px;
  216. }
  217.  
  218. a.aqua:link, a.aqua:active, a.aqua:visited{
  219. background-color: transparent;
  220. display: inline-block;
  221. padding: 2px;
  222. margin: 5px;
  223. width: 80px;
  224. height: 20px;
  225. font-family: consolas;
  226. font-size: 9px;
  227. color: #e6e0de;
  228. text-decoration: none;
  229. letter-spacing: 1px;
  230. text-transform: uppercase;
  231. text-align: center;
  232. line-height: 21px;
  233. border-bottom:2px solid #dedede;
  234. -webkit-transition: all 0.5s ease-in-out;
  235. -moz-transition: all 0.5s ease-in-out;
  236. -o-transition: all 0.5s ease-in-out;
  237. -ms-transition: all 0.5s ease-in-out;
  238. transition: all 0.5s ease-in-out;}
  239.  
  240. a.aqua:hover{
  241. color: #e6e0de;
  242. padding-right:64px;
  243. width: 80px;
  244. transition: all 0.5s ease-out;
  245. -o-transition-transition: all 0.5s ease-out;
  246. -webkit-transition: all 0.5s ease-out;
  247. -moz-transition: all 0.5s ease-out;
  248. }
  249.  
  250. a.rainfell:link, a.rainfell:active, a.rainfell:visited{
  251. background-color: #13102B;
  252. display: inline-block;
  253. margin: 5px;
  254. width: 60px;
  255. height: 20px;
  256. font-family:
  257. century gothic;
  258. font-size: 10px;
  259. color: #CCC;
  260. text-decoration: none;
  261. letter-spacing: 1px;
  262. text-transform: uppercase;
  263. text-align: center;
  264. line-height: 21px;
  265. -webkit-transition: all 0.5s ease-in-out;
  266. -moz-transition: all 0.5s ease-in-out;
  267. -o-transition: all 0.5s ease-in-out;
  268. -ms-transition: all 0.5s ease-in-out;
  269. transition: all 0.5s ease-in-out;}
  270.  
  271. a.rainfell:hover{
  272. background-color: #EDEDED;
  273. color: #222;}
  274.  
  275. </style>
  276.  
  277. <div id="line">
  278. <div id="friends">
  279. <a href="/profile.php?user=Apprentice Terra" target="_blank" class="rainfell"> Terra</a>
  280. <a href="/profile.php?user=Ventus" target="_blank" class="rainfell"> Ventus</a>
  281. <a href="/profile.php?user=Yuna" target="_blank" class="rainfell"> Yuna</a>
  282. <a href="/profile.php?user=Sora" target="_blank" class="rainfell"> Sora</a>
  283. <a href="/profile.php?user=Lea" target="_blank" class="rainfell"> Lea</a>
  284. <a href="/profile.php?user=Roxas" target="_blank" class="rainfell"> Roxas</a>
  285. <a href="/profile.php?user=Namine" target="_blank" class="rainfell">Namine</a>
  286. <a href="/profile.php?user=Kairi" target="_blank" class="rainfell">Kairi</a>
  287. <a href="/profile.php?user=Riku" target="_blank" class="rainfell">Riku</a>
  288. <a href="" target="_blank" class="rainfell">Zack</a>
  289. </div>
  290. <div id="image">
  291. </div></div>
  292.  
  293. <div id="links">
  294. <ul>
  295. <br><li><a href="http://kingdomhearts.wikia.com/wiki/Aqua" class="aqua" target="_blank">WIKI</a></li>
  296. <br><li><a href="https://www.youtube.com/watch?v=GYNLLFYkt54" class="aqua" target="_blank">DISTANCE</a></li>
  297. <br><li><a href="" class="aqua" target="_blank">LINK</a></li>
  298. <br><li><a href="/profile.php?user=Lust" class="aqua" target="_blank">CREDIT</a></li>
  299. </ul>
  300. </div>
  301.  
  302. <div id="container">
  303. <div style="postion: absolute; top: padding-top: 40px; width: 400px; height: 210px; background-size: 400px 210px; background-position: 0px 0px; background-image: url(http://24.media.tumblr.com/c76952b497ffe15981ab0187185c39e9/tumblr_mkl1gnR1B31s8u9g1o1_500.gif); background-color: transparent; background-repeat: no-repeat; border: 8px solid #13102B;">
  304. <div class="image"><div class="text">
  305. A WORK IN PROGRESS.
  306. </div></div></div></div>
  307.  
  308. <div id="ooc">
  309. ✔ Long-lasting Roleplay.<br>
  310. ✔ Literacy and the ability to write in third person while writing as if you know at least the basic English language. <br>
  311. ✔ Keeping all interactions, whether it is in character or not, where they belong. <br>
  312. ✔ Being able to type more than just a paragraph when roleplaying. <br>
  313. ✔ Realizing and accepting the fact that I do tend to go afk a lot. As my life beyond RPC comes before anything else.<br>
  314. ✔ Being respectful to the puppeteer and the puppet. Meaning, you do not control her character.<br>
  315. ✖ Asking for sex & thinking you're gonna get some.<br>
  316. ✖ Taking things seriously over the internet. Causing Drama.<br>
  317. ✖ Asking to roleplay outside of the Kingdom Hearts Universe.<br>
  318. ✖ Starting a roleplay within my PM box.<br>
  319. ✖ Stealing things that aren't yours. Disrespect.<br>
  320. </div>
  321.  
  322. <div id="sym1">
  323. </div>
  324.  
  325. <div id="words">
  326. My name is Master Aqua
  327. </div>
  328.  
  329. <div id="subwords">
  330. Now return my friend's heart or pay the price.
  331. </div>
  332.  
  333. <div id="music">
  334. <center><br><br>
  335. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
  336.    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  337.    <param name="bgcolor" value="#13102B" />
  338.    <param name="FlashVars" value="mp3=https%3A//dl-web.dropbox.com/get/Synthesia_-_Kingdom_Hearts_II_Passion_Kyle_Landry.mp3%3Fw%3DAADjPAFcTVIiQbxFesdOqkAYoJYE8rVJvctWzsKX8NjO2A&bgcolor=13102B&loadingcolor=13102B&slidercolor=ffffff" />
  339. </object>
  340. </center>
  341. </div>
  342.  
  343. <div id="title">
  344. — rainfell.
  345. </div>
Advertisement
Add Comment
Please, Sign In to add comment