Beautifulie

— ʙʟᴀᴄᴋ ᴄᴀᴛ ᴏғ ᴍɪsғᴏʀᴛᴜɴᴇ.

Jul 6th, 2013
59
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 15.48 KB | None | 0 0
  1. <style type="text/css">
  2. .pfor{display: none; }
  3. #profile { border: 0px; background-color: transparent; }
  4. </style>
  5.  
  6. <style type="text/css">
  7. body {background-color: #111;}
  8. body {background-image:url("http://i.picpar.com/2ko.jpg");}
  9. body {background-repeat: repeat;}
  10. body {background-position: fixed;}
  11. body {font-family: 'cambria'; font-size: 10px; color: #CCCCCC;
  12. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
  13. }
  14.  
  15. b, strong {font-family:'nexalight'; font-size:15px; color:#39435A; font-weight:normal; letter-spacing: -1px;}
  16. i {color: #666666; font-family: 'calibri'; font-size:8pt; letter-spacing:0px}
  17. 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;}
  18. 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;}
  19. 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;}
  20. 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;}
  21.  
  22. ::-webkit-scrollbar-button:vertical:{background-color: #F0F8F8;
  23. -moz-border-radius: 130px 130px 130px 130px;
  24. border-radius:130px 130px 130px 130px;}
  25. ::-webkit-scrollbar-thumb:vertical {background-color:#F0F8F8;height:20px;
  26. -moz-border-radius: 130px 130px 130px 130px;
  27. border-radius:130px 130px 130px 130px;}
  28. ::-webkit-scrollbar-thumb:horizontal {background-color:#F0F8F8;height:20px !important;
  29. -moz-border-radius: 130px 130px 130px 130px;
  30. border-radius:130px 130px 130px 130px;}
  31. ::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}
  32.  
  33. #line2{
  34. position:fixed;
  35. z-index:100;
  36. left: 979px;
  37. width:20px;
  38. top:0px;
  39. bottom:0px;
  40. background-color: #003366;
  41. }
  42.  
  43. #line4{
  44. position:fixed;
  45. background-image:url("http://25.media.tumblr.com/ba21da818a8613cb97e15827667c82bb/tumblr_mk8smyykA21rnfi68o1_250.png");
  46. background-repeat: no-repeat;
  47. background-size: 245px 400px;
  48. background-position: bottom right;
  49. z-index:100;
  50. left: 1000px;
  51. width: 400px;
  52. top: 0px;
  53. bottom: 0px;
  54. background-color: #F2F2F2;
  55. }
  56.  
  57. #general{
  58. position: absolute;
  59. top: 390px;
  60. left: 50px;
  61. text-align: justify;
  62. z-index: 400;
  63. font-family: verdana;
  64. font-size: 9px;
  65. color: #CCCCCC;
  66. }
  67.  
  68. #person{
  69. position: absolute;
  70. top: 235px;
  71. left: 240px;
  72. text-align: justify;
  73. z-index: 400;
  74. font-family: verdana;
  75. font-size: 9px;
  76. color: #CCCCCC;
  77. }
  78.  
  79. #appear{
  80. position: absolute;
  81. top: 390px;
  82. left: 570px;
  83. text-align: justify;
  84. z-index: 400;
  85. font-family: verdana;
  86. font-size: 9px;
  87. color: #CCCCCC;
  88. }
  89.  
  90. #ooc{
  91. position: absolute;
  92. top: 235px;
  93. left: 760px;
  94. text-align: justify;
  95. z-index: 400;
  96. font-family: verdana;
  97. font-size: 9px;
  98. color: #CCCCCC;
  99. }
  100.  
  101. #Pic1{
  102. position: absolute;
  103. top: 235px;
  104. left: 50px;
  105. width: 180px;
  106. height: 145px;
  107. background-image:url("http://i.picpar.com/tko.gif");
  108. background-repeat: no-repeat;
  109. background-size: 180px 145px;
  110. background-position: bottom right;
  111. border: 3px solid #333333;
  112. }
  113.  
  114. #Pic2{
  115. position: absolute;
  116. top: 390px;
  117. left: 240px;
  118. width: 180px;
  119. height: 145px;
  120. background-image:url("http://i.picpar.com/5ko.gif");
  121. background-repeat: no-repeat;
  122. background-size: 180px 145px;
  123. background-position: bottom right;
  124. border: 3px solid #333333;
  125. }
  126.  
  127. #Pic3{
  128. position: absolute;
  129. top: 235px;
  130. left: 430px;
  131. width: 130px;
  132. height: 300px;
  133. background-image:url("http://i.picpar.com/yko.png");
  134. background-repeat: no-repeat;
  135. background-size: 130px 310px;
  136. background-position: bottom right;
  137. border: 3px solid #333333;
  138. }
  139.  
  140. #Pic4{
  141. position: absolute;
  142. top: 235px;
  143. left: 570px;
  144. width: 180px;
  145. height: 145px;
  146. background-image:url("http://i.picpar.com/xko.gif");
  147. background-repeat: no-repeat;
  148. background-size: 180px 145px;
  149. background-position: bottom right;
  150. border: 3px solid #333333;
  151. }
  152.  
  153. #Pic5{
  154. position: absolute;
  155. top: 390px;
  156. left: 760px;
  157. width: 180px;
  158. height: 145px;
  159. background-image:url("http://i.picpar.com/wko.gif");
  160. background-repeat: no-repeat;
  161. background-size: 180px 145px;
  162. background-position: bottom right;
  163. border: 3px solid #333333;
  164. }
  165.  
  166. #name {
  167. position: fixed;
  168. top: 211px;
  169. left: 1105px;
  170. font-family: adore;
  171. font-size: 23px;
  172. letter-spacing: 7px;
  173. color: #111;
  174. z-index: 999999;
  175. }
  176.  
  177. #Words {
  178. position: fixed;
  179. top: 242px;
  180. left: 1040px;
  181. width: 300px;
  182. font-family: courier new;
  183. font-size: 8px;
  184. color: #111;
  185. z-index: 999999;
  186. line-height: 6px;
  187. text-align: justify;
  188. }
  189.  
  190. #friends{
  191. position:fixed;
  192. width: 100px;
  193. height: 300px;
  194. left: 1020px;
  195. top: 275px;
  196. color: transparent;
  197. z-index: 9999999;
  198. }
  199.  
  200. #links{
  201. position:fixed;
  202. width: 500px;
  203. height: 30px;
  204. left: 998px;
  205. top: 0px;
  206. color: transparent;
  207. background-color: #003366;
  208. z-index: 9999999;
  209. }
  210.  
  211. .image {
  212. opacity: 0;
  213. width: 130px;
  214. height: 300px;
  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.  
  235. a.iku:link, a.iku:active, a.iku:visited{
  236. background-color: #222;
  237. display: inline-block;
  238. margin: 5px;
  239. width: 88px;
  240. height: 20px;
  241. font-family: consolas;
  242. font-size: 9px;
  243. color: #CCC;
  244. text-decoration: none;
  245. letter-spacing: 1px;
  246. text-transform: uppercase;
  247. text-align: center;
  248. line-height: 21px;
  249. -webkit-transition: all 0.5s ease-in-out;
  250. -moz-transition: all 0.5s ease-in-out;
  251. -o-transition: all 0.5s ease-in-out;
  252. -ms-transition: all 0.5s ease-in-out;
  253. transition: all 0.5s ease-in-out;}
  254.  
  255. a.iku:hover{
  256. background-color: #EDEDED;
  257. color: #222;}
  258.  
  259. a.yoru:link, a.yoru:active, a.yoru:visited{
  260. background-color: #222;
  261. display: inline-block;
  262. margin: 5px;
  263. width: 175px;
  264. height: 20px;
  265. font-family: consolas;
  266. font-size: 9px;
  267. color: #CCC;
  268. text-decoration: none;
  269. letter-spacing: 1px;
  270. text-transform: uppercase;
  271. text-align: center;
  272. line-height: 21px;
  273. -webkit-transition: all 0.5s ease-in-out;
  274. -moz-transition: all 0.5s ease-in-out;
  275. -o-transition: all 0.5s ease-in-out;
  276. -ms-transition: all 0.5s ease-in-out;
  277. transition: all 0.5s ease-in-out;}
  278.  
  279. a.yoru:hover{
  280. background-color: #EDEDED;
  281. color: #222;}
  282.  
  283.  
  284. </style>
  285.  
  286. <div id="line"><div id="line2"><div id="line3"><div id="line4">
  287. </div></div></div></div>
  288.  
  289. <div style="position: fixed; top: 550px; left: 0px; z-index: 999;">
  290. <img src="http://images1.wikia.nocookie.net/__cb20101231184122/shugochara/images/b/b3/Yoru.gif" title="There is a OOC section on this profile but ya got to find it-nya. :3"></img>
  291. </div>
  292.  
  293. <div id="general">
  294. <div style="height:145px; overflow:auto; border: 3px solid #333333; width:180px; background-color: #111;">
  295. Ikuto Tsukiyomi
  296. <br>12/01
  297. <br>Seventeen
  298. <br>05'11''
  299. <br>140lbs.
  300. <br>Skilled Violinist
  301. <br>Possession of the Dumpty Key.
  302. <br>Guardian Character: Yoru
  303. <br>Amusexual
  304. <br>Interested.
  305. <br>Blue eyes
  306. <br>Short blue hair.
  307. </div></div>
  308.  
  309. <div id="Pic1">
  310. </div>
  311.  
  312. <div id="Pic2">
  313. </div>
  314.  
  315. <div id="person">
  316. <div style="height:145px; overflow:auto; border: 3px solid #333333; width:180px; background-color: #111;">
  317. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. </div></div>
  318.  
  319. <div id="Pic3">
  320. <div style="postion: absolute; width: 430px; height: 130px;">
  321. <div class="image"><div class="text">
  322. <b>Zero.</b> No Sex.  
  323. <br><b>One.</b> No Drama.
  324. <br><b>Two.</b> 3rd Person.
  325. <br><b>Three.</b> IC =/= OOC.
  326. <br><b>Four.</b> Literate please. Para+.
  327. <br><b>Five.</b> Shugo Chara universe only.
  328. <br><b>Six.</b> Taken OOC.
  329. <br><b>Seven.</b> Tadase, Utau, & Amu selective.
  330. <br><b>Seven.</b> Forever, Work In Progress.
  331. </div></div></div></div>
  332. </div>
  333.  
  334. <div id="appear">
  335. <div style="height:145px; overflow:auto; border: 3px solid #333333; width:180px; background-color: #111;">
  336. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. </div></div>
  337.  
  338. <div id="Pic4">
  339. </div>
  340.  
  341. <div id="ooc">
  342. <div style="height:145px; overflow:auto; border: 3px solid #333333; width:180px; background-color: #111;">
  343. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. </div></div>
  344.  
  345. <div id="Pic5">
  346. </div>
  347.  
  348. <div id="Name">
  349. Tsukiyomi, Ikuto
  350. </div>
  351.  
  352. <div id="Words">
  353. Wherever I go, Whatever the distance that separates us... I will come back to you. And when you grow up and become an adult, I promise I'll come back and find you. - Because I'll always keep liking you like this.
  354. </div>
  355.  
  356. <div id="friends">
  357. <a href="/profile.php?userid=209465" class="iku" target="_blank" title="No matter where you go, I will always be able to find you. ♥">日奈森あむ</a>
  358. <a href="" class="iku" target="_blank" title="Little sister.">月詠歌唄</a>
  359. <a href="" class="iku" target="_blank" title="Rival for Amu's ♥">辺里唯世</a>
  360. <a href="" class="iku" target="_blank" title="Colleague">二階堂 悠</a>
  361. <a href="" class="iku" target="_blank" title="Man with cat issues.">天河司</a>
  362. <a href="" class="iku" target="_blank" title="The Queen of Comedy & an OOC friend.">真城りま</a>
  363. <a href="" class="iku" target="_blank" title="...">LINK</a>
  364. <a href="" class="iku" target="_blank" title="...">LINK</a>
  365. <a href="" class="iku" target="_blank" title="...">LINK</a>
  366. <a href="" class="iku" target="_blank" title="...">LINK</a>
  367. <a href="" class="iku" target="_blank" title="...">LINK</a>
  368. <a href="" class="iku" target="_blank" title="...">LINK</a>
  369. <a href="" class="iku" target="_blank" title="...">LINK</a>
  370. </div>
  371.  
  372. <div id="Links">
  373. <a href="" class="yoru" target="_blank">THEME</a>
  374. <a href="/profile.php?user=Tsukiyomi%20Ikuto" class="yoru" target="_blank" title="Do not steal.">CREDIT</a>
Advertisement
Add Comment
Please, Sign In to add comment