API tools faq
paste
View difference between Paste ID: ejTQ8kpw and cBh0nXr6
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE HTML>
2
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3
4
<!--

5
6
7
                 ┌┬┐ ┐┌ ┌┐ ┌┬┐ ┌┐ ┌┐   ┌┐  ┐┌   ┌┐ ┌┐  ┐ ┌┐

8
                  │  ├┤ ├  │││ ├  └┐   ├┴┐ └┤   ├  ├┴┐ │ └┐

9
                  ┴  ┘└ └┘ ┘ └ └┘ └┘   └─┘  ┘   └┘ ┘ └ └ └┘

10
                visit themesbyeris.tumblr.com for more themes

11
                

12
 --> 

13
14
<head>

15
16
17
18
<meta name="color:Background" content="#1a1a1a" />

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

20
<meta name="color:Titles" content="#1a1a1a" />

21
<meta name="color:Text" content="#1a1a1a"/>

22
<meta name="color:Links" content="#a58c90" />

23
<meta name="color:Links Hover" content="#471f24" />

24
<meta name="color:blockquotes" content="#1a1a1a" />

25
26
<meta name="font:All" content="Georgia" />

27
28
<meta name="image:Background Image" content="https://static.tumblr.com/b9lril6/wuznboqjd/blackpaper_seamless.png" />

29
<meta name="image:Banner Image" content="https://static.tumblr.com/b9lril6/yocnboqk0/banner.png" />

30
<meta name="image:Sidebar Image" content="https://static.tumblr.com/b9lril6/4Tunboqkj/sidebar.png" />

31
32
<meta name="if:Show RSS Link" content="1" />

33
<meta name="if:Show Archive Link" content="1" />

34
<meta name="if:Infinite Scroll" content="0" />

35
<meta name="if:Search Bar" content="0" />

36
37
<meta name="text:Title font size" content="16" />

38
<meta name="text:Text font size" content="10" />

39
<meta name="text:Tag font size" content="10" />

40
41
42
43
<title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>

44
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

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

46
<link rel="apple-touch-icon" href="{PortraitURL-128}"/>

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

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

50
51
body {background:{color:Background} url({image:Background Image}) center top; color:{color:text}; font-family:{font:All}; font-size:{text:Text font size}px; word-wrap:break-word; width:100%; height:100%; margin:0; padding:0;}

52
53
img {max-width:100%; border:0;}

54
a {text-decoration:none; color:{color:Links};}

55
a:hover {color:{color:Links Hover};}

56
h1 {font-size:{text:Title font size}px; margin:0 0 10px; color:{color:Titles}; font-weight:normal;}

57
ol, ul {margin:3px 0 3px -15px;}

58
blockquote {margin:0 0 0 5px; padding:0 0 0 10px; border-left:solid 2px {color:blockquotes};}

59
.clear {clear:both;}

60
61
a, a:hover {-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}

62
63
64
65
#banner {width:768px; margin:auto; padding:16px 16px 0; background-color:{color:Blog Background};}

66
#banner img {display:block; width:768px; height:auto;}

67
68
#navigation {width:100%; height:50px; margin-bottom:-50px;}

69
#navigation.sticky {position:fixed; top:0;}

70
#navigation div {width:768px; margin:auto; padding:16px; background-color:{color:Blog Background}; text-align:center; font-size:{text:Title font size}px;}

71
#navigation span {display:inline-block; padding:0 6px;}

72
#navigation span:last-child {display:none;}

73
74
75
76
#content {width:800px; margin:auto; padding-top:50px; background-color:{color:Blog Background};}

77
78
79
#sidebar {width:248px; padding:0 16px 0; float:left;}

80
#sidebar.sticky {position:fixed; top:50px;}

81
#sidebar .title {text-align:center; margin:8px 0;}

82
83
#sidebar .search {padding-top:16px; display:table; margin:auto;}

84
#sidebar .search input {padding:8px; border:0; font-family:{font:All}; font-size:{text:Text font size}px;}

