API tools faq
paste
Beautifulie

— ᴋᴜᴍᴏ's ʙʀɪɢʜᴛ sᴛᴀʀ.

Beautifulie
Jul 19th, 2013
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 18.03 KB | None | 0 0
raw download clone embed print report
  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: #FFF;}
  8. body {background-image:url("http://data.whicdn.com/images/56970117/tumblr_mkfijhJFTq1r6zo7oo1_500_large.png");}
  9. body {background-repeat: no-repeat;}
  10. body {background-position: bottom right;}
  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 {color:#800000; 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. #general{
  34. position: absolute;
  35. top: 260px;
  36. left: 50px;
  37. text-align: justify;
  38. z-index: 400;
  39. font-family: verdana;
  40. font-size: 9px;
  41. color: #CCCCCC;
  42. }
  43.  
  44. #person{
  45. position: absolute;
  46. top: 105px;
  47. left: 240px;
  48. text-align: justify;
  49. z-index: 400;
  50. font-family: verdana;
  51. font-size: 9px;
  52. color: #CCCCCC;
  53. }
  54.  
  55. #appear{
  56. position: absolute;
  57. top: 260px;
  58. left: 570px;
  59. text-align: justify;
  60. z-index: 400;
  61. font-family: verdana;
  62. font-size: 9px;
  63. color: #CCCCCC;
  64. }
  65.  
  66. #ooc{
  67. position: absolute;
  68. top: 105px;
  69. left: 760px;
  70. text-align: justify;
  71. z-index: 400;
  72. font-family: verdana;
  73. font-size: 9px;
  74. color: #CCCCCC;
  75. }
  76.  
  77. #update{
  78. position: absolute;
  79. top: 415px;
  80. left: 50px;
  81. width: 430px;
  82. height: 145px;
  83. text-align: justify;
  84. background-color: #111111;
  85. border: 3px solid #333333;
  86. }
  87.  
  88. #journal{
  89. position: absolute;
  90. top: 415px;
  91. left: 490px;
  92. width: 450px;
  93. height: 145px;
  94. text-align: justify;
  95. background-color: #111111;
  96. border: 3px solid #333333;
  97. }
  98.  
  99. #Pic1{
  100. position: absolute;
  101. top: 105px;
  102. left: 50px;
  103. width: 180px;
  104. height: 145px;
  105. background-image:url("http://i.picpar.com/gbs.jpg");
  106. background-repeat: no-repeat;
  107. background-size: 180px 145px;
  108. background-position: bottom right;
  109. border: 3px solid #333333;
  110. }
  111.  
  112. #Pic2{
  113. position: absolute;
  114. top: 260px;
  115. left: 240px;
  116. width: 180px;
  117. height: 145px;
  118. background-image:url("http://i.picpar.com/kbs.jpg");
  119. background-repeat: no-repeat;
  120. background-size: 180px 145px;
  121. background-position: bottom right;
  122. border: 3px solid #333333;
  123. }
  124.  
  125. #Pic3{
  126. position: absolute;
  127. top: 105px;
  128. left: 430px;
  129. width: 130px;
  130. height: 300px;
  131. background-image:url("http://i.picpar.com/hbs.png");
  132. background-repeat: no-repeat;
  133. background-size: 330px 310px;
  134. background-position: -50px -10px;
  135. border: 3px solid #333333;
  136. }
  137.  
  138. #Pic4{
  139. position: absolute;
  140. top: 105px;
  141. left: 570px;
  142. width: 180px;
  143. height: 145px;
  144. background-image:url("http://data.whicdn.com/images/50792507/tumblr_mhfqpjNVo61rjwysjo1_500_large.png");
  145. background-repeat: no-repeat;
  146. background-size: 180px 145px;
  147. background-position: bottom right;
  148. border: 3px solid #333333;
  149. }
  150.  
  151. #Pic5{
  152. position: absolute;
  153. top: 260px;
  154. left: 760px;
  155. width: 180px;
  156. height: 145px;
  157. background-image:url("http://25.media.tumblr.com/94a38d754137ef8a9df9cf3c6aed9493/tumblr_mm4gt3dy9h1rcvimbo1_500.jpg");
  158. background-repeat: no-repeat;
  159. background-size: 180px 145px;
  160. background-position: bottom right;
  161. border: 3px solid #333333;
  162. }
  163.  
  164. #name {
  165. position: fixed;
  166. top: 211px;
  167. left: 1105px;
  168. font-family: adore;
  169. font-size: 23px;
  170. letter-spacing: 7px;
  171. color: #111;
  172. z-index: 999999;
  173. }
  174.  
  175. #friends{
  176. position:fixed;
  177. width: 890px;
  178. height: 30px;
  179. left: 50px;
  180. top: 568px;
  181. border: 3px solid #333333;
  182. background-color: #111111;
  183. z-index: 9999999;
  184. }
  185.  
  186. #links{
  187. position:fixed;
  188. width: 500px;
  189. height: 30px;
  190. left: 998px;
  191. top: 0px;
  192. color: transparent;
  193. background-color: #003366;
  194. z-index: 9999999;
  195. }
  196.  
  197. #letter {
  198. position: fixed;
  199. top: -30px;
  200. left: 40px;
  201. height: 20px;
  202. width: autopx;
  203. color: #181818;
  204. font-size: 150px;
  205. font-family: Adore;
  206. text-shadow: #000 0px 1px;
  207. z-index: 200;
  208. }
  209.  
  210. #words {
  211. position: fixed;
  212. top: 55px;
  213. left: 150px;
  214. height: 20px;
  215. width: 800px;
  216. color: #555555;
  217. font-family: DaunPenh;
  218. font-size: 70px;
  219. letter-spacing: -1px;
  220. word-spacing: 1px;
  221. text-transform: Uppercase;
  222. text-shadow: #000 0px 1px;
  223. z-index: 200;
  224. }
  225.  
  226. .image {
  227. opacity: 0;
  228. width: 130px;
  229. height: 300px;
  230. background-color: #000000;
  231. text-align: justify;
  232. overflow: auto;
  233. -ms-transition: opacity .3s linear;
  234. -moz-transition: opacity .3s linear;
  235. -o-transition: opacity .3s linear;
  236. -webkit-transition: opacity .3s linear; }
  237.  
  238. .image:hover {
  239. opacity: 0.9; }
  240.  
  241. .text {
  242. line-height: 1.5;
  243. padding-top: 12px;
  244. font-family: verdana;
  245. font-size: 10;
  246. color: silver;
  247. text-align: justify; }
  248.  
  249.  
  250. a.iku:link, a.iku:active, a.iku:visited{
  251. background-color: #222;
  252. display: inline-block;
  253. margin: 5px;
  254. width: 87px;
  255. height: 20px;
  256. font-family: consolas;
  257. font-size: 9px;
  258. color: #CCC;
  259. text-decoration: none;
  260. letter-spacing: 1px;
  261. text-transform: uppercase;
  262. text-align: center;
  263. line-height: 21px;
  264. -webkit-transition: all 0.5s ease-in-out;
  265. -moz-transition: all 0.5s ease-in-out;
  266. -o-transition: all 0.5s ease-in-out;
  267. -ms-transition: all 0.5s ease-in-out;
  268. transition: all 0.5s ease-in-out;}
  269.  
  270. a.iku:hover{
  271. background-color: #EDEDED;
  272. color: #222;}
  273.  
  274. a.nii:link, a.nii:active, a.nii:visited{
  275. background-color: #222;
  276. display: inline-block;
  277. margin: 14px;
  278. width: 100px;
  279. height: 20px;
  280. font-family: consolas;
  281. font-size: 9px;
  282. color: #CCC;
  283. text-decoration: none;
  284. letter-spacing: 1px;
  285. text-transform: uppercase;
  286. text-align: center;
  287. line-height: 21px;
  288. padding-top: 30px;
  289. -webkit-transition: all 0.5s ease-in-out;
  290. -moz-transition: all 0.5s ease-in-out;
  291. -o-transition: all 0.5s ease-in-out;
  292. -ms-transition: all 0.5s ease-in-out;
  293. transition: all 0.5s ease-in-out;}
  294.  
  295. a.nii:hover{
  296. background-color: #EDEDED;
  297. color: #222;}
  298.  
  299. #credit{
  300. position:fixed;
  301. bottom:0px;
  302. right: 0px;
  303. z-index:450;}
  304.  
  305. </style>
  306.  
  307. <div id="letter">
  308. M
  309. </div>
  310.  
  311. <div id="words">
  312. i; Kumogakure's Bright Star
  313. </div>
  314.  
  315.  
  316. <div id="general">
  317. <div style="height:145px; overflow:auto; border: 3px solid #333333; width:180px; background-color: #111;">
  318. <b>Name</b>: Nii, Mi  
  319. <br><b>Moniker(s)</b>: Mi-chan.
  320. <br><b>Gender</b>: Female
  321. <br><b>Age</b> Eighteen
  322. <br><b>Race</b>: Human
  323. <br><b>Hair Colour</b>: White <strike>Was once black.</strike>
  324. <br><b>Eye Hue</b>: Light Grey / Blue
  325. <br><b>Height</b>: Five feet, three inches.
  326. <br><b>Village</b>: Kumogakure
  327. <br><b>Rank</b>: Kage
  328. <br><b>Alignment</b>: Lawful Good
  329. <br><b>Chakra Nature</b>: Katon & Raiton <strike>Fūton</strike>
  330. <br><b>M. Status</b>: Single, crushing.
  331. <br><b>Orientation</b>: Heterosexual
  332. <br><b>Biju</b>: Nibi no Nekomata
  333. <br><b>Relatives</b>: Nii, Atsuko Nii, Mamoru Nii, Yuichi
  334. </div></div>
  335.  
  336. <div id="Pic1">
  337. </div>
  338.  
  339. <div id="Pic2">
  340. </div>
  341.  
  342. <div id="person">
  343. <div style="height:145px; overflow:auto; border: 3px solid #333333; width:180px; background-color: #111;">
  344. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. 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>
  345.  
  346. <div id="Pic3">
  347. <div class="image"><div class="text">
  348. <a href="http://pastebin.com/jEvJ0WvL" class="nii">ROSTER</a>
  349. <a href="http://pastebin.com/3KSH4WBR" class="nii">RULES</a>
  350. <a href="http://pastebin.com/9vsmdfAZ" class="nii">BACKGROUND</a>
  351. <a href="http://pastebin.com/KLhJkKAz" class="nii">BIJU FORMS</a>
  352. <a href="http://pastebin.com/7DMXrfGd" class="nii">INVENTORY</a>
  353. </div></div></div>
  354.  
  355. <div id="appear">
  356. <div style="height:145px; overflow:auto; border: 3px solid #333333; width:180px; background-color: #111;">
  357. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. words here. 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>
  358.  
  359. <div id="Pic4">
  360. </div>
  361.  
  362. <div id="ooc">
  363. <div style="height:145px; overflow:auto; border: 3px solid #333333; width:180px; background-color: #111;">
  364. <b>Zero.</b> I don't want any drama. None. I didn't come on here for that, go away.
  365. <br><b>One.</b> The AU group that I run with Eisuke is not taking any more people, for the moment. We aren't trying to become what most on here tend to do, a fad.
  366. <br><b>Two.</b> There will be no outside contact given. None.
  367. <br><b>Three.</b> Please note the difference between IC & OOC. It's very important.
  368. <br><b>Four.</b> Paragraph+ is my typing length. One-liners are me joking around.
  369. <br><b>Five.</b> Grammar, use it. No text speak.
  370. <br><b>Six.</b> I will only RP with people that I know, having said that, no futas, furries, etc. Just, no. Naruto verse only.
  371. <br><b>Seven.</b> Most of the time, I am PM-Friendly. Most.
  372. <br><b>Eight.</b> I idle a lot of the time so if I don't respond right away, I apologize.
  373. <br><b>Nine.</b> Partner selective.
  374. <br><b>Ten.</b> Forever a WIP, do not steal the layout.
  375. </div></div>
  376.  
  377. <div id="Pic5">
  378. </div>
  379.  
  380. <div id="friends">
  381. <a href="" class="iku" title="My heart yearns for the day that we will be able to meet each other once more. There is so much to talk about and...I miss you onii-chan. Honestly.">Yuichi</a>
  382. <a href="/profile.php?user=Nara Eisuke" class="iku" title="I met him once on a mission. Wondered why he was sleeping so much. It made me curious and befriended him nonetheless. But now that I know more about him, I can't afford to lose him. It just is not possible.">Eisuke</a>
  383. <a href="/profile.php?userid=156204" class="iku" title="Zaki-kun, you better take care of Mio-chan! You should try out her taiyaki though, sometime soon.">Hizaki</a>
  384. <a href="/profile.php?userid=172045" class="iku" title="Mio-chan! I promise to take care of Bao-chan whenever you need me too. Regardless, I wish you all the best with Zaki-kun!">Mio</a>
  385. <a href="/profile.php?userid=195392" class="iku" title="Arigato, Jun-san. For being there when I needed you, you are a great friend.">Jun</a>
  386. <a href="/profile.php?user=Kawano Kouichi" class="iku" title="It's been a while since I had last seen you. I wonder where you are now and how you're holding up. I can only hope for the best.">Kouichi</a>
  387. <a href="/profile.php?user=Tsukishima Chihime" class="iku" title="Arigato, Chihime-san. You and Jun-san have given me the resolve and the courage needed to do what needs to be done.">Chihime</a>
  388. <a href="/profile.php?user=Yuki Maiko" class="iku" title="A person in which I would like to see gone. I don't really like her. I think that she should find another line of work.">Maiko</a>
  389. <a href="" class="iku">LINK</a>
  390. </div>
  391.  
  392. <div style="position:fixed; top: 545px; left: 925px; z-index: 99999999999;">
  393. <img src="http://i.picpar.com/4as.png">
  394. </div>
  395.  
  396. <div id="update">
  397. <div style="height:145px; overflow:auto; width:430px; background-color: #111;">
  398. <i>- - 4/21 .)</i> Is now in possession of Bao-chan, Mio's pet panda.
  399. <br><i>- - 4/21 .)</i> Is now in the process of learning two new Katon styled jutsu, Fire Style: Fire Dragon Flame Bullet & Fire Style: Great Flame Rasengan
  400. <br><i>- - 4/22 .)</i> With Hizaki, Mio, and Tadayoshi leaving for a supposed 'vacation', Mi cannot help but to wonder if more bad occurrences will be in her future. It's just a hunch but it won't leave her alone.
  401. <br><i>- - 6/05 .)</i> Learned both Katon styled jutsus.
  402. <br><i>- - 7/01 .)</i> Inauguration for the Kage position after finding out about the previous Raikage's secret. Not only was he a ally to that of Kirigakure, but he had a sex slave trade with that of the kunoichi of the village. Mi was shocked to find out about that but it also made her despise that nation more.
  403. <br><i>- - 7/02 .)</i> Becomes Raikage.
  404. </div></div>
  405.  
  406. <div id="journal">
  407. <div style="height:145px; overflow:auto; width:450px; background-color: #111;">
  408. <i>- 4/21 .)</i> It would appear that Zaki-kun is doing something rather odd. I wanted to know what was going on since both Mio-chan & Tadayoshi-senpai were going with him. I tried asking Mio-chan but Tadayoshi-senpai stopped her from speaking of it, something I figured he would do. There was nothing that I could do to heal the wound that was on Mio-chan's heart and it saddened me. I knew something was up once she gave me possession of her favourite panda, Bao-chan. I mean, she and Bao-chan are never apart! I wanted to go with them, just to make sure that they would come back safe & sound, forgetting for just a bit of what I had to do and the goal I had to achieve. But Mio-chan brought me back and reassured me that they would be fine and that they would come back safe. But even with that being said, there is something coming. It feels evil, as if this was just the beginning of my sadness. I hope that this is just nothing. I should get some more herbs or something to calm my nerves. Yes, that's it.<br><br>
  409.  
  410. <i>- 6/30 .)</i> I never would of thought to hear that about Yukimura-san. Didn't take him as the type to do something like that. Shows how much you know a person. And to think, he was allied with the same village with that strange ninja. I don't know of her name but...she frightens me a lot. I'm glad that I had Kou-kun with me. Speaking of him, I do hope that he talked to Jun-san sometime soon. She's been worrying about him a lot. Either way, it looks like I won't have that much time to myself anymore, not like I used to. The price of being a kage, I guess. I would like to see everyone again some day. Especially, Eisu-kun and onii-chan.
  411. </div></div>
  412.  
  413. <div id="credit"><A TARGET="_blank" HREF="Http://www.devilrose.webstarts.com" title="Copyright"><img src="http://i1276.photobucket.com/albums/y472/xbeautifulie/DevilRose/--devilrose_zps255a5d78.png"></A></div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!