API tools faq
paste
View difference between Paste ID: u5mfnbbE and GS1CxbU1
SHOW: | | - or go back to the newest paste.
1-
THIS THEME IS NO LONGER AVAILABLE - I HAVE MOVED TO SUGARDESIGNS.TUMBLR.COM
1+
<!DOCTYPE html>
2
<html>
3
<head>
4
5
<!--
6
A THEME BY SODAPOPCODES - THEME ONE
7
8
    - icons by themehive
9
    - fonts from google fonts
10
    - .css photosets by annasthms, espoirthemes
11
    - special thanks to bychloethemes' undocumented documentation
12
13
--> 

14
15
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<meta charset="utf-8"><meta name="viewport" content="initial-scale=1.0, width=device-width" /><title>{Title}{block:TagPage} | {Tag} {/block:TagPage} {block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary} {/block:PostSummary}</title>

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

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

19
20
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script><link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,800,900" rel="stylesheet">

21
22
<meta name="image:Sidebar" content="" />

23
24
<meta name="color:Background Color" content="" />

25
<meta name="color:Body Font Color" content="" />

26
<meta name="color:Links Color" content="" />

27
<meta name="color:Borders Color" content="" />

28
<meta name="color:Posts Color" content="" />

29
<meta name="color:Accent One Color" content="" />

30
<meta name="color:Accent Two Color" content="" />

31
<meta name="color:Accent Three Color" content="" />

32
33
<meta name="text:Link One" content="refresh" />

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

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

36
<meta name="text:Link Two URL" content="/ask">

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

38
<meta name="text:Link Three URL" content="/tags">

39
40
<meta name="select:Posts Width" content="250px" />

41
<meta name="select:Posts Width" content="300px" />

42
<meta name="select:Posts Width" content="350px" />

43
<meta name="select:Posts Width" content="400px" />

44
<meta name="select:Posts Width" content="450px" />

45
<meta name="select:Posts Width" content="500px" />

46
<meta name="select:Posts Width" content="540px" />

47
48
<meta name="text:Font Size" content="10px" />

49
50
<meta name="text:Title" content="Title Here">

51
<meta name="text:Description" content="You can make your description as long as you like, it will stretch the sidebar. Shorter would look better, but go wild, be creative.">

52
<meta name="text:Subtitle One" content="One line here.">

53
<meta name="text:Subtitle Two" content="tracking #username">

54
55
<meta name="if:Subtitle One" content="1"/>

56
<meta name="if:Subtitle Two" content="1"/>

57
<meta name="if:Searchbar" content="1"/>

58
59
60
<style type="text/css">

61
62
::-moz-selection {

63
    background: {color:Accent Two Color};

64
    color: {color:Background Color};

65
}

66
67
::selection {

68
    background: {color:Accent Two Color};

69
    color: {color:Background Color};

70
}

71
72
::-webkit-scrollbar {

73
    width:10px;

74
}

75
76
::-webkit-scrollbar-track {

77
    background:{color:Accent One Color}; 

78
}

79
80
::-webkit-scrollbar-thumb {

81
    background:{color:Background Color};

82
}

83
84
::-webkit-scrollbar-thumb:window-inactive {

85
    background: transparent; 

86
}

87
88
#s-m-t-tooltip {

89
    max-width:300px;

90
    margin:20px;

91
    border:1px solid {color:Borders Color};

92
    background:{color:Accent One Color}; 

93
    font-family:'Montserrat', sans-serif;

94
    font-size:7px;

95
    text-transform:uppercase;

96
    letter-spacing:1px;

97
    padding:7px;

98
    padding-left:10px;

99
    padding-right:10px;

100
    color:{color:Background Color};

101
    z-index:999999999999999999999999999999999999;

102
}

103
104
body {

105
    background:{color:Background Color};

106
    font-family:'Montserrat', sans-serif;

107
    font-size:{text:Font Size};

108
    color:{color:Body Font Color};

109
    line-height:15px;

110
    letter-spacing:.5px;

111
    text-align:justify;

112
}

113
114
a {

115
    color:{color:Links Color};

116
    text-decoration:none;

117
    -moz-transition-duration: 3s;

118
    -o-transition-duration: 3s;

119
    -webkit-transition-duration: 3s;

120
    transition-duration: 3s;

121
}

122
123
a:hover {

124
    color:{color:Accent Three Color};

125
    -moz-transition-duration: 3s;

126
    -o-transition-duration: 3s;

127
    -webkit-transition-duration: 3s;

128
    transition-duration: 3s;

129
}

