API tools faq
paste
View difference between Paste ID: PgPZ0nx6 and iM5XNet8
SHOW: | | - or go back to the newest paste.
1-
<!---This is theme 9 by tobemarissa.tumblr.com :) It is called Daisy.
1+
<!---This is theme 10 by tobemarissa.tumblr.com :) It is called New York City.
2
3
4
Please do not remove credit! If will find out if you do. This theme took a while, so just be nice and don't.

5
6
If you have any questions about the theme, feel dree you come to my ask and ask! :) 

7
8
Enjoy the theme!--->

9
10
11
12
13
<html>

14
15
<head>

16
17
<meta name="image:sidebar" content=""/>

18
<meta name="image:background" content="" />

19
<meta name="font:body" content="" />

20
<meta name="color:links" content="#d89d9d" />

21
<meta name="color:hover" content="#000000" />

22
<meta name="color:background" content="#ffffff" />

23
<meta name="color:sidebar" content="#ffffff">

24
<meta name="color:linkbacks" content="#cccccc" />

25
<meta name="text:link1url" content="" />

26
<meta name="text:link1title" content="" />

27
<meta name="text:titlebartext" content="diet mountain dew" />

28
<meta name="if:Link1" content="" />

29
30
31
<link rel="shortcut icon" href="{Favicon}">

32
33
<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>

34
35
<script type="text/javascript">

36
  WebFontConfig = {

37
    google: { families: [ 'Raleway:100:latin' ] }

38
  };

39
  (function() {

40
    var wf = document.createElement('script');

41
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +

42
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';

43
    wf.type = 'text/javascript';

44
    wf.async = 'true';

45
    var s = document.getElementsByTagName('script')[0];

46
    s.parentNode.insertBefore(wf, s);

47
  })(); </script>

48
 

49
50
51
52
<style type="text/css">

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

55
56
@import url(http://fonts.googleapis.com/css?family=Raleway:100);

57
58
59
60
/* GENERAL */

61
62
body{

63
    background-image:url('{image:background}');

64
    background-color:{color:background};

65
    background-attachment: fixed;

66
    background-repeat: repeat; 

67
    links color: {color:links};

68
    font-family:{font:body};

69
    font-size: 11px;

70
    }

71
    

72
    a {

73
    color:{color:links};

74
    -webkit-transition-duration:.5s; 

75
    }

76
77
a:hover {

78
    color:{color:hover};

79
    text-decoration: none;

80
}

81
82
div#titlebar{

83
    position: fixed;

84
    width:758px;

85
    background-color: #ffffff;

86
    background-image:url('http://i43.tinypic.com/96b448.png');

87
    height: 100px;

88
    opacity:.7;

89
    margin-top: -10px;

90
    font-size: 30px;

91
    margin-left:152px;

92
    text-align:center;

93
    z-index:1

94
}

95
    

96
/* SIDEBAR */

97
98
div#sidebar{

99
    position: fixed;

100
    width:200px;

101
    height: auto;

102
    margin-top: 220px;

103
    margin-left: 1000px; 

104
    border: 1px solid #eee;

105
    background-color:{color:sidebar};

106
    padding: 2px;

107
    font-size: 11px;

108
    }

109
    

110
    

111
div#title{

112
    font-size: 40px;

113
    position: fixed;

114
    font-family: 'Jenna Sue';

115
    top: 180px;

116
    left:1000px;

117
    padding: 2px;

118
    width:200px;

119
    height: auto;

120
    }

121
    

122
/* POSTS */    

123
124
img{

125
-webkit-transition: opacity 0.8s linear;

126
opacity: 0.80;

127
}

128
img:hover{

129
-webkit-transition: opacity 0.8s linear;

130
opacity: 1;

131
}

132
133
#posts {margin-top:-10px;float:left; padding-top:100px; 

134
width: 762px;

135
margin-left: 150px; overflow:hidden; background-color:#ffffff;}

136
137
138
.entry {margin:1px; padding: 1px 1px 1px 1px;height: auto; float:left;text-align: left; background: white;border: 0px solid #eee;-webkit-box-shadow: 5 5px 5px -6px black;-moz-box-shadow: 5 5px 5px -6px black;box-shadow: 5 5px 5px -6px black; width:250px;}

139
{block:PermalinkPage}width: 500px;{/block:PermalinkPage}

140
opacity: 0.8;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;transition: all 1s ease-out;}

141
142
.entry:hover {opacity: 1;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;transition: all 1s ease-out;}

143
144
.bubble {text-align:left;background: #eee; margin:7px 0px 5px 0px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:2px;border-radius:2px; font-size: 10px; color: black;} .bubble a{color: black;}

145
.bubble p {margin:1px 0px; font-size: 10px;}

146
.bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;font-size: 10px;}

