API tools faq
paste
Advertisement
xFangs

Untitled

xFangs
Feb 7th, 2016
52
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.46 KB | None | 0 0
raw download clone embed print report diff
  1. <!--------------
  2. Theme by Appall @ Chatango.
  3. 1. Please do not remove credits.
  4. 2. Feel free to alter as much as you want as long as credits remain.
  5. 3. Have fun with the theme.
  6. --------------!>
  7. <html>
  8. <head>
  9. <script language=javascript>document.title=("Hayu")</script>
  10.  
  11. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic' rel='stylesheet' type='text/css'>
  12.  
  13. <script>function changeNavigation(id) {document.getElementById('box').innerHTML=document.getElementById(id).innerHTML}</script>
  14.  
  15. <style type="text/css">
  16.  
  17. .logo_div, .fpix_header, .topad, .fpix_asl_table, .profile_text,
  18. .nc_profile, #left_container, #profilephoto, #flash_close_butt,
  19. #start_chat_but, .uppermenu, #buyers_ad, #flashcontent, .yellow_but,
  20. .bottombar, .byline, .top-links { visibility: hidden; display: none;}
  21.  
  22. ::selection {
  23. background:#e0e0e0;
  24. }
  25.  
  26. ::-moz-selection {
  27. background:#e0e0e0;
  28. }
  29.  
  30. ::-webkit-scrollbar {background-color: #c0c0c0; height:8px; width:8px; border:3px solid #707070;}
  31. ::-webkit-scrollbar-thumb:vertical {background-color:#c0c0c0; border:1px solid #202020; height:50px;}
  32. ::-webkit-scrollbar-thumb:horizontal {background-color:#c0c0c0; border:1px solid #202020; height:8px;}
  33.  
  34. body{
  35. background-image: url('http://img15.hostingpics.net/pics/916580wall2.png') !important;
  36. background-repeat:repeat !important;
  37. background-position:left!important;
  38. background-color: #fff;
  39. font:10px calibri;
  40. color:#ffffff;
  41. margin:0px;
  42. height:0px;
  43. width:0px;
  44. }
  45.  
  46. body, a, a:hover { cursor:url(''), auto;
  47. }
  48.  
  49. h1 {
  50. background: #4BB7EB;
  51. letter-spacing: 2px;
  52. color: #DFEAF9;
  53. font-family: ms ui gothic;
  54. text-transform: uppercase;
  55. font-size: 10px;
  56. }
  57.  
  58. pre {
  59. background: #DFEAF9;
  60. color: #ffffff;
  61. text-align: center;
  62. font-family: consolas;
  63. font-size: 10px;
  64. letter-spacing: 2px;
  65. text-transform: uppercase;
  66. }
  67.  
  68. b, strong {
  69. color: #77C7E6;
  70. font-size: 8px;
  71. text-transform: uppercase;
  72. letter-spacing: 1px;
  73. }
  74.  
  75. i, em {
  76. color: #000000;
  77. }
  78.  
  79. .music-player:hover {
  80.  
  81. width:100px;
  82. height:55px;
  83.  
  84. border-radius:50px;
  85.  
  86. }
  87.  
  88. #box {
  89. position:fixed;
  90. left:500px;
  91. top:258px;
  92. z-index:99;
  93. background:#fff;
  94. overflow:auto;
  95. color:#b0b0b0;
  96. font-family: calibri;
  97. font-size: 10px;
  98. width:300px;
  99. height:153px;
  100. padding:30px;
  101. border: 1px solid #c0c0c0;
  102. }
  103.  
  104. #header {position:fixed;left:500px;top:130px;background: #ffffff; width: 360px;
  105. height: 100px; padding: none;border: 1px solid #7BB6E6;
  106. }
  107.  
  108. #block1 {
  109. font-family: calibri;
  110. font-size: 10px;
  111. color: #a0a0a0;
  112. margin-left: 2px;
  113. width: 170px;
  114. height: 90px;
  115. padding: 2px 4px 2px 2px;
  116. border-right: 1px dotted #c0c0c0;
  117. overflow: hidden;
  118. }
  119.  
  120. #block2 {
  121. font-family: calibri;
  122. font-size: 10px;
  123. color: #a0a0a0;
  124. margin-top: -94px;
  125. margin-left: 184px;
  126. width: 170px;
  127. height: 90px;
  128. padding: 2px;
  129. overflow: hidden;
  130. }
  131.  
  132. #navi {position:fixed;left:300px;top:256px; width: 150px; height: 100px; padding: 2px;
  133. }
  134.  
  135. .tabs{
  136. width:35px;
  137. padding: 2px;
  138. margin-left: 5px;
  139. margin-bottom: 5px;
  140. border:1px solid #c0c0c0;
  141. text-align:center;
  142. font-size: 10px;
  143. color: #000000;
  144. background-color:#ffffff;
  145. font-family: consolas;
  146. text-transform:uppercase;
  147. z-index:99;
  148. display: inline-block;
  149. -webkit-transition: all 0.8s ease-out;
  150. -moz-transition: all 0.8s ease-out;
  151. transition: all 0.8s ease-out;
  152. }
  153.  
  154. .tabs:hover {
  155. background: #c0c0c0;
  156. color: #fff;
  157. border:1px solid #b0b0b0;
  158. -webkit-transition: all 0.8s ease-out;
  159. -moz-transition: all 0.8s ease-out;
  160. transition: all 0.8s ease-out;
  161. }
  162.  
  163. .tab4 img {
  164. width: 59px;
  165. height: 59px;
  166. margin-left: 5px;
  167. margin-bottom: 10px;
  168. border: 3px solid #c0c0c0;
  169. -webkit-transition: all 0.8s ease-out;
  170. -moz-transition: all 0.8s ease-out;
  171. transition: all 0.8s ease-out;
  172. }
  173.  
  174. .tab4 img:hover {
  175. border-radius: 30px;
  176. -webkit-transition: all 0.8s ease-out;
  177. -moz-transition: all 0.8s ease-out;
  178. transition: all 0.8s ease-out;
  179. }
  180.  
  181.  
  182. .tab4 a {
  183. color: none;
  184. background: none;
  185. }
  186.  
  187. .tab4 a:hover {
  188. color: none;
  189. background: none;
  190. }
  191.  
  192. .tab5 a {
  193. margin-left: 10px;
  194. margin-bottom: 5px;
  195. padding: 20px 2px 2px 2px;
  196. width: 69px;
  197. height: 30px;
  198. color: #c0c0c0;
  199. background-color: #f0f0f0;
  200. font-family: consolas;
  201. font-size: 9px;
  202. text-transform: uppercase;
  203. text-align: center;
  204. letter-spacing: 1px;
  205. display: inline-block;
  206. border: 5px solid #c0c0c0;
  207. }
  208.  
  209. .tab5 a:hover {
  210. background: #c0c0c0;
  211. color: #fff;
  212. -webkit-transition: all 0.8s ease-out;
  213. -moz-transition: all 0.8s ease-out;
  214. transition: all 0.8s ease-out;
  215. }
  216.  
  217. #tab1, #tab2, #tab3, #tab4, #tab5, #tab6 {
  218. display:none;
  219. }
  220.  
  221. #desc {
  222. position: fixed;
  223. text-align: justified;
  224. left:305px; top:310px;
  225. width: 130px;
  226. height: 150px;
  227. color: #AFCBE2;
  228. font-family: calibri;
  229. font-size: 10px;
  230. background: #ffffff;
  231. border: 1px solid #AFCBE2;
  232. padding: 5px;
  233. overflow: auto;
  234. }
  235.  
  236. #icon {
  237. position: fixed;
  238. padding: 10px;
  239. top: 120px;
  240. left: 310px;
  241. height: 100px;
  242. width: 100px;
  243. position: fixed;
  244. border: 1px solid #c0c0c0;
  245. border-radius: 70px;
  246. }
  247.  
  248. #icon img {
  249. width: 100px;
  250. height: 100px;
  251. border-radius: 70px;
  252. }
  253.  
  254. img{-webkit-filter: grayscale(100%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;}
  255.  
  256. img:hover{-webkit-filter: grayscale(0); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;}
  257.  
  258. #credit {
  259. position: fixed;
  260. top: 10px;
  261. left: 100px;
  262. font-family: calibri;
  263. font-size: 8px;
  264. text-transform: uppercase;
  265. color: #ffffff;
  266. background: #d0d0d0;
  267. }
  268.  
  269. #credit a {
  270. background: #BCCAE7;
  271. text-transform: uppercase;
  272. font-size: 8px;
  273. color: #FFFFFF;
  274. }
  275.  
  276. #credit {
  277. position: fixed;
  278. top: 10px;
  279. left: 10px;
  280. }
  281.  
  282. </style>
  283. </head>
  284. <body><div id="box">
  285. <div id="pix"><img src="MUSICPIX"></div>
  286. <div id="player">MUSICPLAYERCODE</div>
  287. </div>
  288. <div id="icon"><img src="https://s-media-cache-ak0.pinimg.com/564x/1f/05/ee/1f05ee3ca981f57e0b60de9baa709fd2.jpg"></div>
  289. <div id="desc">Hola!
  290. Vous êtes tombé par hasard sur mon profil; et c'est une bonne chose car je vais me présenter! J'ai 16 ans et je vis actuellement au Canada. J'aime bien lire des romans d'amour top clichés et bien nuls. De plus, ceux qui me connaisse savent que je suis parfois chiante et j'assume désormais! Ma musique? 20% J-pop 30% Western-pop et 50% K-pop! ♥ ❤ YES I'M A KOREABOO! ❤♥ Ah et ARGH... j'adore aussi le café; une petite gorgée et ça me suffit pour passer une belle journée! Bref partez maintenant ❣ </div>
  291. <div id="header">
  292. <div id="block1"><h1>Updates here</h1>
  293. <b>Currently:</b> Listening Music<br>
  294. <b>Watching:</b>Ao Haru Ride <br>
  295. <b>Reading:</b> Strobe Edge<br>
  296. <b>Work:</b> Not yet.<br>
  297. <b>Off / On:</b> On<br>
  298. </div>
  299. <div id="block2"><h1>Status here</h1>
  300. <b>Mood:</b> L o s t<br>
  301. Feel<br>
  302. free<br>
  303. to be<br>
  304. h a p p y.</div>
  305. </div>
  306.  
  307. <div id="navi">
  308. <div onclick="changeNavigation('tab1')" class="tabs">01.</div>
  309. <div onclick="changeNavigation('tab2')" class="tabs">02.</div>
  310. <div onclick="changeNavigation('tab3')" class="tabs">03.</div>
  311. <div onclick="changeNavigation('tab4')" class="tabs">04.</div>
  312. <div onclick="changeNavigation('tab5')" class="tabs">05.</div>
  313. <div onclick="changeNavigation('tab6')" class="tabs">06.</div>
  314. </div>
  315.  
  316. <div id="box">
  317. <h1>Last Hope</h1>
  318. <b>It's just a spark
  319. But it's enough to keep me going
  320. And when it's dark out, no one's around
  321. It keeps glowing
  322.  
  323. And the salt in my wounds isn't burning anymore than it used to
  324. It's not that I don't feel the pain, it's just I'm not afraid of hurting anymore
  325. And the blood in these veins isn't pumping any less than it ever has
  326. And that's the hope I have, the only thing I know that's keeping me alive
  327.  
  328. Alive . . .</b>
  329. </div>
  330. <div id="tab1">
  331. <h1>Author</h1>
  332. </div>
  333.  
  334. <div id="tab2">
  335. <h1>Misc facts</h1>
  336. </div>
  337.  
  338. <div id="tab3">
  339. <h1>Contact</h1>
  340. Contact information - Skype, Tumblr, etc.<br>
  341. <b>Skype:</b> Skype information here.<br>
  342. <b>Tumblr:</b> Tumblr here.<br>
  343. <b>Ask.Fm:</b>Ask here.<br></div>
  344.  
  345. <div id="tab4"><div class="tab4">
  346. <h1>Friends</h1>
  347. <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg" ></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a>
  348. </div></div>
  349.  
  350. <div id="tab5">
  351. <h1>Other Aliases</h1>
  352. <div class="tab5"><a href="http://">TBA</a>
  353. <a href="http://">TBA</a>
  354. <a href="http://">TBA</a>
  355. <a href="http://">TBA</a>
  356. <a href="http://">TBA</a>
  357. <a href="http://">TBA</a>
  358. <a href="http://">TBA</a>
  359. <a href="http://">TBA</a>
  360. <a href="http://">TBA</a>
  361. <a href="http://">TBA</a>
  362. <a href="http://">TBA</a>
  363. <a href="http://">TBA</a>
  364. <a href="http://">TBA</a>
  365. <a href="http://">TBA</a>
  366. <a href="http://">TBA</a>
  367. <a href="http://">TBA</a>
  368. </div></div>
  369.  
  370. <div id="tab6">
  371. <h1>Title here</h1>
  372. Frequently asked questions? Random chats? Yeeeah.
  373. </div>
  374.  
  375. <div class="music-player">
  376.  
  377. <embed quality="high" style="width:56px; height:13px; visibility:visible; " type="application/x-shockwave-flash" height="56" width="13" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" src="http://hypster.com/flash_n/player.swf?id=5335136:7164236:0&autoplay=true" FlashVars="color_bg=0x000308&color_songbg=0x000000&color_song_clicked=0x00778A&color_btns=0x8DD4F2&color_text=0x29D5F0" />
  378. <div id="credit">theme made by<a href="http://appall.chatango.com"> appall</a>
  379.  
  380. </body>
  381. </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!