130
131
b, strong {

132
    color:{color:Accent One Color};

133
    font-weight:500;

134
}

135
136
i, em {

137
    color:{color:Accent Two Color};

138
}

139
    

140
small, sup, sub {

141
    font-size:{text:Font Size};

142
}

143
144
iframe.tmblr-iframe {

145
    z-index:99999999999999!important;

146
    top:0!important;

147
    right:0!important;

148
    opacity:0.4;

149
    filter:invert(1) contrast(150%);

150
    -webkit-filter:invert(1) contrast(150%);

151
    -o-filter:invert(1) contrast(150%);

152
    -moz-filter:invert(1) contrast(150%);

153
    -ms-filter:invert(1) contrast(150%);

154
    transform:scale(0.65);

155
    transform-origin:100% 0;

156
    -webkit-transform:scale(0.65);

157
    -webkit-transform-origin:100% 0;

158
    -o-transform:scale(0.65);

159
    -o-transform-origin:100% 0;

160
    -moz-transform:scale(0.65);

161
    -moz-transform-origin:100% 0;

162
    -ms-transform:scale(0.65);

163
    -ms-transform-origin:100% 0;

164
}

165
166
iframe.tmblr-iframe:hover {

167
    opacity:0.6!important;

168
}

169
170
small, big {

171
    font-size:{text:Font Size};

172
}

173
174
iframe, img, embed, object, video {

175
    max-width: 100%;

176
}

177
178
blockquote {

179
    border-left:2px solid {color:Accent One Color};

180
    margin-left:10px;

181
    margin-right:10px;

182
    padding:7px;

183
    background:{color:Background Color};

184
}

185
186
blockquote blockquote {

187
    border-left:2px solid {color:Accent Two Color};

188
    margin-left:10px;

189
    margin-right:10px;

190
    padding:7px;

191
    background:{color:Posts Color};

192
}

193
194
pre {

195
    background:{color:Accent One Color};

196
    padding:5px;

197
    text-align:center;

198
    font-size:calc({text:Font Size} - 1px);

199
    color:{color:Background Color};

200
    font-family:'Montserrat', sans-serif;

201
    text-transform:uppercase;

202
    white-space: pre-wrap; 

203
    white-space: -moz-pre-wrap; 

204
    white-space: -pre-wrap; 

205
    white-space: -o-pre-wrap; 

206
    word-wrap: break-word; 

207
}

208
209
h1 {

210
    font-size:calc({text:Font Size} + 2px);

211
    text-align:center;

212
    text-transform:uppercase;

213
    border:1px solid {color:Borders Color};

214
    color:{color:Posts Color};

215
    letter-spacing:1px;

216
    margin-top:0px;

217
    padding:15px; 

218
    background:{color:Accent One Color}; 

219
}

220
221
h1 a {

222
    color:{color:Posts Color};

223
}

224
225
h2 a {

226
    color:{color:Posts Color};

227
}

228
229
h2 {

230
    font-size:{text:Font Size};

231
    text-transform:uppercase;

232
    text-align:center;

233
    padding:5px;

234
    background:{color:Accent Two Color};

235
    color:{color:Posts Color};

236
}

237
238
h8 {

239
    text-transform:uppercase;

240
    font-size:calc({text:Font Size} - 2px);

241
    padding:5px;

242
    margin-bottom:15px;

243
    padding-left:15px;

244
    color:{color:Accent One Color};

245
}

246
247
h8 a{

248
    color:{color:Accent Two Color}; 

249
}

250
251
#content {

252
    max-width:800px;

253
    margin:0 auto;

254
    margin-top:50px;

255
}

256
257
#sidebar {

258
    position:fixed;

259
    width:220px;

260
    background:{color:Posts Color};

261
    border:1px solid {color:Borders Color};

262
}

263
264
#sidebar img {

265
    width:150px;

266
    text-align:center;

267
    margin:30px;

268
    padding:5px;

269
    border:1px solid {color:Borders Color};

270
    border-radius:250px;

271
    margin-bottom:0px;

272
}

273
274
#description {

275
    width:180px;

276
    padding:20px;

277
}

278
279
#prev {

280
    background:{color:Accent One Color};

281
    padding:10px;

282
    text-align:center;

283
    margin:5px;

284
    margin-top:-5px;

285
    color:{color:Posts Color};