147
148
.entry .perma{z-index: 1; background-color: black; position: absolute; top:5px;margin-left: 0px;opacity: 0;-webkit-transition: all .5s ease;-moz-transition: all .7s ease;-o-transition: all .5s ease;transition: all .5s ease;}

149
150
.entry:hover .perma{top:5px;margin-left: 0px; background-color:white; width: auto; overflow:visible;-webkit-transition: opacity 1s linear;opacity: 1;}

151
152
.perm {height: 20px;  background-color: white; width: 275;opacity:.8;position: absolute;text-align: center;margin-top:10px;-webkit-transition: opacity .8s linear; opacity: .8;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear; line-height: 25px;font-size: 9px; color: black;} .perm a {color: black;}

153
154
.perm:hover {opacity: .6;}

155
156
157
158
blockquote{

159
padding:0px 0px 2px 5px;

160
margin:0px 0px 2px 1px;

161
border-left: 1px dotted #555555;

162
}

163
164
blockquote p, ul{

165
margin:0px; 

166
padding:0px; 

167
}

168
169
170
a img{border: 0px;}

171
172
ul, ol, li{list-style:none; margin:0px; padding:0px;}

173
174
.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, 

175
.user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}

176
177
.notes img{width:10px; position:relative; top:3px;}

178
179
.permalink{

180
display: block;

181
font-size: 10px;

182
text-align: right;

183
text-decoration: none;

184
}

185
186
/* NAVIGATION */

187
188
189
#tbar {background-color:transparent; width:75px; height:110%; margin-left:1000px; margin-top:220px; position:fixed;  overflow:hidden; border-left:0px solid; border-right:0px solid; padding:0px}

190
 

191
#tlinks a {width:48px; height:10px; padding:5px 1px; display:block; color: black; background-color: {color:linkbacks}; font-family:consolas; font-size:10px; text-transform: lowercase; text-decoration: none; letter-spacing: 1px; margin-top:0px; margin-bottom:-3px}

192
#tlinks a:hover {color: {color:hoverlink}; text-transform: uppercase;}

