Advertisement
NaotoShirgone

Kaito Raid

Feb 13th, 2017
573
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.34 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <body>
  3. <style>
  4. body {
  5. background-image: url('http://eskipaper.com/images/free-purple-abstract-wallpaper-1.jpg');
  6. background-attachment:fixed;
  7. background-size:100% 100%;
  8. background-repeat:no-repeat:
  9. background-color:#000000;
  10. color:#fff;
  11. font-family:serif;
  12. font-size:105%;
  13. text-align:left;
  14. }
  15. #content {
  16. position:fixed;
  17. left:5%;
  18. right:5%;
  19. top:1%;
  20. bottom:1%;
  21. }
  22. #statbox, .infobox, #navbar a, #mugshot img {
  23. background-;
  24. border:2px solid #35005C;
  25. border-radius:5%;
  26. background-image: url('http://www.huolieniao.com.cn/img/layout/cloud_bg.png');
  27.  
  28.  
  29.  
  30.  
  31. }
  32. #mugshot {
  33. position:fixed;
  34. z-index:3;
  35. top:23%;
  36. right:68%;
  37. height:65%;
  38. width:25%;
  39. text-align:center;
  40. }
  41. #statbox {
  42. position:fixed;
  43. z-index:5;
  44. top:0%;
  45. left:15%;
  46. height:12%;
  47. width:71%;
  48. overflow-y:auto;
  49. opacity:0;
  50. transition:1s;
  51. -o-transtion:1s;
  52. -moz-transition:1s;
  53. -webkit-transition:1s;
  54.  
  55.  
  56. }
  57. #statbox ul li {
  58. display:inline-block;
  59. padding-right:0.8%;
  60. }
  61. #content:hover #statbox {
  62. top:5%;
  63. opacity:1;
  64.  
  65. }
  66. .infobox {
  67.  
  68. position:fixed;
  69. z-index:4;
  70. top:50%;
  71. right:7.5%;
  72. height:46%;
  73. width:58%;
  74. padding:1%;
  75. opacity:0;
  76. overflow-y:auto;
  77. transition: all 1s ease-in;
  78. -o-transition: all 1s ease-in;
  79. -webkit-transition: all 1s ease-in;
  80. -moz-transition: all 1s ease-in;
  81. background-image: url('http://www.huolieniao.com.cn/img/layout/cloud_bg.png');
  82. background-size:100% 100%;
  83. }
  84. .infobox:target {
  85. z-index:5;
  86. top:45%;
  87. opacity:1;
  88. }
  89. #navbar {
  90. position:fixed;
  91. z-index:2;
  92. top:38%;
  93. left:35%;
  94. height:5%;
  95. width:50%;
  96.  
  97.  
  98.  
  99. }
  100. #navbar a {
  101. display:inline-block;
  102. padding:2%;
  103. background-image: url('http://www.huolieniao.com.cn/img/layout/cloud_bg.png');
  104. background-size:100% 100%;
  105. }
  106. #mugshot img {
  107. height:100%;
  108. }
  109. h2 {
  110. text-align:center;
  111. }
  112. a {
  113. font-weight:bold;
  114. text-decoration:none;
  115. color:#35005C;
  116. }
  117. p {
  118. text-indent:5%;
  119. }
  120. ::-webkit-scrollbar {
  121. width:8px;
  122. height:8px;
  123. background-color:#000;
  124. }
  125. ::-webkit-scrollbar-thumb:vertical {
  126. background-color:#35005C;
  127. }
  128. ::-webkit-scrollbar-thumb:horizontal {
  129. background-color:#808080;
  130. }
  131. #credit {
  132. text-decoration:none;
  133. color:#fff;
  134. position:fixed;
  135. right:1%;
  136. bottom:0%;
  137. background-color:#ffffff;
  138. border-radius:5px;
  139. font-family: UnifrakturCook, Brush Script MT, script, cursive;
  140. font-size:16px;
  141. }
  142. </style>
  143.  
  144. <div id="content">
  145. <div id="mugshot">
  146.  
  147. <img src="http://i.imgur.com/o7kwaa8.jpg" Height="100%" Width="95%">
  148. </div>
  149.  
  150. <div id="statbox">
  151. <ul><font color=White><center>
  152. <li><b>Name:</b><br>Kaito Raid</li>
  153. <li><b>Gender:</b><br>Male</li>
  154. <li><b>Age:</b><br>18</li>
  155. <li><b>Species:</b><br>Unknown</li>
  156. <li><b>Hair:</b><br>Purple</li>
  157. <li><b>Eyes:</b><br>Blue</li>
  158. <li><b>Height:</b><br>6'3"</li>
  159. <li><b>Weight:</b><br>130lbs</li>
  160. <li><b>Girlfriend:<br></b> Aki Tsubasa</li>
  161. </ul></font></center>
  162. </div>
  163.  
  164. <div id="navbar">
  165. <a href="#01"><font color=White>About</font></a>
  166. <a href="#02"><font color=White>Gallery</font></a>
  167. <a href="#03"><font color=White>Aki & Kai</font></a>
  168. <a href="#04"><font color=White>OOC</font></a>
  169. <a href="#00"><font color=White>Reset</font></a>
  170. </div>
  171.  
  172. <div class="infobox" id="01">
  173. <h2><font color=White>About</h2>
  174. <p>
  175. My Name is Kaito, It is a pleasure too meet everyone here and I hope you are all having a great day. Now a few things about me is I already have someone I am interested in so I would prefer people to not bother me and hit on me, she is a very special woman I met the first time I was here and she was really fun to speak with so I am hoping to see her here again now that I have returned. So if you have questions please let me know and I will answer them but if you ask about the girl I mentioned I will not answer questions at all because even though it is only here on rpc and has nothing to do with rl I would still not like for her to not be bothered. Though now that he is Dating the girl he fell in love with he seems much happier, is more of a social person when role-playing with her.</p></font>
  176. <center><b>The Words of One</b>
  177. <font color= white><center>When one falls they fall hard<br>
  178. When one loves, they always love<br>
  179. And for her I have returned<br>
  180. As A friend, as her Guardian<br>
  181. I am whatever she wishes me to be<br>
  182. For she is the one<br>
  183. <br>
  184. When one Falls in Love<br>
  185. They fall hard from the Top<br>
  186. Only to lay on the bottom<br>
  187. They dream the Dreams<br>
  188. Sing the forever Song<br>
  189. <br>
  190. For the word of One<br>
  191. Is what moves me<br>
  192. For her words<br>
  193. Are like an Angels Song<br>
  194. So I hope one day<br>
  195. I can call that Angel Mine<br>
  196. </center> </font>
  197.  
  198. </div>
  199.  
  200. <div class="infobox" id="02">
  201. <h2><font color=White>Gallery</h2>
  202. <p>
  203. <center> <img src="http://static.zerochan.net/Kamui.Gakupo.full.1025706.jpg" title="" style="width:100px;height:140px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  204. <img src="https://i.ytimg.com/vi/95z-YbPe_Xw/maxresdefault.jpg" title="" style="width:100px;height:140px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  205. <img src="http://s3.zerochan.net/Kamui.Gakupo.240.1912582.jpg" title="" style="width:100px;height:140px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  206. <img src="http://bdn.i.ntere.st/p/9845333/image" title="" style="width:100px;height:140px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  207. <img src="http://static.zerochan.net/Kamui.Gakupo.full.926763.jpg" title="" style="width:100px;height:140px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  208. <img src="http://img00.deviantart.net/6d2f/i/2014/133/3/e/gakupo_wallpaper_test_2_by_masaaki_hajime-d7i9oqj.jpg" title="" style="width:100px;height:140px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  209. <img src="https://s-media-cache-ak0.pinimg.com/originals/af/ff/6a/afff6ab221687ee46ba0641be26c6ef5.jpg" title="" style="width:100px;height:140px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  210. <img src="https://s-media-cache-ak0.pinimg.com/originals/f8/a9/14/f8a91454e797048fc9d2208337e9f586.jpg" title="" style="width:100px;height:140px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  211. <br>
  212. <img src="http://images6.fanpop.com/image/photos/38100000/Gakupo-Vocaloid-riku114-38195227-409-500.jpg" title="" style="width:130px;height:100px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  213. <img src="https://s-media-cache-ak0.pinimg.com/236x/21/3f/b7/213fb7e75970f96c17a3c5c0900d76d8.jpg" title="" style="width:130px;height:100px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  214. <img src="http://i58.tinypic.com/nfo36c.jpg" title="" style="width:125px;height:100px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  215. </p></font>
  216.  
  217. </div>
  218.  
  219. <div class="infobox" id="03">
  220. <h2><font color=White>Aki & Kai</h2>
  221. <center><b><i>She is my one and only</b></i></center>
  222. <p>
  223. <center> <img src="http://orig04.deviantart.net/63c5/f/2012/047/5/0/gakupo_and_luka_vocaloid_icon_by_mangamacho-d4pxptp.png" title="" style="width:100px;height:140px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  224. <img src="http://static.zerochan.net/VOCALOID.full.1559503.jpg" title="" style="width:100px;height:140px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  225. <img src="https://s-media-cache-ak0.pinimg.com/originals/1a/f4/43/1af443f25fbf2c7a2fa99b6bdb869ca4.jpg" title="" style="width:100px;height:140px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  226. <img src="https://s-media-cache-ak0.pinimg.com/564x/a3/d7/74/a3d7744337d282e6905fd9f216859c2c.jpg" title="" style="width:100px;height:140px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  227. <img src="http://p1.i.ntere.st/47b33bf5a8dda1906bc13acb58fdc744_480.jpg" title="" style="width:100px;height:140px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  228. <img src="http://i46.tinypic.com/be6hs7.jpg" title="" style="width:100px;height:140px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  229. <img src="https://s-media-cache-ak0.pinimg.com/originals/86/5e/2a/865e2a80331712400a86d2bca4d46e6d.jpg" title="" style="width:100px;height:140px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  230. <img src="http://s2.zerochan.net/Vocaloid.full.899675.jpg" title="" style="width:100px;height:140px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  231. <br>
  232. <img src="http://1.bp.blogspot.com/-LN6eWJPt1B0/TZ_4Eq9ExwI/AAAAAAAAADU/xPi40bogD50/s1600/197341.jpg" title="" style="width:130px;height:100px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  233. <img src="https://i.ytimg.com/vi/nCk-c1yaAn8/hqdefault.jpg" title="" style="width:130px;height:100px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  234. <img src="http://static.zerochan.net/Jinrou.Kyoushikyoku.full.199890.jpg" title="" style="width:125px;height:100px;border:1px solid #4d4d4d;border-radius:10px;float: center;"></a>
  235. </p></font>
  236. </p></font>
  237. </div>
  238.  
  239. <div class="infobox" id="04">
  240. <h2><font color=White>OOC</h2>
  241. <ul>
  242. <li>Smut is for Partner only.</li>
  243. <li>I have the right to Deny and Rp for any reason</li>
  244. <li>Keep your Rl to yourself I do not care</li>
  245. <li>Do not ask for Real life information</li>
  246. <li>Do not be Rude</li>
  247. <li>Mainly here for Clean Rps.</li>
  248. </ul></font>
  249. </div>
  250.  
  251. </div>
  252. </div>
  253.  
  254. <a href="http://ladycerattani.wixsite.com/cera-codes" id="credit" target="_blank" title="CC#11
  255. Firefox 1366x768
  256. Inform me of issues.">Coder</a>
  257. </body>
  258. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement