1j0e

index.php

May 16th, 2012
169
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.99 KB | None | 0 0
  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. * {
  19.  
  20. box-sizing:border-box;
  21. -moz-box-sizing:border-box;
  22. -webkit-box-sizing:border-box
  23.  
  24. }
  25.  
  26. html {
  27.  
  28. background: #000000;
  29. margin: 0;
  30. width: 100%;
  31. height: 100%;
  32.  
  33. }
  34.  
  35. body {
  36.  
  37. margin: 0;
  38. width: 100%;
  39. height: 100%;
  40.  
  41. }
  42.  
  43.  
  44. div {
  45.  
  46. margin: 0;
  47. background-repeat: no-repeat;
  48. background-position: top center;
  49.  
  50. }
  51.  
  52. div#wrapper {
  53.  
  54. height: 100%;
  55. width: 100%;
  56. background-image: url(background2.png);
  57. background-size: 100%;
  58. background-repeat: repeat-y;
  59.  
  60. }
  61.  
  62. div#pageheader {
  63.  
  64. display: block;
  65. width: 100%;
  66. height: 150px;
  67. background-image: url(http://lolerstream.com/banner_1.png);
  68. background-position: center;
  69. text-align: right;
  70.  
  71. }
  72.  
  73. div#content {
  74.  
  75. background-color:rgba(255,0,0,0.0);
  76. display: block;
  77. margin-left: auto;
  78. margin-right: auto;
  79. margin-top: auto;
  80. margin-bottom: auto;
  81. white-space: nowrap;
  82. width: 1075px;
  83. height: 484px;
  84. }
  85.  
  86.  
  87. div#stream {
  88.  
  89. text-align: right;
  90.  
  91. display: inline-block;
  92. height: 100%;
  93.  
  94. }
  95.  
  96. div#chat {
  97.  
  98.  
  99. display: inline-block;
  100. height: 100%;
  101.  
  102. }
  103.  
  104.  
  105. div#content2 {
  106.  
  107. background-color:rgba(255,0,0,0.0);
  108. display: block;
  109. margin-left: auto;
  110. margin-right: auto;
  111. margin-top: auto;
  112. margin-bottom: auto;
  113. white-space: nowrap;
  114. width: 1075px;
  115. height: 200px;
  116. }
  117.  
  118. #suggestionbox {
  119.  
  120. float: left;
  121. height: 100%;
  122. width: 720px;
  123.  
  124. }
  125.  
  126. #suggestionheader {
  127.  
  128. color: #0D7CF2;
  129. font-family: Tahoma;
  130. line-height: 40px;
  131. display: inline-block;
  132.  
  133. }
  134.  
  135. #suggestionlist {
  136.  
  137. font-family: Tahoma;
  138. padding-top: 10px;
  139. padding-bottom: 10px;
  140. border: 1px solid #333333;
  141. background: #000000;
  142. height: 159px;
  143. width: 720px;
  144. overflow-y: scroll;
  145. display: block;
  146.  
  147. }
  148.  
  149. div.suggestion {
  150.  
  151. font-size: 13px;
  152. color: #0D7CF2;
  153. border-top: 1px solid #333333;
  154. background: #000000;
  155. margin-right: auto;
  156. margin-left: auto;
  157. padding-left: 5px;
  158. padding-right: 5px;
  159. height: 20px;
  160. width: 99%;
  161.  
  162. }
  163.  
  164. div.suggestion:hover {
  165.  
  166. background: #1E3752;
  167. cursor: pointer;
  168.  
  169. }
  170.  
  171. div#suggestionform {
  172.  
  173. margin-left: auto;
  174. display: inline-block;
  175. height: 100%;
  176. width: 580px;
  177.  
  178. }
  179.  
  180. #frmSuggestionbox {
  181.  
  182. border-collapse:separate;
  183. border-spacing:0px;
  184. text-align: right;
  185. height: 100%;
  186.  
  187. }
  188.  
  189. #suggestionoptions {
  190.  
  191. display: none;
  192. background-color: rgba(255,0,0,0.0);
  193. position: absolute;
  194. width: 130px;
  195. height: 20px;
  196.  
  197. }
  198.  
  199. #teamspeak {
  200.  
  201. float: left;
  202. margin-left: 4px;
  203. height: 200px;
  204. width: 350px;
  205.  
  206. }
  207.  
  208. #teamspeakheader {
  209.  
  210. color: #0D7CF2;
  211. font-family: Tahoma;
  212. cursor: default;
  213. line-height: 40px;
  214. display: inline-block;
  215.  
  216. }
  217.  
  218. div#ts3viewer_991286 {
  219.  
  220. overflow-y: scroll;
  221. width: 350px;
  222. height: 159px;
  223. background-color:#000000;
  224.  
  225. }
  226.  
  227. div#ts3v {
  228.  
  229. overflow-x: hidden;
  230.  
  231. }
  232.  
  233.  
  234. img.optionbuttons {
  235.  
  236. border-width: 0px;
  237. cursor: pointer;
  238.  
  239. }
  240.  
  241. .custombtn {
  242.  
  243. color: #0D7CF2;
  244. width: 60px;
  245. height: 19px;
  246. border: 1px solid #0084FF;
  247. background: #000000;
  248.  
  249. }
  250.  
  251. .custombtn:hover {
  252.  
  253. color: #62B0FD;
  254. background: #1E3752;
  255. cursor: pointer;
  256.  
  257. }
  258.  
  259. .customtxt {
  260.  
  261. color: #0D7CF2;
  262. height: 19px;
  263. border: 1px solid #0084FF;
  264. background: #000000;
  265.  
  266. }
  267.  
  268. .customtxt:hover {
  269.  
  270. background: #1E3752;
  271.  
  272. }
  273.  
  274. .label {
  275.  
  276. font-family: Tahoma;
  277. cursor: default;
  278. display: inline-block;
  279. height: 100%;
  280. width: 135px;
  281.  
  282. }
  283.  
  284. .refresh {
  285.  
  286.  
  287.  
  288. }
  289.  
  290. .refresh:hover {
  291.  
  292. cursor: pointer;
  293.  
  294. }
  295.  
  296. </style>
  297.  
  298.  
  299. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  300.  
  301.  
  302. <script type="text/javascript">
  303.  
  304. full = 0;
  305. screensize = 0;
  306. fid="LolerStream2";
  307. v_width=720;
  308. v_height=480;
  309. modlist = new Array();
  310. mod = 0;
  311.  
  312. modlist[0] = "75.186.88.171";
  313.  
  314. for(i=0;i<modlist.length;i++){
  315. if (modlist[i] == '<?php echo $_SERVER['REMOTE_ADDR']; ?>'){
  316. mod = 1;
  317. }
  318. }
  319.  
  320. $('#smallscreen').live('click',function() {
  321.  
  322.  
  323. document.getElementById('content').style.height = '484px';
  324. document.getElementById('stream').style.height = '484px';
  325. document.getElementById('streamframe').style.height = '480px';
  326. v_height = 480;
  327. v_width = 720;
  328. document.getElementById('stream').style.width = v_width + "px";
  329. document.getElementById('streamframe').style.width = v_width + "px";
  330. document.getElementById('streamframe').src = 'http://www.limev.com/embed.php?fileid='+ fid +'&vw='+v_width+'&vh='+v_height;
  331. document.getElementById('content').style.width = '1075px';
  332. document.getElementById('chat').style.height = '480px';
  333. document.getElementById('obj_1335940669380').style.height = '480px';
  334. document.getElementById('emb_1335940669380').style.height = '480px';
  335.  
  336. document.getElementById('content').style.height = $('#content').css('height');
  337.  
  338. document.getElementById('smallscreen').src = 'smallscreen_lit.png';
  339. document.getElementById('largescreen').src = 'largescreen.png';
  340. currentimage = 'smallscreen_lit.png';
  341.  
  342. screensize = 0;
  343.  
  344. return false;
  345.  
  346. });
  347.  
  348.  
  349. $('#largescreen').live('click',function() {
  350.  
  351.  
  352. 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;
  353. headerheight = $('#pageheader').css('height');
  354. headerheight = $('#pageheader').css('height').substring(0, headerheight.length - 2);
  355.  
  356. document.getElementById('content').style.height = (99 - ((headerheight/pageheight)*100)).toString() + '%';
  357. document.getElementById('stream').style.height = "100%";
  358.  
  359.  
  360.  
  361. document.getElementById('streamframe').style.height = "100%";
  362. v_height = $('#stream').css('height');
  363. v_width = v_height.substring(0, v_height.length - 2)*1.5;
  364. document.getElementById('stream').style.width = v_width + "px";
  365. document.getElementById('streamframe').style.width = v_width + "px";
  366. document.getElementById('streamframe').src = 'http://www.limev.com/embed.php?fileid='+ fid +'&vw='+v_width+'px&vh='+v_height;
  367. document.getElementById('content').style.width = (parseInt(v_width) + parseInt($('#chat').css('width'))).toString() + 'px';
  368.  
  369. document.getElementById('chat').style.height = '100%';
  370. document.getElementById('obj_1335940669380').style.height = '100%';
  371. document.getElementById('emb_1335940669380').style.height = '100%';
  372.  
  373. document.getElementById('content').style.height = $('#content').css('height');
  374.  
  375. document.getElementById('smallscreen').src = 'smallscreen.png';
  376. document.getElementById('largescreen').src = 'largescreen_lit.png';
  377. currentimage = 'largescreen_lit.png';
  378.  
  379.  
  380.  
  381. screensize = 1;
  382.  
  383. return false;
  384.  
  385. });
  386.  
  387.  
  388. $('#fullscreen').live('click',function() {
  389.  
  390. 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;
  391. chatwidth = $('#chat').css('width');
  392. chatwidth = $('#chat').css('width').substring(0, chatwidth.length - 2);
  393.  
  394.  
  395. document.getElementById('content').style.width = '100%';
  396. document.getElementById('stream').style.width = (99 - ((chatwidth/pagewidth)*100)).toString() + '%';
  397.  
  398. document.getElementById('streamframe').style.width = "100%";
  399. v_width = $('#stream').css('width');
  400. v_height = v_width.substring(0, v_width.length - 2)*0.66;
  401. document.getElementById('streamframe').style.height = v_height + "px";
  402. document.getElementById('stream').style.height = v_height + "px";
  403. document.getElementById('streamframe').src = 'http://www.limev.com/embed.php?fileid='+ fid +'&vw='+v_width+'&vh='+v_height+"px";
  404.  
  405. document.getElementById('chat').style.height = v_height+"px";
  406. document.getElementById('obj_1335940669380').style.height = v_height+"px";
  407. document.getElementById('emb_1335940669380').style.height = v_height+"px";
  408. document.getElementById('content').style.height = 'auto';
  409.  
  410. document.getElementById('content').style.height = $('#content').css('height');
  411.  
  412. elem = document.getElementById("content");
  413. // mozilla proposal
  414. //elem.requestFullScreen();
  415.  
  416. // Webkit (works in Safari and Chrome Canary)
  417. elem.webkitRequestFullScreen();
  418.  
  419. // Firefox (works in nightly)
  420. //elem.mozRequestFullScreen();
  421.  
  422. // W3C Proposal
  423. //elem.requestFullscreen();
  424.  
  425.  
  426. document.getElementById('smallscreen').src = 'smallscreen.png';
  427. document.getElementById('largescreen').src = 'largescreen_lit.png';
  428.  
  429. screensize = 2;
  430.  
  431. return false;
  432.  
  433. });
  434.  
  435. $(function(){
  436. elem = document.getElementById("content");
  437. elem.onwebkitfullscreenchange = function () {
  438. if (full == 0){
  439.  
  440. full = 1;
  441. } else {
  442. $(function() {
  443.  
  444. document.getElementById('wrapper').style.height = "100%";
  445.  
  446. 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;
  447. headerheight = $('#pageheader').css('height');
  448. headerheight = $('#pageheader').css('height').substring(0, headerheight.length - 2);
  449.  
  450. document.getElementById('content').style.height = (99 - ((headerheight/pageheight)*100)).toString() + '%';
  451. document.getElementById('stream').style.height = "100%";
  452.  
  453.  
  454.  
  455. document.getElementById('streamframe').style.height = "100%";
  456. v_height = $('#stream').css('height');
  457. v_width = v_height.substring(0, v_height.length - 2)*1.5;
  458. document.getElementById('stream').style.width = v_width + "px";
  459. document.getElementById('streamframe').style.width = v_width + "px";
  460. document.getElementById('streamframe').src = 'http://www.limev.com/embed.php?fileid='+ fid +'&vw='+v_width+'px&vh='+v_height;
  461. document.getElementById('content').style.width = (parseInt(v_width) + parseInt($('#chat').css('width'))).toString() + 'px';
  462.  
  463. document.getElementById('chat').style.height = '100%';
  464. document.getElementById('obj_1335940669380').style.height = '100%';
  465. document.getElementById('emb_1335940669380').style.height = '100%';
  466.  
  467. document.getElementById('content').style.height = $('#content').css('height');
  468.  
  469. document.getElementById('smallscreen').src = 'smallscreen.png';
  470. document.getElementById('largescreen').src = 'largescreen_lit.png';
  471.  
  472. screensize = 1;
  473.  
  474.  
  475. return false;
  476.  
  477. });
  478.  
  479.  
  480. full = 0;
  481. }
  482. }
  483. });
  484.  
  485.  
  486. $(window).resize(function() {
  487.  
  488. if ($(window).width() < 1075 ) {
  489.  
  490. $('#wrapper').css('width', "1075px");
  491.  
  492. } else {
  493.  
  494. $('#wrapper').css('width', "100%");
  495.  
  496. }
  497.  
  498. if ($(window).height() < 834 ) {
  499.  
  500. $('#wrapper').css('height', "834px");
  501.  
  502. } else {
  503.  
  504. $('#wrapper').css('height', "100%");
  505.  
  506. }
  507.  
  508. });
  509.  
  510.  
  511. $('#teamspeak').ready( $('#tsrefresh').live('click',function() {
  512.  
  513. document.getElementById('ts3viewer_991286').innerHTML = "";
  514. ts3v_display.init(ts3v_url_1, 991286, 100);
  515.  
  516. }));
  517.  
  518. function refreshsuggestions() {
  519.  
  520. if (window.XMLHttpRequest)
  521. {// code for IE7+, Firefox, Chrome, Opera, Safari
  522. xmlhttp=new XMLHttpRequest();
  523. }
  524. else
  525. {// code for IE6, IE5
  526. xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  527. }
  528. xmlhttp.onreadystatechange=function() {
  529. if (xmlhttp.readyState==4 && xmlhttp.status==200)
  530. {
  531. document.getElementById("suggestionlist").innerHTML=xmlhttp.responseText;
  532. }
  533. }
  534. xmlhttp.open("GET","getsuggestions.php",true);
  535. xmlhttp.send();
  536.  
  537. if (mod == 1){
  538.  
  539. $('#suggestionoptions').css('display', 'none');
  540.  
  541. elements = document.getElementsByClassName('suggestion');
  542.  
  543. for(i=0;i<elements.length;i++){
  544. $(this).live('click', function() {
  545.  
  546. offset = $(elements[i]).offset();
  547. $('#suggestionoptions').css('display', 'inline');
  548. $('#suggestionoptions').css('top', offset.top + 1 + "px");
  549. $('#suggestionoptions').css('left', offset.left + 570 + "px");
  550.  
  551. });
  552.  
  553. }
  554.  
  555. }
  556.  
  557. }
  558.  
  559. $('#suggestionbox').ready( $('#suggestionsrefresh').live('click',refreshsuggestions));
  560.  
  561. $('#suggestionbox').ready( $('#btnSubmit').live('click',function() {
  562.  
  563. document.getElementById("frmSuggestionbox").submit();
  564. alert("Suggestion submitted.");
  565. window.setTimeout('window["refreshsuggestions"]();',3000);
  566.  
  567. }));
  568.  
  569.  
  570. $('#suggestionbox').ready(function() {
  571.  
  572. if (mod == 1){
  573. document.getElementById("suggestionoptions").innerHTML =
  574. "<button name='btnDelete' id='btnDelete' class='custombtn'>Delete</button> " +
  575. "<button name='btnOffense' id='btnOffense' class='custombtn'>Offense</button>";
  576. elements = document.getElementsByClassName('suggestion');
  577.  
  578. for(i=0;i<elements.length;i++){
  579.  
  580. $(elements[i]).live('click', function() {
  581.  
  582. offset = $(this).offset();
  583. $('#suggestionoptions').css('display', 'inline');
  584. $('#suggestionoptions').css('top', offset.top + 1 + "px");
  585. $('#suggestionoptions').css('left', offset.left + 570 + "px");
  586.  
  587. });
  588.  
  589. }
  590. }
  591.  
  592. });
  593.  
  594.  
  595. $("#suggestionlist").scroll(function() {
  596.  
  597. $('#suggestionoptions').css('display', 'none');
  598.  
  599. });
  600.  
  601. </script>
  602.  
  603. </head>
  604.  
  605.  
  606.  
  607. <body>
  608.  
  609. <div id="wrapper">
  610.  
  611. <div id="pageheader">
  612.  
  613. <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>
  614. <img id="smallscreen" src="smallscreen_lit.png" onmouseover="currentimage=$(this).attr('src');src='smallscreen_lit.png';" onmouseout="this.src=currentimage" class="optionbuttons"/>
  615. <img id="largescreen" src="largescreen.png" onmouseover="currentimage=$(this).attr('src');this.src='largescreen_lit.png';" onmouseout="this.src=currentimage" class="optionbuttons"/>
  616. <img id="fullscreen" src="fullscreen.png" onmouseover="currentimage=$(this).attr('src');this.src='fullscreen_lit.png';" onmouseout="this.src=currentimage" class="optionbuttons"/>
  617. </div>
  618.  
  619. <div id="content">
  620.  
  621.  
  622.  
  623. <div id="stream">
  624.  
  625. <script type="text/javascript">
  626.  
  627. document.write('<ifr'+'ame src="http://www.limev.com/embed.php?fileid='+ fid +
  628. '&vw='+v_width+'&vh='+v_height+'" id="streamframe" width='+ v_width +' height=' + v_height +
  629. ' scrolling=no frameborder=0 scrolling=no allowtransparency=true ></ifr'+'ame>') ;
  630.  
  631. </script>
  632.  
  633.  
  634.  
  635.  
  636.  
  637. </div>
  638.  
  639. <div id="chat">
  640.  
  641. <object width="350" height="480" id="obj_1335940669380">
  642. <param name="movie" value="http://LolerStream.chatango.com/group"/>
  643. <param name="AllowScriptAccess" VALUE="always"/>
  644. <param name="AllowNetworking" VALUE="all"/>
  645. <param name="AllowFullScreen" VALUE="true"/>
  646. <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"/>
  647. <embed id="emb_1335940669380" src="http://LolerStream.chatango.com/group" width="350" height="480" allowScriptAccess="always"
  648. allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true"
  649. flashvars="cid=1335940669380&b=100&c=666666&d=666666&g=333333&j=333333&k=FFFFFF&l=CCCCCC&m=FFFFFF&s=1&t=0">
  650. </embed>
  651. </object>
  652.  
  653. </div>
  654.  
  655. </div>
  656.  
  657. <div id="content2">
  658.  
  659. <div id="suggestionbox">
  660.  
  661. <div id="suggestionheader">
  662.  
  663. <div class="label"> Suggestion Box <img src="refresh.png" id="suggestionsrefresh" class="refresh" onmouseover="this.src='refresh_lit.png'" onmouseout="this.src='refresh.png'" /></div>
  664.  
  665. <div id="suggestionform">
  666.  
  667. <form name="frmSuggestionbox" id="frmSuggestionbox" method="post" action="submitsuggestion.php" target="invisible">
  668.  
  669.  
  670. <input type="text" name="txtSuggestion" id="txtSuggestion" size="30" maxlength="40" class="customtxt" />
  671.  
  672. <button name="btnSubmit" id="btnSubmit" class="custombtn">Submit</button>
  673.  
  674. </form>
  675.  
  676. </div>
  677.  
  678. </div>
  679.  
  680. <div id="suggestionlist">
  681.  
  682.  
  683. <?php include 'getsuggestions.php'; ?>
  684.  
  685. </div>
  686.  
  687. </div>
  688.  
  689. <div id="teamspeak">
  690.  
  691. <div id="teamspeakheader"> Teamspeak <img src="refresh.png" id="tsrefresh" class="refresh" onmouseover="this.src='refresh_lit.png'" onmouseout="this.src='refresh.png'" /></div>
  692.  
  693. <div id="ts3viewer_991286"> </div>
  694.  
  695. <script type="text/javascript" src="ts3viewer_loader.js"></script>
  696.  
  697. <script type="text/javascript">
  698. <!--
  699. ts3v_url_1 = "http://www.tsviewer.com/ts3viewer.php?ID=991286&text=0D7CF2&text_size=12&text_family=1&" +
  700. "js=1&text_s_weight=bold&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_s_color_h=62B0FD&" +
  701. "text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=underline&text_i_weight=normal&" +
  702. "text_i_style=normal&text_i_variant=normal&text_i_decoration=none&text_i_color_h=62B0FD&text_i_weight_h=normal&text_i_style_h=normal&" +
  703. "text_i_variant_h=normal&text_i_decoration_h=underline&text_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_decoration=none&" +
  704. "text_c_color_h=62B0FD&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=underline&text_u_weight=bold&" +
  705. "text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_u_color_h=62B0FD&text_u_weight_h=bold&text_u_style_h=normal&" +
  706. "text_u_variant_h=normal&text_u_decoration_h=none";
  707. ts3v_display.init(ts3v_url_1, 991286, 100);
  708. -->
  709. </script>
  710.  
  711. </div>
  712.  
  713. </div>
  714.  
  715. </div>
  716.  
  717. <div id="suggestionoptions"></div>
  718. <iframe src="" name="invisible" id="invisible" frameborder="0" hspace="0" vspace="0" height="0" width="0" style="visibility:hidden;"></iframe>
  719.  
  720. </body>
  721.  
  722. </html>
Advertisement
Add Comment
Please, Sign In to add comment