API tools faq
paste
1j0e

Untitled

1j0e
May 16th, 2012
45
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.69 KB | None | 0 0
raw download clone embed print report
  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.  
  190. #teamspeak {
  191.  
  192. float: left;
  193. margin-left: 4px;
  194. height: 200px;
  195. width: 350px;
  196.  
  197. }
  198.  
  199. #teamspeakheader {
  200.  
  201. color: #0D7CF2;
  202. font-family: Tahoma;
  203. cursor: default;
  204. line-height: 40px;
  205. display: inline-block;
  206.  
  207. }
  208.  
  209. div#ts3viewer_991286 {
  210.  
  211. overflow-y: scroll;
  212. width: 350px;
  213. height: 159px;
  214. background-color:#000000;
  215.  
  216. }
  217.  
  218. div#ts3v {
  219.  
  220. overflow-x: hidden;
  221.  
  222. }
  223.  
  224.  
  225. img.optionbuttons {
  226.  
  227. border-width: 0px;
  228. cursor: pointer;
  229.  
  230. }
  231.  
  232. .custombtn {
  233.  
  234. color: #0D7CF2;
  235. width: 60px;
  236. height: 20px;
  237. border: 1px solid #0084FF;
  238. background: #000000;
  239.  
  240. }
  241.  
  242. .custombtn:hover {
  243.  
  244. color: #62B0FD;
  245. background: #1E3752;
  246. cursor: pointer;
  247.  
  248. }
  249.  
  250. .customtxt {
  251.  
  252. color: #0D7CF2;
  253. height: 20px;
  254. border: 1px solid #0084FF;
  255. background: #000000;
  256.  
  257. }
  258.  
  259. .customtxt:hover {
  260.  
  261. background: #1E3752;
  262.  
  263. }
  264.  
  265. .label {
  266.  
  267. font-family: Tahoma;
  268. cursor: default;
  269. display: inline-block;
  270. height: 100%;
  271. width: 135px;
  272.  
  273. }
  274.  
  275. .refresh {
  276.  
  277.  
  278.  
  279. }
  280.  
  281. .refresh:hover {
  282.  
  283. cursor: pointer;
  284.  
  285. }
  286.  
  287. </style>
  288.  
  289.  
  290. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  291.  
  292.  
  293. <script type="text/javascript">
  294.  
  295. full = 0;
  296. screensize = 0;
  297. fid="LolerStream2";
  298. v_width=720;
  299. v_height=480;
  300.  
  301.  
  302. $('#smallscreen').live('click',function() {
  303.  
  304.  
  305. document.getElementById('content').style.height = '484px';
  306. document.getElementById('stream').style.height = '484px';
  307. document.getElementById('streamframe').style.height = '480px';
  308. v_height = 480;
  309. v_width = 720;
  310. document.getElementById('stream').style.width = v_width + "px";
  311. document.getElementById('streamframe').style.width = v_width + "px";
  312. document.getElementById('streamframe').src = 'http://www.limev.com/embed.php?fileid='+ fid +'&vw='+v_width+'&vh='+v_height;
  313. document.getElementById('content').style.width = '1075px';
  314. document.getElementById('chat').style.height = '480px';
  315. document.getElementById('obj_1335940669380').style.height = '480px';
  316. document.getElementById('emb_1335940669380').style.height = '480px';
  317.  
  318. document.getElementById('content').style.height = $('#content').css('height');
  319.  
  320. document.getElementById('smallscreen').src = 'smallscreen_lit.png';
  321. document.getElementById('largescreen').src = 'largescreen.png';
  322. currentimage = 'smallscreen_lit.png';
  323.  
  324. screensize = 0;
  325.  
  326. return false;
  327.  
  328. });
  329.  
  330.  
  331. $('#largescreen').live('click',function() {
  332.  
  333.  
  334. 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;
  335. headerheight = $('#pageheader').css('height');
  336. headerheight = $('#pageheader').css('height').substring(0, headerheight.length - 2);
  337.  
  338. document.getElementById('content').style.height = (99 - ((headerheight/pageheight)*100)).toString() + '%';
  339. document.getElementById('stream').style.height = "100%";
  340.  
  341.  
  342.  
  343. document.getElementById('streamframe').style.height = "100%";
  344. v_height = $('#stream').css('height');
  345. v_width = v_height.substring(0, v_height.length - 2)*1.5;
  346. document.getElementById('stream').style.width = v_width + "px";
  347. document.getElementById('streamframe').style.width = v_width + "px";
  348. document.getElementById('streamframe').src = 'http://www.limev.com/embed.php?fileid='+ fid +'&vw='+v_width+'px&vh='+v_height;
  349. document.getElementById('content').style.width = (parseInt(v_width) + parseInt($('#chat').css('width'))).toString() + 'px';
  350.  
  351. document.getElementById('chat').style.height = '100%';
  352. document.getElementById('obj_1335940669380').style.height = '100%';
  353. document.getElementById('emb_1335940669380').style.height = '100%';
  354.  
  355. document.getElementById('content').style.height = $('#content').css('height');
  356.  
  357. document.getElementById('smallscreen').src = 'smallscreen.png';
  358. document.getElementById('largescreen').src = 'largescreen_lit.png';
  359. currentimage = 'largescreen_lit.png';
  360.  
  361.  
  362.  
  363. screensize = 1;
  364.  
  365. return false;
  366.  
  367. });
  368.  
  369.  
  370. $('#fullscreen').live('click',function() {
  371.  
  372. 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;
  373. chatwidth = $('#chat').css('width');
  374. chatwidth = $('#chat').css('width').substring(0, chatwidth.length - 2);
  375.  
  376.  
  377. document.getElementById('content').style.width = '100%';
  378. document.getElementById('stream').style.width = (99 - ((chatwidth/pagewidth)*100)).toString() + '%';
  379.  
  380. document.getElementById('streamframe').style.width = "100%";
  381. v_width = $('#stream').css('width');
  382. v_height = v_width.substring(0, v_width.length - 2)*0.66;
  383. document.getElementById('streamframe').style.height = v_height + "px";
  384. document.getElementById('stream').style.height = v_height + "px";
  385. document.getElementById('streamframe').src = 'http://www.limev.com/embed.php?fileid='+ fid +'&vw='+v_width+'&vh='+v_height+"px";
  386.  
  387. document.getElementById('chat').style.height = v_height+"px";
  388. document.getElementById('obj_1335940669380').style.height = v_height+"px";
  389. document.getElementById('emb_1335940669380').style.height = v_height+"px";
  390. document.getElementById('content').style.height = 'auto';
  391.  
  392. document.getElementById('content').style.height = $('#content').css('height');
  393.  
  394. elem = document.getElementById("content");
  395. // mozilla proposal
  396. //elem.requestFullScreen();
  397.  
  398. // Webkit (works in Safari and Chrome Canary)
  399. elem.webkitRequestFullScreen();
  400.  
  401. // Firefox (works in nightly)
  402. //elem.mozRequestFullScreen();
  403.  
  404. // W3C Proposal
  405. //elem.requestFullscreen();
  406.  
  407.  
  408. document.getElementById('smallscreen').src = 'smallscreen.png';
  409. document.getElementById('largescreen').src = 'largescreen_lit.png';
  410.  
  411. screensize = 2;
  412.  
  413. return false;
  414.  
  415. });
  416.  
  417. $(function(){
  418. elem = document.getElementById("content");
  419. elem.onwebkitfullscreenchange = function () {
  420. if (full == 0){
  421.  
  422. full = 1;
  423. } else {
  424. $(function() {
  425.  
  426. document.getElementById('wrapper').style.height = "100%";
  427.  
  428. 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;
  429. headerheight = $('#pageheader').css('height');
  430. headerheight = $('#pageheader').css('height').substring(0, headerheight.length - 2);
  431.  
  432. document.getElementById('content').style.height = (99 - ((headerheight/pageheight)*100)).toString() + '%';
  433. document.getElementById('stream').style.height = "100%";
  434.  
  435.  
  436.  
  437. document.getElementById('streamframe').style.height = "100%";
  438. v_height = $('#stream').css('height');
  439. v_width = v_height.substring(0, v_height.length - 2)*1.5;
  440. document.getElementById('stream').style.width = v_width + "px";
  441. document.getElementById('streamframe').style.width = v_width + "px";
  442. document.getElementById('streamframe').src = 'http://www.limev.com/embed.php?fileid='+ fid +'&vw='+v_width+'px&vh='+v_height;
  443. document.getElementById('content').style.width = (parseInt(v_width) + parseInt($('#chat').css('width'))).toString() + 'px';
  444.  
  445. document.getElementById('chat').style.height = '100%';
  446. document.getElementById('obj_1335940669380').style.height = '100%';
  447. document.getElementById('emb_1335940669380').style.height = '100%';
  448.  
  449. document.getElementById('content').style.height = $('#content').css('height');
  450.  
  451. document.getElementById('smallscreen').src = 'smallscreen.png';
  452. document.getElementById('largescreen').src = 'largescreen_lit.png';
  453.  
  454. screensize = 1;
  455.  
  456.  
  457. return false;
  458.  
  459. });
  460.  
  461.  
  462. full = 0;
  463. }
  464. }
  465. });
  466.  
  467.  
  468. $(window).resize(function() {
  469.  
  470. if ($(window).width() < 1075 ) {
  471.  
  472. $('#wrapper').css('width', "1075px");
  473.  
  474. } else {
  475.  
  476. $('#wrapper').css('width', "100%");
  477.  
  478. }
  479.  
  480. if ($(window).height() < 834 ) {
  481.  
  482. $('#wrapper').css('height', "834px");
  483.  
  484. } else {
  485.  
  486. $('#wrapper').css('height', "100%");
  487.  
  488. }
  489.  
  490. });
  491.  
  492.  
  493. $('#teamspeak').ready( $('#tsrefresh').live('click',function() {
  494.  
  495. document.getElementById('ts3viewer_991286').innerHTML = "";
  496. ts3v_display.init(ts3v_url_1, 991286, 100);
  497.  
  498. }));
  499.  
  500. $('#suggestionbox').ready( $('#suggestionrefresh').live('click',function() {
  501.  
  502. //<?php //include 'getsuggestions.php'; ?>
  503. document.getElementById('suggestionlist').innerHTML = "<?php //echo $list; ?>";
  504.  
  505. }));
  506.  
  507. </script>
  508.  
  509. </head>
  510.  
  511.  
  512.  
  513. <body>
  514.  
  515. <div id="wrapper">
  516.  
  517. <div id="pageheader">
  518.  
  519. <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>
  520. <img id="smallscreen" src="smallscreen_lit.png" onmouseover="currentimage=$(this).attr('src');src='smallscreen_lit.png';" onmouseout="this.src=currentimage" class="optionbuttons"/>
  521. <img id="largescreen" src="largescreen.png" onmouseover="currentimage=$(this).attr('src');this.src='largescreen_lit.png';" onmouseout="this.src=currentimage" class="optionbuttons"/>
  522. <img id="fullscreen" src="fullscreen.png" onmouseover="currentimage=$(this).attr('src');this.src='fullscreen_lit.png';" onmouseout="this.src=currentimage" class="optionbuttons"/>
  523. </div>
  524.  
  525. <div id="content">
  526.  
  527.  
  528.  
  529. <div id="stream">
  530.  
  531. <script type="text/javascript">
  532.  
  533. document.write('<ifr'+'ame src="http://www.limev.com/embed.php?fileid='+ fid +
  534. '&vw='+v_width+'&vh='+v_height+'" id="streamframe" width='+ v_width +' height=' + v_height +
  535. ' scrolling=no frameborder=0 scrolling=no allowtransparency=true ></ifr'+'ame>') ;
  536.  
  537. </script>
  538.  
  539. </div>
  540.  
  541. <div id="chat">
  542.  
  543. <object width="350" height="480" id="obj_1335940669380">
  544. <param name="movie" value="http://LolerStream.chatango.com/group"/>
  545. <param name="AllowScriptAccess" VALUE="always"/>
  546. <param name="AllowNetworking" VALUE="all"/>
  547. <param name="AllowFullScreen" VALUE="true"/>
  548. <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"/>
  549. <embed id="emb_1335940669380" src="http://LolerStream.chatango.com/group" width="350" height="480" allowScriptAccess="always"
  550. allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true"
  551. flashvars="cid=1335940669380&b=100&c=666666&d=666666&g=333333&j=333333&k=FFFFFF&l=CCCCCC&m=FFFFFF&s=1&t=0">
  552. </embed>
  553. </object>
  554.  
  555. </div>
  556.  
  557. </div>
  558.  
  559. <div id="content2">
  560.  
  561. <div id="suggestionbox">
  562.  
  563. <div id="suggestionheader">
  564.  
  565. <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>
  566.  
  567. <div id="suggestionform">
  568.  
  569. <form name="frmSuggestionbox" id="frmSuggestionbox" method="post" action="submitsuggestion.php" target="_blank">
  570.  
  571. <div id="suggestionerror"></div>
  572.  
  573. <input type="text" name="txtSuggestion" id="txtSuggestion" size="30" maxlength="40" class="customtxt" />
  574.  
  575. <input type="submit" name="btnSubmit" id="btnSubmit" class="custombtn" value="Submit" />
  576.  
  577. </form>
  578.  
  579. </div>
  580.  
  581. </div>
  582.  
  583. <div id="suggestionlist">
  584.  
  585. <form name="frmGetsuggestions" id="frmGetsuggestions" method="post" action="submitsuggestion.php" target="_blank">
  586.  
  587. </form>
  588.  
  589.  
  590.  
  591. <?php include 'getsuggestions.php'; ?>
  592. <?php echo $list; ?>
  593.  
  594. </div>
  595.  
  596. </div>
  597.  
  598. <div id="teamspeak">
  599.  
  600. <div id="teamspeakheader"> Teamspeak <img src="refresh.png" id="tsrefresh" class="refresh" onmouseover="this.src='refresh_lit.png'" onmouseout="this.src='refresh.png'" /></div>
  601.  
  602. <div id="ts3viewer_991286"> </div>
  603.  
  604. <script type="text/javascript" src="ts3viewer_loader.js"></script>
  605.  
  606. <script type="text/javascript">
  607. <!--
  608. ts3v_url_1 = "http://www.tsviewer.com/ts3viewer.php?ID=991286&text=0D7CF2&text_size=12&text_family=1&" +
  609. "js=1&text_s_weight=bold&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_s_color_h=62B0FD&" +
  610. "text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=underline&text_i_weight=normal&" +
  611. "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&" +
  612. "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&" +
  613. "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&" +
  614. "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&" +
  615. "text_u_variant_h=normal&text_u_decoration_h=none";
  616. ts3v_display.init(ts3v_url_1, 991286, 100);
  617. -->
  618. </script>
  619.  
  620. </div>
  621.  
  622. </div>
  623.  
  624. </div>
  625.  
  626. </body script type="text/javascript">
  627.  
  628. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!