API tools faq
paste
View difference between Paste ID: ZV6ZWJRn and nDXWmVk3
SHOW: | | - or go back to the newest paste.
1
<!--
2
3
(／・Д・)／

4
◟(◕◡◕)◞

5
6
Theme Code by erupture.tumblr.com

7
Theme blog alonethemes.tumblr.com

8
9
Any questions? http://erupture.tumblr.com/fask

10
11
Rules:

12
1. DO NOT REMOVE CREDIT

13
2. DO NOT STEAL ANY THEME / PART OF THEME

14
3. I REPEAT DO NOT REMOVE CREDIT OR YOU WILL BE REPORTED

15
16
yea thats it, you can edit them but KEEP CREDITS.

17
-->

18
19
<!--Go to www.tumblr.com/docs/en/custom_themes for more assistance-->

20
 

21
<head>

22
23
<!-- start of script tooltip -->

24
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

25
26
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

27
28
<script>

29
30
(function($){

31
32
$(document).ready(function(){

33
34
$("a[title]").style_my_tooltips({

35
36
tip_follows_cursor:true,

37
38
tip_delay_time:90,

39
40
tip_fade_speed:600,

41
42
attribute:"title"

43
44
});

45
46
});

47
48
})(jQuery);

49
50
</script>

51
52
<!-- end of script tooltip -->

53
54
<title>{title}</title>

55
<link rel="shortcut icon" href="{Favicon}"/>

56
<link rel="alternate" type="application/rss+xml" href="{RSS}">

57
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

58
 

59
<!--Default Variables--> 

60
<meta name="image:Sidebar" content=""/>

61
62
<meta name="text:link 1" content="home">

63
<meta name="text:link 1 url" content="/">

64
<meta name="text:link 2" content="ask">

65
<meta name="text:link 2 url" content="/ask">

66
<meta name="text:link 3" content="archive">

67
<meta name="text:link 3 url" content="/archive">

68
<meta name="text:link 4" content="links">

69
<meta name="text:link 4 url" content="/etc">

70
<meta name="text:link 5" content="shuffle">

71
<meta name="text:link 5 url" content="/random">

72
73
<meta name="color:AccentLink" content="#000000"/>

74
<meta name="color:Accent" content="#ffffff"/>

75
<meta name="color:Background" content="#ffffff"/>

76
<meta name="color:Text" content="#000000"/>

77
<meta name="color:Link" content="#888888"/>

78
<meta name="color:Link Hover" content="#ffffff"/>

79
<meta name="color:Border" content="#000000"/>

80
81
<meta name="if:1 Column" content="0"/>

82
<meta name="if:2 Column" content="1"/>

83
<meta name="if:Sidebar Pic" content="0"/>

84
85
86
<!--Styling,css--> 

87
<style type="text/css">

88
@font-face{

89
font-family:'consolas';

90
src:url('http://static.tumblr.com/apahx90/giAmolf5m/consolas.ttf');}

91
92
@font-face{

93
font-family:'calibri';

94
src:url('http://static.tumblr.com/zu4ce6n/HtCmyt93u/calibri_1_.ttf');}

95
96
#s-m-t-tooltip {

97
    line-height:8px;

98
    font-family:consolas;

99
    max-width:300px; /* maximum width */

100
    background-color:{color:Background}; /* color background */

101
    border:1px solid {color:Border}; /* color, shape and thickness of the border */

102
    font-size:9px; /* font size */

103
    color:{color:text}; /* font color */

104
    text-transform:uppercase; /* uppercase, lowercase, none */

105
    padding:4px 5px; /* padding size */

106
    margin:15px 0px 0px 15px; /* margin size */

107
    z-index:9999999999999999999999;

108
    border-radius:.4px;  /* border radius */

109
}

110
/**dont change this OK!!**/

111
#TUMBLR_CONTROLS{

112
    POSITION:FIXED !IMPORTANT;

113
    -WEBKIT-FILTER: INVERT(100%)

114
}

115
116
body {

117
    text-transform:uppercase;

118
    color:{color:Text};

119
    font-family:calibri;/* The main font, you can change this anytime*/

120
    font-size:8px;/* Font size */

121
    background-color:{color:Background};/* Background color */

122
    letter-spacing:1px;

123
    cursor: url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto; 

124
    

125
}

