Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on May 5th, 2012  |  syntax: None  |  size: 11.22 KB  |  hits: 11  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2.  
  3. <html>
  4.  
  5. <head>
  6.  
  7.         <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  8.         <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
  9.         <meta name="ProgId" content="FrontPage.Editor.Document">
  10.         <title>LolerStream</title>
  11.         <meta name="Microsoft Theme" content="none">
  12.        
  13.         <link rel="icon" href="favicon.ico" type="image/x-icon">
  14.         <link rel="SHORTCUT ICON" href="favicon.ico">
  15.        
  16.         <style>
  17.                
  18.                 html {
  19.                        
  20.                         margin: 0;
  21.                         width: 100%;
  22.                         height: 100%;
  23.                        
  24.                 }
  25.                
  26.                 body {
  27.                        
  28.                        
  29.                         margin: 0;
  30.                         width: 100%;
  31.                         height: 100%;
  32.                        
  33.                 }
  34.                
  35.                 div {
  36.                        
  37.                         margin: 0;
  38.                         background-repeat: no-repeat;
  39.                         background-position: center;
  40.                        
  41.                 }
  42.                
  43.                 div#wrapper {
  44.                        
  45.                         background-image: url(http://lolerstream.com/engineerbackground.jpg);
  46.                         background-size: 100%;
  47.                         background-repeat: y-repeat;
  48.                         width: 100%;
  49.                         height: 100%;
  50.                        
  51.                 }
  52.                
  53.                 div#content {
  54.                        
  55.                         background-color:rgba(255,0,0,0.0);
  56.                         display: block;
  57.                         width: 1075px;
  58.                         margin-left: auto;
  59.                         margin-right: auto;
  60.                         margin-top: auto;
  61.                         margin-bottom: auto;
  62.                         white-space: nowrap;
  63.                         line-height: 40px;
  64.                        
  65.                 }
  66.                
  67.                 div#pageheader {
  68.                        
  69.                         display: block;
  70.                         width: 100%;
  71.                         height: 150px;
  72.                         background-image: url(http://lolerstream.com/banner_1.png);
  73.                         background-position: center;
  74.                         text-align: right;
  75.                        
  76.                 }
  77.                
  78.                 div#stream {
  79.                        
  80.                         text-align: right;
  81.                         line-height: 40px;
  82.                         display: inline-block;
  83.                         height: 484px;
  84.                        
  85.                 }
  86.                
  87.                 div#chat {
  88.                        
  89.                         line-height: 40px;
  90.                         display: inline-block;
  91.                         height: 484px;
  92.                        
  93.                 }
  94.                
  95.                 img.optionbuttons {
  96.                        
  97.                         border-width: 0px;
  98.                         cursor: pointer;
  99.                        
  100.                 }
  101.         </style>
  102.        
  103.        
  104.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  105.        
  106.        
  107.         <script type="text/javascript">
  108.                
  109.                 full = 0;
  110.                 screensize = 0;
  111.                 fid="LolerStream2";
  112.                 v_width=720;
  113.                 v_height=480;
  114.                
  115.                
  116.                 $('#smallscreen').live('click',function() {
  117.                
  118.                
  119.                 document.getElementById('content').style.height = '484px';
  120.                 document.getElementById('stream').style.height = '484px';
  121.                 document.getElementById('streamframe').style.height = '480px';
  122.                 v_height = 480;
  123.                 v_width = 720;
  124.                 document.getElementById('stream').style.width = v_width + "px";
  125.                 document.getElementById('streamframe').style.width = v_width + "px";
  126.                 document.getElementById('streamframe').src = 'http://www.limev.com/embed.php?fileid='+ fid +'&vw='+v_width+'&vh='+v_height;
  127.                 document.getElementById('content').style.width = '1075px';
  128.                 document.getElementById('chat').style.height = '480px';
  129.                 document.getElementById('obj_1335940669380').style.height = '480px';
  130.                 document.getElementById('emb_1335940669380').style.height = '480px';
  131.                
  132.                
  133.                 document.getElementById('smallscreen').src = 'smallscreen_lit.png';
  134.                 document.getElementById('largescreen').src = 'largescreen.png';
  135.                 currentimage = 'smallscreen_lit.png';
  136.                
  137.                 screensize = 0;
  138.                
  139.                 return false;
  140.                
  141.                 });
  142.                
  143.                
  144.                 $('#largescreen').live('click',function() {
  145.                        
  146.                        
  147.                         var w=window,d=document,e=d.documentElement,g=d.getElementsByTagName('body')[0],pagewidth=w.innerWidth||e.clientWidth||g.clientWidth,pageheight=w.innerHeight||e.clientHeight||g.clientHeight;
  148.                         headerheight = $('#pageheader').css('height');
  149.                         headerheight = $('#pageheader').css('height').substring(0, headerheight.length - 2);
  150.                        
  151.                         document.getElementById('content').style.height = (99 - ((headerheight/pageheight)*100)).toString() + '%';
  152.                         document.getElementById('stream').style.height = "100%";
  153.  
  154.                        
  155.                        
  156.                         document.getElementById('streamframe').style.height = "100%";
  157.                         v_height = $('#stream').css('height');
  158.                         v_width = v_height.substring(0, v_height.length - 2)*1.5;
  159.                         document.getElementById('stream').style.width = v_width + "px";
  160.                         document.getElementById('streamframe').style.width = v_width + "px";
  161.                         document.getElementById('streamframe').src = 'http://www.limev.com/embed.php?fileid='+ fid +'&vw='+v_width+'px&vh='+v_height;
  162.                         document.getElementById('content').style.width = (parseInt(v_width) + parseInt($('#chat').css('width'))).toString() + 'px';
  163.                        
  164.                         document.getElementById('chat').style.height = '100%';
  165.                         document.getElementById('obj_1335940669380').style.height = '100%';
  166.                         document.getElementById('emb_1335940669380').style.height = '100%';
  167.                        
  168.                         document.getElementById('smallscreen').src = 'smallscreen.png';
  169.                         document.getElementById('largescreen').src = 'largescreen_lit.png';
  170.                         currentimage = 'largescreen_lit.png';
  171.                        
  172.                         screensize = 1;
  173.                        
  174.                         return false;
  175.                        
  176.                 });
  177.                
  178.                
  179.                 $('#fullscreen').live('click',function() {
  180.                        
  181.                         var w=window,d=document,e=d.documentElement,g=d.getElementsByTagName('body')[0],pagewidth=w.innerWidth||e.clientWidth||g.clientWidth,pageheight=w.innerHeight||e.clientHeight||g.clientHeight;
  182.                         chatwidth = $('#chat').css('width');
  183.                         chatwidth = $('#chat').css('width').substring(0, chatwidth.length - 2);
  184.                        
  185.  
  186.                         document.getElementById('content').style.width = '100%';
  187.                         document.getElementById('stream').style.width = (99 - ((chatwidth/pagewidth)*100)).toString() + '%';
  188.                        
  189.                         document.getElementById('streamframe').style.width = "100%";
  190.                         v_width = $('#stream').css('width');
  191.                         v_height = v_width.substring(0, v_width.length - 2)*0.66;
  192.                         document.getElementById('streamframe').style.height = v_height + "px";
  193.                         document.getElementById('stream').style.height = v_height + "px";
  194.                         document.getElementById('streamframe').src = 'http://www.limev.com/embed.php?fileid='+ fid +'&vw='+v_width+'&vh='+v_height+"px";
  195.                        
  196.                         document.getElementById('chat').style.height = v_height+"px";
  197.                         document.getElementById('obj_1335940669380').style.height = v_height+"px";
  198.                         document.getElementById('emb_1335940669380').style.height = v_height+"px";
  199.                         document.getElementById('content').style.height = 'auto';
  200.                        
  201.                        
  202.                         elem = document.getElementById("content");
  203.                         // mozilla proposal
  204.                         //elem.requestFullScreen();
  205.  
  206.                         // Webkit (works in Safari and Chrome Canary)
  207.                         elem.webkitRequestFullScreen();
  208.  
  209.                         // Firefox (works in nightly)
  210.                         //elem.mozRequestFullScreen();
  211.                        
  212.                         // W3C Proposal
  213.                         //elem.requestFullscreen();
  214.  
  215.                        
  216.                         document.getElementById('smallscreen').src = 'smallscreen.png';
  217.                         document.getElementById('largescreen').src = 'largescreen_lit.png';
  218.                        
  219.                         screensize = 2;
  220.                        
  221.                         return false;
  222.                        
  223.                 });
  224.                
  225.                 $(function(){
  226.                         elem = document.getElementById("content");
  227.                         elem.onwebkitfullscreenchange = function () {
  228.                                 if (full == 0){
  229.                                        
  230.                                         full = 1;
  231.                                 } else {
  232.                                         $(function() {
  233.                        
  234.                        
  235.                                                 var w=window,d=document,e=d.documentElement,g=d.getElementsByTagName('body')[0],pagewidth=w.innerWidth||e.clientWidth||g.clientWidth,pageheight=w.innerHeight||e.clientHeight||g.clientHeight;
  236.                                                 headerheight = $('#pageheader').css('height');
  237.                                                 headerheight = $('#pageheader').css('height').substring(0, headerheight.length - 2);
  238.                                                
  239.                                                 document.getElementById('wrapper').style.height = (99 - ((headerheight/pageheight)*100)).toString() + '%';
  240.                                                 document.getElementById('content').style.height = '100%';
  241.                                                 document.getElementById('stream').style.height = "100%";
  242.  
  243.                                                
  244.                                                
  245.                                                 document.getElementById('streamframe').style.height = "100%";
  246.                                                 v_height = $('#stream').css('height');
  247.                                                 v_width = v_height.substring(0, v_height.length - 2)*1.5;
  248.                                                 document.getElementById('stream').style.width = v_width + "px";
  249.                                                 document.getElementById('streamframe').style.width = v_width + "px";
  250.                                                 document.getElementById('streamframe').src = 'http://www.limev.com/embed.php?fileid='+ fid +'&vw='+v_width+'px&vh='+v_height;
  251.                                                 document.getElementById('content').style.width = (parseInt(v_width) + parseInt($('#chat').css('width'))).toString() + 'px';
  252.                                                
  253.                                                 document.getElementById('chat').style.height = '100%';
  254.                                                 document.getElementById('obj_1335940669380').style.height = '100%';
  255.                                                 document.getElementById('emb_1335940669380').style.height = '100%';
  256.                                                
  257.                                                 document.getElementById('smallscreen').src = 'smallscreen.png';
  258.                                                 document.getElementById('largescreen').src = 'largescreen_lit.png';
  259.                                                
  260.                                                 screensize = 1;
  261.                                                
  262.                                                
  263.                                                 return false;
  264.                                                
  265.                                         });
  266.                                        
  267.                                         full = 0;
  268.                                 }
  269.                         }
  270.                 });
  271.                
  272.                
  273.                 $(window).resize(function() {
  274.                        
  275.                         if ($(window).width() <= $("#content").outerWidth() ){
  276.                                
  277.                                 $('#wrapper').css('width', $("#content").outerWidth()+"px");
  278.                                 $('#wrapper').css('height', $("#content").outerHeight()+$("#pageheader").outerHeight()+"px");
  279.                                
  280.                         } else {
  281.                                
  282.                                 document.getElementById('wrapper').style.width = "100%";
  283.                                 document.getElementById('wrapper').style.height = "100%";
  284.                                
  285.                         }
  286.                        
  287.                         if ($(window).height() <= $("#content").outerHeight()+$("#pageheader").outerHeight() ){
  288.                                
  289.                                 $('#wrapper').css('height', $("#content").outerHeight()+$("#pageheader").outerHeight()+"px");
  290.                                
  291.                         } else {
  292.                                
  293.                                 document.getElementById('wrapper').style.width = "100%";
  294.                                 document.getElementById('wrapper').style.height = "100%";
  295.                                
  296.                         }
  297.                        
  298.                        
  299.                 });
  300.                
  301.         </script>
  302.  
  303. </head>
  304.  
  305.  
  306.        
  307. <body>
  308.  
  309.        
  310.        
  311.         <div id="wrapper">
  312.  
  313.                 <div id="pageheader">
  314.                         <a href="http://steamcommunity.com/groups/lolerstream" target="_blank"><img id="steamgroup" src="steamgroup.png" onmouseover="currentimage=this.src;this.src='steamgroup_lit.png';" onmouseout="this.src=currentimage" class="optionbuttons"/></a>
  315.                         <img id="smallscreen" src="smallscreen_lit.png" onmouseover="currentimage=$(this).attr('src');src='smallscreen_lit.png';" onmouseout="this.src=currentimage" class="optionbuttons"/>
  316.                         <img id="largescreen" src="largescreen.png" onmouseover="currentimage=$(this).attr('src');this.src='largescreen_lit.png';" onmouseout="this.src=currentimage" class="optionbuttons"/>
  317.                         <img id="fullscreen" src="fullscreen.png" onmouseover="currentimage=$(this).attr('src');this.src='fullscreen_lit.png';" onmouseout="this.src=currentimage" class="optionbuttons"/>
  318.                 </div>
  319.  
  320.                 <div id="content">
  321.  
  322.                         <div id="stream">
  323.                        
  324.                                 <script type="text/javascript">
  325.                                        
  326.                                         document.write('<ifr'+'ame src="http://www.limev.com/embed.php?fileid='+ fid +
  327.                                         '&vw='+v_width+'&vh='+v_height+'" id="streamframe" width='+ v_width +' height=' + v_height +
  328.                                         ' scrolling=no frameborder=0 scrolling=no allowtransparency=true ></ifr'+'ame>') ;
  329.                                        
  330.                                 </script>
  331.                        
  332.                         </div>
  333.                        
  334.                         <div id="chat">
  335.                
  336.                                 <object width="350" height="480" id="obj_1335940669380">
  337.                                         <param name="movie" value="http://LolerStream.chatango.com/group"/>
  338.                                         <param name="AllowScriptAccess" VALUE="always"/>
  339.                                         <param name="AllowNetworking" VALUE="all"/>
  340.                                         <param name="AllowFullScreen" VALUE="true"/>
  341.                                         <param name="flashvars" value="cid=1335940669380&b=100&c=666666&d=666666&g=333333&j=333333&k=FFFFFF&l=CCCCCC&m=FFFFFF&s=1&t=0"/>
  342.                                         <embed id="emb_1335940669380" src="http://LolerStream.chatango.com/group" width="350" height="480" allowScriptAccess="always"
  343.                                         allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true"
  344.                                         flashvars="cid=1335940669380&b=100&c=666666&d=666666&g=333333&j=333333&k=FFFFFF&l=CCCCCC&m=FFFFFF&s=1&t=0">
  345.                                         </embed>
  346.                                 </object>
  347.  
  348.                         </div>
  349.                        
  350.                 </div>
  351.  
  352.         </div>
  353.  
  354. </body script type="text/javascript">
  355.  
  356. </html>
create a new version of this paste RAW Paste Data