85
#sidebar .search input:focus {outline:none;}

86
#sidebar .search input.text {background-color:rgba({RGBcolor:Text},0.05); color:{color:Text}; margin-right:4px;}

87
#sidebar .search input.button {background-color:{color:Links}; color:{color:Blog Background};}

88
#sidebar .search input.button:hover {}

89
90
91
92
93
94
#post {padding:16px 16px 48px 0; width:500px; float:right;}

95
#post #audio {margin:10px 0;}

96
#post #audio {width:100%; border-collapse:collapse;}

97
#post #audio td.albumart {width:100px; height:100px; padding-right:10px;}

98
#post #audio td.albumart img {width:100px; height:100px;}

99
#post .askericon {margin-right:5px; -moz-border-radius:4px; vertical-align:-10px; border-radius:4px; width:{text:Title font size}px; height:{text:Title font size}px; vertical-align:text-bottom;}

100
101
#post .footer {margin-top:10px; font-size:{text:Tag font size}px; color:{color:Links};}

102
#post .footer .tag-commas:last-child {display:none;}

103
#bottom {background-color:{color:Blog Background}; width:800px; height:100%; position:fixed; bottom:0; left:50%; margin-left:-400px; z-index:-1;}

104
105
#pagination {width:500px; padding:16px; text-align:center; font-size:{text:Title font size}px; float:right;}

106
107
#notecontainer {width:100%; padding:20px 0 60px;}

108
#notecontainer ol {list-style-type:none; margin:0; padding:0;}

109
#notecontainer il {margin-bottom:4px;}

110
#notecontainer img.avatar {width:16px; height:16px; margin-right:10px; position:relative; top:3px;}

111
#notecontainer blockquote {margin-left:35px;}