286
    margin-left:-20px;

287
    margin-right:-20px;

288
}

289
290
#tracking {

291
    background:{color:Accent Two Color};

292
    padding:10px;

293
    text-align:center;

294
    margin:5px;

295
    margin-top:-5px;

296
    color:{color:Posts Color};

297
    margin-left:-20px;

298
    margin-right:-20px;

299
}

300
301
#navigation {

302
    width:210px;

303
    padding-left:9px;

304
    padding-right:0px;

305
    margin-top:-15px;

306
    margin-bottom:10px;

307
}

308
309
#link:hover {

310
    background:{color:Accent One Color};

311
        -moz-transition-duration: 3s;

312
    -o-transition-duration: 3s;

313
    -webkit-transition-duration: 3s;

314
    transition-duration: 3s;

315
}

316
317
#link{

318
    background:{color:Background Color};

319
    padding:7px;

320
    font-size:9px;

321
    width:46px;

322
    margin-right:10px;

323
    text-align:center;

324
    display:inline-block;

325
}

326
327
#searchinput {

328
    display:inline-block;

329
    font-family:'montserrat';

330
    border:none;

331
    outline:none;

332
    background:transparent;

333
    color:{color:Body Font Color};

334
    font-size:7px;

335
    letter-spacing:2px;

336
    text-transform:uppercase;

337
}

338
339
#searchtext {

340
    background:{color:Background Color};

341
    padding:5px;

342
    border:none;

343
    display:inline-block;

344
    outline:none;

345
    width:110px;

346
	font-size:10px;

347
}

348
349
.search {

350
    background:{color:Background Color};

351
    width:200px;

352
	font-size:10px;

353
}

354
355
#searchbar {

356
    width:190px;

357
    padding:10px;

358
    margin-top:-10px;

359
	font-size:10px;

360
}

361
362
#pagination {

363
    width:180px;

364
    padding:20px;

365
    font-size:8px;

366
    min-height:8px;

367
    margin-top:8px;

368
    text-align:center;

369
    background:{color:Background Color};

370
}

371
372
#pagination a {

373
    margin-left:7px;

374
    margin-right:7px;

375
}

376
377
.current_page {

378
    background:{color:Accent Two Color};

379
    padding:7px;

380
    padding-left:11px;

381
    padding-right:11px;

382
    border-radius:100px;

383
    color:{color:Background Color};

384
}

385
386
#posts {

387
    margin-left:260px;

388
    width:{select:Posts Width};

389
    margin-bottom:60px;

390
    padding:20px;

391
    background:{color:Posts Color};

392
    border:1px solid {color:Borders Color};

393
}

394
395
#postinfo {

396
    margin:-20px;

397
    padding:20px;

398
    line-height:8px;

399
    background:{color:Background Color};

400
    border-bottom:1px solid {color:Borders Color};

401
}

402
403
#tags {

404
    background:{color:Borders Color};

405
    padding:5px;

406
    padding-left:10px;

407
    padding-right:10px;

408
    margin-left:-20px;

409
    margin-right:-20px;

410
    margin-top:20px;

411
    font-size:7px;

412
    text-transform:uppercase;

413
    text-align:center;

414
    margin-bottom:20px;

415
}

416
417
[photoset-layout] {

418
    grid-column-gap: 10px; 

419
    grid-row-gap: 5px; 

420
    grid-gap: 15px; 

421
}

422
423
[photoset-layout] div {

424
    cursor: pointer;

425
    margin-bottom:0px;

426
}

427
428
#question {

429
    padding:20px;

430
    padding-bottom:10px;

431
    background:{color:Background Color};

432
}

433
434
#asker {

435
    background:{color:Accent One Color};

436
    padding:10px;

437
    text-align:center;

438
    font-weight:700;

439
    font-size:{text:Font Size};

440
    text-transform:lowercase;

441
    color:{color:Posts Color};  

442
}

443
 

444
.video {

445
    width:{select:Posts Width};

446
}

447
448
.quote {

449
    font-size:calc({text:Font Size} + 2px);

450
    text-align:center;

451
    background:{color:Background Color};

452
    padding:20px;

453
    margin-bottom:10px;

454
    padding-left:10px;

455
}

456
457
.quote:before {

458
    font-family:'honeybee';

459
    content:'\eca8';

460
    font-size:25px;

461
    padding-right:20px;

462
    color:{color:Accent One Color};

463
}

