API tools faq
paste
View difference between Paste ID: SFPiM5G2 and mtLPCeCY
SHOW: | | - or go back to the newest paste.
1
       <!-----------------------------------------------------------
2
                       DESIGN by SURDADDY - ORIGINAL ©
3
       ------------------------------------------------------------->
4
5
<meta name="color:background" content="#fff" />
6
<meta name="color:textos" content="#999" />
7
<meta name="color:texto" content="#bbb" />
8
<meta name="color:links" content="#7e7563" />
9
<meta name="color:title" content="#7e7563" />
10
<meta name="color:rolagem" content="#7e7563" />
11
<meta name="image:foto" content="" />
12
<meta name="text:title" content="SUPREME KING" />
13
<meta name="text:texto" content="EXCUSE ME, NO, I BELIEVE THE PROPER TERM'S EXCUSE YOU. I COULD SWITCH UP ON YOU NIGGAS AND START SHITTIN'. THEY SAY WEALTH IS IN THE MIND, NOT THE POCKET. MAKE NO MISTAKES, IT'S ALL A LEAP OF FAITH FOR LOVE." />
14
15
<meta name="text:Link1" content="/" />

16
<meta name="text:Link1 Title" content="link 1" />

17
<meta name="text:Link2" content="/" />

18
<meta name="text:Link2 Title" content="link 2" />

19
<meta name="text:Link3" content="/" />

20
<meta name="text:Link3 Title" content="link 3" />

21
<meta name="text:Link4" content="/" />

22
<meta name="text:Link4 Title" content="link 4" />

23
<meta name="text:Link5" content="/" />

24
<meta name="text:Link5 Title" content="link 5" />

25
26
<head>

27
                     <title>{Title}</title>

28
  <link rel="shortcut icon" href="{FavIcon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

29
  

30
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery); </script>  

31
32
<link href='https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>

33
<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>

34
35
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

36
37
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

38
39
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><i class="fa fa-chevron-up"></i></a>

40
41
</head>

42
<style type="text/css">

43
44
#s-m-t-tooltip {max-width:200px;line-height:17px;height:17px; font-size:8px; color:#fff; padding:3px 4px 3px 4px; margin:20px 0px 0px 20px; z-index:99999;transition: 0.5s;background:#000;text-transform:uppercase;}

45
46
#scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom:45px; right: 42px;}

47
#scrollToTop i {font-size:13px;color:#000;}

48
49
body {font-family:karla, sans-serif; font-size:10.5px; background:{color:background}; color:{color:textos};text-align:justify;}