126
    

127
    /* Links */ 

128
a{

129
    color:{color:Link};

130
    font-style:none;

131
    text-decoration:none;

132
}    

133
134
a:hover{

135
    cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto; 

136
    color:{color:Link Hover};

137
    -webkit-transition: all .7s ease-in-out;

138
    -moz-transition: all .7s ease-in-out;

139
    -o-transition: all .7s ease-in-out;

140
}

141
142
#sidey {

143
width:140px;

144
z-index:999999;top:16%;

145
position:fixed;

146
{block:If1Column}margin-left:250px;{block:If1Column}

147
{block:If2Column}margin-left:160px;{block:If2Column}

148
padding:20px 20px 0px 20px;

149
border:1px solid {color:border};

150
-webkit-transition:all 0.5s linear;

151
-webkit-transition:all 0.5s linear;

152
-moz-transition:all 0.5s linear;

153
transition:all 0.5s linear;

154
{block:permalinkpage}margin-left:250px;{block:permalinkpage}

155
156
}

157
#sidey:hover{

158
    padding-bottom:25px;

159
}

160
.toppic img{

161
width:140px;

162
border-bottom:1px solid {color:Border};

163
z-index:999999;display:block;

164
}

165
 

166
 

167
 .titulo{

168
width:140px;

169
margin-left:0px;

170
text-align:right;

171
padding:10px 0px;

172
border-bottom:1px solid {color:border};

173
}

174
 

175
 

176
.desc{

177
width:140px;

178
padding:25px 0px 0px 0px;

179
}

180
 

181
.navi{

182
opacity:0;

183
transition:all 0.5s ease-out;

184
-o-transition-transition:all 0.7s ease-out;

185
-webkit-transition:all .7s ease-out;

186
-moz-transition:all .7s ease-out;

187
}

188
 

189
#sidey:hover .navi{

190
opacity:1;padding-top:25px;

191
}

192
 

193
 

194
.navi a {border:1px solid {color:accentlink};line-height:18px;padding:1px 3px;margin:6px 2px;color:{color:accentlink};

195
background:{color:Accent};font-weight:bold;

196
-webkit-transition: all .7s ease;

197
-moz-transition: all .7s ease;

198
-o-transition: all .7s ease;

199
transition: all .7s ease;

200
 

201
}

202
 

203
.navi a:hover{

204
background:{color:accentlink};color:{color:accent};

205
-webkit-transition: all .7s ease;

206
-moz-transition: all .7s ease;

207
-o-transition: all .7s ease;

208
transition: all .7s ease;t;

209
}

210
 

211
 /* What your entries are on*/

212
#post{

213
    {block:If1Column}width:500px;left:38%;{/block:If1Column}

214
    {block:If2Column}width:600px;left:32%;{/block:If2Column}

215
    background-color:transparent;/* Background color for posts*/

216
    position:absolute;

217
    margin:15px 0px;

218
    {block:permalinkpage}

219
    width:500px;left:38%;

220
    display:block;

221
    {/block:permalinkpage}

222
    }

223
   

224
   

225
/* entries  */ 

226
.entry{

227
    {block:If1Column}width:250px;{block:If1Column}

228
    {block:If2Column}width:200px;{block:If2Column}

229
    float:middle;

230
    border: 1px solid {color:Border};

231
    margin: 25px 15px;/* Spacing of entries*/

232
    {block:PermalinkPage}

233
    width:300px;display:block;

234
    border: 1px solid {color:Border};

235
    {/block:PermalinkPage}

236
}

237
238
239
.entry img{

240
    {block:If1Column}max-width:100%;{block:If1Column}

241
    {block:If2Column}max-width:100%;{block:If2Column}

242
    float:right;

243
    {block:IfBlackWhite}

244
    -webkit-filter: grayscale(100%);

245
    {/block:IfBlackWhite}

246
    {block:IfPostsFade}

247
    opacity:0.8;

248
    {/block:IfPostsFade}

249
    -webkit-transition: all 1s ease-in-out;

250
    -moz-transition: all 1s ease-in-out;

251
    -o-transition: all 1s ease-in-out;

252
    {block:PermalinkPage}

253
    border-bottom: 1px solid {color:Border};width:300px;

254
    {/block:PermalinkPage}

255
}

