API tools faq
paste
Advertisement
NaotoShirgone

Kaito Raid

NaotoShirgone
Feb 13th, 2017
558
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.34 KB | None | 0 0
raw download clone embed print report
  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
Public Pastes
Advertisement
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!