50
51
a {color: #000; text-decoration: none; text-transform: none;cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), progress;}

52
a:hover {color:;cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair; transition:0.5s;}

53
h1 {font-size:10px;text-align:center;text-transform:uppercase;letter-spacing:1px;}

54
55
#content {margin-top:125px; margin-left:120px; width:1200px;}

56
57
.posts{float:left;width:250px;;margin:15px 20px;{block:permalinkpage}width:500px;border:1px solid #bbb;margin-left:120px;{/block:permalinkpage};padding:;background:#fff;overflow:hidden;}

58
.posts img {width:250px;transition: all 0.5s ease-in-out;}

59
.postimage img {width:250px;{block:PermalinkPage}width:98%;padding:5px;{/block:PermalinkPage};}

60
.box {padding:10px;border:1px solid #bbb;background:#fff;}

61
62
.quote:first-letter {font-size: 15px; line-height:15px; color:#000}

63
.quote {text-align:left; line-height:15px; color:{color:text}; padding:3px;}

64
.source {text-transform:uppercase; text-align:right;font-size:10px; margin-top:1px;}

65
66
.perguntou {float:left;text-align:left; text-indent:3px;width:100px;text-transform:uppercase;margin-left:1px;margin-top:-5px;height:20px;line-height:28px;}

67
.perguntou a {text-transform:uppercase;color:{color:textos};font-size:9px;}

68
.fotinha {float:left;text-align:left;width:20px;height:20px;margin-left:6px;margin-top:-5px;border-radius:20px;border:5px solid #fff;z-index:9;}

69
.fotinha img {width:20px; height:20px;margin-left:0px;margin-top:0px;border-radius:20px;}

70
.pergunta {background:#f2f2f2;text-align:left; text-indent:-20px;width:96%;color:color:{color:textos};margin-left:0px;margin-top:17px;height:auto;line-height:18px;padding:5px;}

71
.resposta{text-align:left;padding:5px; width:95%;height:auto;line-height:13px;margin-left:0px;margin-top:0px;color:{color:textos};border:1px solid #f2f2f2;}

72
73
#audio {width:100px; height:80px;}

74
#audio img {position:absolute; width:80px; height:80px; background-color:#fff;}

75
#audiott {position:absolute;margin:12px 84px; width:110px;}

76
#audiott span {color:{color:textos};}

77
#play {position:absolute; overflow:hidden; height:28px; width:28px; margin:10px;}

78
#player {position:absolute; width:46px; height:46px; z-index:9; margin:17px; border-radius:40px; opacity:0.6; transition:1s; background:#fff;}

79
#player:hover {opacity:1; transition:1s;}

80
81
/******** NOTES POR SURDADDY / DON'T COPY *******/

82
.notes-bottom {width:220px; height:25px;transition:0.5s; position:relative;left:0px;top:5px;background:#fff;text-align:center;}

83
.p3 {width:auto;padding:1px 25px;line-height:24px;border-left:2px solid #bbb;border-right:2px solid #bbb;}

84
.notes-bottom a {text-align:center;color:#bbb;text-transform:uppercase;font-size:9px;margin:2px 7px; display:inline-block;width:auto;}

85
.notes-bottom a:hover {color:#7e7563;}

86
.notes-bottom i{text-align:center;color:#bbb;font-size:12px;margin:7px 10px; display:inline-block;width:auto;}

87
.notes-bottom i:hover {color:#7e7563;}

88
.line-bottom {width:193px;position:absolute; margin-left:14px;margin-top:0px;border-top:1px solid #bbb;}

89
90
.notes_posts {width:100%; height:100%;transition:0.5s; position:absolute;left:0px;top:-100%;background:#7e7563;text-align:center;}

91
.posts:hover .notes_posts {opacity:.9;top:0px;}

92
.notes_center {position:relative;top:45%;left:18%;width:auto;transition: .3s ease-in-out;-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;} 

93
.p3 a{position:relative;margin-left:-20px;float:left;width:auto;border-right:2px solid #fff;padding:11px 12px;font:12px 'Lato';text-transform:uppercase;color:#fff;font-weight:bold;letter-spacing:2px;} 

94
.notes_con {margin-top:-11px;width:60px;float:left;margin-left:-15px;padding:10px;} 

95
.notes_con a {padding:2px;text-align:left;line-height:20px;font-size:11px;

96
margin-left:10px;color:#fff;} 

97
98
/*** FRAGILEHELP ***/

99
#lpermalink {padding:0px; margin-bottom:1px;overflow-x:hidden; overflow-y:auto;height:200px;border:1px solid #bbb;color:{color:text};}

100
#lpermalink a {color:{color:text};margin-left:5px;}

101
#lpermalink img {float:left; width:20px;}

102
ol.notes li {list-style-type:none; margin:2px; line-height:18px; padding:5px; border-bottom:1px solid #bbb;margin-left:-30px;}

103
104
#creditos {right:45px; bottom:25px; position:fixed;z-index:99999;}

105
#creditos a {text-align:center; width:20px; height:20px;float:left;line-height:20px;color:#999;font-size:11px;}

106
107
.vsanna{display: none;}

108
blockquote {margin:0px;}

109
110
#infscr-loading{position:absolute!important;width:16px!important;height:11px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:40%!important}

111
.tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display: none;}

112
113
::-webkit-scrollbar {height:0px;width:17px;background: #eee;border:8px solid #fff;}

114
::-webkit-scrollbar-thumb:vertical{background:{color:rolagem};border:8px solid #fff;height:auto;}

115
116
#side {width:250px; height:80px; position:absolute; border-right:2px solid #7e7563;background:#fff;top:4%;left:32.5%;}

117
118
#title {position:absolute;width:241px;height:27px;line-height:27px; margin:0px;text-align:right;color:{color:title};font-size:17px; font-family:'Lato';letter-spacing:1px;text-transform:uppercase;}

119
#title a{font-weight:bold;color:#7e7563;}

120
121
#frase {position:absolute;width:235px;margin:25px 5px; text-align:right;color:{color:texto};font-size:8px;line-height:12px;text-transform:uppercase;}

122
123
/*  MENU POR SURDADDY, DON'T COPY.  */

124
.menu {position:absolute; margin-top:0px;margin-left:255px; width:50px;height:20px;transition:1s;text-align:left;}

125
.menu a{transition:0.5s;color:{color:links}; line-height:8px;text-align:left;font-size:9px;letter-spacing:1px;text-transform:uppercase;margin:0px 0px;display:inline-block;padding:4px;font-family:'Lato';font-weight:bold;}

126
.menu a:hover {margin-left:5px;}

127
128
</style>

129
<body>

130
131
<div id="side">

132
<div id="frase">{text:texto}</div>

133
<div id="title">{text:title}</div>

134
135
<div class="menu">

136
<a href="{text:Link1}">{text:Link1 Title}</a>

137
<a href="{text:Link2}">{text:Link2 Title}</a>

138
<a href="{text:Link3}">{text:Link3 Title}</a>

139
<a href="{text:Link4}">{text:Link4 Title}</a>

140
<a href="{text:Link5}">{text:Link5 Title}</a>

141
</div></div>

142
143
<div id="content">{block:Posts} <div class="posts">

144
145
{block:Text}

146
<div class="box">

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

148
{Body}</div>

149
{block:indexpage}

150
<div class="notes-bottom">

151
<div class="line-bottom"></div>

152
<a title="{NoteCount}" style="float:left"><i class="fa fa-heart-o"></i></a> 

153
<a class="p3" href="{permalink}" title="">{Month}, {DayofMonth}. {Year}</a>

154
<a href="{ReblogURL}" title="REBLOG" style="float:right"><i class="fa fa-retweet"></i></a>

155
</div>

156
{/block:indexpage}

157
{/block:Text}

158
159
{block:Photo}

160
<div class="postimage"><img src="{PhotoURL-250}"></div>

161
{block:IndexPage}

162
<div class="notes_posts">

163
<div class="notes_center">

164
<div class="p3"><a href="{ReblogURL}" target="_blank">REBLOG</a></div>

165
<div class="notes_con">

166
<a title="{NoteCount}"><i class="fa fa-heart-o"></i></a> 

167
<a title="{TimeAgo}"><i class="fa fa-clock-o"></i></a>

168
<a href="{Permalink}" title="PERMALINK"><i class="fa fa-copy"></i></a>

169
<a href="{PhotoURL-HighRes}" title="ZOOM"><i class="fa fa-search"></i></a>

170
</div></div></div>

171
{/block:IndexPage}

172
{/block:Photo}

173
174
{block:Photoset}

175
{Photoset}

176
{block:IndexPage}

177
<div class="notes_posts">

178
<div class="notes_center">

179
<div class="p3"><a href="{ReblogURL}" target="_blank">REBLOG</a></div>

180
<div class="notes_con">

181
<a title="{NoteCount}"><i class="fa fa-heart-o"></i></a> 

182
<a title="{TimeAgo}"><i class="fa fa-clock-o"></i></a>

183
<a href="{Permalink}"><i class="fa fa-copy"></i></a>

184
<a href="{PhotoURL-HighRes}"><i class="fa fa-search"></i></a>

185
</div></div></div>

186
{/block:IndexPage}

187
{/block:Photoset}

188
189
{block:Quote}

190
<div class="box">

191
<div class="quote">{Quote}<div class="source">- <b>{Source}</b></div></div></div>

192
{block:indexpage}

193
<div class="notes-bottom">

194
<div class="line-bottom"></div>

195
<a title="{NoteCount}" style="float:left"><i class="fa fa-heart-o"></i></a> 

196
<a class="p3" href="{permalink}" title="">{Month}, {DayofMonth}. {Year}</a>

197
<a href="{ReblogURL}" title="REBLOG" style="float:right"><i class="fa fa-retweet"></i></a>

198
</div>

199
{/block:indexpage}

200
{/block:Quote}

201
202
{block:Link}

203
<div class="box">

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

205
{block:Description} {Description}{/block:Description}</div>

206
{block:indexpage}

207
<div class="notes-bottom">

208
<div class="line-bottom"></div>

209
<a title="{NoteCount}" style="float:left"><i class="fa fa-heart-o"></i></a> 

210
<a class="p3" href="{permalink}" title="">{Month}, {DayofMonth}. {Year}</a>

211
<a href="{ReblogURL}" title="REBLOG" style="float:right"><i class="fa fa-retweet"></i></a>

212
</div>

213
{/block:indexpage}

214
{/block:Link}

215
216
{block:Chat}

217
<div class="box">

218
{block:Title}{Title}{/block:Title}

219
{block:Lines} {block:Label} <br> <b>{Label}</b> {/block:Label} {Line} {/block:Lines}</div>

220
{block:indexpage}

221
<div class="notes-bottom">

222
<div class="line-bottom"></div>

223
<a title="{NoteCount}" style="float:left"><i class="fa fa-heart-o"></i></a> 

224
<a class="p3" href="{permalink}" title="">{Month}, {DayofMonth}. {Year}</a>

225
<a href="{ReblogURL}" title="REBLOG" style="float:right"><i class="fa fa-retweet"></i></a>

226
</div>

227
{/block:indexpage}

228
{/block:Chat}

229
230
{block:Video}

231
{Video-250}

232
{block:IndexPage}

233
<div class="notes_posts">

234
<div class="notes_center">

235
<div class="p3"><a href="{ReblogURL}" target="_blank">REBLOG</a></div>

236
<div class="notes_con">

237
<a title="{NoteCount}"><i class="fa fa-heart-o"></i></a> 

238
<a title="{TimeAgo}"><i class="fa fa-clock-o"></i></a>

239
<a href="{Permalink}"><i class="fa fa-copy"></i></a>

240
<a href="{PhotoURL-HighRes}"><i class="fa fa-search"></i></a>

241
</div></div></div>

242
{/block:IndexPage}

243
{/block:Video}

244
 

245
{block:Audio}

246
<div class="box">

247
<div id="audio">

248
{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}

249
<div id="player"><div id="play">{AudioPlayerWhite}</div></div>

250
<div id="audiott">

251
Track: {block:TrackName}<span>{TrackName}</span>{/block:TrackName}

252
<p>Artist: {block:Artist}<span>{Artist}</span>{/block:Artist}</p>

253
<p>Album: {block:Album}<span>{Album}</span>{/block:Album}</p>

254
</div></div></div>

255
{block:indexpage}

256
<div class="notes-bottom">

257
<div class="line-bottom"></div>

258
<a title="{NoteCount}" style="float:left"><i class="fa fa-heart-o"></i></a> 

259
<a class="p3" href="{permalink}" title="">{Month}, {DayofMonth}. {Year}</a>

260
<a href="{ReblogURL}" title="REBLOG" style="float:right"><i class="fa fa-retweet"></i></a>

261
</div>

262
{/block:indexpage}

263
{/block:Audio}

264
 

265
{block:Answer}

266
<div class="box">

267
<div class="fotinha"><img src="{AskerPortraitURL-16}"></div>

268
<div class="perguntou"><a>{Asker}:</a></div>

269
<div class="pergunta">{Question}</div>

270
<div class="resposta">{Answer}</div>

271
{block:indexpage}

272
<div class="notes-bottom">

273
<div class="line-bottom"></div>

274
<a title="{NoteCount}" style="float:left"><i class="fa fa-heart-o"></i></a> 

275
<a class="p3" href="{permalink}" title="">{Month}, {DayofMonth}. {Year}</a>

276
<a href="{ReblogURL}" title="REBLOG" style="float:right"><i class="fa fa-retweet"></i></a>

277
</div></div>

278
{/block:indexpage}

279
{/block:Answer}

280
281
{block:PermalinkPage}

282
<div class="box" style="border:1px solid #fff">

283
{block:Caption}{Caption}{/block:Caption}

284
{block:HasTags}

285
<p><i class="fa fa-hashtag"></i> {lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}

286
<p>{block:Date}<i class="fa fa-clock-o"></i> {TimeAgo}, {MonthNumber}/{DayOfMonth}/{Year}.{/block:Date}

287
<p>{block:NoteCount}<i class="fa fa-heart-o"></i> {NoteCountWithLabel}.{/block:NoteCount}

288
<p>{block:RebloggedFrom}<i class="fa fa-share"></i> Via <a href="{ReblogParentURL}">{ReblogParentName}</a>,by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{block:RebloggedFrom}

289
{block:PostNotes}<div id="lpermalink" style="text-align:left">{PostNotes}</div>{/block:PostNotes}</div>{/block:PermalinkPage}</div>{/block:Posts}</div>

290
291
<script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script> <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script> <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script> <script type="text/javascript"> $(window).load(function () { $('#content').masonry(),

292
$('.masonryWrap').infinitescroll({ navSelector : "div#navigation",

293
nextSelector : "div#navigation a#nextPage", itemSelector : ".posts",

294
bufferPx : 10000, extraScrollPx: 11000, loadingImg : "http://goo.gl/2RmWUx", loadingText : "<i> </i>",

295
},function() { $('#content').masonry({ appendedContent: $(this) }); } ); }); </script> {block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate"> {/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}

296
297
<div id="creditos">

298
<a href="http://surdaddy.tumblr.com" title="by Surdaddy ">THEME</a>

299
</div>

300
301
</body>
        

    


            


                                


        

            



                
    

        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!