256
.entry img:hover{

257
    {block:IfBlackWhite}

258
    -webkit-filter: grayscale(0%);

259
    {/block:IfBlackWhite}

260
    opacity:1;

261
    -webkit-transition: all 0.5s ease-in-out;

262
    -moz-transition: all 0.5s ease-in-out;

263
    -o-transition: all 0.5s ease-in-out;

264
}

265
266
 /* Permalinks on hover*/

267
.perms{line-height:20px;text-align:center;    

268
    top:0px;left:0px;font-weight:bold;

269
    width:100%;color:{color:accentlink};

270
    background:{color:accent};

271
    position:absolute;border-bottom:1px solid {color:border};

272
    opacity:0;height:0px;

273
    {block:PermalinkPage}

274
    display:none;

275
    {/block:PermalinkPage}

276
    -webkit-transition:all 0.5s linear;

277
-webkit-transition:all 0.5s linear;

278
-moz-transition:all 0.5s linear;

279
transition:all 0.5s linear;

280
}

281
.perms a{color:{color:accentlink};}

282
.entry:hover .perms{opacity:.6;height:20px;overflow:hidden;}

283
.entry:hover .perms:hover{opacity:1}

284
.txtperm{

285
    {block:If1Column}width:220px;{block:If1Column}

286
    {block:If2Column}width:180px;{block:If2Column}

287
    border:1px solid {color:border};line-height:18px;    

288
    bottom:0px;margin:10px;

289
    position:absolute;

290
    opacity:1;z-index:9999999;

291
    text-align:center;

292
    -webkit-transition: all 0.5s ease-in-out;

293
    -moz-transition: all 0.5s ease-in-out;

294
    -o-transition: all 0.5s ease-in-out;

295
    {block:PermalinkPage}

296
    display:none;

297
    {/block:PermalinkPage}

298
}

299
300
.pagination {

301
    display: none;

302
}

303
304
ol.notes{padding:0px 0px 0px 0px;line-height:10px;list-style-type:none;} ol.notes li.note{padding:2px 0px 6px 0px;text-align:left;}

305
.notes img {display:none;}

306
307
.entry .perma_info{display:inline-block;position:relative;padding:10px;}

308
309
.entry #stuff{max-height:200px;min-height:0px;overflow-y:auto;overflow-x:hidden;display:block;border-top: 1px solid {color:Border};padding:10px;}

310
311
    

312
.askpost {

313
    padding:10px 10px 30px 10px;

314
}

315
.audiopost {

316
    padding:10px 10px 30px 10px;}

317
.txtpost {

318
    padding:10px 10px 30px 10px;

319
}

320
.quotepost {

321
    padding:10px 10px 35px 10px;

322
}

323
.linkpost {

324
    padding:10px 10px 30px 10px;

325
}

326
.chatpost {

327
    padding:10px 10px 35px 10px;

328
}

329
330
331
.title{

332
    display:inline;

333
    font-size:11px;

334
    background:transparent;

335
    color:{color:background};

336
    padding:0px 4px 0px 4px;

337
}

338
339
340
::-webkit-scrollbar {

341
    height: 5px;

342
    width: 9px;

343
    background: {color:background};

344
}

345
           

346
::-webkit-scrollbar-thumb:vertical {

347
    background: {color:border};

348
    border: 4px solid {color:background};

349
}

350
351
::selection {

352
    background: {color:Border};

353
    color:{color:background} ;

354
}

355
            

356
::-moz-selection {

357
    background: {color:Border};

358
    color:{color:background} ;

359
}

360
361
p::selection {

362
    background: {color:Border};

363
    color:{color:background} ;

364
}

365
            

366
p::-moz-selection {

367
    background: {color:Border};

368
    color:{color:background} ;

369
}

370
371
#creds {

372
    z-index:999999;

373
    -moz-border-radius:3px;

374
    border-radius:2px; 

375
    position:fixed;

376
    left:10px; bottom:10px; 

377
    color:white;