193
194
.bubbles {

195
position:relative;

196
padding:10px;

197
left:85px;

198
background:#cfabab;

199
text-shadow: 1px 1px 1px #;

200
text-align:left;

201
font-size: 8px;

202
text-transform:uppercase;

203
font-family:"silkscreen";

204
width: 340px;

205
-moz-border-radius:10px;

206
-webkit-border-radius:10px;

207
border-radius:10px;

208
background:-moz-linear-gradient(top, #cfabab, #8a8a8a);

209
background:linear-gradient(top, #cfabab, #8a8a8a);

210
}

211
212
.bubbles:after {

213
content:"\00a0";

214
display:block; /* reduce the damage in FF3.0 */

215
position:absolute;

216
left:-15px;

217
top:10px;

218
width:0;

219
height:0;

220
border-width:15px 15px 0px;

221
border-style:solid;

222
border-color:#cfabab transparent;

223
}

224
225
226
227
    

228
</style>

229
230
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

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

233
234
235
<script>

236
$(function(){

237
var $container = $('#posts');

238
$container.imagesLoaded(function(){

239
$container.masonry({

240
itemSelector: '.entry',

241
});

242
});

243
$container.infinitescroll({

244
itemSelector : ".entry",

245
navSelector : "div.pagination",

246
nextSelector : ".pagination a#next",

247
loadingImg : "",

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

249
bufferPx : 10000,

250
extraScrollPx: 12000,

251
},

252
// trigger Masonry as a callback

253
function( newElements ) {

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

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

256
$newElems.imagesLoaded(function(){

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

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

259
});

260
}

261
);

262
});

263
</script>

264
265
266
267
    

268
</head>

269
270
<body>

271
272
<div id="title"><center>{Title}</center></div>

273
274
<center>

275
276
<div id="sidebar">

277
278
<a href="/"><img src="{image:sidebar}" width=200p;></a>

279
280
{Description}

281
282
<br><br>

283
<center>{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}</center>

284
    

285
</div>

286
287
</center>

288
289
<div id="titlebar">

290
    

291
</div>

292
293
<div id="tbar">

294
 

295
<div align="center" id="tlinks">

296
<a href="/">home</a><br />

297
<a href="/ask">ask</a><br />

298
{block:ifLink1}<a href="{text:link1url}">{text:link1title}</a><br />{/block:ifLink1}

299
<a href="http://tobemarissa.tumblr.com/tagged/themes">theme</a></div></div>

300
301
302
<div id="posts">

303
304
{block:Posts}

305
<div class="entry">

306
307
{block:Text}

308
{block:Title}<span class="title"><a href="{permalink}">{Title}</a></span>{/block:Title}

309
{Body}

310
{block:IndexPage}

311
<div style="text-align: right; border-top: 1px solid  #eee; padding: 3px;"><a href="{Permalink}" target="_blank"> {Timeago} with {notecountwithlabel}</a></div>

312
{/block:IndexPage}

313
{/block:Text}

314
315
{block:Link}

316
<a href="{URL}" class="title">{Name}</a>{block:Description}{Description}

317
{block:IndexPage}

318
<div style="text-align: right; border-top: 1px solid  #eee; padding: 3px;"><a href="{Permalink}" target="_blank"> {Timeago} with {notecountwithlabel}</a></div>

319
{/block:IndexPage}

320
{/block:Description}{block:Link}

321
322
{block:Answer}

323
<div class="bubble"><b><small>{Asker}</b>: {Question}&nbsp;</div><div style="overflow: auto; font-size: 10px;">{Answer}

324
{block:IndexPage}

325
<div style="text-align: right; border-top: 1px solid  #eee; padding-top: 3px; font-size: 10px;"><a href="{Permalink}" target="_blank"> {Timeago} with {notecountwithlabel}</a></div>

326
{/block:IndexPage}

327
</div></small></span></a>

328
{/block:Answer}

329
330
{block:Photo}

331
{block:IndexPage}

332
<div class="perma">

333
<span class="perm"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/nfj2p6f/rnCma8u6y/dashboard_controls_radar_button_reblog.png" height=20px;></A></span> </div>

334
{LinkOpenTag}<img src="{PhotoURL-500}" width="250"/>{LinkCloseTag}

335
{/block:IndexPage}

336
{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="500"/>{LinkCloseTag}{/block:PermalinkPage}

337
{/block:Photo}

338
339
{block:Photoset}

340
{block:IndexPage}

341
<div class="perma">

342
<span class="perm"><a href="{ReblogURL}" target="_blank">REBLOG</a> WITH <a href="{permalink}">{notecount} NOTES</a></span> </div>

343
{Photoset-250}

344
{/block:IndexPage}

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

346
{/block:Photoset}

347
348
{block:Quote}

349
{Quote}{block:Source}<br><br><strong><center>{Source}</center></strong><br>{/block:Source}

350
{block:IndexPage}

351
<div style="text-align: right; border-top: 1px solid  #eee; padding: 3px;"><a href="{Permalink}" target="_blank"> {Timeago} with {notecountwithlabel}</a></div>

352
{/block:IndexPage}

353
{/block:Quote}

354
355
{block:Chat}

356
{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}<br>

357
{block:IndexPage}

358
<div style="text-align: right; border-top: 1px solid  #eee; padding: 3px;"><a href="{Permalink}" target="_blank"> {Timeago} with {notecountwithlabel}</a></div>

359
{/block:IndexPage}

360
{/block:Chat}

361
362
{block:Audio}

363
{AudioPlayerBlack}<br><br>{block:Artist}<b>{Artist}</b>{/block:Artist}: {block:TrackName}<i>{TrackName}</i><br><br>{/block:TrackName}

364
{block:IndexPage}

365
<div style="text-align: right; border-top: 1px solid  #eee; padding: 3px;"><a href="{Permalink}" target="_blank"> {Timeago} with {notecountwithlabel}</a></div>

366
{/block:IndexPage}

367
{/block:Audio}

368
369
{block:Video}

370
{block:IndexPage}

371
{Video-250}

372
<div class="perma">

373
<span class="perm"><a href="{ReblogURL}" target="_blank">REBLOG</a> WITH <a href="{permalink}">{notecount} NOTES</a></span> </div>

374
{/block:IndexPage}

375
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}

376
{/block:Video}

377
378
{block:PermalinkPage}

379
<center><br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>{/block:PermalinkPage}

380
381
{block:PostNotes}{PostNotes}

382
{/block:PostNotes}

383
</div>

384
385
{/block:Posts}

386
</div></div> {block:IndexPage}{block:Pagination}<div id="pagination">{block:NextPage}

387
<a id="nextPage" href="{NextPage}"><div style="color: transparent;">&nbsp;&rarr;</div></a>{/block:NextPage}

388
{block:PreviousPage}<a href="{PreviousPage}"><div style="color: transparent;">&larr;&nbsp;</div></a>{/block:PreviousPage}

389
</div>{/block:Pagination}{/block:IndexPage}</div>

390
391
392
</body>

393
394
    

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