API tools faq
paste
View difference between Paste ID: FaiskJwQ and 6QFmjXeP
SHOW: | | - or go back to the newest paste.
1
<!--network theme by nathesykes, don't remove the credit please-->
2
3
<head>
4
5
6
<link rel="shortcut icon" href="{favicon}">
7
<link rel="alternate" type="application/rss+xml" href="{rss}">
8
9
<style type="text/css">
10
11
12
13
14
15
@font-face{font-family:Black Swan;src:url(http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf);}

16
17
@font-face{font-family:Jenna Sue;src:url(http://static.tumblr.com/9wzbixa/nq2mj2mox/jennasue.ttf);}

18
19
@font-face{font-family:Just Realize;src:url(http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf);}

20
 

21
body

22
{font-family: times;

23
font-size: 11px;

24
color: #000;

25
background-position: fixed;

26
background-attachment:fixed;

27
background-repeat:repeat;

28
background-color:#fff;}

29
 

30
a:link, a:active, a:visited{

31
color: #777777;

32
text-decoration: none;

33
 

34
} 

35
36
::-webkit-scrollbar-thumb{

37
background-color: #050505;

38
border: 2px solid #ffffff;

39
height:auto;

40
}

41
 

42
::-webkit-scrollbar {

43
height:9px;

44
width:9px;

45
background-color: #050505;

46
border: 4px solid #fff;

47
}

48
 

49
::selection {

50
background-color:#f9f9f9;

51
}

52
 

53
 

54
 

55
 

56
 

57
#all {

58
    margin:100;

59
    margin-left:23%;

60
}

61
 

62
#pannel {

63
    width:180px;

64
    height:170px;

65
    padding:0px;

66
    background-color:#fff;

67
}

68
 

69
#poster {

70
    width:120px;

71
    height:120px;

72
    margin-top:30px;

73
    background-color:#fff;

74
}

75
 

76
#poster img {

77
    width:120px;

78
    height:120px;

79
    border:double #000;

80
    padding:6px;

81
    margin-top:-25px;

82
}

83
 

84
 

85
#about {

86
    text-align:center;

87
    padding:10px;

88
    padding-top:30px;

89
    margin-bottom:20px;

90
    position:absolute;

91
    width:110px;

92
    font-family: times;

93
    opacity:0;

94
    font-size:9px;

95
    background:white;

96
    color:#000;

97
    line-height:1px;

98
    -moz-transition-duration:1s;

99
    -webkit-transition-duration:1s;

100
    -o-transition-duration:1s;

101
 

102
}

103
 

104
#pannel:hover #about {

105
    opacity:0.9;

106
    margin-top:-20px;

107
    margin-left:5px;

108
    height:85px;

109
    -webkit-transition: all 0.5s ease-out;

110
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;

111
}

112
 

113
#name {

114
     font-family: times new roman;

115
     font-size:10px;

116
     text-align:center;

117
     text-transform:none;

118
     margin-top:20px;

119
}

120
 

121
 

122
#top {

123
    width:550px;

124
    height:auto;

125
    font-family: times new roman;

126
    font-size:11px;

127
    margin-left: 30.5%;

128
    line-height:18px;

129
    padding:2px;

130
    margin-top: 20px;

131
    text-align:center;

132
    text-transform:lowercase;

133
    background-color:#fff;

134
}

135
 

136
#admin {

137
    font-size:35px;

138
    color:#000;

139
    font-family: Jenna Sue;

140
    letter-spacing: 1px;

141
    text-align: left;

142
    padding: 2 3 2 3;

143
    width: 120px;

144
    margin-top: -5px;

145
}

146
147
#admin a{

148
color:#000;

149
}

150
151
#status{

152
font-family: Jenna Sue;

153
border-bottom:double #000;

154
padding-top:5px;

155
padding-left:5px;

156
width:135px;

157
position:absolute;

158
font-size:25px;

159
text-align:right;

160
opacity:0;