378
    background:{color:Background};

379
    opacity:1;

380
    border:1px solid {color:Border};

381
    width:10px;

382
    height:10px;

383
    -webkit-transition: all 0.5s ease;

384
    -moz-transition: all 0.5s ease;

385
    transition: all 0.5s ease;

386
}

387
388
#creds:hover {

389
    background: {color:Border};

390
    -webkit-transition: all 0.5s ease;

391
    -moz-transition: all 0.5s ease;

392
    transition: all 0.5s ease;

393
}

394
395
{CustomCSS}</style>

396
397
<!--I reccommend not touching any ofthis unless you don't want infinite scroll!--> 

398
 

399
<script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>

400
 

401
<script>

402
$(function(){

403
var $container = $('#post');

404
$container.imagesLoaded(function(){

405
$container.masonry({

406
itemSelector: '.entry',

407
});

408
});

409
$container.infinitescroll({

410
itemSelector : ".entry",

411
navSelector : "div.pagination",

412
nextSelector : ".pagination a#next",

413
loadingImg : "",

414
loadingText : "<em></em>",

415
bufferPx : 10000,

416
extraScrollPx: 12000,

417
},

418
// trigger Masonry as a callback

419
function( newElements ) {

420
  var $newElems = $( newElements ).css({ opacity: 0 });

421
// ensure that images load before adding to masonry layout

422
$newElems.imagesLoaded(function(){

423
$newElems.animate({ opacity: 1 });

424
$container.masonry( 'appended', $newElems, true );

425
});

426
}

427
);

428
});

429
</script>

430
 

431
</head>

432
<body>

433
434
435
<!--sidebar-->

436
437
<div id="sidey">

438
{block:ifsidebarpic}

439
<div class="toppic"><a href="/"><img src="{image:sidebar}"></a></div>

440
{/block:ifsidebarpic}

441
<div class="titulo">{title}</div>

442
<div class="desc">{Description}</div>

443
<div class="navi">

444
{block:iflink1}<a title="{text:link 1}" href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}

445
{block:iflink2} <a title="{text:link 2}" href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}

446
{block:iflink3}<a title="{text:link 3}" href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}

447
{block:iflink4}<a title="{text:link 4}" href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}

448
{block:iflink5}<a title="{text:link 5}" href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}

449
450
<a title="theme creator" href="http://extrovhert.tumblr.com">theme</a>

451
</div>

452
</div>

453
 <!--End of sidebar-->

454
455
456
457
<!--Posts and entries--> 

458
<div id="post">

459
{block:Posts}

460
<div class="entry">

461
462
{block:Text}

463
{block:indexpage}

464
<div class="txtperm">{timeago} with <a title="note count" href="{Permalink}">{NoteCountwithLabel}</a> / <a title="reblog this" href="{ReblogURL}">↻</a></div>

465
{/block:indexpage}

466
<div class="txtpost">

