API tools faq
paste
View difference between Paste ID: BqqBWH09 and KHUcA08q
SHOW: | | - or go back to the newest paste.
1
<!----------------------------------------------------------------
2
3
theme by atlas davejake/jhke for deoxys myrmidons! please don't steal.

4
5
 ------------------------------------------------------------------->

6
     

7
    <html lang="en">

8
    <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

9
    <html xmlns="http://www.w3.org/1999/xhtml">

10
   

11
   

12
<link href='http://fonts.googleapis.com/css?family=Cousine:400,700,400italic,700italic' rel='stylesheet' type='text/css'>

13
14
    <head>

15
16
    <script type="text/javascript">

17
    </script>

18
     

19
    <script type="text/javascript"

20
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js">

21
    </script>

22
 

23
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

24
    

25
    <meta name="color:background" content="#fff"/>

26
    <meta name="color:links" content="#000"/>

27
    <meta name="color:text" content="#000"/>

28
    <meta name="color:linkshover" content="#fff"/>

29
    <meta name="color:borders" content="#000"/>

30
    <meta name="color:square" content="#fff"/>

31
    <meta name="color:square hover" content="#fff"/>

32
    <meta name="color:square border" content="#000"/>

33
   

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

35
   

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

37
    <meta name="image:sideimg" content=""/>

38
    <meta name="image:favicon" content=""/>

39
    

40
    <meta name="text:square1" content="" />

41
    <meta name="text:square1 text" content="link!" />

42
    <meta name="text:square2" content="" />

43
    <meta name="text:square2 text" content="link!" />

44
   

45
        <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>

46
    <script>

47
    (function($){

48
       $(document).ready(function(){

49
           $("[title]").style_my_tooltips({

50
               tip_follows_cursor:true,

51
               tip_delay_time:200,

52
               tip_fade_speed:300}); });})(jQuery);

53
    </script>

54
     

55
    <style type="text/css">

56
   

57
    ::-webkit-scrollbar {width: 3px; height: 4px; background-color:#fff }

58
::-webkit-scrollbar-thumb {background-color: #e1e1e1; -webkit-border-radius: 1ex; }

59
     

60
     

61
    iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-

62
     

63
    transition: all 0.8s ease-out;transition: all 0.8s ease-out;}

64
     

65
    iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}

66
  

67
       

68
    body {

69
    padding: 0px;

70
    margin: 0px;

71
    color:{color:text};

72
    font-family:cousine;

73-
    background-color: {color:Background};

73+
74-
    background-image:url({image:Background});

74+
75-
    background-attachment: fixed;

75+
    background: {color:Background} 

76-
    background-repeat: repeat;}

76+
    url('{image:Background}') {block:ifbgcover} no-repeat center fixed ;

77
        -webkit-background-size: cover;

78
        -moz-background-size: cover;

79
        -o-background-size: cover;

80
        background-size: cover; {/block:ifbgcover}

81
        {block:ifnotbgcover} top left fixed repeat {block:ifnotbgcover};}

82
     

83
     

84
    a:link, a:active, a:visited{

85
    text-decoration: none;

86
    -webkit-transition: color 0.3s ease-out;

87
    -moz-transition: color 0.3s ease-out;

88
    transition: color 0.3s ease-out;

89
    color:{color:links};}

90
     

91
    a:hover {

92
    text-decoration: none;

93
    font-style:;

94
    -webkit-transition: color 0.3s ease-out;

95
    -moz-transition: color 0.3s ease-out;

96
    transition: color 0.3s ease-out;

97
    color: {color:linkshover};

98
    }

99
     

100
    div#center{

101
    margin:auto;

102
    position:relative;

103
    width:1000px;

104
    background-color:;

105
    overflow:auto;

106
    overflow-y:hidden;}

107
     

108
    .entry {

109
    float:left;

110
    display: block;

111
    margin:30px;

112
    overflow:hidden;

113
    width:250px;

114
    padding:0px;

115
    {block:PermalinkPage}

116
    width:300px;

117
    text-align:left;

118
    line-height:10px;

119
    {/block:PermalinkPage}

120
    background: white;

121
    border: 1px solid {color:borders};

122
    box-shadow:8px 8px 0px rgba(0,0,0,.2);

123
    }

124
   

125
    .entry:hover .ppp{

126
    overflow:visible;

127
    opacity:0.9;}

128
     

129
    #posts {

130
    width:700px;

131
    margin-top:5px;

132
    z-index:99;

133
    margin-left:50px;

134
    right:auto;

135
    background:transparent;

136
    margin-right:auto;

137
    position:relative;

138
    overflow-y: hidden;}

139
   