464
465
#source {

466
    background:{color:Accent One Color};

467
    padding:10px;

468
    margin-left:-10px;

469
    margin-right:-20px;

470
    margin-bottom:-20px;

471
    margin-top:15px;

472
    font-size:{text:Font Size};

473
    color:{color:Posts Color};

474
    font-weight:700;

475
    text-align:center;

476
}

477
478
.chat li {

479
    list-style:none;

480
    padding:10px;

481
    margin-top:-10px;

482
    margin-bottom:10px;

483
    margin-left:-40px;

484
}

485
486
.chat li:nth-of-type(odd){

487
    background:{color:Background Color}

488
} 

489
490
.chat li:nth-of-type(even){

491
    background:{color:Accent Three Color};

492
}

493
 

494
.songart img{

495
    width:85px;

496
    height:85px; 

497
    display:inline-block;

498
}

499
500
.songtitle {

501
    float:right;

502
    display:inline-block;

503
    margin-left:82px;

504
    width:calc({select:Posts Width} - 105px);

505
    padding:20px;

506
    background:{color:Background Color};

507
    color:{color:Accent Two Color};

508
    margin-top:-89px;

509
    text-transform:lowercase;

510
    text-align:center;

511
    font-size:18px;

512
    font-weight:bold;

513
}

514
515
.songauthor {

516
    float:right;

517
    display:inline-block;

518
    margin-left:82px;

519
    width:calc({select:Posts Width} - 85px);

520
    padding:7px;

521
    background:{color:Accent Three Color};

522
    color:{color:Accent Two Color};

523
    margin-top:-33px;

524
    text-transform:lowercase;

525
    text-align:center;

526
    font-weight:italic;

527
    margin-bottom:15px;

528
}

529
530
.playbutton {  

531
    width:25px;

532
    padding:10px;

533
    padding-right:17px;

534
    border-radius:5px;

535
    padding-bottom:20px;

536
    margin-top:-70px;

537
    margin-left:15px;

538
    height:20px;

539
    background-color:{color:Background Color}; 

540
    overflow: hidden; 

541
    z-index: 1000; 

542
    opacity: 0.5;

543
} 

544
545
#pagenotes {

546
    margin-left:220px;

547
    width:calc({select:Posts Width} + 40px);

548
    margin-top:-40px;

549
}

550
551
#pagenotes ol {

552
    list-style:none;

553
}

554
555
#pagenotes li {

556
    width:calc({select:Posts Width} + 20px);

557
    background:{color:Posts Color};

558
    border:1px solid {color:Borders Color};

559
    margin-bottom:5px;

560
    padding:10px;

561
    line-height:16px;

562
    text-align:right;

563
    font-size:8px;

564
    text-transform:uppercase;

565
}

566
567
#pagenotes img {

568
    width:16px;

569
    border-radius:100px;

570
    float:left;

571
}

572
573
#credit {

574
    position:fixed;

575
    width:220px;

576
    margin-top:7px;

577
    text-align:center;

578
    font-size:7px;

579
    text-transform:uppercase;

580
}

581
582
583
{CustomCSS}

584
</style>

585
586
587
  

588
<script>

589
function gatherData(images, arr) {

590
for (let i = 0; i < images.length; i++) {

591
let currentData = {

592
"width": images[i].getAttribute('data-width'),

593
"height": images[i].getAttribute('data-height'),

594
"low_res": images[i].getAttribute('data-lowres'),

595
"high_res": images[i].getAttribute('data-highres')

596
};

597
arr.push(currentData);

598
}

599
}

600
function getIndex(elem) {

601
let i = 0;

602
while( (elem = elem.previousElementSibling) != null ) i++;

603
return i;

604
}

605
function lightbox(elem) {

606
let currentPhotoset = elem.parentNode;

607
let photosetPhotos = currentPhotoset.getElementsByTagName('div');

608
let data = [];

609
gatherData(photosetPhotos, data);

610
Tumblr.Lightbox.init(data, getIndex(elem) + 1);

611
}

612
</script>

613
614
</head>

615
<body>

616
617
618
<div id="content">

619
620
    <div id="sidebar">

621
        <img src="{image:Sidebar}">

622
        

623
    <div id="description">{text:Description} <br><br> 

624
        {block:IfSubtitleOne}<div id="prev">{text:Subtitle One} </div>{/block:IfSubtitleOne}{block:IfSubtitleTwo}<div id="tracking">  {text:Subtitle Two} </div>{/block:IfSubtitleTwo}

