API tools faq
paste
View difference between Paste ID: 1qckJA8f and 7Z5QNPgv
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
2
<head>
3
4
<title>{Title}</title>

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

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

8
{block:Description}

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

10
{/block:Description}

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

13
<meta name="color:Links" content="#000000"/>

14
<meta name="color:Hover" content="#dddddd"/>

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

16
<meta name="color:header" content="#ffffff"/>

17
<meta name="color:center" content="#ffffff"/>

18
<meta name="if:three columns" content="0" />

19
<meta name="if:image opacity" content="0" />

20
<meta name="if:show captions" content="0"/>

21
<meta name="text:blogtitle size" content="11" />

22
<meta name="text:post font size" content="9" />

23
<meta name="font:body" content="Baskerville" />

24
<meta name="font:blogtitle" content="Baskerville" />

25
<meta name="font:nav links" content="Baskerville" />

26
<meta name="color:line" content="#000000"/>

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

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

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

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

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

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

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

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

35
36
<style type="text/css">

37
38
iframe#tumblr_controls {

39
top: 0% !important;

40
right:0% !important; 

41
position: absolute !important;}

42
43
body {margin:auto; color:{color:text}; width:540px;{block:ifthreecolumns}width:800px;{/block:ifthreecolumns} {block:iftwocolumnswithmorespace}width:580px;{/block:iftwocolumnswithmorespace}font-family:{font:body}; font-size:9px;background-color:{color:background}; line-height:10px;}

44
45
a {color: {color:Links};text-decoration: none;}a:hover {color: {color:Hover};-webkit-transition-duration: .5s;}

46
.caption {margin-top:5px; margin-bottom:10px;}

47
48-
.content {margin:auto;background-color: {color:center};width:auto;{block:ifthreecolumns}width:auto;{/block:ifthreecolumns} float:left; margin-top:70px;}

48+
.content {margin:auto;background-color: {color:center};width:517px;{block:ifthreecolumns}width:770px;{/block:ifthreecolumns} float:left; margin-top:70px;}

49
50
.post{

51
{block:indexpage}width:250px; {block:ifthreecolumns}margin:4px;width:250px;{/block:ifthreecolumns}{/block:indexpage}{block:permalinkpage}width:540px{/block:permalinkpage} float:left; position:relative; margin:4px;font-size:{text:post font size}px;font-color:{color:text};}

52
53
.post img {{block:indexpage}width:250px; {block:ifthreecolumns}width:250px;{/block:ifthreecolumns}{/block:indexpage}}

54
55
56
{block:ifimageopacity}

57
img{ -webkit-transition: opacity 0.3s linear; opacity: 1; }

58
{/block:ifimageopacity}

59
{block:ifimageopacity}

60
img:hover{ -webkit-transition: opacity 0.3s linear; opacity: .8; }

61
{/block:ifimageopacity}

62
63
.permalink {margin:0px; text-align:right; padding:0px; opacity:0;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;

64
-webkit-transition: all 0.3s ease-out;

65
transition: all 0.3s ease-out;

66
}

67
68
.permalink a:hover{

69
color:{color:Hover}

70
}

71
72
.post:hover .permalink {opacity: 1;}

73
74
.information {color:{color:text};-webkit-transition: opacity 0.3s linear; opacity: .6;position:fixed;position:fixed;margin-left:600px;{block:ifthreecolumns}margin-left:820px;{/block:ifthreecolumns}width:200px;bottom:40px;background-color:{color:background};

75
}

76
.information:hover{-webkit-transition: opacity 0.3s linear; opacity: 1; }

77
.links {font-size:9px;text-align:center;font-family:{font:nav links};}

78
79
.posted {font-size:9px;}

80
.notes{

81
margin:left;

82
width:300px;

83
font-size:9px;

84
color:#000;

85
text-align:left;}

86
.viewnotes{

87
margin-top:10px;

88
font-size:9px;

89
color:#000;

90
text-align:left;

91
}

92
93
ol.notes {padding-left:5px; list-style-type:none;}

94
ol.notes li.note {padding:2px;}

95
96
.header {margin:auto; position:fixed; width:517px;{block:ifthreecolumns}width:770px;{/block:ifthreecolumns} background-color:{color:header};z-index:1000;padding-bottom:25px; float:center;}

97
98
.audio {background-color:#000000;width:250px;{block:ifthreecolumns} width:250px;{/block:ifthreecolumns}}

99
100
.ptitle {font-size:11px;}

101
.blogtitle {border-bottom:0px solid {color:line};text-align:center;padding-top:25px;padding-bottom:5px;font-size:{text:blogtitle size}px;font-family:{font:blogtitle};line-height:9px;

102
}

103
104
.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}

105
#infscr-loading {display:none;}

106
.navigation{display:none;}

107
108
{CustomCSS}