161
-moz-transition-duration:1s;

162
-webkit-transition-duration:1s;

163
-o-transition-duration:1s;

164
}

165
166
#pannel:hover #status {

167
margin-bottom:-20px;

168
padding-top:0px;

169
padding-left:0px;

170
opacity:1;

171
z-index:1;

172
-moz-transition-duration:1s;

173
-webkit-transition-duration:1s;

174
-o-transition-duration:1s;

175
}

176
177
#url{

178
font-family: Jenna Sue;

179
padding-top:5px;

180
padding-left:5px;

181
width:135px;

182
position:absolute;

183
font-size:30px;

184
text-align:left;

185
opacity:0;

186
margin-left:5px;

187
margin-top:80px;

188
-moz-transition-duration:1s;

189
-webkit-transition-duration:1s;

190
-o-transition-duration:1s;

191
}

192
193
#pannel:hover #url {

194
margin-top:65px;

195
opacity:1;

196
}

197
    

198
 

199
.header {

200
    height:80px;

201
    width:1000px;

202
    color:#000;

203
    font-family:"Black Swan";

204
    font-size:150px;

205
    text-align:left;

206
    letter-spacing:1px;

207
    text-transform:lowercase;

208
    padding:5px 10px;

209
    padding-top:80px;

210
    margin:-30px;

211
    margin-left:-100px;

212
    position: fixed;

213
    background:white;

214
}

215
 

216
.header a {

217
    color:#eeeeee;

218
    text-decoration:none;

219
}

220
221
.links{

222
font-family:Black Swan;

223
font-size:50px;

224
line-height:5px;

225
margin-left:-250px;

226
margin-top:-50px;

227
background:black;

228
position:fixed;

229
width:120px;

230
height:1000px;

231
padding-top:300px;

232
} 

233
234
.links a{

235
padding-top:30px;

236
padding-left:15px;

237
padding-bottom:30px;

238
padding-right:15px;

239
display:block;

240
color:#fff;

241
-moz-transition-duration:1s;

242
-webkit-transition-duration:1s;

243
-o-transition-duration:1s;

244
}

245
246
.links a:hover{

247
padding-top:30px;

248
padding-left:15px;

249
padding-bottom:30px;

250
padding-right:15px;

251
background:white;

252
color:#000;

253
-moz-transition-duration:1s;

254
-webkit-transition-duration:1s;

255
-o-transition-duration:1s;

256
}

257
258
259
#credit a{

260
color: #000;

261
}

262
 

263
 

264
 

265
</style>

266
 

267
 

268
<div id="border-top"></div>

269
 

270
 

271
   

272
</div>

273
<div id="top">

274
<div class="header">{Title}</div>

275
276
<div class="links">

277
<a href="/ask">join?</a>  <br><!--- write the link to admin's ask page -->

278
<a href="http://www.tumblr.com/dashboard">go back</a>  <br>

279
280
</div>

281
</div>

282
 

283
<table id="all" border="0" cellpadding="0" cellspacing="20">

284
 

285
 

286
<!-- start of 1st column-->

287
<!--start 1st pannel-->

288
<td><div id="pannel">

289
<div id="poster">

290
<div id="admin"><a href="http://dobriaen.tumblr.com/"> name </a></div><!--name of the member, and link to the blog of them-->

291
<div id="status"> admin </div>

292
<p>

293
<div id="about">

294
<div id="name"><p><!--- description goes here-->

295
put your description here<p>

296
don't make it too long <p>

297
</div>

298
</div>

299
<div id="url"><a href="http://dobriaen.tumblr.com/"> blogurl </a></div> <!--- write the blog's name here and don't forget to also put the link to the blog again-->

300
<img width="120px" src="http://media.tumblr.com/ef6d6a0e8e2b8c032f95c4c4abea0d72/tumblr_inline_mpra4rlrqT1qz4rgp.png"/><!--replace this url with the image url you want to use-->    

301
</div>

302
 