467
{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>

468
{/block:Text}

469
 

470
{block:Photo}

471
{block:indexpage}

472
<div class="perms">{timeago} with <a title="note count" href="{Permalink}">{NoteCountwithLabel}</a> / <a title="reblog this" href="{ReblogURL}">↻</a></div>

473
{/block:indexpage}

474
{block:If2Column}

475
<a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>{/block:If2Column}

476
{block:If1Column}

477
<a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>{/block:If1Column}

478
 {block:PermalinkPage}

479
<center>{Photoset-500}</center>

480
{/block:PermalinkPage}

481
{/block:Photo}

482
 

483
{block:Photoset}

484
{block:indexpage}

485
<div class="perms">

486
<div class="rb"><a title="reblog" href="{ReblogURL}"></a></div>

487
<div class="notecount"><a title="{NoteCountwithLabel}" href="{Permalink}"></a></div>

488
<div class="times"><a title="{block:Date}{TimeAgo} on {block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix}{/block:Date}" href="{Permalink}"></a></div>

489
</div>

490
{/block:indexpage}

491
{block:If2Column}

492
{Photoset-250}

493
{/block:If2Column}

494
{block:If1Column}

495
{Photoset-500}

496
{/block:If1Column}

497
 {block:PermalinkPage}

498
<center>{Photoset-500}</center>

499
{/block:PermalinkPage}

500
{/block:Photoset}

501
502
 

503
{block:Quote}

504
{block:indexpage}

505
<div class="txtperm">{timeago} with <a title="note count" href="{Permalink}">{NoteCountwithLabel}</a> / <a title="reblog this" href="{ReblogURL}">↻</a></div>

506
{/block:indexpage}

507
<div class="quotepost">

508
{Quote}

509
<div align="right">

510
{block:Source}-{Source}{/block:Source}

511
</div></div>

512
{/block:Quote}

513
 

514
 

515
{block:Video}

516
{block:indexpage}

517
<div class="txtperm">{timeago} with <a title="note count" href="{Permalink}">{NoteCountwithLabel}</a> / <a title="reblog this" href="{ReblogURL}">↻</a></div>

518
{/block:indexpage}

519
{block:If2Column}

520
{Video-250}

521
{/block:If2Column}

522
{block:If1Column}

523
{Video-500}

524
{/block:If1Column}<br>

525
{PlayCountWithLabel}

526
{/block:Video}

527
 

528
 

529
{block:Link}

530
{block:indexpage}

531
<div class="txtperm">{timeago} with <a title="note count" href="{Permalink}">{NoteCountwithLabel}</a> / <a title="reblog this" href="{ReblogURL}">↻</a></div>

532
{/block:indexpage}

533
<div class="linkpost">

534
<h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>

535
{block:Description}{Description}{/block:Description}</div>

536
{/block:Link}

537
 

538
{block:Chat}

539
{block:indexpage}

540
<div class="txtperm">{timeago} with <a title="note count" href="{Permalink}">{NoteCountwithLabel}</a> / <a title="reblog this" href="{ReblogURL}">↻</a></div>

541
{/block:indexpage}

542
<div class="chatpost">

543
{block:Lines}

544
{block:Label}

545
<br>{Label}

546
{/block:Label}

547
&nbsp;{Line}

548
{/block:Lines}</div>

549
{/block:Chat}

550
 

551
{block:Audio}

552
{block:indexpage}

553
<div class="txtperm">{timeago} with <a title="note count" href="{Permalink}">{NoteCountwithLabel}</a> / <a title="reblog this" href="{ReblogURL}">↻</a></div>

554
{/block:indexpage}

555
<div class="audiopost">{AudioPlayerBlack}

556
<br>{block:Artist}

557
Artist: {Artist}

558
{/block:Artist}<br>

559
{block:Caption}{Caption}{/block:Caption}</div>

560
{/block:Audio}

561
 

562
 

563
{block:Answer}

564
{block:indexpage}

565
<div class="txtperm">{timeago} with <a title="note count" href="{Permalink}">{NoteCountwithLabel}</a> / <a title="reblog this" href="{ReblogURL}">↻</a></div>

566
{/block:indexpage}

567
<div class="askpost">

568
{Asker} asked: <b>{Question}</b><br>

569
{Answer}</div>

570
{/block:Answer}

571
 

572
<a href="http://erupture.tumblr.com" title="theme by erupture"><div id="creds"></div></a>

573
574
{block:PermalinkPage}

575
<div class="perma_info">{block:Caption}{Caption}{/block:Caption}<br>

576
{block:Date}posted: {TimeAgo} on {ShortMonth} {DayofMonth}{DayofMonthSuffix}{/block:Date}<br>Notes: {block:NoteCount}{NoteCount}{/block:NoteCount}<br>{block:RebloggedFrom} Reblogged from <a title="VIA" href="{ReblogParentURL}">{ReblogParentName}</a><br>Posted by <a title="SOURCE" href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}<br>{block:HasTags}tags: {block:Tags}<a href="http://tumblr.com/{Tag}" target="blank">#{Tag}</a> {/block:Tags}{/block:hasTags}</div>

577
{/block:PermalinkPage}

578
{block:PostNotes}

579
<div id="stuff">{PostNotes}</div>

580
{/block:PostNotes}

581
</div>

582
{/block:Posts}

583
 

584
</div>

585
<!--Pagination-->

586
<div class="pagination">

587
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}

588
</div>

589
</body>

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