Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<div id="page-container"> <!-- PAGE CONTAINER START -->
<?php include('header.php'); ?>
<?php include('menu.php') ?>
<div id="play-game-sidebar-a"><!--SIDE BAR START -->
</div><!-- SIDE BAR END -->
<div id="play-top">Playing <?php echo $playGameRow['name'];?></div> <!-- PLAY GAME SECTION START -->
<div style="border-left:1px solid #000; border-right:1px solid #000">
<div style="height:4px"></div>
<div>
</div>
<?php
if ($playGameRow['width'] > 700){ ?>
<div id="ads" align='center' style="position:absolute; margin-left:200px">
<!-- Ads here -->
<br />
<!--Please wait while the game's loading...<br />-->
<script type="text/javascript">
var bar1= createBar(300,15,'#cccccc',1,'#cccccc','#CC0000',85,7,3,"");
</script>
</div>
<div id="gamecontent" style='float:left; height:auto'>
<div id="play-gameb">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="700" height="<?php echo $playGameRow['height'];?>">
<param name="movie" value="http://www.mysitename.com/swf/games/<?php echo $playGameRow['filename'];?>" />
<param name="quality" value="high" />
<param name="allownetworking" value="internal">
<embed src="http://www.mysitename.com/swf/games/<?php echo $playGameRow['filename'];?>" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent" allownetworking="internal" width="700" height="<?php echo $playGameRow['height'];?>">
</embed>
</object>
<div align="center">
<!-- Ads here -->
</div>
</div>
</div>
<script type="text/javascript">
function turn_vis_on(id) {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'inline';
obj = document.getElementById(id);
obj.style.visibility = "visible";
}
}
function turn_vis_off(id){
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
obj = document.getElementById(id);
obj.style.visibility = "hidden";
}
}
function ShowHide()
{
turn_vis_off("ads");
turn_vis_on("gamecontent");
//alert('5sec!');
}
document.getElementById("ads").style.zIndex = 100;
timeoutID = setTimeout(ShowHide, 10000);
</script>
<?php }else{ ?>
<div id="ads" align='center' style="position:absolute; margin-left:200px">
<!-- Ads here -->
<br />
<!--<h3><font color="#04ec4b" face="Verdana, Arial, Helvetica, sans-serif">Please wait while the game's loading...</font></h3><br />-->
<script type="text/javascript">
var bar1 = createBar(300,15,'#cccccc',1,'#cccccc','#CC0000',85,7,3,"");
</script>
</div>
<div id="gamecontent" style='float:left; height:auto; margin-left:10px; visibility:hidden; display:none'>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="<?php echo $playGameRow['width'];?>" height="<?php echo $playGameRow['height'];?>">
<param name="movie" value="http://www.mysitename.com/swf/games/<?php echo $playGameRow['filename'];?>" />
<param name="quality" value="high" />
<param name="allownetworking" value="internal">
<embed src="http://www.mysitename.com/swf/games/<?php echo $playGameRow['filename'];?>" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" allownetworking="internal" width="<?php echo $playGameRow['width'];?>" height="<?php echo $playGameRow['height'];?>">
</embed>
</object>
</div>
</div>
</body>
</html>
[b]Style.css Code:[/b]
@charset "utf-8";
/* CSS Document */
html, body {
height:100%;
margin: 0;
padding: 0;
background-color:#242424;
/*background:url(images/bg.jpg) no-repeat fixed center top;*/
}
.hidden {
display: none;
}
#page-container{
width:950px;
margin:auto;
background:#333333;
}
#top-nav {
/*margin-left:3px;*/
width:935px;
height:auto;
overflow:auto;
margin-top:2px;
margin-bottom:2px;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background:#303030;
/*padding: 3px;*/
font: 12px Verdana, Arial, Helvetica, sans-serif;
font:bold;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#header {
/*background:#ea8000
url('/test/testing/images/center.png') background repeat-x;*/
background-image:url('/images/center.png');
background-repeat:repeat-x;
/*background-size: 100%;*/
/*height: 145px;
width:950px;*/
height:100%;
width:100%;
margin-top:4px;
/* border:1px solid #D6D6C2;*/
/*
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
*/
}
a.logo{
/*padding-top:7px;
padding-left:2px;
*/
padding-top:0;
padding-left:0;
padding-bottom:0;
float:left;
height:145px;
width:367px;
background-image:url('/test/testing/swf/logo.png');
}
.bookmark{
float:left;
font:"Courier New", Courier, monospace;
font-style:italic;
height:25px;
width:25px;
background-image:url('/test/testing/images/favorites_icon.png');
}
/* gradient 2 */
/*
.gradient2 h1 {
font: bold 310%/100% "Lucida Grande", Arial, sans-serif;
position: relative;
margin: 30px 0 50px;
color: #464646;
text-transform: uppercase;
letter-spacing: -2px;
}
.gradient2 h1 span {
background: url(images/gradient-glossy.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 18px;
}
.gradient2 a {
color: #000;
text-decoration: none;
}
.gradient2 a:visited {
color: #000;
}
.gradient2 a:hover {
color: #555;
}
*/
/*
#menu h3 {
font:bold 310%/100% "Lucida Grande", Arial, sans-serif;
position:relative;
margin:30px 0 50px;
color:#464646;
text-transform:uppercase;
letter-spacing:-2px;
}
*/
/*
#menu a:link{
font:bold 150%/150% "Verdana", Arial, Helvetica, sans-serif;
font-style:normal;
font-family:verdana;
text-decoration:none;
}
#menu a:visited{
font:bold 150%/150% "Verdana", Arial, Helvetica, sans-serif;
font-style:normal;
font-family:verdana;
text-decoration:none;
}
*/
/*
#menu a:hover{
font:bold 150%/150% "Lucida Grande", Arial, sans-serif;
font-style:normal;
text-decoration:none;
color:#CC0000;
}
*/
/* START MENU CSS */
#pointermenu2{
margin: 0;
padding: 0;
}
#pointermenu2 ul{
margin: 0;
margin-top:0;
margin-bottom:10px;
margin-left: 15px; /*menu offset from left edge of window*/
float: left;
padding-left: 8px;
font: bold 17px MinionPro;
background: #b82b00 url('/images/leftround2.png') bottom left no-repeat; /*optional left round corner*/
}
* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}
#pointermenu2 ul li{
display: inline;
}
#pointermenu2 ul li a{
float: left;
color: white;
font-weight: bold;
padding: 7px 9px 7px 5px;
text-decoration: none;
}
#pointermenu2 ul li a:visited{
color: white;
}
#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ /*hover and selected link*/
color: #02fd2b;
background: transparent url('/images/pointer.png') bottom center no-repeat;
}
#pointermenu2 ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
background: url('/images/rightround2.png') bottom right no-repeat; /*optional right round corner*/
}
/* END MENU CSS */
#menu-nav{
/*background:#ffffff;*/
/*url(/images/menu.gif) no-repeat;*/
/*height:114px;*/
width:757px;
height:auto;
/* float:left;*/
overflow:auto;
/*padding-left:10px;
padding-top:4px;
*/
padding:0 0 0 13px;
/*margin-top:4px;
margin-bottom:4px;*/
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background:#303030;
/*padding: 3px;*/
/*font: 16px Verdana, Arial, Helvetica, sans-serif;
font:bold;
color:ffffff;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
/*
margin-left:3px;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-top:1px solid #000;
background-color:#e6e6e6;
width:935px ;
height:114px;
overflow:auto;
padding-left:10px;
padding-top:4px;
*/
}
/*
#menu-nav li {
float: left;
list-style-type: none;
}
#menu-nav li a {
display: block;
height: 26px;
margin: 0 6px;
width: 135px;
}
#menu-nav li a.home {
background: transparent url('/test/testing/images/home.png') no-repeat left top;
}
#menu-nav li a.action {
background: transparent url('/test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.arcade {
background: transparent url('/test/testing/images/arcade.png') no-repeat left top;
}
#menu-nav li a.adventure {
background: transparent url('/test/testing/images/adventure.png') no-repeat left top;
}
#menu-nav li a.shooting {
background: transparent url('/test/testing/images/shooting.png') no-repeat left top;
}
#menu-nav li a.fighting {
background: transparent url('/test/testing/images/fighting.png') no-repeat left top;
}
#menu-nav li a.kids {
background: transparent url('/test/testing/images/kids.png') no-repeat left top;
}
#menu-nav li a.racing {
background: transparent url('/test/testing/images/racing.png') no-repeat left top;
}
#menu-nav li a.puzzle {
background: transparent url('/test/testing/images/puzzle.png') no-repeat left top;
}
#menu-nav li a.sports {
background: transparent url('/test/testing/images/sports.png') no-repeat left top;
}
#menu-nav li a.strategy {
background: transparent url('/test/testing/images/stategy.png') no-repeat left top;
}
#menu-nav li a.casino {
background: transparent url('/test/testing/images/casino.png') no-repeat left top;
}
#menu-nav li a:hover {
background-position: left bottom;
}
.non-visible {
height: 1px;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 1px;
}
*/
/*
#main-menu {
background: #ececec url('/images/template/main-menu-bg.gif') repeat-x left top;
height: 45px;
margin: 0 auto;
padding: 0 0 0 19px;
width: 950px;
}
*/
/*
#menu-nav li {
float: left;
list-style-type: none;
}
#menu-nav li a {
display: block;
height: 45px;
margin: 0 6px;
width: 125px;
}
#menu-nav li a.home {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.action {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.arcade {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.adventure {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.shooting {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.fighting {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.kids {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.racing {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.puzzle {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.sports {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.stratagy {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.casino {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a:hover {
background-position: left bottom;
}
.non-visible {
height: 1px;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 1px;
}
*/
.login_form {
/*margin-left:3px;*/
width:380px;
height:140px;
float:right;
overflow:auto;
/*padding-left:10px;*/
padding-right:10px;
padding-top:10px;
/* margin-right:2%;*/
font:Georgia, "Times New Roman", Times, serif;
font-style:normal;
font-size:10px;
/*border:3px solid #81A594;*/
/*background:#fdb300;*/
padding: 5px;
/*font: 12px Verdana, Arial, Helvetica, sans-serif;*/
/*-moz-border-radius: 15px 0 15px 0;*/
}
.search{
/*margin-left:3px;*/
width:100px;
height:70px;
float:right;
overflow:auto;
/*padding-left:10px;*/
padding-right:10px;
padding-top:10px;
/* margin-right:2%;*/
font:Georgia, "Times New Roman", Times, serif;
font-style:normal;
font-size:10px;
/*border:3px solid #81A594;*/
/*background:#fdb300;*/
padding: 5px;
/*font: 12px Verdana, Arial, Helvetica, sans-serif;*/
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
.input {
border: 1px solid #006;
background: #ffc;
margin-bottom:2px;
color:#990000;
font-weight:lighter;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
}
.input:hover {
border: 1px solid #f00;
background: #ff6;
}
.button {
border: 1px solid #006;
background: #8dcc09;
color:#ffffff;
font-weight:lighter;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
}
.button:hover {
border: 1px solid #f00;
background: #ecb423;
}
label {
display: block;
width: 50px;
float: left;
margin: 2px 4px 6px 4px;
text-align: right;
}
br { clear: left; }
#play-gameb {
/*margin-left:3px;*/
width:700px;
/*height:575px;*/
height:100%;
float:left;
overflow:auto;
/*padding-left:10px;*/
padding-top:4px;
margin-bottom:4px;
padding-left:10px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background-color:#e6e6e6;
/* padding: 3px;*/
/*font: 16px Verdana, Arial, Helvetica, sans-serif;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#play-top {
/*margin-left:3px;*/
/*width:760px;*/
width:710px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background-color:#e6e6e6;
padding: 5px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#2c2624;
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
/* -------------------------------------------- */
/* Pagination: Digg Style */
/* -------------------------------------------- */
ul{border:0; margin:0; padding:0;}
#pagination-digg li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
}
#pagination-digg a{
border:solid 1px #9aafe5;
margin-right:2px;
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
border:solid 1px #000000;
color:#e6e6e6;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination-digg .next a,
#pagination-digg .previous a {
font-weight:bold;
}
#pagination-digg .active{
background:#33ff04;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
color:#0e509e;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
border:solid 1px #0e509e;
}
#curves-ng {
/*margin-left:3px;*/
/*background-image: #e6e6e6 url('/images/hot_icon.gif') no-repeat;
background-position: 24px 9px;*/
width:760px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #8e938f;
/*background:#858384;*/
background-color:#e6e6e6;
padding: 5px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
/*color:#303030;*/
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
#hor-add {
/*margin-left:3px;*/
width:940px;
/*height:575px;*/
height:auto;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
margin-bottom:4px;
/* margin-right:2%;*/
border:1px solid #303030;
background:#303030;
/* padding: 3px;*/
/*font: 16px Verdana, Arial, Helvetica, sans-serif;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#curves-ngb {
/*margin-left:3px;*/
width:757px;
/*height:575px;*/
height:auto;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
margin-bottom:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
/*background:#303030;*/
background-color:#e6e6e6;
/* padding: 3px;*/
/*font: 16px Verdana, Arial, Helvetica, sans-serif;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#curves-ngb2 {
/*margin-left:3px;*/
width:757px;
height:465px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
margin-bottom:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background:#303030;
/*padding: 3px;*/
font: 12px Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#curves-ngb3 {
/*margin-left:3px;*/
width:757px;
height:240px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
margin-bottom:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background:#303030;
/*padding: 3px;*/
font: 12px Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#curves-ngb4 {
/*margin-left:3px;*/
width:757px;
height:150px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
margin-bottom:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background:#303030;
/*padding: 3px;*/
font: 12px Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#curves-sidebar-top {
/*margin-left:3px;*/
width:160px;
float:right;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #8e938f;
background-color:#e6e6e6;
padding: 5px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-weight:bold;
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
#curves-mgb {
/*margin-left:3px;*/
width:757px;
height:auto;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background:#303030;
/*padding: 3px;*/
font: 16px Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#curves-sidebar {
/*margin-left:3px;*/
width:160px;
height:auto;
float:right;
/* overflow:auto;*/
/*
margin-left: 2px;
padding-left:10px;
padding-top:4px;
padding-bottom:4px;
*/
/* margin-right:2%;*/
padding-left:2px;
padding-right:2px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #D6D6C2;
/*background-color:#e6e6e6;*/
font-weight:bold;
/*font-size:10px;*/
/*color:#66CCFF;*/
/*padding: 3px;*/
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#86cb0e;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#play-game-curves-sidebar {
/*margin-left:3px;*/
width:200px;
height:200px;
float:right;
overflow:auto;
/*padding-left:10px;
padding-top:4px;
padding-bottom:4px;
*/
/* margin-right:2%;*/
padding-left:2px;
padding-right:2px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #D6D6C2;
background-color:#e6e6e6;
/*padding: 3px;*/
font: 12px Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#curves-playg {
/*margin-left:3px;*/
/*width:760px;*/
width:760px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background:#858384;
padding: 5px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
#curves-playgb {
/*margin-left:3px;*/
/*width:757px;
height:575px;
*/
width:auto;
height:auto;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background:#303030;
/*padding: 3px;*/
font: 16px Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#game-fonts{
font:Georgia, "Times New Roman", Times, serif;
/*font-style:normal;*/
font-weight:bold;
font-size:10px;
/*color:#66CCFF;*/
color:#86cb0e;
}
#footer-fonts{
font:Georgia, "Times New Roman", Times, serif;
/*font-style:normal;*/
font-weight:bold;
font-size:10px;
/*color:#66CCFF;*/
color:#ffffff;
text-decoration:none;
}
#register-fonts{
font:Georgia, "Times New Roman", Times, serif;
font-style:normal;
font-size:12px;
/*color:#66CCFF;*/
color:#000000;
}
#pagi-fonts{
font:Georgia, "Times New Roman", Times, serif;
font-style:normal;
font-size:12px;
/*color:#66CCFF;*/
color:#FFFFFF;
}
#content {
margin-right:168px;
/*background: green;*/
}
#sidebar-a {
background: e6e6e6;
float: right;
width: 168px;
margin-top:40px;
}
#play-game-sidebar-a {
background: e6e6e6;
float: right;
width: 200px;
margin-top:40px;
}
#play-game-sidebar-top {
/*margin-left:3px;*/
width:200px;
float:right;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background-color:#e6e6e6;
padding: 5px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#2c2624;
font-weight:bold;
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
.big_box_content{
background:url('/images/games_box.gif') no-repeat;
height:365px;
width:760px;
margin-left:3px;
padding-left:5px;
padding-top:3px;
}
.big_box_games_bg{
/*background:url(images/game_icon_bg.gif) no-repeat;*/
float:left;
width:110px;
height:120px;
margin:1px;
padding-left:5px;
margin-left:5px;
margin-bottom:4px;
border:1px solid #2c2624;
background-color:#2c2624;
/*padding: 5px;*/
font: 12px Verdana, Arial, Helvetica, sans-serif;
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
.game_icon{
float:left;
width:100px;
padding:2px;
/*margin:auto;*/
padding-top:10px;
}
/*
#footer {
clear:both;
margin-left:3px;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-top:1px solid #000;
background-color:#e6e6e6;
width:935px ;
height:40px;
overflow:auto;
padding-left:10px;
padding-top:4px;
}
*/
#footer {
/*margin-left:3px;*/
width:935px;
height:45px;
overflow:auto;
padding-left:10px;
padding-top:4px;
margin-bottom:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background:#303030;
/*padding: 3px;*/
font-style:normal;
font-size:12px;
/*font:Georgia, "Times New Roman", Times, serif;*/
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#66CCFF;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#relgames-top {
/*margin-left:3px;*/
width:937px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background-color:#e6e6e6;
padding: 5px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#2c2624;
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
#relgames {
/*margin-left:3px;*/
width:935px;
/*height:auto;*/
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
/* background:#303030;*/
background-color:#e6e6e6;
/*padding: 3px;*/
font: 12px Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
.rel_games_bg{
/*background:url(images/game_icon_bg.gif) no-repeat;*/
float:left;
width:110px;
height:120px;
margin:1px;
padding-left:5px;
margin-left:12px;
margin-bottom:4px;
border:1px solid #2c2624;
background-color:#2c2624;
/*padding: 5px;*/
font: 12px Verdana, Arial, Helvetica, sans-serif;
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
#desc-top {
/*margin-left:3px;*/
width:600px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background-color:#e6e6e6;
padding: 5px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#2c2624;
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
#desc-body {
/*margin-left:3px;*/
width:600px;
height:320px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
margin-bottom:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background-color:#e6e6e6;
font:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:14px;
color:#2c2624;
/*padding: 3px;*/
/*font: 12px Verdana, Arial, Helvetica, sans-serif;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#desc-spon-top {
/*margin-left:3px;*/
width:320px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background-color:#e6e6e6;
padding: 5px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#2c2624;
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
#desc-spon-body {
/*margin-left:3px;*/
width:320px;
height:320px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
margin-bottom:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background-color:#e6e6e6;
/*padding: 3px;*/
/*font: 12px Verdana, Arial, Helvetica, sans-serif;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
.thumbnail{
/* Thumbnail Border Color */
/*border:none;*/
border:1px solid #999999;
}
.thumbnail:hover {
/* Thumbnail Border Color Hover */
/*border:groove;*/
border:1px solid #999999;
}
.tooltip {
position: absolute;
z-index: 3000;
border: 1px solid #111;
background-color: #eee;
padding: 5px;
opacity: 0.95;
color:#000000;
}
.tooltip h3, .tooltip div {
margin: 0;
color:#000000;
width:300px;
/* font-family:arial;*/
font-family:"Verdana";
}
/* JQuery Tool Tip Effects */
.tooltip-red
{
background-color: #FCE5CE;
color: #F38F2A;
padding:10px 10px 10px 10px;
font-weight:bold;
z-index:100;
}
.tooltip-blue
{
background-color: #5555FF;
color: #FFFFFF;
font-size:13px;
font-family:verdana;
border:solid 2px #0000FF;
z-index:100;
}
.terms-fonts{
font: "Verdana", Arial, Helvetica, sans-serif;
font-style:normal;
/*color:#66CCFF;*/
color:#000000;
}