112
113
a.credit {position:fixed; top:50px; right:5px; z-index:99; height:12px; padding:2px 5px 4px 4px; background-color:rgba(0,0,0,0.38); border:1px solid rgba(0,0,0,0.18); border-radius:3px; color:#ffffff; font:normal bold 12px arial; text-decoration:none;}

114
115
116
{CustomCSS}

117
118
</style>

119
120
121
{block:IfInfiniteScroll}<script type="text/javascript" src="https://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}

122
123
124
125
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

126
127
<script>

128
129
130
$(function() {

131
    $(window).scroll(sticky_relocate1);

132
    sticky_relocate1();

133
});

134
135
function sticky_relocate1() {

136
    var window_top = $(window).scrollTop();

137
    var div_top = $('#navigation-anchor').offset().top;

138
    if (window_top > div_top)

139
        $('#navigation').addClass('sticky');

140
    else

141
        $('#navigation').removeClass('sticky');

142
}

143
144
145
146
$(function() {

147
    $(window).scroll(sticky_relocate2);

148
    sticky_relocate2();

149
});

150
151
function sticky_relocate2() {

152
    var window_top = $(window).scrollTop();

153
    var div_top = $('#navigation-anchor').offset().top;

154
    if (window_top > div_top)

155
        $('#sidebar').addClass('sticky');

156
    else

157
        $('#sidebar').removeClass('sticky');

158
}

159
160
161
</script>

162
163
</head>

164
<body>

165
<a href="https://themesbyeris.tumblr.com/" class="credit">Themes by Eris</a>

166
<!-- Do not remove credit -->

167
168
169
<div id="banner">

170
    <a href="/"><img src="{image:Banner Image}" /></a>

171
</div>

172
173
<div id="navigation-anchor"></div>

174
<div id="navigation"><div>

175
    {block:AskEnabled}<a href="/ask">{AskLabel}</a><span>•</span>{/block:AskEnabled}

176
    {block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a><span>•</span>{/block:SubmissionsEnabled}

177
    {block:IfShowRSSLink}<a href="{RSS}">RSS</a><span>•</span>{/block:IfShowRSSLink}

178
    {block:IfShowArchiveLink}<a href="/archive">Archive</a><span>•</span>{/block:IfShowArchiveLink}

179
    {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a><span>•</span>{/block:Pages}{/block:HasPages}

180
</div></div>

181
182
183
184
<div id="content">

185
186
187
<div id="sidebar-anchor"></div>

188
<div id="sidebar">

189
    <img src="{image:Sidebar Image}" />

190
    <h1 class="title"><a href="/">{Title}</a></h1>

191
    {Description}

192
    {block:IfSearchBar}

193
        <div class="search">

194
        <form action="/search" method="get">

195
            <input class="text" type="text" name="q" value="{SearchQuery}"/>

196
            <input class="button" type="submit" value="Search"/>

197
        </form>

198
    </div>

199
    {/block:IfSearchBar}

200
</div> <!--sidebar-->

201
202
203
204
{block:IfInfiniteScroll}<div class="autopagerize_page_element">{/block:IfInfiniteScroll}

205
{block:Posts}

206
<div id="post">

207
208
{block:Photo}

209
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}

210
{block:Caption}<br />{Caption}{/block:Caption}

211
{/block:Photo}

212
213
{block:Video}

214
{Video-500}

215
{block:Caption}<br />{Caption}{/block:Caption}

216
{/block:Video}

217
218
{block:Audio}

219
<table id="audio"><tr>

220
{block:AlbumArt}<td class="albumart" rowspan="2"><img class="albumart" src="{AlbumArtURL}" /></td>{/block:AlbumArt}

221
<td>{AudioPlayerBlack}</td></tr>

222
<tr><td>

223
{block:PlayCount}{PlayCountWithLabel}<br />{/block:PlayCount}

224
{block:Artist}<strong>Artist: </strong>{Artist}<br />{/block:Artist}

225
{block:Album}<strong>Album: </strong>{Album}<br />{/block:Album}

226
{block:TrackName}<strong>Track Name: </strong>{TrackName}{/block:TrackName}

227
</td></tr></table>

228
{block:Caption}{Caption}{/block:Caption}

229
{/block:Audio}

230
231
{block:Quote}

232
<h1 style="margin-bottom:0;">“{Quote}”</h1>

233
{block:Source}{lang:Source}: {Source}{/block:Source}

234
{/block:Quote}

235
236
{block:Text}

237
{block:Title}<h1>{Title}</h1>{/block:Title}

238
{Body}

239
{/block:Text}

240
241
{block:Answer}

242
<h1><img class="askericon" src="{AskerPortraitURL-128}" />{Asker} asked: {Question}</h1>

243
{Answer}

244
{block:Answer}

245
246
{block:Chat}

247
{block:Title}<h1>{Title}</h1>{/block:Title}

248
{block:Lines}{block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br>{/block:Lines}

249
{/block:Chat}

250
251
{block:Link}

252
<h1><a href="{URL}" {Target}>{Name}</a></h1>

253
{block:Description}{Description}{/block:Description}

254
{/block:Link}

255
256
<div class="footer">

257
{block:Date}

258
<a href="{Permalink}">{lang:Posted TimeAgo with NoteCount notes}</a><br />

259
{block:HasTags}{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}{/block:HasTags}

260
{/block:Date}

261
</div>

262
263
{block:PostNotes}

264
<div id="notecontainer">{PostNotes}</div>

265
{/block:PostNotes}

266
267
</div> <!--post-->

268
{/block:Posts}

269
{block:IfInfiniteScroll}</div>{/block:IfInfiniteScroll}

270
271
<br class="clear" />

272
273
{block:IfNotInfiniteScroll}

274
{block:Pagination}

275
<div id="pagination">

276
{block:PreviousPage}

277
<a href="{PreviousPage}">{lang:Previous}</a>

278
{block:NextPage} | {/block:NextPage}

279
{/block:PreviousPage}

280
{block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}

281
</div> <!--pagination-->

282
{/block:Pagination}

283
{/block:IfNotInfiniteScroll}

284
285
<br class="clear" />

286
287
</div> <!--content-->

288
<div id="bottom"></div>

289
290
</body>

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