API tools faq
paste
View difference between Paste ID: dEWy98KY and YFVhmcsm
SHOW: | | - or go back to the newest paste.
1
<!- Theme designed by
2
http://likethesun.tumblr.com -!>
3
4
<head>

5
<title>{Title}</title>

6
7
8
<link rel="shortcut icon" href="{Favicon}">

9
<meta name="color:Background" content="#FFF"/>

10
<meta name="color:Title" content="#fff"/>

11
<meta name="color:Text" content="#000"/>

12
<meta name="color:Link" content="#777"/>

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

14
<meta name="if:Faded Images" content="1"/>

15
16
<meta name="font:Title" content="Courier New"/>

17
<meta name="font:Body" content="Courier New"/>

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

19
<meta name="text:Title font size" content="19px"/>

20
21
22
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

23
24
25
{block:indexpage}

26
27
28
<script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>

29
30
<script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>

31-
<script type="text/javascript" src="http://static.tumblr.com/jnmer2r/WKhljk73d/jquery.infinitescroll.min.js"></script>

31+
32
33
34
<script>

35
jQuery(window).load(function(){

36
var $wall = $('#posts');

37
$wall.imagesLoaded(function(){

38
$wall.masonry({

39
singleMode: true,

40
columnWidth: 275,

41
itemSelector: '#space'

42
});

43
});

44
$wall.infinitescroll({

45
navSelector : '#page-nav',

46
nextSelector : '#page-nav a',

47
itemSelector : '#space',

48
},

49
50
function( newElements ){

51
$(newElements).hide();

52
setTimeout(function(){

53
$wall.masonry({ appendedContent: $(newElements) });

54
},2000);

55
setTimeout(function(){

56
$(newElements).fadeIn('slow');

57
},2100);

58
},1000);

59
});

60
</script>

61
62
63
<script>

64
$.fn.imagesLoaded = function(callback){

65
var elems = this.find('img'),

66
len = elems.length,

67
_this = this;

68
if ( !elems.length ) {

69
callback.call( this );}

70
elems.bind('load',function(){

71
if (--len <= 0){

72
callback.call( _this );}

73
}).each(function(){

74
// cached images don't fire load sometimes, so we reset src.

75
if (this.complete || this.complete === undefined){

76
var src = this.src;

77
// webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f

78
// data uri bypasses webkit log warning (thx doug jones)

79
this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";

80
this.src = src;}

81
});

82
return this;};

83
</script>

84
85
{/block:Indexpage}

86
87
88
89
90
91
<style type="text/css">

92
93
body {background-color: {color:Background}; 

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

95
background-attachment: fixed; 

96
background-repeat: repeat; 

97
font-family: {font:body}; 

98
font-size:{text:font size}; 

99
line-height:10px; 

100
color:{color:Text};}

101
102
a:link, a:active, a:visited {color: {color:Link};

103
text-decoration:none;}

104
105
a:hover{color:{color:link}; 

106
text-decoration: none;}

107
108
#container {margin:auto; position:relative; 

109
width:560px; overflow:auto; overflow-y:hidden; 

110
margin-top:-15px;}

111
112
#posts {{block:IndexPage}

113
margin-top:20px; width: 560px;{/block:IndexPage} 

114
{block:PermalinkPage} 

115
margin-top: 30px; width: 526px; {/block:PermalinkPage} 

116
height: auto; margin-bottom: 20px;}

117
118
#space {float: left; 

119
{block:IndexPage}width: 250px;{/block:IndexPage} 

120
{block:PermalinkPage}width: 526px; 

121
{/block:PermalinkPage} padding: 5px;  margin: 8px;

122
background-color: {color:box};}

123
124
#space img {{block:IndexPage}

125
max-width:250px;{/block:IndexPage}}

126
127
#container2 {width:515px; height: auto; 

128
background-color:{color:box}; 

129
padding:10px; margin-top: 30px; 

130
margin-left: 8px;}

131
132
#permalinkpage {font-family: {font:Body}; 

133
font-size: 10px; margin-bottom: 20px; 

134
width:526px; margin-left:-15px;}

135
136
#permapagenotes {float:right; width:auto; 

137
font-weight: bold; background-color:black; 

138
color:white; margin-right:-15px;}

139
140
.blogtitle{

141
font-family: {font:Title}; 

142
font-size:{text:title font size};

143
background-color:black;

144
line-height:15px;

145
width:526px;

146
margin-left:-6px;

147
margin-bottom: 12px;

148
z-index:2;}

149
150
.blogtitle a{color:{color:title};}

151
152
.nav {font-family: {font:body}; 

153
margin-top:7px;

154
font-size:{text:font size}; 

155
line-height:3px;

156
text-align:right;

157
margin-right:0px;

158
width:520px;

159
z-index:2;}

160
161
.nav a {border:1px solid #444;

162
background-color:white;

163
padding-right:5px;

164
padding-left:5px;}

165
166
.nav a:hover {background-color:black; 

167
color:white;}

168
169
.permalink{display: block; 

170
font: normal 9px; 

171
text-align: right; 

172
text-transform: none; 

173
padding: 1px;}