140
    #posts img{ opacity:.6;-webkit-transition: 0.6s ease;transition: 0.6s ease;-o-transition: 0.6s ease;-moz-transition: 0.6s ease;}

141
    

142
    #posts img:hover{opacity:1;-webkit-transition: 0.6s ease;transition: 0.6s ease;-o-transition: 0.6s ease;-moz-transition: 0.6s ease;}

143
   

144
    #side{

145
    margin-left:650px;

146
    margin-top:100px;

147
    text-align:right;

148
    display:block;

149
    border:1px solid {color:borders};

150
    padding:5px;

151
    font-size:10px;

152
    width:100px;

153
    height:auto;

154
    line-height:10px;

155
    position:fixed;

156
    z-index:9999;

157
    background:white;    

158
    box-shadow:5px 5px 0px rgba(0,0,0,.2);

159
    }

160
    

161
   

162
    .permalink{

163
    text-transform: normal;

164
    display: block;

165
    text-align: right;

166
    text-decoration: none;}

167
     

168
     

169
    #infscr-loading{

170
    bottom: -70px;

171
    position: absolute;

172
    left: 50%;

173
    margin-left:-8px;

174
    width:16px;

175
    height:11px;

176
    overflow:hidden;

177
    margin-bottom: 50px;}

178
   

179
    #s-m-t-tooltip{

180
    max-width:150px;

181
    padding:3px 10px;

182
    margin:10px;

183
    border:1px solid {color:borders};

184
    background:#FFF;

185
    color:{color:text};

186
    z-index:999999;

187
    font-size:10px;

188
    text-transform:lowercase;

189
    box-shadow:1px 1px 0px rgba(0,0,0,.1);}

190
     

191
    #postnotes{

192
    text-align: justify;}

193
     

194
    #postnotes blockquote{

195
    border: 0px;}

196
     

197
    blockquote{

198
    padding:0px 0px 2px 5px;

199
    margin:0px 0px 2px 10px;

200
    border-left: 1px dotted #555555;}

201
     

202
    blockquote p, ul{

203
    margin:0px;

204
    padding:0px;}

205
    

206
    .square {

207
    text-align:center;

208
    font-family:times;

209
    letter-spacing:-1px;

210
    font-size:12px;

211
    padding:5px;

212
    width:138px;

213
    margin-top:3px;

214
    margin-left:0px;

215
}

216
 

217
.square a {

218
    padding:3px;

219
    text-align:right;

220
    display:inline-block;

221
    background:{color:square};

222
    border:1px solid {color:square border};

223
    margin-left:4px;

224
    -moz-transition-duration:.4s;

225
    -webkit-transition-duration:.4s;

226
    -o-transition-duration:.4s;

227
}

228
 

229
.square a:hover{

230
   background:{color:square hover};

231
   border-radius:100%;

232
    border:1px solid {color:square border};

233
   -moz-transition-duration:.4s;

234
    -webkit-transition-duration:.4s;

235
    -o-transition-duration:.4s;

236
}

237
238
239
    {CustomCSS}

240
     

241
    </style>

242
     

243
    {block:IndexPage}

244
    

245
    <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>

246
    <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>

247
     

248
    <script type="text/javascript">

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

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

251
    $wall.imagesLoaded(function(){

252
    $wall.masonry({

253
    itemSelector: '.entry, .entry_photo',

254
    isAnimated : false

255
    });

256
    });

257
     

258
    $wall.infinitescroll({

259
    navSelector : '#pagination',

260
    nextSelector : '#pagination a',

261
    itemSelector : '.entry, .entry_photo',

262
    bufferPx : 2000,

263
    debug : false,

264
    errorCallback: function() {

265
    $('#infscr-loading').fadeOut('normal');

266
    }},

267
    function( newElements ) {

268
    var $newElems = $( newElements );

269
    $newElems.hide();

270
    $newElems.imagesLoaded(function(){

271
    $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );

272
    });

273
    }); $('#posts').show(500);

274
    });

275
    </script>

276
     

277
     

278
    {/block:IndexPage}

279
     

280
     

281
    <title>{title}</title>

282
    

283
    <link rel="shortcut icon" href="{image:favicon}" />

284
    <meta name="viewport" content="width=820" />

285
   

286
    </head>

287
     

288
    <body>

289
    <div style="position:fixed; bottom: 0px; left: 50px;"><img src="{image:sideimg}"></div>

290
    <div class="hh">

291
    <div id="picture">

292
    <div id="hh">

293
    </div></div></div></div>

294
    

295
    <BODY onselectstart="return false;" ondragstart="return false;">

296
    <div class="wrapper">

297
    <div class="header"></div>

298
    <div id="center">

299
    <div id="side">{description}

300
    <div class="square">