625
    </div>

626
    

627
    <div id="navigation"> 

628
        <div id="link"><a href="{text:Link One Url}" title="{text:Link One}">.01</a></div><div id="link"><a href="{text:Link Two Url}" title="{text:Link Two}">.02</a></div><div id="link"><a href="{text:Link Three Url}" title="{text:Link Three}">.03</a></div>

629
        </div>

630
631
   {block:IfSearchbar} <div id="searchbar">

632
    <form action="/search" method="get" class="search">

633
    <input type="text" name="q" value="{SearchQuery}" id="searchtext"/>

634
    <input type="submit" value=". . . search" id="searchinput"/>

635
    </form></div>{/block:IfSearchBar}

636
637
    <center><b><i>{text:Title}</i></b></center>

638
    

639
    <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="jump" style="float:left;font-size:12px;"><span class="th th-left-arrow"></span></a>{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}" class="jump" style="float:right;font-size:12px;"><span class="th th-right-arrow"></span></a>{/block:NextPage}{/block:Pagination}

640
    </div>  

641
642
<div id="credit">{CopyrightYears} | <a href="http://sodapopcodes.tumblr.com/">sodapopcodes</a></div>

643
    

644
</div>

645
646
647
{block:Posts}

648
649
<div id="posts">

650
651
<div id="postinfo"><a href="{Permalink}" title="posted on {Month} {DayOfMonth}{DayOfMonthSuffix} at {12Hour}:{Minutes} {AmPm}"> <span class="th th-clock-o" style="font-size:9.5px;"></span> <b style="font-size:9.5px;text-transform:uppercase;margin-top:-3px;margin-left:10px;">{NoteCount} NOTES</b> </a><a href="{ReblogURL}" title="Reblog This Post" style="float:right;"><span class="th th-reblog" style="font-size:9px;"></span> <b style="font-size:9.5px;text-transform:uppercase;margin-top:-3px;margin-left:10px;"> REBLOG</b></a> </div>

652
653
<div id="tags">{block:Tags} <a href="{TagURL}">#{Tag} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>{/block:Tags}</div>

654
655
{block:Text}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}<div class="captions">{Body}</div>{/block:Text}

656
657
{block:Photo}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{/block:Photo}

658
659
{block:Photoset}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>{/block:Photoset}

660
661
{block:Quote}<div class="quote">{Quote}{block:Source}

662
<div id="source">{Source}</div>{/block:Source}</div>{/block:Quote}

663
664
{block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}

665
666
{block:Chat}<ul class="chat">{block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}

667
  

668
{block:Audio}

669
{block:AlbumArt}<div class="songart"><img src="{AlbumArtURL}"></div>

670
{/block:AlbumArt}<div class="songtitle">{block:TrackName}{TrackName}

671
{/block:TrackName}</div><div class="songauthor">By {block:Artist}{Artist}{/block:Artist}</div><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>

672
{/block:Audio}

673
674
{block:Video}<div class="video">{VideoEmbed-700}</div>{/block:Video}

675
676
{block:Answer}

677
<div id="question">{Question}</div><div id="asker">{Asker} sent a message</div><div id="textpost">{Answer}</div>

678
{/block:Answer}

679
680
{block:Caption}

681
<div class="captions">{Caption}</div>

682
{/block:Caption} 

683
684
</div>

685
686
{block:PostNotes}<div id="pagenotes">{PostNotes}</div>{/block:PostNotes}

687
688
{/block:Posts}

689
690
</div>

691
692
693
<!-- THIS THEME IS CREATED BY AUTUMN (SODAPOPCODES) AND IS NOT TO BE REDISTRUBUTED WITHOUT PERMISSION. DO NO REMOVE CREDIT, REPOST, OR TAKE PIECE OF CODE TO USE AS A BASE CODE. DO NOT REMOVE CREDIT. FOR TROUBLESHOOTING PLEASE CONTACT MAKER DIRECTLY AT @SODAPOPCODES.TUMBLR.COM -->

694
695
696
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> 

697
698
<script> 

699
(function($){ 

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

701
$("[title],a[title],img[title]").style_my_tooltips({ 

702
tip_follows_cursor:true, 

703
tip_delay_time:90, 

704
tip_fade_speed:600, 

705
attribute:"title"

706
}); 

707
}); 

708
})(jQuery); 

709
</script> 

710
711
</body>

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