API tools faq
paste
View difference between Paste ID: W4QAhcrU and zrweYXm5
SHOW: | | - or go back to the newest paste.
1-
<!DOCTYPE html>
1+
!DOCTYPE html>
2
3
 <!--

4
5
	theme one version 1.0 by homemade themes

6
	created: december 2013, http://homemadethemes.tumblr.com

7
	

8
  -->

9
10
<html><head>

11
12
<title>{title}</title>

13
<meta name="description" content="{MetaDescription}" />

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

15
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

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

17
<meta name="viewport" content="width=1220" />

18
19
<!-- DEFAULT VARIABLES -->

20
<meta name="color:Background" content="#FFFFFF" />

21
<meta name="color:Center" content="#FFFFFF" />

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

23
<meta name="color:Link" content="#555555"/>

24
<meta name="color:Link Hover" content="#5c5c5c" />

25
<meta name="color:Scrollbar" content="#7e817e"/>

26
<meta name="image:Background" content="" />

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

28
<meta name="if:Rounded Photos" content="0"/>

29
<meta name="if:Show Blog Title" content="1"/>

30
<meta name="if:Show Photo Permalinks" content="1"/>

31
<meta name="if:Show Description" content="1"/>

32
<meta name="if:Show Sidebar" content="1"/>

33
<meta name="if:Show Photo Captions" content="0"/>

34
<meta name="text:Ask Title" content="Message" />

35
<meta name="text:Link One" content="" />

36
<meta name="text:Link One Title" content="" />

37
<meta name="text:Link Two" content="" />

38
<meta name="text:Link Two Title" content="" />

39
<meta name="text:Link Three" content="" />

40
<meta name="text:Link Three Title" content="" />

41
<meta name="text:Link Four" content="" />

42
<meta name="text:Link Four Title" content="" />

43
<meta name="text:Link Five" content="" />

44
<meta name="text:Link Five Title" content="" />

45
<!---   STYLESHEETS & STATIC UPLOADS   --->

46
<script src="http://static.tumblr.com/ek9ly4s/b0Bmxbk09/jquery-latest-homemadethemes.js"></script>

47
<script src="http://static.tumblr.com/ek9ly4s/am7mxbjx6/homemade.min.js"></script>

48
49
<style type="text/css">

50
51
html{

52
    {block:ifshowsidebar}padding-left:155px;{/block:ifshowsidebar}

53
    height:103%;}

54
55
body, p {

56
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

57
	font-style: normal;

58
	font-size: 12px;

59
	padding: 0px;

60
	margin: 0px;

61
	color:{color:text};}

62
63
body {

64
    {block:ifcrosshaircursor}cursor:crosshair;{/block:ifcrosshaircursor}

65
    background-color:{color:background};

66
    background-image:url({image:Background});

67
    background-attachment: fixed;

68
    background-repeat: repeat;}

69
70
a {

71
    text-decoration:none;

72
    color:{color:text};

73
    -webkit-transition: all 0.4s linear;

74
    -moz-transition: all 0.4s linear;

75
    transition: all 0.4s linear;}

76
77
a:link, a:active, a:visited{

78
    color: {color:Link};

79
    text-decoration: none;

80
    -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o    -transition: all   0.6s ease-out;transition: all 0.6s ease-out;}

81
82
a:hover{

83
    color:{color:link hover};}

84
85
img {

86
    {block:ifRoundedPhotos}border-radius:5px;{/block:ifroundedphotos}}

87
    

88
img:hover{

89
    opacity:1.0;

90
    -webkit-transition: all 0.6s ease-out;

91
    -moz-transition: all 0.6s ease-out;

92
    -o-transition: all   0.6s ease-out;

93
    -transition: all 0.6s ease-out;

94
    {block:ifcrosshaircursor}cursor:crosshair;{/block:ifcrosshaircursor}}

95
    

96
#infscr-loading{

97
    height:55px;

98
    width:55px;

99
    padding:0px 10px 5px 5px;

100
    background-color:white;

101
    border-radius:5px;

102
    {block:ifnotinfinitescroll}

103
    display:none;visibility: hidden;opacity:0;

104
    {/block:ifnotinfinitescroll}

105
    z-index:999999999999999999;

106
    bottom: 3px;

107
    position: absolute;

108
    left: 50%;

109
    margin-left:-16px;

110
    overflow:hidden;

111
    margin-bottom: 25px;}

112
113
.clear {

114
    text-align:left;

115
    clear:both;}