301
    <a href="/" title="home"></a>

302
    <a href="/ask" title="message"></a>

303
    <a href="{text:square1}" title="{text:square1 text}"></a>

304
    <a href="{text:square2}" title="{text:square2 text}"></a>

305
    </div>

306
    </div>

307
    </div>

308
    </div><br>

309
    <center>

310
    </div></div>

311
   

312
   

313
   

314
   

315
    <div class="left">

316
    <div id="posts">

317
    {block:Posts}

318
    <div class="entry">

319
     

320
    {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a

321
     

322
    href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{block:IndexPage}{notecount} Notes{/block:IndexPage}</a></a><br>{/block:HasTags}</span></align>

323
    {/block:Text}

324
     

325
    {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span

326
     

327
    class="permalink"><a href="{Permalink}">{notecount} Notes</a><a href="{Permalink}"></span></align>{block:Link}

328
     

329
    {block:Photo}

330
    {block:IndexPage}

331
    <center>

332
    <div class="perma">

333
    <a href="{ReblogURL}" target="_blank"></a> </div>

334
    {block:Date}

335
    <div class="photo"><a href="{ReblogUrl}" title="at {24HourWithZero}:{Minutes} with {notecountwithlabel}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>

336
    {/block:Date}

337
    {/block:IndexPage}

338
    {block:PermalinkPage}

339
    {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>

340
     

341
    {LinkCloseTag}

342
    {/block:PermalinkPage}

343
    {/block:Photo}

344
     

345
{block:Photoset}

346
    <center>

347
     

348
    <div class="ppp">

349
    <a href="{ReblogURL}" target="_blank"></a> </div>

350
     

351
    {Photoset-250}</center>

352
    {/block:Photoset}

353
     

354
    {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a

355
     

356
    href="{Permalink}">{notecount} Notes</a><a href="{Permalink}"> </span>{/block:Quote}

357
     

358
    {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}

359
    <ul class="chat">

360
    {block:Lines}

361
    <li class="user_{UserNumber}">

362
    {block:Label}

363
    <span class="label">{Label}</span>

364
    {/block:Label}

365
     

366
    {Line}

367
    </li>

368
    {/block:Lines}

369
    <p align=right><span class="permalink"><a href="{Permalink}">{notecount} Notes</a><a href="{Permalink}">

370
    {/block:Chat}

371
     

372
    {block:Audio}

373
    <div style="width:200px; height:30px;">

374
    {AudioPlayerBlack}

375
    </div>

376
    {block:IndexPage}<span class="permalink">

377
    <p align=right><span class="permalink"><a href="{Permalink}">{notecount} Notes</a><a href="{Permalink}"> </a>

378
    </span>{/block:IndexPage}

379
    {/block:Audio}

380
     

381
    {block:Video}

382
    {block:IndexPage}

383
    <center>

384
    <div class="ppp">

385
    <a href="{ReblogURL}" target="_blank"> reblog </a> </div>

386
    {Video-250}</center>

387
    {/block:IndexPage}

388
    {block:PermalinkPage}

389
    <center>

390
    {Video-400}</center>

391
    {/block:PermalinkPage}

392
    {block:Video}

393
     

394
     

395
    {block:PostNotes}<div align="middle">{caption}</div>

396
    <center>

397
     

398
    {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}

399
     

400
    {block:HasTags}

401
    tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}

402
    {block:RebloggedFrom}

403
    reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>

404
    posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>

405
     

406
    {/block:RebloggedFrom}

407
    </center></span>

408
    <br>

409
    <div id="postnotes">{PostNotes}</div><br>

410
     

411
    <center>{block:ContentSource}

412
    <br><a href="{SourceURL}">

413
    {lang:Source}:

414
    {block:SourceLogo}

415
    <img src="{BlackLogoURL}" width="{LogoWidth}"

416
    height="{LogoHeight}" alt="{SourceTitle}" />

417
    {/block:SourceLogo}

418
    {block:NoSourceLogo}

419
    {SourceLink}

420
    {/block:NoSourceLogo}

421
    </a>

422
    {/block:ContentSource}</center>

423
     

424
    {/block:PostNotes}

425
    </div>

426
    {/block:Posts}

427
    </div></div>

428
   

429
    {block:IndexPage}

430
    {block:Pagination}

431
    <div id="pagination">

432
    {block:NextPage}

433
    <a id="nextPage" href="{NextPage}"></a>

434
    {/block:NextPage}

435
    {block:PreviousPage}

436
    <a href="{PreviousPage}"></a>

437
    {/block:PreviousPage}

438
    </div>

439
    {/block:Pagination}

440
    {/block:IndexPage}

441
   

442
    </body>

443
444
    </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!