174
175
.permalink a{color:#999;}

176
177
.permaposition {float: right; 

178
width: auto; font-size: 9px;

179
line-height: 9px;}

180
181
.arrows {position:fixed; width:590px; margin:auto; bottom:15px; font-size:30px; font-weight:bold;}

182
183
.arrows a {color:black;}

184
185
.title{font-family: {font:Title}; 

186
font-size: {text:Title font size}; 

187
line-height: {text:Title line height}; 

188
color: {color:Title}; font-weight: normal;}

189
190
.posttitle {font-family: {font:Body};

191
font-size:12px; color: {color:text};

192
font-style:italic; font-weight:bold;}

193
194
.ask {background-color:#F5F5F5; padding: 4px; 

195
{block:IndexPage}width: 242px;{/block:IndexPage}

196
{block:PermalinkPage}width:522px; margin-left:-3px;

197
{/block:PermalinkPage}}

198
199
.video embed, .post div.video object 

200
{width:250px !important; height:auto !important;}

201
202
blockquote {padding:0px 0px 2px 3px; 

203
margin:0px 0px 2px 1px; 

204
border-left: 1px solid {color:Text};}

205
206
{block:ifFadedImages}

207
img{opacity: 0.95;}

208
img:hover{opacity: 1;}

209
{/block:ifFadedImages}

210
211
</style>

212
213
214
215
216
</head>

217
<body>

218
219
220
<div id="container">

221
<div id="container2">

222-
<div id="posts">{block:Posts}

222+
223
<div class="blogtitle"><a href="/">{Title}</a></div>

224
225
<div class="nav"><a href="/ask">ask</a> <a href="/archive">archive</a> <a href="http://likethesun.tumblr.com">theme</a></div>

226
227
</div>

228
229
230
<div id="posts">

231
{block:Posts}

232
<div id="space">

233
234
{block:Text}

235
{block:Title}<span class="posttitle">{Title}</span>{/block:Title}

236
{Body}

237
{block:IndexPage}<div class="permaposition"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{year}</div>{/block:IndexPage}

238
{/block:Text}

239
240
{block:Answer}

241
<div class="ask"><b>{Asker}</b>: {Question}</div>

242
<div style="padding-left:4px;">{Answer}</div>

243
{block:IndexPage}<div class="permaposition"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{year}</a></div>{/block:IndexPage}

244
{/block:Answer}

245
246
{block:Link}

247
<a href="{URL}" class="posttitle">{Name}</a>

248
{block:Description}{Description}{/block:Description}

249
{block:IndexPage}<div class="permaposition"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{year}</a></div>{/block:IndexPage}

250
{block:Link}

251
252
{block:Photo}{block:IndexPage}

253
<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=250px/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="526"/>{/block:PermalinkPage}{/block:Photo}

254
255
{block:Photoset}

256
{block:IndexPage}<center><div style="padding-top: 10px; padding-bottom: 10px; background-color:{color:Photoset background};">{Photoset-250}</div></center>{/block:IndexPage}

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

258
{block:IndexPage}<div class="permaposition"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{year}</div>{/block:IndexPage}

259
{/block:Photoset}

260
261
{block:Quote}

262
{Quote}<div style="margin-left: 30px; font-style: italic;">{block:Source}- <b>{Source}</b>{/block:Source}</div>

263
{block:IndexPage}<div class="permaposition"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{year}</a></div>{/block:IndexPage}

264
{/block:Quote}

265
266
{block:Chat}

267
{block:Title}<span class="posttitle">{Title}</span>{/block:Title}

268
{block:Lines}

269
{block:Label}

270
<span class="label"><b>{Label}</b></span>

271
{/block:Label}

272
{Line}<br>

273
{/block:Lines}

274
{block:IndexPage}<div class="permaposition"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{year}</a></div>{/block:IndexPage}

275
{/block:Chat}

276
277
{block:Audio}

278
{block:IndexPage}<div style="background-color:#000; width: 250px;"><div style="width:250px; height:27px;">{AudioPlayerBlack}</div></div>{/block:IndexPage}

279
{block:PermalinkPage}<div style="background-color:#000; width: 500px;"><div style="width:500px; height:27px;">{AudioPlayerBlack}</div></div>{/block:PermalinkPage}

280
{block:IndexPage}<div class="permaposition"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{year}</a></div>{/block:IndexPage}

281
{/block:Audio}

282
283
{block:Video}

284
{block:IndexPage}{Video-250}{/block:IndexPage}

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

286
{block:IndexPage}<div class="permaposition"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{year}</a></div>{/block:IndexPage}

287
{block:Video}

288
289
{block:PermalinkPage}

290
<div id="permalinkpage">

291
<div id="permapagenotes">

292
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}

293
</div>

294
295
<BR>{Caption}</div>

296
{/block:PermalinkPage}

297
298
</div>

299
{/block:Posts}

300
301
302
<div class="arrows"><div id="pag">

303
{block:PreviousPage}<div style="float:left; margin-left:-45px;"><a href="{PreviousPage}" title="newer">《 </a></div> {/block:PreviousPage} {block:NextPage} <div style="float:right;"><a href="{NextPage}" title="older"> 》</a></div>{/block:NextPage}

304
305
</div>

306
</div>

307
</div>

308
</div>

309
</center>

310
</body>

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