Guest User

Pastel Harts

a guest
Jul 12th, 2013
217
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 25.92 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!-- lazy load script -->
  5. <script type=text/javascript” src=”http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js”></script> <script type=text/javascript” src=”http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js”></script> <script type=text/javascript” charset=”utf-8”> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == “iPad” || navigator.platform == “iPhone”) return; $j(“img”).lazyload({ placeholder : “http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif”, effect: “fadeIn”, }); }); </script>
  6. <title>
  7. {block:TagPage}{Tag} - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}
  8. </title>
  9. <link rel="shortcut icon" href="{Favicon}"/>
  10. <link rel="alternate" type="application/rss+xml" title="{Title} RSS" href="{RSS}"/>
  11. <link rel="stylesheet" href="http://static.tumblr.com/hznqxps/ivOmgjf8v/normalize.css"/>
  12. {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description}
  13.  
  14.             <!--------------- Inset Metas Here --------------->
  15.        
  16.                 <!-------- text metas -------->
  17.             <!---- body ---->
  18.                 <meta name="color:background" content="/">
  19.                 <meta name="color:container background" content="/">
  20.                 <meta name="color:sidebar background" content="/">
  21.    
  22.             <!---- header ---->
  23.             <!---- posts ---->
  24.                
  25.                 <!-------- image metas -------->
  26.             <!---- body ---->
  27.                 <meta name="image:background" content="http://static.tumblr.com/m7iabhj/uVBmps9vi/recycled-paper-pattern-4.png">
  28.                 <meta name="image:container background" content="/">
  29.                 <meta name="image:sidebar background" content="/">
  30.             <!---- container ---->
  31.             <!---- sidebar/header ---->
  32.                 <meta name="url:portrait image" content="/">
  33.  
  34.                 <!-------- if metas -------->
  35.             <!---- photo options ---->
  36.         <!---- captions ---->
  37.                
  38.                 <!-------- colour metas -------->
  39.             <!---- container ---->
  40.             <!---- sidebar ---->
  41.             <!---- posts ---->
  42.             <meta name="color:post background" content="/">
  43.             <meta name="color:box shadow colour" content="/">
  44.             <!---- body ---->
  45.             <meta name="color:body text" content="/">
  46.             <meta name="color:bold text" content="/">
  47.             <!---- 'special' text(bold, etc) ---->
  48.             <meta name="bold text" content="/">
  49.             <!---- links ---->
  50.            
  51. <style type="text/css">
  52.  
  53.         /*--------------- Fonts ---------------*/
  54. @font-face {
  55.     font-family: "111";
  56.     src: url('http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff');
  57.     }
  58. @font-face {
  59.     font-family: "Adventor";
  60.     src: url('http://static.tumblr.com/m7iabhj/UBbmpkjjl/texgyreadventor-regular.otf');
  61.     }
  62. @font-face {
  63.     font-family: "Airplane";
  64.     src: url('http://static.tumblr.com/m7iabhj/3eumpsakt/airplane.ttf');
  65.     }    
  66. @font-face {
  67.     font-family: "arma";
  68.     src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf');
  69.     }
  70. @font-face {
  71.     font-family: "arsenale";
  72.     src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf');
  73.     }
  74. @font-face {
  75.     font-family: "bebas neue";
  76.     src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf');
  77.     }
  78. @font-face {
  79.     font-family: "cedarcursive";
  80.     src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff');
  81.     }
  82. @font-face {
  83.     font-family: "Dawning Of A New Day";
  84.     src: url('http://static.tumblr.com/m7iabhj/9ckmpj7ic/dawningofanewday.ttf');
  85.     }
  86. @font-face {
  87.     font-family: "fely";
  88.     src: url('http://static.tumblr.com/q54tzar/9bPm21fzv/fely_1_.ttf');
  89.     }
  90. @font-face {
  91.     font-family: "Gruenewald";
  92.     src: url(http://static.tumblr.com/9wzbixa/Wsomj2iuz/gruenewald_va_normal.ttf);
  93.     }
  94. @font-face {
  95.     font-family: "irish";
  96.     src: url('http://static.tumblr.com/nsunyax/RJSlz7y7g/kgluckoftheirish.ttf');
  97.     }
  98. @font-face {
  99.     font-family: "Joe Schmoe";
  100.     src: url('http://static.tumblr.com/9wzbixa/grOm26n8m/dk_joe_schmoe.ttf');
  101.     }
  102. @font-face {
  103.     font-family: "Just Realize";
  104.     src: url('http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf');
  105.     }
  106. @font-face {
  107.     font-family: "learning";
  108.     src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf');
  109.     }
  110. @font-face {
  111.     font-family: "Neou";
  112.     src: url('http://static.tumblr.com/m7iabhj/2Y8mpk6tq/neou-bold.otf');
  113.     }
  114. @font-face {
  115.     font-family: "neverletgo";
  116.     src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf');
  117.     }
  118. @font-face {
  119.     font-family: 'pacifico';
  120.     src: url('http://static.tumblr.com/9wzbixa/D3Wlyw7u4/pacifico.ttf');
  121.     }
  122. @font-face {
  123.     font-family: "playdate";
  124.     src: url('http://static.tumblr.com/4yxykdm/XVZlrfl3m/playdate_1_.ttf');
  125.     }
  126. @font-face {
  127.     font-family: "selfish";
  128.     src: url("http://static.tumblr.com/qlxyunb/fydmac3ep/selfish_.ttf");
  129.     }
  130. @font-face {
  131.     font-family: "semplice";
  132.     src: url('http://static.tumblr.com/ygfurav/QgNmga3qn/semplice_regular.ttf');
  133.     }
  134. @font-face {
  135.     font-family: "Stars";
  136.     src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf');
  137.     }
  138. @font-face {
  139.     font-family: "sunshine";
  140.     src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf');
  141.     }
  142. @font-face {
  143.     font-family: "swan";
  144.     src: url('http://static.tumblr.com/pwgdr2n/yAkm3iisd/a_s_black_swan.ttf');
  145.     }  
  146.    
  147.    
  148. ::-webkit-scrollbar {width: 7px; height: 7px; border:1px solid #AEEE5F; background-color:#fff;}
  149. ::-webkit-scrollbar-thumb { border-left:0px solid #ddd; width:14px; height:15px; background: #AEEE5F;}
  150.  
  151.    
  152.             /*--------------- Actual Content ---------------*/
  153.    
  154.                 /*--------------- Body ---------------*/
  155.             /*---- text ----*/
  156.                 body{
  157.                 color:#8A8279;
  158.                 font-family:consolas;
  159.                 }
  160.                
  161.                 body p, body ul, body ol, body table, body td, body tr{
  162.                     font-size:11px;
  163.                     margin:0;
  164.                     padding:0;
  165.                     list-style-type:lower-roman;
  166.                     }
  167.                
  168.                 body b{
  169.                     color:{color:bold text};
  170.                     }
  171.                
  172.                 body a{
  173.                 color:#AEEE5F;
  174.                
  175.                 text-transform:lowercase;
  176.                 font-family:lucida console;
  177.                 text-decoration:none!important;
  178.                 -webkit-transition: all 0.4s ease-in;
  179.                     -moz-transition: all 0.4s ease-in;
  180.                     transition: all 0.4s ease-in;
  181.                 }
  182.                
  183.                 body a:hover{
  184.                     text-shadow: 2px 0 0px #FC0000, -2px 0 0px #0058FC;
  185.                     color:rgb(0,0,0,0);
  186.                     -webkit-transition: all 0.4s ease-out;
  187.                     -moz-transition: all 0.4s ease-out;
  188.                     transition: all 0.4s ease-out;
  189.                 }
  190.             /*---- images ----*/
  191.                 body img{
  192.                     display:block;
  193.                     vertical-align:middle;
  194.                     width:400px;
  195.                 }
  196.             /*---- background ----*/
  197.                 body {
  198.                 background:url('{image:background}') {color:background};
  199.                 margin:0 auto;
  200.                 padding:0;
  201.                 overflow-y:hidden;
  202.                
  203.                 }
  204.             /*---- container ----*/
  205.                 .container{
  206.                 background-color:transparent;
  207.                 position: absolute;
  208.                 padding:15px;
  209.                
  210.                 width: 6000px;
  211.                 height:500px;
  212.                 -moz-box-sizing: border-box;
  213.                 box-sizing: border-box;
  214.                 margin: 0;
  215.                 -webkit-border-radius: 10px;
  216.                 -moz-border-radius: 10px;
  217.                 border-radius: 10px;
  218.                 }
  219.             /*---- sidebar ----*/
  220.                 .sidebar{
  221.                 background-color:#403737;
  222.                 background-image:url('{image:sidebar background}');
  223.                 width:300px;
  224.                 height:4000px;
  225.                 position:fixed;
  226.                 top:0px;
  227.                 left:0px;
  228.                 z-index:20000;
  229.                 }
  230.                 .description{
  231.                 text-align:;
  232.                 }
  233.                 .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  234. #infscr-loading {display:none;}
  235. .navigation {display:none!important;}
  236.        
  237.                 /*--------------- Posts ---------------*/
  238.                 .postcol{
  239.                     padding-left:290px;
  240.                     padding-top:100px;
  241.                 }
  242.                 .posts{
  243.                     width:290px;
  244.                      height:auto;
  245.                     float:left;
  246.                     text-align:justify;
  247.                     vertical-align:middle;
  248.                     display: block;
  249.                     margin:5px;
  250.                     -moz-box-sizing: border-box;
  251.                     box-sizing: border-box;
  252.                     overflow:auto;
  253.                     padding:10px;
  254.                     background:#403737;
  255.                 }
  256.                 .post-footer a{
  257.                     color:#FF81AE!important;
  258.                 }
  259.                 .post-footer a:hover{
  260.                     text-shadow: 2px 0 0px #FC0000, -2px 0 0px #0058FC;
  261.                     color:rgb(0,0,0,0);
  262.                 }
  263.             /*---- headers ----*/
  264.                 * h2{
  265.                     font-family:airplane;
  266.                     margin:0 auto!important;
  267.                     text-transform:lowercase!important;
  268.                 }
  269.                 .chat-post h2{
  270.                     color:#FF81AE;
  271.                 }
  272.             /*---- text ----*/
  273.                 .text-post{
  274.                     width:102%;
  275.                     -moz-box-sizing: border-box;
  276.                     box-sizing: border-box;
  277.                     height:auto;
  278.                     overflow-x:auto;
  279.                     padding-right:2px;
  280.                 }
  281.                 .text-post blockquote{
  282.                     padding-left:5px;
  283.                     border-left: #FF81AE 3px solid;
  284.                     font-size:11px;
  285.                 }
  286.                 .text-post h2{
  287.                     color:#66E6F0!important;
  288.                 }
  289.                 .text-body{
  290.                     max-height:300px;
  291.                     overflow:auto;
  292.                     padding:3px 5px 3px 3px;
  293.                     background-color:#4B3F3F;
  294.                     font-size:11px!important;
  295.                     margin-bottom:3px;
  296.                 }
  297.             /*---- ask ----*/
  298.                 .ask-post{
  299.                     text-align:left!important;
  300.                     padding:3px;
  301.                 }
  302.                 .asker{
  303.                     color:#66E6F0!important;
  304.                     font-family:airplane!important;
  305.                     text-align:left!important;
  306.                     font-size:20px!important;
  307.                     display:inline!important;
  308.                     text-transform:lowercase!important;
  309.                 }
  310.                 .question{
  311.                     color:#89807E!important;
  312.                     font-family:courier new!important;
  313.                     font-size:15px!important;
  314.                     display:inline!important;
  315.                     text-align:left!important;
  316.                     }
  317.                    
  318.             /*---- photo ----*/
  319.                 .caption{
  320.                     text-align:left!important;
  321.                     width:97%;
  322.                     margin:0 auto;
  323.                     margin-bottom:1px;
  324.                     }
  325.                 #hovercap{
  326.                     text-align:left!important;
  327.                 }
  328.                 .photo-post{
  329.                     width:100%;
  330.                     height:auto;
  331.                 }
  332.                 .photo-post img, .text-body img{
  333.                     height:auto;
  334.                     max-width:100%;
  335.                     min-width:90%;
  336.                     margin:0 auto;
  337.                     margin-bottom:3px;
  338.                 }
  339.                 #photo-set{
  340.                     margin:0 auto;
  341.                 }
  342.             /*---- quote ----*/
  343.                 .quote-post{
  344.                     height:auto;
  345.                     overflow:auto;
  346.                 }
  347.                 .quote-post h2{
  348.                     color:#66E6F0;
  349.                 }
  350.             /*---- link ----*/
  351.                 .link-post p{
  352.                     font-size:11px!important;
  353.                 }
  354.                 .link-name h2{
  355.                     margin:0 auto;
  356.                     font-size:23px;
  357.                     display:inline;
  358.                 }
  359.                 .link-name b{
  360.                     margin:0 auto;
  361.                     font-size:26px;
  362.                     display:inline;
  363.                 }
  364.             /*---- chat ----*/
  365.                 .chat-post{
  366.                     color:#8A8279;
  367.                 }
  368.                 .chat-post .even strong{
  369.                     color:#AEEE5F;
  370.                 }
  371.                 .chat-post .odd strong{
  372.                     color:#66E6F0;
  373.                 }
  374.             /*---- video ----*/
  375.                 .video-post{
  376.                 }
  377.             /*---- audio ----*/
  378.                 .audio-post{
  379.                 }
  380.        
  381.             /*--------------- Permalink/Reblog ---------------*/
  382.         /*---- tags ----*/
  383.                 .tag{
  384.                 }
  385.             /*---- horizontal-rule ----*/
  386.                 hr{
  387.                     height: 3px;
  388.                     margin:3px 0px 0px 0px;
  389.                     border-style: solid;
  390.                     border-color: #89807E;
  391.                     border-width: 1px 0 0 0;
  392.                 }
  393. </style>
  394. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  395. </head>
  396.  
  397. <body>
  398.     <div class="sidebar">
  399.         <img class="sidebar-picture" src="{image:portrait image}"/>
  400.             <div class="description">
  401.                 {description}
  402.             </div>
  403.             <div class="navigation-menu">
  404.                 {block:SubmissionsEnabled}<a href="/submit">{submitlabel}</a>{/block:SubmissionsEnabled}
  405.                 {block:AskEnabled}<a href="/ask">{asklabel}</a>{/block:AskEnabled}
  406.             </div>
  407.     </div>
  408.     {block:IndexPage}
  409. <div class="container">
  410. <div class="postcol">
  411. <div class = "autopagerize_page_element" >
  412. {block:Posts}
  413.     <div class="posts">
  414.         {block:Text}
  415.         <div class="text-post">
  416.         {block:Title}<h2>{Title}</h2><hr>{/block:Title}
  417.        
  418.         <div class="text-body">
  419.         {Body}
  420.         </div>
  421.         </div>
  422.         {/block:Text}
  423.        
  424.         {block:Answer}
  425.         <div class="qa-post">
  426.         <div class="asker">{asker}:</div>
  427.         <div class="question">{question}</div>
  428.         <div class="text-body">{answer}</div>
  429.         </div>
  430.         {/block:Answer}
  431.        
  432.         {block:Photo}
  433.         <div class="photo-post">
  434.             <center>
  435.             <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" width="95%"/>
  436.             </center>
  437.             {block:Caption}
  438.             <div class="caption text-body" id="hovercap"><p>{caption}</p></div>
  439.             {/block:caption}
  440.         </div>
  441.         {/block:Photo}
  442.        
  443.         {block:Photoset}
  444.         <div class="photo-post" id="photo-set">          
  445.         <center>
  446.             {Photoset-250}  
  447.         </center>
  448.         {block:Caption}
  449.             <div class="caption text-body" id="hovercap"><p>{caption}</p></div>
  450.             {/block:caption}
  451.         </div>
  452.         {/block:Photoset}
  453.        
  454.         {block:Quote}
  455.         <div class="quote-post">
  456.         <h2>{Quote}</h2>
  457.          {block:Source}<div class="caption"><p>―{Source}</p></div>{/block:Source}
  458.         </div>
  459.         {/block:Quote}
  460.        
  461.         {block:Link}
  462.         <div class="link-post">
  463.         <center><div class="link-name"><b>{</b><h2> <a href="{URL}">{Name}</a> </h2><b>}</b></div></center>
  464.         {block:Description}<div class="text-body">{Description}</div>{/block:Description}
  465.         </div>
  466.         {/block:Link}
  467.        
  468.         {block:Chat}
  469.         <div class="chat-post">
  470.         {block:Title}<h2>{Title}</h2><hr>{/block:Title}
  471.         <ul>
  472.             {block:Lines}
  473.             <li class="{Alt}"><p>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</p>
  474.             </li>
  475.             {/block:Lines}
  476.         </ul>
  477.         </div>
  478.         {/block:Chat}
  479.        
  480.         {block:Video}
  481.         <div class="video post">
  482.        
  483.         </div>
  484.         {/block:Video}
  485.        
  486.         {block:Audio}
  487.         <div class="audio-post">
  488.        
  489.         </div>
  490.         {/block:Audio}
  491.         <hr>
  492.         <table class="post-footer" border="0" style="width:100%;position:relative;top:2px;">
  493.         <tr>
  494.         <td style="width:45%;">
  495.         {block:Date}<a href="{Permalink}">{MonthNumber}<b>.</b>{DayOfMonth}<b>.</b>{Year}</a>{/block:Date}
  496.         </td>
  497.         <td style="text-align:right;">
  498.         {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  499.         </td>
  500.         </tr>
  501.         </table>
  502.     </div>
  503.     {block:ContentSource}
  504. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  505. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  506. {/block:SourceLogo}
  507. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  508. {/block:ContentSource}
  509. {/block:posts}
  510. </div>
  511. </div>
  512. {/block:IndexPage}
  513. </body>
  514. <script>
  515. var tumblrAutoPager = {
  516.     url: "http://proto.jp/",
  517.     ver: "0.1.7",
  518.     rF: true,
  519.     gP: {},
  520.     pp: null,
  521.     ppId: "",
  522.     LN: location.hostname,
  523.     init: function () {
  524.         if ($("autopagerize_icon") || navigator.userAgent.indexOf('iPhone') != -1) return;
  525.         var tAP = tumblrAutoPager;
  526.         var p = 1;
  527.         var lh = location.href;
  528.         var lhp = lh.lastIndexOf("/page/");
  529.         var lht = lh.lastIndexOf("/tagged/");
  530.         if (lhp != -1) {
  531.             p = parseInt(lh.slice(lhp + 6));
  532.             tAP.LN = lh.slice(7, lhp);
  533.         } else if (lht != -1) {
  534.             tAP.LN = lh.slice(7);
  535.             if (tAP.LN.slice(tAP.LN.length - 1) == "/") tAP.LN = tAP.LN.slice(0, tAP.LN.length - 1);
  536.         } else if ("http://" + tAP.LN + "/" != lh) {
  537.             return;
  538.         };
  539.         var gPFncs = [];
  540.         gPFncs[0] = function (aE) {
  541.             var r = [];
  542.             for (var i = 0, l = aE.length; i < l; i++) {
  543.                if (aE[i].className == "autopagerize_page_element") {
  544.                    r = gCE(aE[i]);
  545.                    break;
  546.                }
  547.            }
  548.            return r;
  549.        };
  550.        gPFncs[1] = function (aE) {
  551.            var r = [];
  552.            for (var i = 0, l = aE.length; i < l; i++) {
  553.                var arr = aE[i].className ? aE[i].className.split(" ") : null;
  554.                if (arr) {
  555.                    for (var j = 0; j < arr.length; j++) {
  556.                        arr[j] == "post" ? r.push(aE[i]) : null;
  557.                    }
  558.                }
  559.            }
  560.            return r;
  561.        };
  562.        gPFncs[2] = function (aE) {
  563.            var r = [];
  564.            var tmpId = tAP.ppId ? [tAP.ppId] : ["posts", "main", "container", "content", "apDiv2", "wrapper", "projects", "feed"];
  565.            for (var i = 0, l = aE.length; i < l; i++) {
  566.                for (var j = 0; j < tmpId.length; j++) {
  567.                    if (aE[i].id == tmpId[j]) {
  568.                        r = gCE(aE[i]);
  569.                        tAP.ppId = aE[i].id;
  570.                        break;
  571.                    }
  572.                }
  573.            }
  574.            return r;
  575.        };
  576.        for (var i = 0; i < gPFncs.length; i++) {
  577.            var getElems = gPFncs[i](document.body.getElementsByTagName('*'));
  578.            if (getElems.length) {
  579.                tAP.gP = gPFncs[i];
  580.                tAP.pp = getElems[0].parentNode;
  581.                break;
  582.            }
  583.        }
  584.  
  585.        function gCE(pElem) {
  586.            var r = [];
  587.            for (var i = 0, l = pElem.childNodes.length; i < l; i++) {
  588.                r.push(pElem.childNodes.item(i))
  589.            }
  590.            return r;
  591.        }
  592.        if (!tAP.pp) {
  593.            return;
  594.        }
  595.        sendRequest.README = {
  596.            license: 'Public Domain',
  597.            url: 'http://jsgt.org/lib/ajax/ref.htm',
  598.            version: 0.516,
  599.            author: 'Toshiro Takahashi'
  600.        };
  601.  
  602.        function chkAjaBrowser() {
  603.            var A, B = navigator.userAgent;
  604.            this.bw = {
  605.                safari: ((A = B.split('AppleWebKit/')[1]) ? A.split('(')[0].split('.')[0] : 0) >= 124,
  606.                 konqueror: ((A = B.split('Konqueror/')[1]) ? A.split(';')[0] : 0) >= 3.3,
  607.                 mozes: ((A = B.split('Gecko/')[1]) ? A.split(' ')[0] : 0) >= 20011128,
  608.                 opera: ( !! window.opera) && ((typeof XMLHttpRequest) == 'function'),
  609.                msie: ( !! window.ActiveXObject) ? ( !! createHttpRequest()) : false
  610.            };
  611.             return (this.bw.safari || this.bw.konqueror || this.bw.mozes || this.bw.opera || this.bw.msie)
  612.         }
  613.  
  614.         function createHttpRequest() {
  615.             if (window.XMLHttpRequest) {
  616.                 return new XMLHttpRequest()
  617.             } else {
  618.                 if (window.ActiveXObject) {
  619.                     try {
  620.                         return new ActiveXObject('Msxml2.XMLHTTP')
  621.                     } catch (B) {
  622.                         try {
  623.                             return new ActiveXObject('Microsoft.XMLHTTP')
  624.                         } catch (A) {
  625.                             return null
  626.                         }
  627.                     }
  628.                 } else {
  629.                     return null
  630.                 }
  631.             }
  632.         };
  633.  
  634.         function sendRequest(E, R, C, D, F, G, S, A) {
  635.             var Q = C.toUpperCase() == 'GET',
  636.                 H = createHttpRequest();
  637.             if (H == null) {
  638.                 return null
  639.             }
  640.             if ((G) ? G : false) {
  641.                 D += ((D.indexOf('?') == -1) ? '?' : '&') + 't=' + (new Date()).getTime()
  642.            }
  643.            var P = new chkAjaBrowser(),
  644.                L = P.bw.opera,
  645.                I = P.bw.safari,
  646.                N = P.bw.konqueror,
  647.                M = P.bw.mozes;
  648.             if (typeof E == 'object') {
  649.                 var J = E.onload;
  650.                 var O = E.onbeforsetheader
  651.             } else {
  652.                 var J = E;
  653.                 var O = null
  654.             } if (L || I || M) {
  655.                 H.onload = function () {
  656.                     J(H);
  657.                     H.abort()
  658.                 }
  659.             } else {
  660.                 H.onreadystatechange = function () {
  661.                     if (H.readyState == 4) {
  662.                         J(H);
  663.                         H.abort()
  664.                     }
  665.                 }
  666.             }
  667.             R = K(R, D);
  668.             if (Q) {
  669.                 D += ((D.indexOf('?') == -1) ? '?' : (R == '') ? '' : '&') + R
  670.            }
  671.            H.open(C, D, F, S, A);
  672.             if ( !! O) {
  673.                 O(H)
  674.             }
  675.             B(H);
  676.             H.send(R);
  677.  
  678.             function B(T) {
  679.                 if (!L || typeof T.setRequestHeader == 'function') {
  680.                     T.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8')
  681.                 }
  682.                 return T
  683.             }
  684.  
  685.             function K(X, V) {
  686.                 var Z = [];
  687.                 if (typeof X == 'object') {
  688.                     for (var W in X) {
  689.                         Y(W, X[W])
  690.                     }
  691.                 } else {
  692.                     if (typeof X == 'string') {
  693.                         if (X == '') {
  694.                             return ''
  695.                         }
  696.                         if (X.charAt(0) == '&') {
  697.                            X = X.substring(1, X.length)
  698.                        }
  699.                        var T = X.split('&');
  700.                         for (var W = 0; W < T.length; W++) {
  701.                            var U = T[W].split('=');
  702.                            Y(U[0], U[1])
  703.                        }
  704.                    }
  705.                }
  706.  
  707.                function Y(b, a) {
  708.                    Z.push(encodeURIComponent(b) + '=' + encodeURIComponent(a))
  709.                }
  710.                return Z.join('&')
  711.            }
  712.            return H
  713.        }
  714.  
  715.        function addNextPage(oj) {
  716.            if (oj.status == 404) {
  717.                tAP.remainFlg = false;
  718.                return;
  719.            }
  720.            var d = document.createElement("div");
  721.            d.innerHTML = oj.responseText;
  722.            var posts = tAP.gP(d.getElementsByTagName("*"));
  723.            if (posts.length < 2) {
  724.                tAP.rF = false;
  725.                return;
  726.            }
  727.            var hr = document.createElement("hr");
  728.            hr.className = "tumblrAutoPager_page_separator";
  729.            tAP.pp.appendChild(hr);
  730.            d = document.createElement("div");
  731.            d.className = "tumblrAutoPager_page_info";
  732.            d.innerHTML = "<p style='float:left'><a href=http://" + tAP.LN + "/page/" + p + ">/page/" + p + "</a></p>" + "<p style='float:right;text-align:right'><a href='javascript:tumblrAutoPager.switchAutoPage()' class='tAP_switch' style='font-size:80%'>AutoPage[OFF]</a><br />" + "<span style='font-size:75%'>by:<a href='http://proto.jp/2009/02/01/tumblrautopager/'>proto.jp</a></span></p><br style='clear:both' />";
  733.             tAP.pp.appendChild(d);
  734.             for (var i = 0; i < posts.length; i++) {
  735.                tAP.pp.appendChild(posts[i]);
  736.            }
  737.            var footer = $("footer");
  738.            footer ? footer.parentNode.appendChild(footer) : null;
  739.            tAP.rF = true;
  740.        }
  741.        watch_scroll();
  742.  
  743.        function watch_scroll() {
  744.            var d = document.compatMode == "BackCompat" ? document.body : document.documentElement;
  745.            var r = d.scrollWidth - d.clientWidth - (d.scrollLeft || document.body.scrollLeft);
  746.            if (r < d.clientWidth * 2 && tAP.rF) {
  747.                tAP.rF = false;
  748.                p++;
  749.                sendRequest(addNextPage, "", "GET", "http://" + tAP.LN + "/page/" + p, true);
  750.            }
  751.            setTimeout(arguments.callee, 200);
  752.        };
  753.  
  754.        function $(id) {
  755.            return document.getElementById(id)
  756.        };
  757.    },
  758.    switchAutoPage: function () {
  759.        this.rF = !this.rF;
  760.        var aE = document.getElementsByTagName('*');
  761.        for (var i = 0, l = aE.length; i < l; i++) {
  762.            if (aE[i].className == "tAP_switch") {
  763.                aE[i].firstChild.nodeValue = this.rF ? "AutoPage[OFF]" : "AutoPage[ON]";
  764.            }
  765.        }
  766.    }
  767. };
  768. window.addEventListener ? window.addEventListener('load', tumblrAutoPager.init, false) : window.attachEvent ? window.attachEvent("onload", tumblrAutoPager.init) : window.onload = tumblrAutoPager.init;
  769. </script>
  770. <footer class="metadata">
  771. </footer>
  772. </html>
Advertisement
Add Comment
Please, Sign In to add comment