116
117
#entry.masonry-brick {

118
    top: 0 !important;

119
    left: 0 !important;}

120
121
.title{

122
    display:block;

123
    font-size:14px;

124
    margin-bottom:7px;}

125
126
blockquote{

127
    padding:0px 0px 2px 1px;

128
    margin:0px 0px 2px 1px;

129
    border-left: 1px dotted #555555;}

130
131
.description{

132
    text-align:left;}

133
134
#header{

135
    z-index:999999999999;

136
    padding-left:0px;

137
    width:800px;

138
    margin:auto;

139
    height:auto;

140
    margin-top:50px;

141
    text-align:center;}

142
    

143
.nav-tabs {

144
    {block:indexpage}

145
    border-bottom: 1px solid #dddddd;

146
    {/block:indexpage}}

147
148
#content{

149
    background-color:{color:center};

150
    margin:auto;position:relative;width:800px;

151
    border-left:1px solid #dddddd;

152
    border-right:1px solid #dddddd;

153
    {block:permalinkpage}

154
    border-bottom: 1px solid #dddddd;

155
    {/block:permalinkpage}}

156
157
{block:indexpage}

158
    @media (max-width: 1100px) {

159
        #content{width:535px;}}

160
 

161
    @media (max-width:900px) {

162
        #content{width:270px;}}

163
 

164
    @media (max-width: 1100px) {

165
        #header{width:535px;}}

166
 

167
    @media (max-width:900px) {

168
        #header{width:270px;}}

169
{/block:indexpage}

170
171
172
.sidebar{

173
    border-radius: 4px 0px 4px 4px;

174
    z-index:1;

175
    text-align:left;

176
    border-left:1px solid #dddddd;

177
    border-top:1px solid #dddddd;

178
    border-bottom:1px solid #dddddd;

179
    border-right:1px solid {color:center};

180
    width:210px;

181
    background-color:{color:center};

182
    padding:15px;

183
    margin-left:-241px;

184
    position:fixed;

185
    top:150px;

186
    font-size:12px;}

187
188
{block:ifshowdescription}

189
    .sidebar img{

190
        margin-bottom:5px;}

191
{/block:ifshowdescription}

192
193
 @media (max-width:900px) {

194
    .sidebar{top:205px;}}

195
196
.entry{

197
    margin:5px;

198
    padding:3px 3px 0px 3px;

199
    background-color:{color:center};

200
    {block:IndexPage}

201
    width:250px;

202
    overflow:hidden;

203
    {/block:IndexPage}

204
    {block:PermalinkPage}

205
    width:780px;

206
    padding-right:8px;

207
    padding-bottom:50px;

208
    text-align:;

209
    height:auto;

210
    {/block:PermalinkPage}}

211
    

212
{block:IndexPage}

213
.entry img{

214
    width:250px;}

215
{/block:IndexPage}

216
217
/*  SCROLL BAR APPEARANCE  */

218
::-webkit-scrollbar-thumb:vertical {

219
    background-color:{color:scrollbar};

220
    height:10px;

221
    width:10px;

222
    opacity:1;

223
    -webkit-border-radius:0px;

224
    border:3px {color:background} solid;}

225
226
::-webkit-scrollbar-thumb:horizontal {

227
    background-color:#4c4f50;

228
    opacity:1;

229
    height:10px !important;

230
    border:3px {color:background} solid;

231
    -webkit-border-radius:0px;}

232
233
::-webkit-scrollbar {

234
    height:10px;

235
    width:10px;

236
    background-color:{color:background};

237
    -webkit-border-radius:0px;}

238
239
::-webkit-scrollbar-corner {

240
    background-color:{color:background};}

241
242
::-webkit-resizer {

243
    background-color:{color:background};}

244
    

245
.noteslabel{

246
    margin-left:3px;

247
    float: left;border-radius:3px;

248
    padding:7px;

249
    height:20px;line-height:20px;

250
    background-color:#ffffff;

251
    text-transform:uppercase;}

252
    

253
.noteslabel a{

254
    color:gray;

255
    font-size:15px;}

256
257
.video{

258
	width:250px;

259
	height:auto;}

260
261
.xnotes{

262
	text-align:right;

263
	margin-top:8px;}

264
	

265
.chat{

266
	padding:3px 3px 6px 3px;

267
	-webkit-transition: all 0.5s linear;

268
	-webkit-transition: all 0.5s linear;

269
	-moz-transition: all 0.5s linear;

270
	transition: all 0.5s linear;}

271
272
#chat{

273
	margin:0; list-style:none;

274
	padding:0;opacity:1;}

275
276
 #chat li{

277
     padding:7px 10px;}

278
279
 #chat li:nth-child(even) {

280
	background-color:#dddddd;

281
	opacity:1;

282
	border-radius:5px;}

283
284
 #chat li span{

285
	text-transform:uppercase;}