303
</div></td>

304
<!--end 2st pannel-->  

305
 

306
 

307
 

308
<!--start 2nd pannel-->

309
<td><div id="pannel">

310
<div id="poster">

311
<div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them--> 

312
<div id="status"> member </div>

313
<p>

314
<div id="about">

315
<div id="name"><p>description here</div><!--- description goes here-->

316
</div>

317
<div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->

318
<img width="120px" src="http://media.tumblr.com/148e6f6aa6aaa216aef00134936f4b39/tumblr_inline_mpshybkzRR1qz4rgp.png"/><!--replace this url with the image url you want to use-->    

319
</div>

320
 

321
</div></td>

322
<!--end 2nd pannel-->

323
 

324
 

325
<!--start 3rd pannel-->

326
<td><div id="pannel">

327
<div id="poster">

328
<div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them-->   

329
<div id="status"> member </div>

330
<p>

331
<div id="about">

332
<div id="name"><p>description here</div><!--- description goes here-->

333
</div>

334
<div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->

335
<img width="120px" src="http://25.media.tumblr.com/a6ae8601b0545458b009d6016952597f/tumblr_mpsfweIWV01razdmuo4_250.jpg"/><!--replace this url with the image url you want to use-->    

336
</div>

337
 

338
</div></td>

339
<!--end of 3rd pannel-->

340
341
<!--start 4rd pannel-->

342
<td><div id="pannel">

343
<div id="poster">

344
<div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them-->  

345
<div id="status"> member </div>

346
<p>

347
<div id="about">

348
<div id="name"><p>description here</div><!--- description goes here-->

349
</div>

350
<div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->

351
<img width="120px" src="http://media.tumblr.com/656c7a8ea0f94477fd91be3e502d9a3c/tumblr_inline_mpqldpM09h1qz4rgp.png"/><!--replace this url with the image url you want to use-->    

352
</div>

353
 

354
</div></td>

355
<!--end of 4rd pannel-->

356
<!-- end of 1st column-->

357
 

358
<tr>

359
 

360
<!--- start of 2nd column-->  

361
<!--start 1st pannel-->

362
<td><div id="pannel">

363
<div id="poster">

364
<div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them-->  

365
<div id="status"> member </div>

366
<p>

367
<div id="about">

368
<div id="name"><p>description here</div><!--- description goes here-->

369
</div>

370
<div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->

371
<img width="120px" src="http://media.tumblr.com/241c2a435c0ccb886ee850cfa0cccf0b/tumblr_inline_mprw2meisi1qz4rgp.png"/><!--replace this url with the image url you want to use-->    

372
</div>

373
 

374
</div></td>

375
<!--end 1st pannel-->

376
 

377
 

378
 

379
 

380
<!--start 2nd pannel-->

381
<td><div id="pannel">

382
<div id="poster">

383
<div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them--> 

384
<div id="status"> member </div>

385
<p>

386
<div id="about">

387
<div id="name"><p>description here</div><!--- description goes here-->

388
</div>

389
<div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->

390
<img width="120px" src="http://media.tumblr.com/2649f6573ac6f3ece383105a50ab06c6/tumblr_inline_mprubjovyZ1qz4rgp.png"/><!--replace this url with the image url you want to use-->    

391
</div>

392
 

393
</div></td>

394
<!--end 2nd pannel-->

395
 

396
 

397
 

398
<!--start 3rd pannel-->

399
<td><div id="pannel">

400
<div id="poster">

401
<div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them-->  

402
<div id="status"> member </div>

403
<p>

404
<div id="about">

405
<div id="name"><p>description here</div><!--- description goes here-->

406
</div>

407
<div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->

408
<img width="120px" src="http://media.tumblr.com/0e62b02b3234682bcf2a48d6dc690098/tumblr_inline_mpnsqfip6C1rat5qo.png"/><!--replace this url with the image url you want to use-->    

409
</div>

410
 

411
</div></td>