109
</style>

110
111
112
<script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>

113
114
115
{block:IndexPage}

116
<script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>

117
<script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>

118
119
<script type="text/javascript">

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

121
$('.content').masonry(),

122
$('.masonryWrap').infinitescroll({

123
navSelector : "div.navigation",

124
// selector for the paged navigation (it will be hidden)

125
nextSelector : ".navigation a#next",

126
// selector for the NEXT link (to page 2)

127
itemSelector : ".post",

128
// selector for all items you'll retrieve

129
bufferPx : 10000,

130
extraScrollPx: 10000,

131
loadingImg : "http://static.tumblr.com/ry7nsix/S4Klhms7s/load.gif",

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

133
},

134
// call masonry as a callback.

135
function() { $('.content').masonry({ appendedContent: $(this) }); }

136
);

137
});

138
</script>

139
{/block:IndexPage}

140
141
<script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>

142
<script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>

143
<script type="text/javascript" charset="utf-8">

144
var $j = jQuery.noConflict();

145
$j(function() {

146
if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;

147
$j("img").lazyload({

148
placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",

149
effect: "fadeIn",

150
});

151
});

152
</script>

153
</head>

154
<body>

155
<div class="token"><div style="display:scroll;position:fixed;bottom:10px;right:10px">theme by <a href="http://freakinaye.tumblr.com/">freakinaye</a></div>

156
<div class="header"><div class="blogtitle"><a href="/">{Title}</a></div><div class="links">&nbsp;&nbsp;<a href="/ask">ask</a>&nbsp;&nbsp;{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>&nbsp;&nbsp;{/block:Pages}{/block:HasPages}{block:IfCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title} </a>{/block:ifCustomLinkOneTitle} 

157
{block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}"> {text:Custom Link Two Title} </a>{/block:ifCustomLinkTwoTitle}

158
{block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}"> {text:Custom Link Three Title} </a>{/block:ifCustomLinkThreeTitle} 

159
{block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}">{text:Custom Link Four Title} </a>{/block:ifCustomLinkFourTitle}</div>

160
<div class="information">{description}</div></div></div></div></div>

161
162
{block:indexpage}<div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older</a>{/block:NextPage}{block:PreviousPage}<a style="float:left" href="{PreviousPage}">Newer</a></p>{/block:PreviousPage}{/block:Pagination}</div>{/block:indexpage}</div>

163
164
<div class="content">

165
{block:Posts}

166
167
168
{block:Text}

169
<div class="post"><div class="text">{block:Title}<div class="ptitle">{Title}</div>{/block:Title}{Body}{block:IndexPage}<div class="permalink"><a href="{Permalink}">+</a></div></div></div>{/block:IndexPage}{/block:Text}

170
171
172
{block:Photo}<div class="post">{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:indexpage}width="240px"{block:indexpage} {block:PermalinkPage}width="400px"{/block:PermalinkPage}/>{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}{block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}</div>{/block:Photo}

173
174
175
{block:Photoset}

176
<div class="post"><div class="photoset">

177
<center>{Photoset-250}</center>

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

179
</div></div>{/block:Photoset}

180
181
182
{block:Quote}

183
<div class="post"><a href="{Permalink}">"{Quote}"</a>{block:Source}<i> by</i> {Source}{/block:Source}</div>

184
{/block:Quote}

185
186
{block:Link}

187
<div class="post">

188
<div class="ptitle"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}

189
{block:IndexPage}<div class="permalink"><a href="{Permalink}">+</a></div>{/block:IndexPage}

190
</div>

191
{/block:Link}

192
193
{block:Chat}

194
<div class="post">{block:Title}<b>{Title}</b>{/block:Title}

195
{block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}{block:IndexPage}<div class="permalink"><a href="{Permalink}">+</a></div>{/block:IndexPage}

196
</div>

197
{/block:Chat}

198
199
{block:Video}

200
<div class="post"><div class="video">{Video-250}

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

202
203
{block:Audio}

204
<div class="post">

205
<div class="audio">

206
{AudioPlayerBlack}</div>{Caption}

207
{block:PermalinkPage}{/block:PermalinkPage}

208
{block:IndexPage}<div class="permalink"><a href="{Permalink}">+</a></div>{/block:IndexPage}

209
</div>

210
{/block:Audio}

211
212
{block:PermalinkPage}

213
<div class="posted"><u>Posted:</u> {TimeAgo}, with {NoteCount} Notes</div>

214
<br>{block:PostNotes}<div class="viewnotes"></div>{/block:PostNotes}

215
<div class="notes">

216
{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}

217
218
{/block:Posts}

219
220
</div>

221
</div>

222
</div>

223
</div>

224
</div>

225
</div>

226
</body>

227-
</html>
227+
</html>

228
229
        

    


            


                                


        

            



                
    

        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!