API tools faq
paste
Advertisement
kingdap

Status: Hamuko

kingdap
May 3rd, 2014
544
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.26 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2. Status by megidolaon-for-everyone
  3.  
  4. Credits:
  5. Inspiration: Persona 3
  6.  
  7. Please keep the credits intact! You're free to make changes to the
  8. page, but only for personal use.
  9.  
  10. ------------------------------------------------------------------------>
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16. <head>
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}" />
  21.  
  22. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  23.  
  24. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:250, tip_fade_speed:350, attribute:"title"}); }); })(jQuery); </script>
  25.  
  26. <style type= "text/css">
  27.  
  28. @font-face {
  29. font-family: "Quan Zhen";
  30. src: url('https://dl.dropboxusercontent.com/u/81174604/quan_zhen_super_bold_face_letter_font-traditional_chinese.ttf');
  31. }
  32.  
  33. @font-face {
  34. font-family: "CP Font";
  35. src: url('https://dl.dropboxusercontent.com/u/81174604/cp_font.ttf');
  36. }
  37.  
  38. @font-face {
  39. font-family: "Arial Black";
  40. src: url('https://dl.dropboxusercontent.com/u/81174604/ariblk.ttf');
  41. }
  42.  
  43. ::-webkit-scrollbar-thumb:vertical {
  44. background-color: #FFD6EC;
  45. height: 30px;
  46. }
  47.  
  48. ::-webkit-scrollbar-thumb:horizontal {
  49. background-color: #FFD6EC;
  50. width: 30px;
  51. }
  52.  
  53. ::-webkit-scrollbar {
  54. background-color: #5E2131;
  55. height: 4px;
  56. width: 4px;
  57. }
  58.  
  59. body {
  60. left: 0px;
  61. background-attachment: fixed;
  62. background-image: url('');
  63. background-color: #FF759C;
  64. color: #5E2131;
  65. font-family: Calibri;
  66. font-size: 11px;
  67. margin-left: -3px;
  68. padding: 0px 3px;
  69. margin-top: 0px;
  70. overflow-x: hidden;
  71. }
  72.  
  73. a:link, a:active, a:visited {
  74. text-decoration:none;
  75. color: #EF7BA2;
  76. -webkit-transition: all 0.4s ease-in-out;
  77. -moz-transition: all 0.4s ease-in-out;
  78. -o-transition: all 0.4s ease-in-out;
  79. }
  80.  
  81. a:hover {
  82. color: #fabbbb;
  83. }
  84.  
  85. b, strong, .strong, i, em, .em {
  86. color: #EF7BA2;
  87. }
  88.  
  89. #s-m-t-tooltip {
  90. display: block;
  91. font-family: calibri;
  92. text-transform: UPPERCASE;
  93. background: #fff;
  94. font-size: 8px;
  95. line-height: 10px;
  96. letter-spacing: 1px;
  97. border: solid 1px #aaa;
  98. color: #999;
  99. max-width: 250px;
  100. word-wrap: break-word;
  101. padding:3px 5px;
  102. margin: 21px 1px 1px 15px;
  103. z-index: 999999;
  104. text-align:left;
  105. font-style:italic
  106. opacity: 1;
  107. }
  108.  
  109. #cont {
  110. max-width: 100%;
  111. }
  112.  
  113. /*STATUS*/
  114. #head {
  115. right: 0px;
  116. margin-top: -7px;
  117. height: 45px;
  118. width: 105%;
  119. background: #FFDF00;
  120. font-family: "Arial Black", sans-serif;
  121. font-style: oblique;
  122. color: #6B0008;
  123. line-height: 50px;
  124. letter-spacing: -2px;
  125. font-size: 59px;
  126. }
  127.  
  128. /*2ND TOP BAR*/
  129. #shoulder {
  130. padding-right: 10px;
  131. height: 180px;
  132. width: 105%;
  133. font-size: 50px;
  134. line-height: 60px;
  135. padding-left: 65px;
  136. color: #FFAFC6;
  137. background: #6B0008;
  138. font-family: CP Font;
  139. }
  140.  
  141. /*STATS*/
  142. .blockhead {
  143. margin-top: -35px;
  144. margin-left: 110px;
  145. position: absolute;
  146. }
  147.  
  148. .label1 {
  149. position: absolute;
  150. font-family: arial;
  151. font-size: 16px;
  152. text-transform: UPPERCASE;
  153. letter-spacing: 2px;
  154. margin-top: -40px;
  155. }
  156.  
  157. .label2 {
  158. position: absolute;
  159. font-family: calibri;
  160. font-size: 23px;
  161. letter-spacing: 2px;
  162. margin-top: -13px;
  163. color: #FFCBCD;
  164. }
  165.  
  166. /*EACH INDIVIDUAL LEVEL*/
  167. .block {
  168. height: 6px;
  169. width: 25px;
  170. background: #FFDF00;
  171. display: inline-block;
  172. margin-right: 3px;
  173. }
  174.  
  175. /*ABOUT*/
  176. #knee {
  177. width: 500px;
  178. background: #FFBEE0;
  179. height: 150px;
  180. margin-left: 90px;
  181. margin-top: 75px;
  182. border-radius: 7px;
  183. word-wrap: break-word;
  184. }
  185.  
  186. .name {
  187. margin-left: 25px;
  188. margin-top: 5px;
  189. max-width: 400px;
  190. font-family: calibri;
  191. font-size: 29px;
  192. letter-spacing: 1px;
  193. display: inline-block;
  194. color: #5E2131;
  195. }
  196.  
  197. /*UNDERLINE*/
  198. .under {
  199. width: 470px;
  200. height: 7px;
  201. margin-top: -11px;
  202. border-radius: 7px;
  203. background: #FFD6EC;
  204. }
  205.  
  206. /*TEXT*/
  207. .toe {
  208. color: #5E2131;
  209. width: 450px;
  210. max-height: 75px;
  211. margin-top: 10px;
  212. padding: 0px 12px 10px 12px;
  213. font-family: calibri;
  214. font-size: 11px;
  215. letter-spacing: 1px;
  216. line-height: 13px;
  217. overflow-y: scroll;
  218. overflow-x: none;
  219. word-wrap: break-word;
  220. text-align: justify;
  221. }
  222.  
  223. /*CONDITION BG*/
  224. #condition {
  225. height: 17px;
  226. width: 120px;
  227. background: #EF7BA2;
  228. border: 4px solid #FFBEE0;
  229. border-radius: 30px;
  230. margin-top: -12px;
  231. margin-left: 520px;
  232. z-index: 999;
  233. }
  234.  
  235. /*ACTUAL CONDITION*/
  236. #cond2 {
  237. color: #D5316D;
  238. padding-top: 2px;
  239. font-family: Arial;
  240. font-size: 19px;
  241. line-height: 20px;
  242. position: absolute;
  243. height: 23px;
  244. width: 92px;
  245. margin-top: -12px;
  246. background: #FFBEE0;
  247. border-radius: 30px;
  248. margin-left: 539px;
  249. z-index: 1;
  250. }
  251.  
  252. .render {
  253. bottom: -3px;
  254. right: 10px;
  255. position: fixed;
  256. }
  257.  
  258. .render img {
  259. width: 450px;
  260. }
  261.  
  262. /*MUSIC PLAYER*/
  263. #playa {
  264. margin-left:-7px;
  265. margin-top: -5px;
  266. width: 21px;
  267. height: 21px;
  268. background: #EF7BA2;
  269. border-radius: 25px;
  270. position: absolute;
  271. z-index: 9999;
  272. border: 3px solid #FFBEE0;
  273. overflow: hidden;
  274. -webkit-transition: all 0.4s ease-in-out;
  275. -moz-transition: all 0.4s ease-in-out;
  276. -o-transition: all 0.4s ease-in-out;
  277. }
  278.  
  279. .bassdestruction {
  280. margin-top: 4px;
  281. margin-left: 3px;
  282. z-index: 99999;
  283. position: absolute;
  284. -webkit-transition: all 0.4s ease-in-out;
  285. -moz-transition: all 0.4s ease-in-out;
  286. -o-transition: all 0.4s ease-in-out;
  287. }
  288.  
  289. .bassdestruction img {
  290. width: 14px;
  291. }
  292.  
  293. #playa:hover .bassdestruction {
  294. opacity: 0;
  295. }
  296.  
  297. #playa:hover .babybabybaby {
  298. opacity: 1;
  299. }
  300.  
  301. .babybabybaby {
  302. margin-left: -20px;
  303. margin-top: 5px;
  304. overflow: hidden;
  305. opacity: 0;
  306. z-index: 9999999999;
  307. position: absolute;
  308. -webkit-transition: all 0.4s ease-in-out;
  309. -moz-transition: all 0.4s ease-in-out;
  310. -o-transition: all 0.4s ease-in-out;
  311. }
  312.  
  313. .ineedyourhalp {
  314. position: fixed;
  315. bottom: 5px;
  316. left: 5px;
  317. }
  318.  
  319. .ineedyourhalp a {
  320. color: #5E2131;
  321. -webkit-transition: all 0.4s ease-in-out;
  322. -moz-transition: all 0.4s ease-in-out;
  323. -o-transition: all 0.4s ease-in-out;
  324. }
  325.  
  326. .ineedyourhalp a:hover {
  327. color: #fabbbb;
  328. letter-spacing: 2px;
  329. }
  330.  
  331. </style>
  332.  
  333. </head>
  334.  
  335. <body>
  336. <div id="cont">
  337. <div id="head"><marquee scrollamount="4">STATUS <!--insert title here--> </marquee></div>
  338. <div id="shoulder">学<font color="#C96F6F">力</font>
  339. <div class="blockhead">
  340. <div class="label1">ACADEMICS</div>
  341. <div class="label2">Slacker <!--insert academic level here--> </div>
  342. <div class="block"></div><div class="block" style="background:#C8777E;"></div><div class="block" style="background:#C8777E;"></div><div class="block" style="background:#C8777E;"></div><div class="block" style="background:#C8777E;"></div><div class="block" style="background:#C8777E;"></div>
  343. </div>
  344. <br>
  345. 魅<font color="#C96F6F">力</font>
  346. <div class="blockhead">
  347. <div class="label1">CHARM</div>
  348. <div class="label2">Bewitching <!--insert sexiness level here--> </div>
  349. <div class="block"></div><div class="block"></div><div class="block"></div><div class="block"></div><div class="block"></div><div class="block"></div>
  350. </div>
  351. <br>
  352. 勇<font color="#C96F6F">気</font>
  353. <div class="blockhead">
  354. <div class="label1">COURAGE</div>
  355. <div class="label2">Badass <!--insert courage level here--> </div>
  356. <div class="block"></div><div class="block"></div><div class="block"></div><div class="block"></div><div class="block"></div><div class="block"></div>
  357. </div>
  358. </div>
  359.  
  360. <div id="knee">
  361. <div class="name">
  362. <span style="font-family: Arial; color: #5E2131; font-size: 18px; letter-spacing: 1px;">
  363. AGE 17 <!--insert age here or you can replace it with something else-->
  364. </span>&nbsp&nbsp&nbsp&nbsp
  365. Aki<!--insert name here-->
  366. </div>
  367. <center><div class="under"></div></center>
  368. <center><div class="toe">
  369. DIDJA SEE THAT SHINJI?????<!--insert description here-->
  370. </div></center>
  371. </div>
  372.  
  373. <div id="cond2"><center>Good <!--insert condition here--> </center></div>
  374. <div id="condition">
  375. <div id="playa">
  376. <div class="babybabybaby">
  377. <!--insert music code here-->
  378. </div>
  379. <div class="bassdestruction">
  380. <img src="http://media.tumblr.com/tumblr_m7w2p9qThT1r6o8v2.gif">
  381. </div>
  382. </div>
  383. </div>
  384.  
  385. <div class="render"><img src="http://img2.wikia.nocookie.net/__cb20120821151654/megamitensei/images/2/21/Akihiko_portrait_in_Persona_4_Arena.png"></div>
  386.  
  387. </div>
  388.  
  389. <!--please do not remove the credit :(-->
  390. <div class="ineedyourhalp"><a href="http://mfe-themes.tumblr.com/" title="credit">THM.</a></div>
  391.  
  392. </body>
  393.  
  394. </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!