412
<!--end of 3rd pannel-->

413
414
<!--start 4rd pannel-->

415
<td><div id="pannel">

416
<div id="poster">

417
<div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them-->  

418
<div id="status"> member </div>

419
<p>

420
<div id="about">

421
<div id="name"><p>description here</div><!--- description goes here-->

422
</div>

423
<div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->

424
<img width="120px" src="http://media.tumblr.com/3df5a90a6a56505c847324b1ddf9ac2d/tumblr_inline_mor9jgL2Wk1qz4rgp.png"/><!--replace this url with the image url you want to use-->    

425
</div>

426
 

427
</div></td>

428
<!--end of 4rd pannel-->

429
<!-- end of 2nd column-->

430
431
<tr>

432
 

433
<!--- start of 3rd column-->  

434
<!--start 1st pannel-->

435
<td><div id="pannel">

436
<div id="poster">

437
<div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them--> 

438
<div id="status"> member </div>

439
<p>

440
<div id="about">

441
<div id="name"><p>description here</div><!--- description goes here-->

442
</div>

443
<div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->

444
<img width="120px" src="http://media.tumblr.com/d41410b3c491a8a21bfaf6f44980e84e/tumblr_inline_mpsh4kPcKU1qz4rgp.png"/><!--replace this url with the image url you want to use-->    

445
</div>

446
 

447
</div></td>

448
<!--end 1st pannel-->

449
 

450
 

451
 

452
 

453
<!--start 2nd pannel-->

454
<td><div id="pannel">

455
<div id="poster">

456
<div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them--> 

457
<div id="status"> member </div>

458
<p>

459
<div id="about">

460
<div id="name"><p>description here</div><!--- description goes here-->

461
</div>

462
<div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->

463
<img width="120px" src="http://media.tumblr.com/25bd9c9a908a2b492d54e190a1eaef8f/tumblr_inline_mphk8v6cHr1qz4rgp.png"/><!--replace this url with the image url you want to use-->    

464
</div>

465
 

466
</div></td>

467
<!--end 2nd pannel-->

468
 

469
 

470
 

471
<!--start 3rd pannel-->

472
<td><div id="pannel">

473
<div id="poster">

474
<div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them--> 

475
<div id="status"> member </div>

476
<p>

477
<div id="about">

478
<div id="name"><p>description here</div><!--- description goes here-->

479
</div>

480
<div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->

481
<img width="120px" src="http://media.tumblr.com/950089102068c33c36b3bf55a460a01e/tumblr_inline_mps7q5cjJX1qz4rgp.png"/><!--replace this url with the image url you want to use-->    

482
</div>

483
 

484
</div></td>

485
<!--end of 3rd pannel-->

486
487
<!--start 4rd pannel-->

488
<td><div id="pannel">

489
<div id="poster">

490
<div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them--> 

491
<div id="status"> member </div>

492
<p>

493
<div id="about">

494
<div id="name"><p>description here</div><!--- description goes here-->

495
</div>

496
<div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->

497
<img width="120px" src="http://media.tumblr.com/f6839b9a37af376f6fd1eb4a89336ef7/tumblr_inline_moyz30QL8X1qz4rgp.png"/><!--replace this url with the image url you want to use-->    

498
</div>

499
 

500
</div></td>

501
<!--end of 4rd pannel-->

502
<!-- end of 3rd column-->

503
 

504
<!-- to add more columns, copy everything from <tr> of the first pannel to </td> of the third pannel!

505
if you need help adding more columns or with anything in this code please ask-->

506
 

507
</table>

508
 

509-
<!-- you can remove the credit if you'd like :)-->

509+
510
 

511
<div id="credit"> <div style="font-size: 15px; font-style:none; letter-spacing: 0px; float: right; position: fixed; bottom: 0px; right: 10px; text-transform:none; font-family:algerian; font-style:none;"><a href="http://nathesykes.tumblr.com">ns </a></div></div>

512
 

513
</body>

514
</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!