API tools faq
paste
Advertisement
rowrz

LUCAS UR KILLING ME

rowrz
Dec 5th, 2014
194
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 40.54 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style type="text/css">
  5. a.btn{-webkit-filter: invert(100%);position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;}
  6. #katlyn{position:fixed;right:119px;top:47px;z-index:99999999999}
  7. #line{color:white;padding:0;border-bottom:1px solid;margin-top:0;text-align:center}#views{position:fixed;right:92px;top:47px;z-index:99999999999}#insta{position:fixed;right:117px;top:47px;z-index:99999999999999}#smedia{position:fixed;right:1px;top:37px;z-index:99999999999999}#lollipop{position:fixed;right:88px;top:47px;z-index:99999999999999}#cornify{position:fixed;right:117px;top:47px;z-index:99999999999999}#twitter{position:fixed;right:146px;top:47px;z-index:99999999999999}#ads{margin-bottom:40px}#asteroids{position:fixed;right:30px;top:47px;text-transform:uppercase;letter-spacing:1px;z-index:99999999999999}#bombs{position:fixed;right:59px;top:47px;text-transform:uppercase;letter-spacing:1px;z-index:99999999999999}#fp_button{position:fixed;right:90px;top:25px;z-index:9999999999}#lucas_button{position:fixed;top:25px;right:61px}
  8. </style>
  9.  
  10.  
  11.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  12.     <title>{Title}</title>
  13.     <meta name="viewport" content="width=640"/>
  14.     <link rel="shortcut icon" href="{Favicon}" />
  15.     <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}"/>
  16.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17. <script type="text/javascript" defer charset="utf-8">function updateGradient(){var e=colors[colorIndices[0]];var t=colors[colorIndices[1]];var n=colors[colorIndices[2]];var r=colors[colorIndices[3]];var i=1-step;var s=Math.round(i*e[0]+step*t[0]);var o=Math.round(i*e[1]+step*t[1]);var u=Math.round(i*e[2]+step*t[2]);var a="rgb("+s+","+o+","+u+")";var f=Math.round(i*n[0]+step*r[0]);var l=Math.round(i*n[1]+step*r[1]);var c=Math.round(i*n[2]+step*r[2]);var h="rgb("+f+","+l+","+c+")";var p=document.getElementById("gradient");p.style.background="-webkit-gradient(linear, left top, right top, from("+a+"), to("+h+"))";step+=gradientSpeed;if(step>=1){step%=1;colorIndices[0]=colorIndices[1];colorIndices[2]=colorIndices[3];colorIndices[1]=(colorIndices[1]+Math.floor(1+Math.random()*(colors.length-1)))%colors.length;colorIndices[3]=(colorIndices[3]+Math.floor(1+Math.random()*(colors.length-1)))%colors.length}}var colors=new Array([62,35,255],[60,255,60],[255,35,98],[45,175,230],[255,0,255],[255,128,0]);var step=0;var colorIndices=[0,1,2,3];var gradientSpeed=.002;setInterval(updateGradient,10)</script>
  18.     <style>#gradient{width:400%;height:120%;padding:0px;margin-top:-40px;position:fixed;z-index:-99999999;left:-640px}</style>
  19.     <style type="text/css">
  20.         html {
  21.             width: 640px;
  22.             margin: auto;
  23.             position: relative;
  24.         }
  25.  
  26.         body {
  27.             color:#fff;
  28.             width: 640px;
  29.             margin: 0 auto;
  30.             padding: 0;
  31.             background: transparent;
  32.             font-family: Helvetica, Arial, sans-serif;
  33.         }
  34.  
  35.         .clear {
  36.             clear: both;
  37.         }
  38.  
  39.         iframe#tumblr_controls {
  40.             position: fixed;
  41.             -webkit-filter: invert(100%);
  42.         }
  43.  
  44.         a {
  45.             text-decoration: none;
  46.             color: inherit;
  47.             word-wrap: break-word;
  48.         }
  49.        
  50.         .gray_bubble {
  51.             -webkit-font-smoothing: antialiased;
  52.             background: transparent;
  53.  
  54.         }
  55.        
  56.         header {
  57.             padding: 31px 27px 24px 28px;
  58.         }
  59.        
  60.             header a.title {
  61.                 max-width: 317px;
  62.                 color: #fff;
  63.                 font-size: 52px;
  64.                 font-weight: bold;
  65.                 word-wrap: break-word;
  66.                 letter-spacing: -1px;
  67.                 line-height: 54px;
  68.                 margin: 0 0 5px 0;
  69.                 display: inline-block;
  70.                 float: left;
  71.             }
  72.            
  73.             header .info {
  74.                 max-height: 70px;
  75.                 color: #fff;
  76.                 font-size: 26px;
  77.                 line-height: 35px;
  78.                 overflow: hidden;
  79.                 position: relative;
  80.             }
  81.            
  82.                 header .info.showing {
  83.                     height: auto;
  84.                     max-height: 9999px;
  85.                     overflow: visible;
  86.                 }
  87.            
  88.                 header .info .body span.description_words {
  89.                     margin: 22px 0 0 0;
  90.                 }
  91.  
  92.                     header .info .body span.description_words:empty {
  93.                         margin: 0px;
  94.                     }
  95.            
  96.                 header .info .body .show {
  97.                     width: 120px;
  98.                     height: 30px;
  99.                     text-align: right;
  100.                     background: #38393b;
  101.                     padding: 0 0 5px 0;
  102.                     position: absolute;
  103.                     right: 0;
  104.                     bottom: 0;
  105.                 }    
  106.  
  107.                     header .info.showing .body .show {
  108.                         width: 24px;
  109.                         right: -10px;
  110.                         bottom: -16px;
  111.                     }
  112.            
  113.                     header .info .body .show a {
  114.                         font-weight: bold;
  115.                     }
  116.                    
  117.                     header .info .body .show .gradient {
  118.                         width: 100px;
  119.                         height: 36px;
  120.                         background: url('http://static.tumblr.com/thpaaos/42wlbflin/gradient.png');
  121.                         display: block;
  122.                         position: absolute;
  123.                         top: 0;
  124.                         left: -100px;
  125.                     }
  126.                    
  127.                         header .info.showing .body .show .gradient {
  128.                             display: none;
  129.                         }
  130.  
  131.         .bubble {
  132.             display: block;
  133.             width: 608px;
  134.             margin: 20px auto 0 auto;
  135.             overflow: hidden;
  136.         }
  137.            
  138.             .permalink + #posts .bubble {
  139.                 margin-top: 10px;
  140.             }
  141.  
  142.             .bubble .top {
  143.                 background: transparent;
  144.                 width: 608px;
  145.                 height: 34px;
  146.                 margin: 0 auto;
  147.             }
  148.            
  149.             .bubble .content {
  150.                 background:  transparent;
  151.                 width: 528px;
  152.                 line-height: 34px;
  153.                 margin: 0 auto;
  154.                 padding: 2px 40px;
  155.             }
  156.            
  157.                 .bubble.description .content {
  158.                     padding: 0 40px 0 40px;
  159.                 }
  160.  
  161.             .bubble .content.bleed {
  162.                 width: 600px;
  163.                 padding: 0 4px;
  164.             }
  165.                
  166.                 .bubble .content img.photo {
  167.                     display: block;
  168.                     width: 520px;
  169.                     height: auto;
  170.                 }
  171.                
  172.                 .bubble .content .copy {
  173.                     font-size: 26px;
  174.                     color: #fff;
  175.                 }
  176.                    
  177.                     .bubble .content .copy a {
  178.                         text-decoration: none;
  179.                     }
  180.                    
  181.                     .bubble .content h2 {
  182.                         color: #fff;
  183.                         font-size: 36px;
  184.                         line-height: 40px;
  185.                         margin: 0;
  186.                         padding: 0;
  187.                     }
  188.                    
  189.                     .bubble .content .copy p {
  190.                         margin: 20px 0;
  191.                     }
  192.                    
  193.                     .bubble .content .copy code {
  194.                         word-wrap: break-word;
  195.                     }
  196.  
  197.                     .audio_player {
  198.                         margin: 0 0 30px 0;
  199.                     }
  200.  
  201.                         .audio_player a.play {
  202.                             color: #333536;
  203.                             min-height: 76px; /* 126 - 25 - 25 for padding */
  204.                             font-size: 26px;
  205.                             line-height: 38px;
  206.                             text-decoration: none;
  207.                             border-radius: 4px;
  208.                             padding: 25px 35px 25px 93px;
  209.                             display: block;
  210.                             -webkit-tap-highlight-color: rgba(0,0,0,0.0);
  211.                         }
  212.  
  213.                             .audio_player a.play.is_playing {
  214.                                 background: #e9ecef url('http://static.tumblr.com/thpaaos/BVZl8fpzl/mobile_dashboard_play_pause_sprite.png') -636px center no-repeat;
  215.                                 -webkit-box-shadow: inset 0 0 20px #d9dfe3;
  216.                             }
  217.  
  218.                             .audio_player.with_cover_art a.play {
  219.                                 width: 245px;
  220.                                 display: inline-block;
  221.                                 float: left;
  222.                             }
  223.                            
  224.                                 .audio_player a.play strong.listen {
  225.                                     margin: 18px 0 0 0;
  226.                                     display: inline-block;
  227.                                 }
  228.  
  229.                         .audio_player img.cover {
  230.                             width: 130px;
  231.                             -webkit-border-radius: 10px;
  232.                             -webkit-box-shadow: 0px 1px 5px #4f4f4f;
  233.                             margin: 0 20px 0 0;
  234.                             float: left;
  235.                             display: block;
  236.                         }
  237.  
  238.                     .bubble .content .copy.text_post p:first-child {
  239.                         margin-top: 0;
  240.                     }
  241.                    
  242.                     .bubble .content .copy p:last-child {
  243.                         margin-bottom: 0;
  244.                     }
  245.                    
  246.                     .bubble .content .copy blockquote {
  247.                         margin: 20px 0px 20px 20px;
  248.                         padding-left: 30px;
  249.                         border-left: solid 6px #c9cccf;
  250.                     }
  251.                    
  252.                     .bubble .content .copy img {
  253.                         max-width: 100%;
  254.                     }
  255.                    
  256.                     .bubble .content .video {
  257.                         width: 520px;
  258.                         font-size: 26px;
  259.                         color: #333536;
  260.                     }
  261.  
  262.                         .bubble .content .video * {
  263.                             width: 520px !important;
  264.                             margin: 0 auto;
  265.                         }
  266.                        
  267.                         .bubble .content .video a {
  268.                             margin: 0 auto;
  269.                         }
  270.                        
  271.                             .bubble .content .video a img {
  272.                                 width: 100%;
  273.                                 height: auto;
  274.                             }
  275.                            
  276.                             .bubble .content .video a div {
  277.                                 border: none;
  278.                             }
  279.                        
  280.                         .bubble .content .video * {
  281.                             width: auto;
  282.                             min-height: auto;
  283.                             padding: 0px;
  284.                             margin: 0;
  285.                         }
  286.                        
  287.                         .bubble .content .html_photoset {
  288.                             width: 520px;
  289.                             text-align: center;
  290.                             border: none;
  291.                         }
  292.                                                
  293.                             .bubble .content .html_photoset p {
  294.                                 margin: 30px 0;
  295.                             }
  296.                            
  297.                             .bubble .content .html_photoset p:first-child {
  298.                                 margin-top: 0;
  299.                             }
  300.                            
  301.                                 .bubble .content .html_photoset p img.photoset_photo {
  302.                                     width: 520px;
  303.                                     margin: 0 auto;
  304.                                 }
  305.                                
  306.                                 .bubble .content .html_photoset p.photoset_caption {
  307.                                     margin-top: 20px;
  308.                                 }
  309.                    
  310.                     .bubble .content .link {
  311.                         display: block;
  312.                         font-size: 32px;
  313.                         line-height: 36px;
  314.                         font-weight: bold;
  315.                         color: #49729a;
  316.                     }
  317.                    
  318.                         .bubble .content .link span {
  319.                             font-family: 'Lucida Grande', sans-serif;
  320.                             vertical-align: -1px;
  321.                         }
  322.                    
  323.                     .bubble .content .quote {
  324.                         font-size: 32px;
  325.                         line-height: 36px;
  326.                         font-weight: bold;
  327.                         color: #fff;
  328.                     }
  329.                    
  330.                         .bubble .content .quote_source *:first-child {
  331.                             margin-top: 0;
  332.                         }
  333.                     /*
  334.                     .bubble .content .audio {
  335.                         margin-top: 0;
  336.                     }
  337.                    
  338.                     .bubble .content .audio img {
  339.                         display: inline-block;
  340.                         border: none;
  341.                         width: 36px;
  342.                         height: 36px;
  343.                         position: relative;
  344.                         top: 8px;
  345.                         margin-right: 8px;
  346.                     }
  347.                    
  348.                     .bubble .content .audio a {
  349.                         font-weight: bold;
  350.                     }
  351.  
  352.                     .bubble .content .audio strong u {
  353.                         font-size: 24px;
  354.                     } */
  355.                    
  356.                     .bubble .content .video img {
  357.                         border: none;
  358.                     }
  359.                
  360.                 .bubble .content .chat {
  361.                     width: 100%;
  362.                     border-bottom: 2px solid #fff;
  363.                     margin: 0;
  364.                 }
  365.                
  366.                     .bubble .content .chat td {
  367.                         padding: 16px 0;
  368.                         border-top: 2px solid #fff;
  369.                         border-bottom: 2px solid #dde2e7;
  370.                         vertical-align: top;
  371.                         font-size: 26px;
  372.                         color: #fff;
  373.                     }
  374.  
  375.                         .bubble .content .chat tr:first-child td {
  376.                             border-top-width: 0px;
  377.                             padding-top: 0px;
  378.                         }
  379.  
  380.                     .bubble .content .chat td.username {
  381.                         padding-right: 24px;
  382.                         font-weight: bold;
  383.                         max-width: 230px;
  384.                     }
  385.                
  386.                 .bubble .content .answer_question {
  387.                     background: rgba( 255, 255, 255, 0.4 );
  388.                     border-radius: 5px;
  389.                     padding: 26px 30px;
  390.                     font-size: 32px;
  391.                     line-height: 38px;
  392.                     color: #fff;
  393.                     word-wrap: break-word;
  394.                 }
  395.                
  396.                 .bubble .content .answer_asker {
  397.                     margin-top: 24px;
  398.                     font-weight: bold;
  399.                     font-size: 28px;
  400.                     color: #fff;
  401.                 }
  402.                
  403.                     .bubble .content .answer_asker img {
  404.                         display: inline-block;
  405.                         border: none;
  406.                         vertical-align: -14px;
  407.                         margin: 0 14px 0 20px;
  408.                     }
  409.                
  410.                 .bubble .content .date,
  411.                 .bubble .content .note_count {
  412.                     float: left;
  413.                     font-weight: bold;
  414.                     font-size: 24px;
  415.                     color: #fff;
  416.                     margin-top: 26px;
  417.                     text-decoration: none;
  418.                 }
  419.                
  420.                 .bubble .content .note_count {
  421.                     float: right;
  422.                 }
  423.                
  424.                 .bubble .content ol.notes {
  425.                     margin: 0;
  426.                     padding: 0;
  427.                     border-top: 2px solid #dde2e7;
  428.                     border-bottom: 2px solid #fff;
  429.                     list-style-type: none;
  430.                     font-size: 24px;
  431.                 }
  432.                
  433.                     .bubble .content ol.notes li.note {
  434.                         padding: 20px 60px 20px 20px;
  435.                         border-top: 2px solid #fff;
  436.                         border-bottom: 2px solid #dde2e7;
  437.                     }
  438.                    
  439.                         .bubble .content ol.notes li.note img.avatar {
  440.                             display: inline-block;
  441.                             vertical-align: -10px;
  442.                             margin-right: 12px;
  443.                             width: 32px;
  444.                             height: 32px;
  445.                         }
  446.                        
  447.                         .bubble .content ol.notes li.note span.action {
  448.                             font-weight: normal;
  449.                         }
  450.                        
  451.                         .bubble .content ol.notes li.note .answer_content {
  452.                             font-weight: normal;
  453.                         }
  454.                        
  455.                         .bubble .content ol.notes li.note blockquote {
  456.                             border-left: 6px solid #c9cccf;
  457.                             padding: 2px 20px;
  458.                             margin: 20px 0px 0px 50px;
  459.                         }
  460.                            
  461.                             .bubble .content ol.notes li.note blockquote a {
  462.                                 text-decoration: none;
  463.                             }
  464.                        
  465.                         .bubble .content ol.notes li.note .tumblelog,
  466.                         .bubble .content ol.notes li.note .source_tumblelog {
  467.                             font-weight: bold;
  468.                             color: #fff;
  469.                         }
  470.                        
  471.                         .bubble .content ol.notes li.like {
  472.                             background: url('http://assets.tumblr.com/images/iphone/tumblelog_retina/note_like.png') 546px 27px no-repeat;
  473.                         }
  474.                    
  475.                         .bubble .content ol.notes li.reblog {
  476.                             background: url('http://assets.tumblr.com/images/iphone/tumblelog_retina/note_reblog.png') 546px 24px no-repeat;
  477.                         }
  478.                    
  479.                         .bubble .content ol.notes li.answer {
  480.                             background: url('http://assets.tumblr.com/images/iphone/tumblelog_retina/note_answer.png') 550px 22px no-repeat;
  481.                         }
  482.                    
  483.                         .bubble .content ol.notes li.facebook_comment {
  484.                             background: url('http://assets.tumblr.com/images/note_facebook_2.png') 544px 24px no-repeat;
  485.                         }
  486.                    
  487.                         .bubble .content ol.notes li.photo,
  488.                         .bubble .content ol.notes li.reply {
  489.                             background: url('http://assets.tumblr.com/images/iphone/tumblelog_retina/note_reply.png') 544px 24px no-repeat;
  490.                         }
  491.  
  492.                         .bubble .content ol.notes a.more_notes_link {
  493.                             font-weight: bold;
  494.                             color:white;
  495.                         }
  496.            
  497.             .bubble .bottom {
  498.                 background: transparent;
  499.                 width: 608px;
  500.                 height: 38px;
  501.                 margin: 0 auto;
  502.             }
  503.            
  504.                 .bubble.description .bottom {
  505.                     height: 102px;
  506.                     background: transparent;
  507.                 }
  508.                
  509.                 .bubble.permalink .bottom {
  510.                     height: 59px;
  511.                     background: transparent;
  512.                 }
  513.  
  514.         .load {
  515.             color: #fff;
  516.             font-size: 42px;
  517.             font-weight: bold;
  518.             text-align: center;
  519.             padding: 38px 0;
  520.             display: block;
  521.         }    
  522.  
  523.            .load img {
  524.                 vertical-align: -2px;
  525.                 margin-right: 20px;
  526.             }
  527.            
  528.         .links {
  529.             margin: 30px;
  530.             overflow: hidden;
  531.         }
  532.        
  533.             .links a {
  534.                 color: #fff;
  535.                 font-size: 26px;
  536.                 float: right;
  537.             }
  538.  
  539.                 .links a:first-child {
  540.                     float: left;
  541.                 }
  542.  
  543.         body.android .gray_bubble,
  544.         body.android .audio_player a.play.is_playing,
  545.         body.android .audio_player img.cover
  546.          {
  547.             -webkit-box-shadow: none !important;
  548.         }
  549.        
  550.     </style>
  551.     <script type="text/javascript" charset="utf-8">
  552.         setTimeout(function() { window.scrollTo(0,1) }, 100);
  553.                
  554.         function microAjax(B,A) {
  555.             this.bindFunction = function(E,D){
  556.                 return function(){
  557.                     return E.apply(D,[D])
  558.                 }
  559.             };
  560.  
  561.             this.stateChange = function(D){
  562.                 if (this.request.readyState == 4) {
  563.                     this.callbackFunction(this.request.responseText);
  564.                 }
  565.             };
  566.  
  567.             this.getRequest = function(){
  568.                 if (window.ActiveXObject) {
  569.                     return new ActiveXObject("Microsoft.XMLHTTP");
  570.                 } else {
  571.                     if (window.XMLHttpRequest) {
  572.                         return new XMLHttpRequest();
  573.                     }
  574.                 }
  575.  
  576.                 return false;
  577.             };
  578.  
  579.             this.postBody = (arguments[2] || '');
  580.             this.callbackFunction = A;
  581.             this.url = B;
  582.             this.request = this.getRequest();
  583.  
  584.             if (this.request) {
  585.                 var C = this.request;
  586.                 C.onreadystatechange = this.bindFunction(this.stateChange, this);
  587.  
  588.                 if (this.postBody !== '') {
  589.                     C.open("POST", B, true);
  590.                     C.setRequestHeader("X-Requested-With", "XMLHttpRequest");
  591.                     C.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  592.                     C.setRequestHeader("Connection", "close");
  593.                 } else {
  594.                     C.open("GET", B, true);
  595.                 }
  596.  
  597.                 C.send(this.postBody);
  598.             }
  599.         }
  600.        
  601.         function $(id) {
  602.             return document.getElementById(id);
  603.         }
  604.        
  605.         var loading_next_page = false;
  606.         var next_page = 1;
  607.         var current_url;
  608.                
  609.         function load_more_posts() {
  610.             if (loading_next_page) return;
  611.             loading_next_page = true;
  612.            
  613.             $('load_more').style.display = 'none';
  614.             $('loading_more').style.display = 'block';
  615.            
  616.             if (! current_url) current_url = document.location.href;
  617.             if (current_url.charAt(current_url.length - 1) != '/') current_url += '/';
  618.  
  619.             if (next_page === 1) current_url += 'page/1';
  620.            
  621.             current_url = current_url.replace('page/' + next_page, 'page/' + ++next_page);
  622.            
  623.             microAjax(current_url, function(res) {
  624.                 $('posts').innerHTML += res.split('<!-- START' + ' POSTS -->')[1].split('<!-- END' + ' POSTS -->')[0];
  625.                 $('loading_more').style.display = 'none';
  626.                 $('load_more').style.display = 'block';
  627.                 loading_next_page = false;
  628.             });
  629.         }
  630.        
  631.         function show_notes(post_id, notes_url) {
  632.             if ($('notes_' + post_id).innerHTML == '') {
  633.                 var old_innerHTML =  $('show_notes_' + post_id).innerHTML;
  634.                 $('show_notes_' + post_id).innerHTML = 'Loading notes...';
  635.                
  636.                 microAjax(notes_url, function(res) {
  637.                     $('show_notes_' + post_id).innerHTML = old_innerHTML;
  638.                    
  639.                     $('notes_' + post_id).innerHTML = res;
  640.                     $('notes_container_' + post_id).style.display = 'inherit';
  641.                    
  642.                     $('show_notes_' + post_id).style.display = 'none';
  643.                     $('hide_notes_' + post_id).style.display = 'inherit';
  644.                 });
  645.             } else {
  646.                 $('notes_container_' + post_id).style.display = 'inherit';
  647.                
  648.                 $('show_notes_' + post_id).style.display = 'none';
  649.                 $('hide_notes_' + post_id).style.display = 'inherit';
  650.             }
  651.         }
  652.        
  653.         function hide_notes(post_id) {
  654.             $('show_notes_' + post_id).style.display = 'inherit';
  655.             $('hide_notes_' + post_id).style.display = 'none';
  656.             $('notes_container_' + post_id).style.display = 'none';
  657.         }
  658.        
  659.         function play_audio(post_id) {
  660.             var audio = $('audio_file_' + post_id);
  661.            
  662.             if (audio.paused) {
  663.                 audio.play();
  664.                 $('play_button_' + post_id).className = 'play is_playing';
  665.             } else {
  666.                 audio.pause();
  667.                 $('play_button_' + post_id).className = 'play';
  668.             }
  669.         };
  670.        
  671.         var showing_info = 0;        
  672.  
  673.         function show_more_info() {
  674.             if (showing_info == 0) {
  675.                 $('show_more_info_link').innerHTML = 'X';
  676.                 $('info_container').className = 'info showing';
  677.                 showing_info = 1;
  678.             } else {
  679.                 $('show_more_info_link').innerHTML = 'Show all';
  680.                 $('info_container').className = 'info';
  681.                 showing_info = 0;
  682.             }
  683.         }
  684.        
  685.         function strip_anchors(input) {
  686.             return input.replace(/<a /g, '<u ').replace(/<\/a>/g, '<\/u>');
  687.         }
  688.     </script>
  689. </head>
  690. <body>
  691. <div id="gradient"></div>
  692.  
  693. <a id="katlyn" class="btn" href="http://unlawful.ly/" title="Katlyn ♔"><img src="http://i.imgur.com/nnNZMHG.png" width="15px"></a>
  694.  
  695. <div id="bombs"><span title="Play Bombs"> <a class="btn" href="javascript:(function () {var s = document.createElement('script');s.setAttribute('src', 'http://lucas.d.pr/1i8VO+');document.body.appendChild(s);}());" title="Play Bombs"><img src="http://lucas.d.pr/1kOem+" /></a></span></div>
  696. <script type="text/javascript">// <![CDATA[
  697. function confirm_alert(node) {
  698.    return confirm("Use the arrow keys to move and spacebar to shoot.");
  699. }
  700. // ]]></script>
  701. <div id="asteroids"><span title="Play Asteroids"> <a class="btn" href="javascript:var%20KICKASSVERSION='2.0';var%20s%20=%20document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='//lucas.d.pr/1kklr+';void(0);" title="Play Asteroids"> <img src="http://lucas.d.pr/1bIoQ+" /> </a> </span></div>
  702. <div id="lollipop"><a class="btn" href="/" title="Click to Lollify"><img src="http://lucas.d.pr/bLUk+" width="15px" /></a>
  703. <script src="http://lucas.d.pr/12Icu+" type="text/javascript"></script>
  704. </div>
  705. <div id="cornify"><a class="btn" href="http://www.cornify.com" title="Cornify"><img alt="Cornify" src="http://lucas.d.pr/12YiD+" width="15px" /></a></div>
  706.     <header class="gray_bubble">
  707.         <a href="/" class="title">{Title}&nbsp;</a>
  708.         <div class="clear"></div>
  709.             <div class="info" id="info_container">
  710.                 <div class="body" id="body_container">
  711.                     {block:Description}<span class="description_words">{Description}</span>{/block:Description}
  712.                     <div class="show" id="show_more_info" style="display:none">
  713.                         <a href="#" id="show_more_info_link" onclick="show_more_info(); return false;">
  714.                             Show all
  715.                         </a>
  716.                         <div class="gradient" id="show_gradient"></div>
  717.                     </div>
  718.                 </div>
  719.             </div>
  720.     </header>
  721.  
  722.     <div id="posts">
  723.         <!-- START POSTS -->
  724.         {block:Posts}
  725.             <div class="bubble">
  726.                 <div class="top"></div>
  727.                 <div class="content">
  728.  
  729.                     {block:Text}
  730.                         <div class="copy text_post">
  731.                             {block:Title}<h2>{Title}</h2>{/block:Title}
  732.                             {Body}
  733.                             {block:More}<p class="read_more_container"><a href="{Permalink}" class="read_more">Read More</a></p>{/block:More}
  734.                         </div>
  735.                     {/block:Text}
  736.  
  737.                     {block:Photo}
  738.                         {block:HighRes}<a href="{PhotoURL-HighRes}">{/block:HighRes}<img src="{PhotoURL-500}" alt="{PhotoAlt}" class="photo" />{block:HighRes}</a>{/block:HighRes}
  739.                         {block:Caption}
  740.                             <div class="copy">
  741.                                 {Caption}
  742.                             </div>
  743.                         {/block:Caption}
  744.                     {/block:Photo}
  745.  
  746.                     {block:Photoset}
  747.                         <div class="video">
  748.                             {Photoset-500}
  749.                         </div>
  750.                         {block:Caption}
  751.                             <div class="copy">
  752.                                 {Caption}
  753.                             </div>
  754.                         {/block:Caption}
  755.                     {/block:Photoset}
  756.  
  757.                     {block:Link}
  758.                         <a href="{URL}" class="link" {Target}>{Name} <span>&rarr;</span></a>
  759.                         {block:Description}
  760.                             <div class="copy">
  761.                                 {Description}
  762.                             </div>
  763.                         {/block:Description}
  764.                     {/block:Link}
  765.  
  766.                     {block:Quote}
  767.                         <div class="quote">&#8220;{Quote}&#8221;</div>
  768.                         {block:Source}
  769.                             <table border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:20px 0">
  770.                                 <tr>
  771.                                     <td valign="top" style="width:2px; padding:0 20px 0 0">
  772.                                         &mdash;
  773.                                     </td>
  774.                                     <td valign="top" class="copy quote_source">
  775.                                         {Source}
  776.                                     </td>
  777.                                 </tr>
  778.                             </table>
  779.                         {/block:Source}
  780.                     {/block:Quote}
  781.  
  782.                     {block:Audio}
  783.                         <div class="audio_player {block:AlbumArt}with_cover_art{/block:AlbumArt}" id="play_audio_{PostID}">
  784.                             {block:AlbumArt}<img src="{AlbumArtURL}" class="cover"/>{/block:AlbumArt}
  785.                             <a class="play" onclick="play_audio({PostID}); return false;" id="play_button_{PostID}">
  786.                                 {block:TrackName}<strong>{TrackName}</strong><br/>{/block:TrackName}
  787.                                 {block:Artist}{Artist}{/block:Artist}
  788.                                 <strong class="listen" style="display:none">Listen</strong>
  789.                             </a>
  790.                             <audio id="audio_file_{PostID}" src="{RawAudioURL}"></audio>
  791.                             <div class="clear"></div>
  792.                         </div>
  793.                         {block:Caption}
  794.                             <div class="copy">
  795.                                 {Caption}
  796.                             </div>
  797.                         {/block:Caption}
  798.                     {/block:Audio}
  799.  
  800.                     {block:Video}
  801.                         <div class="video">
  802.                             {Video-500}
  803.                         </div>
  804.                         {block:Caption}
  805.                             <div class="copy">
  806.                                 {Caption}
  807.                             </div>
  808.                         {/block:Caption}
  809.                     {/block:Video}
  810.  
  811.                     {block:Chat}
  812.                         {block:Title}<h2 style="margin-bottom:26px;">{Title}</h2>{/block:Title}
  813.                         <table class="chat" border="0" cellpadding="0" cellspacing="0">
  814.                             {block:Lines}
  815.                                 <tr>
  816.                                     {block:Label}<td class="username">{Label}</td>{/block:Label}
  817.                                     <td width="*">{Line}</td>
  818.                                 </tr>
  819.                             {/block:Lines}
  820.                         </table>
  821.                     {/block:Chat}
  822.  
  823.                     {block:Answer}
  824.                         <div class="answer_question">{Question}</div>
  825.                         <div class="answer_asker">
  826.                             <img src="{AskerPortraitURL-48}" width="48" height="48" />{Asker}
  827.                         </div>
  828.                         <div class="copy">
  829.                             {Answer}
  830.                         </div>
  831.                     {/block:Answer}
  832.  
  833.                     {block:Date}
  834.                         <a class="date" href="{Permalink}" {Target}>
  835.                             {TimeAgo}
  836.                         </a>
  837.                     {/block:Date}
  838.                     {block:NoteCount}
  839.                         <a href="{Permalink}" class="note_count" onclick="show_notes({PostID}, '{PostNotesURL}'); return false;" id="show_notes_{PostID}" {Target} style="padding-left:6px;">
  840.                             {NoteCountWithLabel}
  841.                         </a>
  842.                         <a href="#" class="note_count" onclick="hide_notes({PostID}); return false;" id="hide_notes_{PostID}" style="display: none; padding-left:6px;">
  843.                              Hide notes
  844.                         </a>
  845.                     {/block:NoteCount}
  846. <!--IF DISQUS---
  847.                    {block:Date}<a href="{Permalink}#disqus_thread" class="note_count" style="padding-left:6px;">Comments</a>{/block:Date}
  848. ----ENDIF DISQUS-->
  849.                     <div class="clear"></div>
  850.                 </div>
  851.                 <div class="bottom"></div>
  852.             </div>
  853.             {block:IndexPage}
  854.                 <div id="notes_container_{PostID}" class="bubble" style="display:none">
  855.                     <div class="top"></div>
  856.                     <div class="content bleed" id="notes_{PostID}"></div>
  857.                     <div class="bottom"></div>
  858.                 </div>
  859.             {/block:IndexPage}
  860.             {block:PermalinkPage}
  861. <!--IF DISQUS---
  862.    {block:Date}
  863.        <div class="bubble">
  864.            <div class="top"></div>
  865.            <style type="text/css">
  866.                #disqus_thread {
  867.                    background: url('http://assets.tumblr.com/images/iphone/tumblelog_retina/content_bg.png') -1px 0 repeat-y transparent;
  868.                    width: 586px;
  869.                    margin: 0;
  870.                    padding: 0 11px;
  871.                }
  872.                #disqus_thread a {
  873.                    text-decoration: none;
  874.                }
  875.                #dsq-new-post h3 {
  876.                    margin-top: 0;
  877.                }
  878.                #dsq-content .dsq-item-trackback {
  879.                    margin-bottom: 0;
  880.                }
  881.                #dsq-global-toolbar {
  882.                    margin-top: 0 !important;
  883.                }
  884.            </style>
  885.            <div id="disqus_thread"></div>
  886.            <script type="text/javascript">
  887.            (function() {
  888.                var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = 'http://DISQUS_SHORTNAME.disqus.com/embed.js';
  889.                (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  890.            })();
  891.            </script>
  892.            <div class="content">
  893.                <div class="copy">
  894.                </div>
  895.                <div class="clear"></div>
  896.            </div>
  897.            <div class="bottom"></div>
  898.        </div>
  899.    {/block:Date}
  900. ----ENDIF DISQUS-->
  901.                 {block:PostNotes}
  902.                     <div class="bubble">
  903.                         <div class="top"></div>
  904.                         <div class="content bleed">
  905.                             {PostNotes}
  906.                         </div>
  907.                         <div class="bottom"></div>
  908.                     </div>
  909.                 {/block:PostNotes}
  910.                 <div style="margin-bottom:30px;"></div>
  911.             {/block:PermalinkPage}
  912.         {/block:Posts}
  913.         <!-- END POSTS -->
  914.     </div>
  915.     {block:IndexPage}
  916.         {block:NextPage}
  917.             <a href="/page/2" class="load gray_bubble" id="load_more" onclick="load_more_posts(); return false;">
  918.                 Load more posts
  919.             </a>
  920.             <div class="load gray_bubble" id="loading_more" onclick="load_more_posts(); return false;" style="display:none">
  921.                 <img src="http://static.tumblr.com/thpaaos/HBrlbfdoy/loading.gif" width="32" height="32" /> Loading more posts...
  922.             </div>
  923.         {/block:NextPage}
  924.     {/block:IndexPage}
  925.     <div class="links">
  926.      
  927. <!--IF DISQUS---
  928. <script type="text/javascript">
  929. var disqus_shortname = 'DISQUS_SHORTNAME';
  930. (function () {
  931.  var s = document.createElement('script'); s.async = true;
  932.  s.src = 'http://disqus.com/forums/' + disqus_shortname + '/count.js';
  933.  (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  934. }());
  935. </script>
  936. ----ENDIF DISQUS-->
  937.  
  938. <script language="JavaScript">
  939. // FHS Text Counter
  940. var height = '25';
  941. document.write('<script src="http://s1.freehostedscripts.net/ocount.php?site=ID2617299&s=1&h=' + height + '&name=Have been here"><\/script>');
  942. </script>
  943. </body>
  944. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!