286
287
.photo_caption{

288
	padding:5px 0px 5px 0px;

289
	text-align:right;}

290
291
.xspace{

292
    display:block;

293
    margin-top:7px;

294
}

295
	

296
.nav-tabs > li.active > a,

297
.nav-tabs > li.active > a:hover,

298
.nav-tabs > li.active > a:focus {

299
  z-index:9999999999999999999;

300
  color:{color:link};

301
  cursor: default;

302
  background-color:{color:center};

303
  border-left: 1px solid #dddddd;

304
  border-top: 1px solid #dddddd;

305
  border-right: 1px solid #dddddd;

306
  border-bottom: 1px solid {color:center};

307
}

308
309
 @media (max-width:900px) {

310
.nav-tabs > li.active > a,

311
.nav-tabs > li.active > a:hover,

312
.nav-tabs > li.active > a:focus { 

313
    {block:ifbackgroundimage}

314
    background-color:transparent;

315
    {/block:ifbackgroundimage}

316
    {block:ifnotbackgroundimage}

317
    background-color:{color:background};

318
    {/block:ifnotbackgroundimage}

319
    border: 0px solid #dddddd;}}

320
321
#xpages{

322
    margin:0 5px;

323
    padding:5px 0;

324
    text-align:

325
    right;

326
    line-height:20px}

327
    

328
#xpages a,#xpages span{

329
    padding:5px}

330
    

331
#xpages li{

332
    display:inline}

333
    

334
#xpages li.prev:first-child .s{

335
    display:none}

336
    

337
338
{block:ifshowphotocaptions}

339
.permalinks{

340
        top:-6px;}

341
{/block:ifshowphotocaptions}

342
        

343
        

344
{CustomCSS}

345
</style>

346
347
{block:IndexPage}

348
{block:Pagination}

349
<div id="pagination">

350
{block:NextPage}

351
<a id="nextPage" href="{NextPage}"></a>

352
{/block:NextPage}

353
{block:PreviousPage}

354
<a href="{PreviousPage}"></a>

355
{/block:PreviousPage}

356
</div>

357
{/block:Pagination}

358
{/block:IndexPage}

359
</head><body>

360
361
<link href="http://static.tumblr.com/ek9ly4s/Bdxmxbtjg/nav_homemadethemes.css" rel="stylesheet">

362
<link href="http://static.tumblr.com/ek9ly4s/iDNmxbk31/drop_homemadethemes.css" rel="stylesheet">

363
364
<div id="header">

365
<ul class="nav nav-tabs">

366
{block:ifshowblogtitle}

367
<li class="active"><a href="/">{title}</a></li>

368
{/block:ifshowblogtitle}

369
<li {block:ifnotshowblogtitle}class="active"{/block:ifnotshowblogtitle}>

370
<a href="/" title="Refresh"> Home</a></li>

371
{block:AskEnabled}<li><a href="/ask" title="{AskLabel}"> {text:Ask Title}</a></li>{/block:AskEnabled}

372
<li><a href="http://homemadethemes.tumblr.com" target="_blank" title="Theme Maker"> Theme</a></li>

373
374
375
<li class="dropdown">

376
<a class="dropdown-toggle" data-toggle="dropdown" href="#">

377
Dropdown <span class="caret"></span>

378
</a>

379
<ul class="dropdown-menu">

380
<li class="dropdown-header">Navagation:</li>

381
{block:ifLinkOneTitle}

382
<li><a href="{text:Link One}">  {text:Link One Title}</a> </li>{/block:ifLinkOneTitle}

383
{block:ifLinkTwoTitle}

384
<li><a href="{text:Link Two}">  {text:Link Two Title}</a> </li>{/block:ifLinkTwoTitle}

385
{block:ifLinkThreeTitle}

386
<li><a href="{text:Link Three}">  {text:Link Three Title}</a> </li>{/block:ifLinkThreeTitle}

387
{block:ifLinkFourTitle}

388
<li><a href="{text:Link Four}">  {text:Link Four Title}</a> </li>{/block:ifLinkFourTitle}

389
{block:ifLinkFiveTitle}

