API tools faq
paste
feiinho

Coffre by The Layout Shop http://shop.kitesinsummer.com

feiinho
Jul 6th, 2011
501
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.90 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5.     <head>
  6.         <title>{Title}</title>
  7.         <link rel="shortcut icon" href="{Favicon}">
  8.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9.         {block:Description}
  10.             <meta name="description" content="{MetaDescription}" />
  11.         {/block:Description}
  12.  
  13. <!--
  14.  
  15. "Coffre 1.0" by The Layout Shop
  16. http://shop.kitesinsummer.com/
  17.  
  18. -->
  19. <meta name="font:Body" content="Georgia, Times New Roman, sans-serif"/>
  20. <meta name="font:Title" content="Georgia, Times New Roman, sans-serif"/>
  21. <meta name="color:Text" content="#353535">
  22. <meta name="color:Links" content="#8C7A94">
  23. <meta name="color:Hover" content="#F7E7FF">
  24. <meta name="color:Background" content="#FFFFFF">
  25. <meta name="color:PostsBackground" content="#FFFFFF">
  26. <meta name="image:Background" content=""/>
  27. <meta name="text:Next Pagination" content="Next"/>
  28. <meta name="text:Previous Pagination" content="Previous"/>
  29. <meta name="text:Tumblr Username" content=""/>
  30. <meta name="if:Infinite Scrolling" content="1"/>
  31. <meta name="if:HighRes Images" content="1"/>
  32.  
  33. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  34. {block:IndexPage}
  35. {block:IfInfiniteScrolling}
  36. <script type="text/javascript" src="http://dl.dropbox.com/u/10308294/js/jquery.infinitescroll.min.js"></script>
  37. {/block:IfInfiniteScrolling}
  38. {/block:IndexPage}
  39.  
  40. <script type="text/javascript" >
  41. $(window).load(function(){
  42.  
  43.       $('#posts').infinitescroll({
  44.         navSelector  : '#footer',  // selector for the paged navigation
  45.         nextSelector : '#footer a:first-child',  // selector for the NEXT link (to page 2)
  46.         contentSelector : "#posts",
  47.         itemSelector : '.post',     // selector for all items you'll retrieve
  48.         loadingImg   : 'http://dl.dropbox.com/u/10308294/vq/box.gif',
  49.         loadingText  : "<em>loading...</em>",
  50.         bufferPx     : 2000,
  51.         donetext     : "<em>fin.</em>",
  52.         debug: false,
  53.         errorCallback: function() { $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal'); }
  54.       },
  55.  
  56.        function( newElements ) {  setTimeout(function() {
  57.                    
  58.                         /* repair audio players*/
  59.                         $('.audio').each(function(){
  60.                             var audioID = $(this).attr("id");
  61.                             var $audioPost = $(this);
  62.                             $.ajax({
  63.                                 url: 'http://{text:Tumblr Username}.tumblr.com/api/read/json?id=' + audioID,
  64.                                 dataType: 'jsonp',
  65.                                 timeout: 50000,
  66.                                 success: function(data){
  67.                                     $audioPost.append('\x3cdiv style=\x22background-color:white;height:30px\x22 class=\x22audio_player\x22\x3e' + data.posts[0]['audio-player'] +'\x3c/div\x3e');
  68.                                 }
  69.                             });
  70.                         });
  71.                        
  72.                     }, 2000);}
  73.       );
  74.  
  75.     });
  76. </script>
  77.  
  78.  
  79.  
  80. <style type="text/css">
  81. body{
  82.  background:{color:Background} url('{image:background}') fixed;
  83.  font-family: {font:Body};
  84.  font-size:14px;
  85.  line-height:27px;
  86.  letter-spacing:2px;
  87.  text-align:justify;
  88.  margin:0px;
  89.  padding:0px;
  90.  color:{color:text};
  91. }
  92.  
  93. #infscr-loading {
  94.  z-index: 5000;
  95.  position: fixed;
  96.  left: 45%;
  97.  bottom: 150px;
  98.  width: 150px;
  99.  height: 40px;
  100.  font-size:11px;
  101.  letter-spacing:2px;
  102.  line-height:14px;
  103.  padding: 10px;
  104.  background: #fff;
  105.  opacity: 0.8;
  106.  color: #000;
  107.  -moz-border-radius: 5px;
  108.  -webkit-border-radius: 5px;
  109.  border-radius: 5px;
  110. }
  111.  
  112.  
  113. .clear{
  114.  clear:both;
  115. }
  116.  
  117. a:link, a:visited{
  118.  color:{color:links};
  119.  text-decoration:none;
  120. }
  121.  
  122.  
  123. a:hover{
  124.  color:{color:hover};
  125.  text-decoration:none;
  126. }
  127.  
  128. #wrapper img a{
  129. border:0px !important;
  130. }
  131.  
  132. #wrapper{
  133.  width:700px;
  134.  margin:0px auto;
  135.  border:0px solid #000;
  136. }
  137.  
  138. #header{
  139.  background:rgba(255,255,255,0.5);
  140.  position:fixed;
  141.  top:0px;
  142.  padding:10px 0px;
  143.  width:700px;
  144.  z-index:9999;
  145. }
  146.  
  147. .left_header{
  148.  width:350px;
  149.  float:left;
  150. }
  151.  
  152. .left_header ul{
  153.  list-style:none;
  154.  margin:0px;
  155.  padding:0px;
  156. }
  157.  
  158. .left_header li{
  159.  list-style:none;
  160.  margin:0px;
  161.  padding:0px 2px;
  162.  display:inline-block;
  163. }
  164.  
  165. .right_header{
  166.  width:350px;
  167.  float:right;
  168.  text-align:right;
  169. }
  170.  
  171. .right_header h1{
  172.  font-weight:400;
  173.  font-size:16px;
  174.  text-transform:uppercase;
  175.  letter-spacing:1px;
  176.  text-align:right;
  177.  letter-spacing:2px;
  178.  margin:0px;
  179.  padding:0px;
  180. }
  181.  
  182. #description{
  183.  text-align:justify;
  184.  font-size:10px;
  185.  line-height:13px;
  186.  letter-spacing:0px;
  187.  text-align:justify;
  188.  display:none;
  189. }
  190.  
  191. #posts{
  192.  margin-top:47px;
  193. background:{color:PostsBackground};
  194. }
  195.  
  196. .post{
  197.  margin:25px 0px;
  198. background:{color:PostsBackground};
  199. }
  200.  
  201. .permalink_l{
  202.  position:absolute;
  203.  width:700px;
  204.  opacity:0;
  205.  line-height:12px;
  206.  padding:5px;
  207.  margin:0px;
  208.  font-size:10px;
  209. }
  210.  
  211. .post:hover .permalink_l{
  212.  opacity:1;
  213. }
  214.  
  215. .text{
  216.  font-size:14px;
  217.  line-height:27px;
  218.  letter-spacing:2px;
  219.  text-align:justify;
  220. }
  221.  
  222. .text p{
  223.  margin-bottom:0px;
  224.  padding-bottom:0px;
  225. }
  226.  
  227. .text h3{
  228.  margin-bottom:0px;
  229.  padding-bottom:0px;
  230.  font-weight:400;
  231.  font-size:16px;
  232. }
  233.  
  234.  
  235. .text img{
  236.  border:0px !important;
  237.  max-width:700px;
  238.  height:auto;
  239. }
  240.  
  241. .photo img{
  242.  width:700px;
  243.  height:auto;
  244. }
  245.  
  246. .quote{
  247.  text-align:justify;
  248. }
  249.  
  250. .link p{
  251. margin-bottom:0px;
  252. padding-bottom:0px;
  253. }
  254.  
  255. .quote p{
  256. margin-bottom:0px;
  257. padding-bottom:0px;
  258. }
  259.  
  260. .q-source{
  261.  text-align:right;
  262.  letter-spacing:1px;
  263.  font-style:italic;
  264.  font-size:10px;
  265. }
  266.  
  267. .chat ul, .chat ul li{
  268.  list-style:none;
  269.  margin:0px;
  270.  padding:0px;
  271. }
  272.  
  273. .chat .label{
  274.  font-weight:bold;
  275.  font-style:italic;
  276. }
  277.  
  278. .video embed, .video object, .video iframe{
  279.  width:700px !important;
  280.  height:400px !important;
  281. }
  282.  
  283. .player{
  284. text-align:justify;
  285. }
  286. .audio {
  287.  height:30px;
  288.  overflow-y: hidden;
  289.  line-height:1px !important;
  290. }
  291. .audio span {
  292. background:{color:PostsBackground};
  293. font-size:1px;
  294. }
  295. .audio span a{
  296. background:{color:PostsBackground};
  297. font-size:1px;
  298. }
  299.  
  300. .artist{
  301.  text-transform:lowercase;
  302.  padding:0px;
  303. }
  304.  
  305. .question p{
  306. margin-bottom:0px;
  307. padding-bottom:0px;
  308. }
  309.  
  310. .prev{
  311.  float:left;
  312. }
  313. .next{
  314.  float:right;
  315. }
  316.  
  317. .source{
  318. display:none;
  319. }
  320.  
  321. </style>
  322. </head>
  323. <body>
  324.  
  325. <div id="wrapper">
  326.  
  327. <div id="header">
  328.  
  329. <div class="left_header">
  330. <ul>
  331. {block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
  332. {block:HasPages}
  333. {block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}
  334. {/block:HasPages}
  335. <li><a href="http://shop.kitesinsummer.com/">theme</a></li>
  336. </ul>
  337.  
  338. </div>
  339.  
  340. <div class="right_header">
  341. <h1><a href="/">{Title}</a></h1>
  342. </div>
  343. <div class="clear"></div>
  344. </div><!--header end-->
  345.  
  346. <div id="posts">
  347. {block:Posts}
  348. {block:Text}
  349. <div class="post text">
  350. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  351. {Body}
  352. {block:IndexPage}
  353. <div class="permalink_l"><a href="{Permalink}">&times; {block:NoteCount} {NoteCount} {/block:NoteCount}</a> {block:HasTags} {block:Tags} <a href="{TagURL}">&times; {Tag}</a> {/block:Tags} {/block:HasTags}</div>
  354. {/block:IndexPage}
  355. </div>
  356. {/block:Text}
  357.  
  358. {block:Photo}
  359. <div class="post photo">
  360. {block:IndexPage}<a title="" href="{ReblogURL}"> reblog</a><a href="{Permalink}">{/block:IndexPage}
  361. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  362. {block:IfHighResImages}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0"/>{/block:IfHighResImages}
  363.  
  364. {block:IfNotHighResImages}<img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0"/>{block:IndexPage}</a>{/block:IndexPage}
  365. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}{/block:IfNotHighResImages}
  366. {block:PermalinkPage}{block:Caption}
  367. <div class="caption">{Caption}</div>
  368. {/block:Caption}{/block:PermalinkPage}
  369. {block:IndexPage}
  370. <div class="permalink_l"><a title="" href="{ReblogURL}"> reblog</a><a title="" href="{Permalink}">{NoteCount} notes</a><a href="{Permalink}">&times; {block:NoteCount} {NoteCount} {/block:NoteCount}</a> {block:HasTags} {block:Tags} <a href="{TagURL}">&times; {Tag}</a> {/block:Tags} {/block:HasTags}
  371. {/block:IndexPage}
  372. </div>
  373. {/block:Photo}
  374.                
  375. {block:Photoset}
  376. <div class="post photoset">
  377. {Photoset-500}
  378.  
  379. {block:PermalinkPage}{block:Caption}
  380. <div class="caption">{Caption}</div>
  381. {/block:Caption}{/block:PermalinkPage}
  382. {block:IndexPage}
  383. <div class="permalink_l"><a href="{Permalink}">&times; {block:NoteCount} {NoteCount} {/block:NoteCount}</a> {block:HasTags} {block:Tags} <a href="{TagURL}">&times; {Tag}</a> {/block:Tags} {/block:HasTags}</div>
  384. {/block:IndexPage}
  385. </div>
  386. {/block:Photoset}
  387.  
  388. {block:Quote}
  389. <div class="post quote">
  390. <p>&ldquo;{Quote}&rdquo;</p>
  391. {block:Source}<div class="q-source">&mdash; {Source}</div>{/block:Source}
  392. {block:IndexPage}
  393. <div class="permalink_l"><a href="{Permalink}">&times; {block:NoteCount} {NoteCount} {/block:NoteCount}</a> {block:HasTags} {block:Tags} <a href="{TagURL}">&times; {Tag}</a> {/block:Tags} {/block:HasTags}</div>
  394. {/block:IndexPage}
  395. </div>
  396. {/block:Quote}
  397.  
  398. {block:Link}
  399. <div class="post link">
  400. <a href="{URL}" class="link" {Target}>{Name}</a>
  401. {block:Description}
  402. <div class="description">{Description}</div>
  403. {/block:Description}
  404. {block:IndexPage}
  405. <div class="permalink_l"><a href="{Permalink}">&times; {block:NoteCount} {NoteCount} {/block:NoteCount}</a> {block:HasTags} {block:Tags} <a href="{TagURL}">&times; {Tag}</a> {/block:Tags} {/block:HasTags}</div>
  406. {/block:IndexPage}
  407. </div>
  408. {/block:Link}
  409.  
  410. {block:Chat}
  411. <div class="post chat">
  412. {block:Title}
  413. <h3><a href="{Permalink}">{Title}</a></h3>
  414. {/block:Title}
  415.  
  416. <ul class="chat">
  417. {block:Lines}
  418. <li class="{Alt} user_{UserNumber}">
  419. {block:Label}
  420. <span class="label">{Label}</span>
  421. {/block:Label}
  422. {Line}
  423. </li>
  424. {/block:Lines}
  425. </ul>
  426. {block:IndexPage}
  427. <div class="permalink_l"><a href="{Permalink}">&times; {block:NoteCount} {NoteCount} {/block:NoteCount}</a> {block:HasTags} {block:Tags} <a href="{TagURL}">&times; {Tag}</a> {/block:Tags} {/block:HasTags}</div>
  428. {/block:IndexPage}
  429. </div>
  430. {/block:Chat}
  431.  
  432. {block:Video}
  433. <div class="post video">
  434. {Video-500}
  435.  
  436. {block:PermalinkPage}{block:Caption}
  437. <div class="caption">{Caption}</div>
  438. {/block:Caption}{/block:PermalinkPage}
  439. {block:IndexPage}
  440. <div class="permalink_l"><a href="{Permalink}">&times; {block:NoteCount} {NoteCount} {/block:NoteCount}</a> {block:HasTags} {block:Tags} <a href="{TagURL}">&times; {Tag}</a> {/block:Tags} {/block:HasTags}</div>
  441. {/block:IndexPage}
  442. </div>
  443. {/block:Video}
  444.  
  445. {block:Audio}
  446. <div class="post player">
  447. <div class="audio" id="{postID}">{AudioPlayerWhite}</div>
  448. <div class="artist"><a href="{Permalink}">{block:Artist}<b>{Artist}</b></a>{/block:Artist}  {block:TrackName}<em>{TrackName}</em>{/block:TrackName}</div>
  449. {block:PermalinkPage}{block:Caption}
  450. <div class="caption">{Caption}</div>
  451. {/block:Caption}{/block:PermalinkPage}
  452. {block:IndexPage}
  453. <div class="permalink_l"><a href="{Permalink}">&times; {block:NoteCount} {NoteCount} {/block:NoteCount}</a> {block:HasTags} {block:Tags} <a href="{TagURL}">&times; {Tag}</a> {/block:Tags} {/block:HasTags}</div>
  454. {/block:IndexPage}
  455. </div>
  456. {/block:Audio}
  457.  
  458.  
  459. {block:Answer}
  460. <div class="post question">
  461. <p><b>{Question}</b></p>
  462. <p>{Answer}</p>
  463. {block:IndexPage}
  464. <div class="permalink_l"><a href="{Permalink}">&times; {block:NoteCount} {NoteCount} {/block:NoteCount}</a> {block:HasTags} {block:Tags} <a href="{TagURL}">&times; {Tag}</a> {/block:Tags} {/block:HasTags}  Asked by <em>{Asker}</em></div>
  465. {/block:IndexPage}
  466. </div>
  467. {/block:Answer}
  468.  
  469. {block:PermalinkPage}
  470. <div class="notestags">{block:NoteCount}{NoteCount} notes{/block:NoteCount} {block:HasTags}
  471. | {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  472. <div class="source">
  473. {block:ContentSource}
  474. <a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  475. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  476. {/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  477. </a>
  478. {/block:ContentSource}
  479. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  480. </div>
  481. {/block:PermalinkPage}
  482.  
  483. {block:PostNotes}{PostNotes}{/block:PostNotes}
  484. {/block:Posts}
  485. </div>
  486.  
  487. {block:Pagination}
  488. {block:JumpPagination length="1000"}
  489. {block:CurrentPage}
  490. <span class="current_page">{PageNumber}&nbsp;</span>
  491. {/block:CurrentPage}
  492. {block:JumpPage}
  493. <a class="jump_page" href="{URL}">{PageNumber}&nbsp;</a>
  494. {/block:JumpPage}
  495. {/block:JumpPagination}
  496. {/block:Pagination}
  497. <div id="footer">
  498. {block:NextPage}
  499. <div class="next"><a href="{NextPage}">{text:Next Pagination}</a></div>
  500. {/block:NextPage}
  501.  
  502.  
  503.  
  504. {block:PreviousPage}
  505. <div class="prev"><a href="{PreviousPage}">{text:Previous Pagination}</a></div>
  506. {/block:PreviousPage}
  507.  
  508. <div class="clear"></div>
  509. </div>
  510. </div><!--wrapper end-->
  511.     </body>
  512. </html>
Add Comment
Please, Sign In to add comment
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!