API tools faq
paste
View difference between Paste ID: xRXf7UCG and GHXi4pir
SHOW: | | - or go back to the newest paste.
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>
        

    


            


                                


        

            



                
    

        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!