390
<li><a href="{text:Link Five}">  {text:Link Five Title}</a> </li>{/block:ifLinkFiveTitle}

391
{block:SubmissionsEnabled}<li><a href="/submit" title="{SubmitLabel}" target="_blank"> Submit</a></li> {/block:SubmissionsEnabled} 

392
<li><a href="/archive" title="View my blogging history" target="_blank"> Archive</a></li>

393
<li><a href="{RSS}" title="Really Simple Syndication" target="_blank"> RSS</a></li>

394
</ul>

395
</li>

396
397
</ul>

398
</li>

399
400
</div>

401
</div>

402
403
<div id="content" class="infinite-scroll">

404
405
{block:ifshowsidebar}

406
<div class="sidebar">

407
<center>

408
{block:ifsidebarimage}<center><a href="/"><img src="{image:sidebar}" style="width:100%;" class="img"></a></center>{/block:ifsidebarimage}

409
410
{block:ifshowdescription}

411
<div class="description">{description}</div>

412
{/block:ifshowdescription}

413
</div>

414
{/block:ifshowsidebar}

415
416
{block:Posts}

417
<div id="content" class="infinite-scroll">

418
<div class="entry">

419
420
{block:Photo}

421
{block:IndexPage}

422
<div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}" widht="250"/> </a>{LinkCloseTag}</div>

423
{block:ifshowphotopermalinks}

424
<div class="permalinks">

425
<ul class="buttons">

426
<li>{ReblogButton color="gray" size="20"}</li>

427
<li>{likeButton color="gray" size="20"}</li>

428
<div class="noteslabel"><a href="{Permalink}">{NoteCount}</a></div>

429
</ul>

430
</div>{/block:ifshowphotopermalinks}

431
{Block:ifshowphotocaptions}{block:Caption}<div class="photo_caption">{Caption}</div>{/block:Caption}{/Block:ifshowphotocaptions}

432
{/block:IndexPage}

433
{block:PermalinkPage}<div class="photobig"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"/></div>

434
{/block:PermalinkPage}

435
{/block:Photo}

436
437
{block:Photoset}

438
<center>

439
<div class="photoset">

440
{block:IndexPage}{Photoset-250}

441
{block:ifshowphotopermalinks}

442
<div class="permalinks">

443
<ul class="buttons">

444
<li>{ReblogButton color="gray" size="20"}</li>

445
<li>{likeButton color="gray" size="20"}</li>

446
<div class="noteslabel"><a href="{Permalink}">{NoteCount}</a></div>

447
</ul>

448
</div>{/block:ifshowphotopermalinks}

449
{Block:ifshowphotocaptions}{block:Caption}<div class="photo_caption">{Caption}</div>{/block:Caption}{/Block:ifshowphotocaptions}

450
{/block:IndexPage}

451
{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}

452
</center>

453
{/block:Photoset}

454
455
{block:Text}

456
<div class="text"><div style="padding:3px;">

457
<span class="title">{Title}</span>

458
{Body}

459
{block:IndexPage}

460
<a href="{Permalink}"><div class="xnotes">{NoteCountwithLabel}</div></a></div></div>

461
{/block:IndexPage}

462
{/block:Text}

463
464
{block:Link}

465
<div class="text"><div style="padding:3px;">

466
<center><a href="{URL}"><span class="title">{Name}</span></a></center>

467
<div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>

468
{block:IndexPage}

469
<a href="{Permalink}"><div class="xnotes">{NoteCountwithLabel}</div></a></div></div>

470
{/block:IndexPage}

471
{block:Link}

472
473
{block:Quote}

474
<div class="text"><div style="padding:3px;">

475
<div style="margin-left:3px;">

476
{Quote}</span>

477
{block:Source}<strong>{Source}</strong>{/block:Source}

478
</div>

479
{block:IndexPage}

480
<a href="{Permalink}"><div class="xnotes">{NoteCountwithLabel}</div></a></div></div>

481
{/block:IndexPage}

482
{/block:Quote}

483
484
485
{block:Chat}

486
<div class="chat">

487
{block:Title}

488
<a href="{Permalink}">

489
<div class="title">{Title}</div></a>

490
{/block:Title}

491
<ul id="chat">

492
{block:Lines}

493
<li class="{Alt} user_{UserNumber}">

494
{block:Label}

495
<span class="label">{Label}</span>

496
{/block:Label}

497
{Line}

498
</li>

499
{/block:Lines}

500
</ul>

