<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>KASKUS main tenis gan! :)</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.js"></script>
<script src="http://s.kaskus.id/themes_2.0/javascript/maintenis.js"></script>
<script>
$(document).ready(
  function(){
    $('#pong1').pong('',{ballSpeed: 10,compSpeed: 7,playerSpeed: 10, paddleHeight: 60});
  }
);
</script>
<style type="text/css">
body {
	background:url('http://s.kaskus.id/themes_2.0/images/layout/bg-tanah.jpg');
	font-family:sans-serif;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.leftPaddle {
	z-index:10;
}
.leftPaddle:after {
	content: url('http://s.kaskus.id/themes_2.0/images/layout/raket-left.png');
	position: absolute;
	left: -34px;
	top: 50%;
	margin-top: -50px;
}
.rightPaddle {
	z-index:10;
}
.rightPaddle:after {
	content: url('http://s.kaskus.id/themes_2.0/images/layout/raket-right.png');
	position: absolute;
	right: -34px;
	top: 50%;
	margin-top: -50px;
}
.ball {
	background:url('http://s.kaskus.id/themes_2.0/images/layout/bola.png') 0 0 no-repeat;
	border-radius:7px;
}
.pong-wrapper {
	position:absolute;
	top:50%;
	margin-top:-240px;
	left:50%;
	margin-left:-320px;
	width:640px;
	height:480px;
}
#pong1 {
	position:absolute;
	top:50%;
	margin-top:-240px;
	left:50%;
	margin-left:-320px;
	box-shadow:0 1px 3px rgba(0,0,0,0.8);
	background:url('http://i.kaskus.id/themes_3.0/img/lapangan-tenis-n.jpg') 0 0 no-repeat;
}
.score {
	color:rgba(0,0,0,0.4) !important;
	text-shadow:1px 1px rgba(255,255,255,0.8);
	top:-30px !important;
}
.msg {
	bottom:-25px !important;
	color:rgba(0,0,0,0.4) !important;
}
.lose {
	position: fixed;
	top: 20px;
	left: 50%;
	margin-left: -100px;
	z-index:30;
	background:url('http://s.kaskus.id/themes_2.0/images/layout/you-lose.png') 0 0 no-repeat;
	width:200px;
	height:100px;
}
.wek {
	position: fixed;
	z-index: 30;
	bottom: 0;
	left: 50%;
	margin-left: -50px;
	width:100px;
	height:100px;
}
.b {
	position:absolute;
	left:0;
}
.b b,.y b {
	color:#f33;
}
.y {
	position:absolute;
	right:0;
}
.folbek {
	position:absolute;
	bottom:-35px;
	left:0;
}
.link {
	position: absolute;
	bottom: -25px;
	text-align: center;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	font-size:12px;
}
.link a {
	color:#666;
}
</style>
</head>
<body>
<div class="pong-wrapper">
	<div class="link">
		<a href="http://kaskus.co.id">kaskus.co.id</a>  <a href="m.kaskus.co.id">m.kaskus.co.id</a>
	</div>
	<div id="pong1"></div>
	<div class="folbek">
		<a href="https://twitter.com/kaskus" class="twitter-follow-button" data-show-count="false" data-lang="en">Follow @kaskus</a>
		<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
	</div>
</div>
</body>
</html>