501
</div>

502
{block:IndexPage}

503
<a href="{Permalink}"><div class="xnotes">{NoteCountwithLabel}</div></a>

504
{/block:IndexPage}

505
{/block:Chat}

506
507
{block:Audio}

508
<div class="audio">

509
{block:AlbumArt}{block:indexpage}<a href="{Permalink}">{/block:indexpage}<img src="{AlbumArtURL}" alt="{PhotoAlt}" style="{block:indexpage}width:250px;{/block:indexpage}{block:permalinkpage}width:500px;height:500px;{/block:permalinkpage}"/>{/block:AlbumArt}

510
<center>

511
<div style="padding:10px;>{AudioPlayerGrey}

512
</div>

513
{block:IndexPage}

514
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}

515
<a href="{Permalink}"><div class="xnotes">{block:PlayCount}{FormattedPlayCount} Plays / {/block:PlayCount} {NoteCountwithLabel}</div></a>

516
{/block:IndexPage}

517
</div></center>

518
{/block:Audio}

519
520
{block:Answer}

521
<div class="text"><div style="padding:10px;">

522
<b>Q</b>: {Question}<br>

523
<div class="xspace">{Answer}</div>

524
<div class="xspace"><i>asked by {Asker}</i></div>

525
{block:IndexPage}

526
<a href="{Permalink}"><div class="xnotes">{NoteCountwithLabel}</div></a>

527
{/block:IndexPage}</div></div>{/block:Answer}

528
529
{block:Video}

530
{block:IndexPage}

531
<div class="video">

532
<center>{Video-250}</center>

533
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}

534
<a href="{Permalink}"><div class="xnotes">{block:PlayCount}{FormattedPlayCount} Plays / {/block:PlayCount} {NoteCountwithLabel}</div></a></div>

535
{/block:IndexPage}

536
{block:PermalinkPage}

537
<center>{Video-500}</center>

538
{/block:PermalinkPage}

539
{block:Video}

540
541
{block:PermalinkPage}

542
{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}

543
{/block:PermalinkPage}

544
545
{block:PostNotes}

546
<div class="notess">{block:Caption}{Caption}{/block:Caption}

547
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}

548
<br>{PostNotes}</div>

549
{/block:PostNotes}

550
</div>

551
</div>

552
{/block:Posts}

553
554
555
556
<!-- INFINTE SCROLL SCRIPT -->

557
<script type="text/javascript" src="http://static.tumblr.com/ek9ly4s/9Z7mxbk9o/jquery142.min.js"></script>

558
<script type="text/javascript" src="http://static.tumblr.com/ek9ly4s/ts7mxbkbc/infinite-scroll.js"></script></script><script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>

559
<script type="text/javascript">

560
$(window).load(function () {

561
var $content = $('#content');

562
$content.masonry({itemSelector: '.entry', columnWidth:0

563
});

564
$content.infinitescroll({

565
navSelector : 'div#pagination',

566
nextSelector : 'div#pagination a#nextPage',

567
itemSelector : '.entry',

568
loading: {/*Loading...*/

569
finishedMsg: '',

570
img: 'http://static.tumblr.com/ek9ly4s/cmzmxd5xz/ajax-loader__2_.gif'

571
},

572
bufferPx :200,

573
extraScrollPx: 550,

574
debug : false,

575
},

576
// call masonry as a callback.

577
function( newElements ) {

578
window.n = window.n || 0;

579
Tumblr.LikeButton.get_status_by_page(++window.n);

580
var $newElems = $( newElements );

581
$newElems.hide();

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

583
$newElems.imagesLoaded(function(){

584
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(1500);} );

585
});

586
});

587
});

588
</script>

589
590
<script>

591
     $(document).ready(function(){

592
        $('.dropdown-toggle').dropdown()

593
    });

594
</script>

595
596
<script type="text/javascript" src="http://static.tumblr.com/ek9ly4s/8cAmx5h6j/bootstrap.min.js"></script>

597
598
{block:Pagination}

599
<div id="pagination">

600
{block:NextPage}

601
<a id="nextPage" href="{NextPage}"></a>

602
{/block:NextPage}

603
{block:PreviousPage}

604
<a href="{PreviousPage}"></a>

605
{/block:PreviousPage}

606
</div>

607
{/block:Pagination}

608
{/block:IndexPage}

609
</div></div></div></div>

610
611
612
613
</body></html><!-- END OF THEME -->
        

    


            


                                


        

            



                
    

        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!