how? :/
ee bobby..wieso machst ne rl tibia seite?::.nooob?XD
you must show first your layout.php because we don't no where is it
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?PHP echo $title ?></title>
<meta name="description" content="Tibia is a free massive multiplayer online role playing game (MMORPG)." />
<meta name="author" content="Gesior" />
<meta http-equiv="content-language" content="en" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="keywords" content="free online game, free multiplayer game, ots, open tibia server" />
<link rel="shortcut icon" href="<?PHP echo $layout_name; ?>/images/server.ico" type="image/x-icon">
<link rel="icon" href="<?PHP echo $layout_name; ?>/images/server.ico" type="image/x-icon">
<?PHP echo $layout_header; ?>
<link href="<?PHP echo $layout_name; ?>/basic.css" rel="stylesheet" type="text/css">
<SCRIPT TYPE="text/javascript">
<!-- // Framekiller
setTimeout ("changePage()", 6000);
function changePage()
{
if (parent.frames.length > 2) {
if (browserTyp == "ie") {
parent.location=document.location;
} else {
self.top.location=document.location;
}
}
}
// -->
</SCRIPT>
<script type="text/javascript">
state = new Array("0", "0", "0", "0", "0");
function TickerAction(id) {
var line = id.substr(12, 1);
if(state[line] == "0") {
state[line] = "1";
OpenNews(id);
}
else {
state[line] = "0";
CloseNews(id);
}
}
function OpenNews(id)
{
var div = document.getElementById(id)
var idShort = id.concat("-ShortText");
var idMore = id.concat("-FullText");
var idButton = id.concat("-Button");
document.getElementById(idShort).style.display = "none";
document.getElementById(idMore).style.display = "block";
document.getElementById(idButton).style.backgroundImage = "url('" + IMAGES + "/general/minus.gif')";
}
function CloseNews(id)
{
var div = document.getElementById(id)
var idShort = id.concat("-ShortText");
var idMore = id.concat("-FullText");
var idButton = id.concat("-Button");
document.getElementById(idShort).style.display = "block";
document.getElementById(idMore).style.display = "none";
document.getElementById(idButton).style.backgroundImage = "url('" + IMAGES + "/general/plus.gif')";
}
function InitializePage() {
LoadLoginBox();
LoadMenu();
}
// initialisation of the loginbox status by the value of the variable 'loginStatus' which is provided to the HTML-document by PHP in the file 'header.inc'
function LoadLoginBox()
{
if(loginStatus == "false") {
document.getElementById('LoginstatusText_1').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-you-are-not-logged-in.gif')";
document.getElementById('ButtonText').style.backgroundImage = "url('" + IMAGES + "/buttons/_sbutton_login.gif')";
document.getElementById('LoginstatusText_2').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-create-account.gif')";
document.getElementById('LoginstatusText_2_1').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-create-account.gif')";
document.getElementById('LoginstatusText_2_2').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-create-account-over.gif')";
} else {
document.getElementById('LoginstatusText_1').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-welcome.gif')";
document.getElementById('ButtonText').style.backgroundImage = "url('" + IMAGES + "/buttons/_sbutton_myaccount.gif')";
document.getElementById('LoginstatusText_2').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-logout.gif')";
document.getElementById('LoginstatusText_2_1').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-logout.gif')";
document.getElementById('LoginstatusText_2_2').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-logout-over.gif')";
}
}
// mouse-over and click events of the loginbox
function MouseOverLoginBoxText(source)
{
source.lastChild.style.visibility = "visible";
source.firstChild.style.visibility = "hidden";
}
function MouseOutLoginBoxText(source)
{
source.firstChild.style.visibility = "visible";
source.lastChild.style.visibility = "hidden";
}
function LoginButtonAction()
{
if(loginStatus == "false") {
window.location = LINK_ACCOUNT + "/?subtopic=accountmanagement";
} else {
window.location = LINK_ACCOUNT + "/?subtopic=accountmanagement";
}
}
function LoginstatusTextAction(source) {
if(loginStatus == "false") {
window.location = LINK_ACCOUNT + "/?subtopic=createaccount";
} else {
window.location = LINK_ACCOUNT + "/?subtopic=accountmanagement&action=logout";
}
}
var menu = new Array();
menu[0] = new Object();
var unloadhelper = false;
// load the menu and set the active submenu item by using the variable 'activeSubmenuItem' (provided to HTML-document by PHP in the file 'header.inc'
function LoadMenu()
{
document.getElementById("submenu_"+activeSubmenuItem).style.color = "white";
document.getElementById("ActiveSubmenuItemIcon_"+activeSubmenuItem).style.visibility = "visible";
if(self.name.lastIndexOf("&") == -1) {
self.name = "news=1&account=0&community=0&library=0&forum=0<?PHP if($config['site']['shop_system'] == 1) echo "&shops=0"; ?>&";
}
FillMenuArray();
InitializeMenu();
}
function SaveMenu()
{
if(unloadhelper == false) {
SaveMenuArray();
unloadhelper = true;
}
}
// store the values of the variable 'self.name' in the array menu
function FillMenuArray()
{
while(self.name.length > 0 ){
var mark1 = self.name.indexOf("=");
var mark2 = self.name.indexOf("&");
var menuItemName = self.name.substr(0, mark1);
menu[0][menuItemName] = self.name.substring(mark1 + 1, mark2);
self.name = self.name.substr(mark2 + 1, self.name.length);
}
}
// hide or show the corresponding submenus
function InitializeMenu()
{
for(menuItemName in menu[0]) {
if(menu[0][menuItemName] == "0") {
document.getElementById(menuItemName+"_Submenu").style.visibility = "hidden";
document.getElementById(menuItemName+"_Submenu").style.display = "none";
document.getElementById(menuItemName+"_Lights").style.visibility = "visible";
document.getElementById(menuItemName+"_Extend").style.backgroundImage = "url(" + IMAGES + "/general/plus.gif)";
}
else {
document.getElementById(menuItemName+"_Submenu").style.visibility = "visible";
document.getElementById(menuItemName+"_Submenu").style.display = "block";
document.getElementById(menuItemName+"_Lights").style.visibility = "hidden";
document.getElementById(menuItemName+"_Extend").style.backgroundImage = "url(" + IMAGES + "/general/minus.gif)";
}
}
}
// reconstruct the variable "self.name" out of the array menu
function SaveMenuArray()
{
var stringSlices = "";
var temp = "";
for(menuItemName in menu[0]) {
stringSlices = menuItemName + "=" + menu[0][menuItemName] + "&";
temp = temp + stringSlices;
}
self.name = temp;
}
// onClick open or close submenus
function MenuItemAction(sourceId)
{
if(menu[0][sourceId] == 1) {
CloseMenuItem(sourceId);
}
else {
OpenMenuItem(sourceId);
}
}
function OpenMenuItem(sourceId)
{
menu[0][sourceId] = 1;
document.getElementById(sourceId+"_Submenu").style.visibility = "visible";
document.getElementById(sourceId+"_Submenu").style.display = "block";
document.getElementById(sourceId+"_Lights").style.visibility = "hidden";
document.getElementById(sourceId+"_Extend").style.backgroundImage = "url(" + IMAGES + "/general/minus.gif)";
}
function CloseMenuItem(sourceId)
{
menu[0][sourceId] = 0;
document.getElementById(sourceId+"_Submenu").style.visibility = "hidden";
document.getElementById(sourceId+"_Submenu").style.display = "none";
document.getElementById(sourceId+"_Lights").style.visibility = "visible";
document.getElementById(sourceId+"_Extend").style.backgroundImage = "url(" + IMAGES + "/general/plus.gif)";
}
// mouse-over effects of menubuttons and submenuitems
function MouseOverMenuItem(source)
{
source.firstChild.style.visibility = "visible";
}
function MouseOutMenuItem(source)
{
source.firstChild.style.visibility = "hidden";
}
function MouseOverSubmenuItem(source)
{
source.style.backgroundColor = "#14433F";
}
function MouseOutSubmenuItem(source)
{
source.style.backgroundColor = "#0D2E2B";
}
</script>
</head>
<body onBeforeUnLoad="SaveMenu();" onUnload="SaveMenu();">
<a name="top" ></a>
<div id="ArtworkHelper" style="background-image:url(<?PHP echo $layout_name; ?>/images/header/background-artwork.jpg);" >
<div id="Bodycontainer">
<div id="ContentRow">
<div id="MenuColumn">
<div id="LeftArtwork">
<img id="Statue_1" src="<?PHP echo $layout_name; ?>/images/header/animated-statue.gif" alt="logoartwork" />
<img id="TibiaLogoArtworkTop" src="<?PHP echo $layout_name; ?>/images/header/tibia-logo-artwork-top.gif" onClick="window.location = 'index.php?subtopic=latestnews';" alt="logoartwork" />
<img id="TibiaLogoArtworkBottom" src="<?PHP echo $layout_name; ?>/images/header/tibia-logo-artwork-bottom.gif" alt="logoartwork" />
<img id="Statue_2" src="<?PHP echo $layout_name; ?>/images/header/animated-statue.gif" alt="logoartwork" />
<img id="LogoLink" src="<?PHP echo $layout_name; ?>/images/header/tibia-logo-artwork-string.gif" onClick="window.location = 'mailto:<?PHP echo $config['server']['ownerEmail']; ?>';" alt="logoartwork" />
</div>
<div id="Loginbox" >
<div id="LoginTop" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/box-top.gif)" ></div>
<div id="BorderLeft" class="LoginBorder" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif)" ></div>
<div class="Loginstatus" style="background-image:url(<?PHP echo $layout_name; ?>/images/loginbox/loginbox-textfield-background.gif)" >
<div id="LoginstatusText_1" class="LoginstatusText" style="background-image:url(<?PHP echo $layout_name; ?>/images/loginbox/loginbox-font-you-are-not-logged-in.gif)" ></div>
</div>
<div id="LoginButtonContainer" style="background-image:url(<?PHP echo $layout_name; ?>/images/loginbox/loginbox-textfield-background.gif)" >
<div id="LoginButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/buttons/sbutton.gif)" >
<div onClick="LoginButtonAction();" onMouseOver="MouseOverBigButton(this);" onMouseOut="MouseOutBigButton(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/buttons/sbutton_over.gif)" ></div>
<div id="ButtonText" ></div>
</div>
</div>
</div>
<div style="clear:both" ></div>
<div class="Loginstatus" style="background-image:url(<?PHP echo $layout_name; ?>/images/loginbox/loginbox-textfield-background.gif)" >
<div id="LoginstatusText_2" onClick="LoginstatusTextAction(this);" onMouseOver="MouseOverLoginBoxText(this);" onMouseOut="MouseOutLoginBoxText(this);" ><div id="LoginstatusText_2_1" class="LoginstatusText" style="background-image:url(<?PHP echo $layout_name; ?>/images/loginbox/loginbox-font-create-account.gif)" ></div><div id="LoginstatusText_2_2" class="LoginstatusText" style="background-image:url(<?PHP echo $layout_name; ?>/images/loginbox/loginbox-font-create-account-over.gif)" ></div></div>
</div>
<div id="BorderRight" class="LoginBorder" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif)" ></div>
<div id="LoginBottom" class="Loginstatus" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/box-bottom.gif)" ></div>
</div>
<div id='Menu'>
<div id='MenuTop' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/box-top.gif);'></div>
<div id='news' class='menuitem'>
<span onClick="MenuItemAction('news')">
<div class='MenuButton' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);'>
<div onMouseOver='MouseOverMenuItem(this);' onMouseOut='MouseOutMenuItem(this);'><div class='Button' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);'></div>
<span id='news_Lights' class='Lights'>
<div class='light_lu' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
<div class='light_ld' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
<div class='light_ru' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
</span>
<div id='news_Icon' class='Icon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-news.gif);'></div>
<div id='news_Label' class='Label' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-news.gif);'></div>
<div id='news_Extend' class='Extend' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/plus.gif);'></div>
</div>
</div>
</span>
<div id='news_Submenu' class='Submenu'>
<a href='index.php?subtopic=latestnews'>
<div id='submenu_latestnews' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_latestnews' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Latest News</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
</div>
</div>
<div id='account' class='menuitem'>
<span onClick="MenuItemAction('account')">
<div class='MenuButton' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);'>
<div onMouseOver='MouseOverMenuItem(this);' onMouseOut='MouseOutMenuItem(this);'><div class='Button' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);'></div>
<span id='account_Lights' class='Lights'>
<div class='light_lu' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
<div class='light_ld' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
<div class='light_ru' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
</span>
<div id='account_Icon' class='Icon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-account.gif);'></div>
<div id='account_Label' class='Label' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-account.gif);'></div>
<div id='account_Extend' class='Extend' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/plus.gif);'></div>
</div>
</div>
</span>
<div id='account_Submenu' class='Submenu'>
<a href='index.php?subtopic=accountmanagement'>
<div id='submenu_accountmanagement' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_accountmanagement' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Account Management</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=createaccount'>
<div id='submenu_createaccount' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_createaccount' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Create Account</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=lostaccount'>
<div id='submenu_lostaccount' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_lostaccount' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Lost Account?</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=tibiarules'>
<div id='submenu_tibiarules' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_tibiarules' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Server Rules</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<?PHP
if($config['site']['download_page'] == 1) {
echo "<a href='index.php?subtopic=downloads'>
<div id='submenu_downloads' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_downloads' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Downloads</div>
<div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
</div>
</a>";
}
if($group_id_of_acc_logged >= $config['site']['access_admin_panel']) {
echo "<a href='index.php?subtopic=adminpanel'>
<div id='submenu_adminpanel' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_adminpanel' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'><font color=\"red\">! Admin Panel !</font></div>
<div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
</div>
</a>";
}
?>
</div>
</div>
<div id='community' class='menuitem'>
<span onClick="MenuItemAction('community')">
<div class='MenuButton' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);'>
<div onMouseOver='MouseOverMenuItem(this);' onMouseOut='MouseOutMenuItem(this);'><div class='Button' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);'></div>
<span id='community_Lights' class='Lights'>
<div class='light_lu' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
<div class='light_ld' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
<div class='light_ru' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
</span>
<div id='community_Icon' class='Icon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-community.gif);'></div>
<div id='community_Label' class='Label' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-community.gif);'></div>
<div id='community_Extend' class='Extend' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/plus.gif);'></div>
</div>
</div>
</span>
<div id='community_Submenu' class='Submenu'>
<a href='index.php?subtopic=characters'>
<div id='submenu_characters' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_characters' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Characters</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=whoisonline'>
<div id='submenu_whoisonline' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_whoisonline' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Who Is Online?</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=highscores'>
<div id='submenu_highscores' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_highscores' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Highscores</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=killstatistics'>
<div id='submenu_killstatistics' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_killstatistics' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Last Kills</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=houses'>
<div id='submenu_houses' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_houses' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Houses</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=guilds'>
<div id='submenu_guilds' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_guilds' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Guilds</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=bounty-hunters'>
<div id='submenu_bounty' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_biunty' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Bounty Hunters</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=team'>
<div id='submenu_team' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_team' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Support List</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
</div>
</div>
<?PHP
echo "<div id='forum' class='menuitem'>
<span onClick=\"MenuItemAction('forum')\">
<div class='MenuButton' style='background-image:url(".$layout_name."/images/menu/button-background.gif);'>
<div onMouseOver='MouseOverMenuItem(this);' onMouseOut='MouseOutMenuItem(this);'>
<div class='Button' style='background-image:url(".$layout_name."/images/menu/button-background-over.gif);'></div>
<span id='forum_Lights' class='Lights'>
<div class='light_lu' style='background-image:url(".$layout_name."/images/menu/green-light.gif);'></div>
<div class='light_ld' style='background-image:url(".$layout_name."/images/menu/green-light.gif);'></div>
<div class='light_ru' style='background-image:url(".$layout_name."/images/menu/green-light.gif);'></div>
</span>
<div id='forum_Icon' class='Icon' style='background-image:url(".$layout_name."/images/menu/icon-forum.gif);'></div>
<div id='forum_Label' class='Label' style='background-image:url(".$layout_name."/images/menu/label-forum.gif);'></div>
<div id='forum_Extend' class='Extend' style='background-image:url(".$layout_name."/images/general/plus.gif);'></div>
</div>
</div>
</span>
<div id='forum_Submenu' class='Submenu'>
<a href='index.php?subtopic=forum'>
<div id='submenu_forum' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_forum' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Server Forum</div>
<div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
</div>
</a>
</div>
</div>";
?>
<div id='library' class='menuitem'>
<span onClick="MenuItemAction('library')">
<div class='MenuButton' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);'>
<div onMouseOver='MouseOverMenuItem(this);' onMouseOut='MouseOutMenuItem(this);'><div class='Button' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);'></div>
<span id='library_Lights' class='Lights'>
<div class='light_lu' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
<div class='light_ld' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
<div class='light_ru' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
</span>
<div id='library_Icon' class='Icon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-library.gif);'></div>
<div id='library_Label' class='Label' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-library.gif);'></div>
<div id='library_Extend' class='Extend' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/plus.gif);'></div>
</div>
</div>
</span>
<div id='library_Submenu' class='Submenu'>
<a href='index.php?subtopic=creatures'>
<div id='submenu_creatures' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_creatures' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Creatures</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=spells'>
<div id='submenu_spells' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_spells' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Spells</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=exphist'>
<div id='submenu_exphist' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(http://static.tibia.com/images/global/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_exphist' class='ActiveSubmenuItemIcon' style='background-image:url(http://static.tibia.com/images/global/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'><blink><font color="orange">Powergamers</font></blink></div>
<div class='RightChain' style='background-image:url(http://static.tibia.com/images/global/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=onlinetime'>
<div id='submenu_onlinetime' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(http://static.tibia.com/images/global/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_onlinetime' class='ActiveSubmenuItemIcon' style='background-image:url(http://static.tibia.com/images/global/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'><blink><font color="green">Online Time</font></blink></div>
<div class='RightChain' style='background-image:url(http://static.tibia.com/images/global/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=vorgpl_monsterskills'>
<div id='submenu_onlinetime' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(http://static.tibia.com/images/global/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_onlinetime' class='ActiveSubmenuItemIcon' style='background-image:url(http://static.tibia.com/images/global/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'><blink><font color="blue">Monster Kills</font></blink></div>
<div class='RightChain' style='background-image:url(http://static.tibia.com/images/global/general/chain.gif);'></div>
</div>
</a>
<?PHP
if($config['site']['gallery_page'] == 1) {
echo "<a href='index.php?subtopic=gallery'>
<div id='submenu_gallery' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_gallery' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Gallery</div>
<div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
</div>
</a>";
}
if($config['site']['serverinfo_page'] == 1)
echo "<a href='index.php?subtopic=serverinfo'>
<div id='submenu_serverinfo' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_serverinfo' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Server Info</div>
<div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
</div>
</a>";
?>
<a href='index.php?subtopic=experiencetable'>
<div id='submenu_experiencetable' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_experiencetable' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Experience Table</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
</div>
</div>
<?PHP
if($config['site']['shop_system'] == 1)
{
echo "<div id='shops' class='menuitem'>
<span onClick=\"MenuItemAction('shops')\">
<div class='MenuButton' style='background-image:url(".$layout_name."/images/menu/button-background.gif);'>
<div onMouseOver='MouseOverMenuItem(this);' onMouseOut='MouseOutMenuItem(this);'><div class='Button' style='background-image:url(".$layout_name."/images/menu/button-background-over.gif);'></div>
<span id='shops_Lights' class='Lights'>
<div class='light_lu' style='background-image:url(".$layout_name."/images/menu/green-light.gif);'></div>
<div class='light_ld' style='background-image:url(".$layout_name."/images/menu/green-light.gif);'></div>
<div class='light_ru' style='background-image:url(".$layout_name."/images/menu/green-light.gif);'></div>
</span>
<div id='shops_Icon' class='Icon' style='background-image:url(".$layout_name."/images/menu/icon-shops.gif);'></div>
<div id='shops_Label' class='Label' style='background-image:url(".$layout_name."/images/menu/label-shops.gif);'></div>
<div id='shops_Extend' class='Extend' style='background-image:url(".$layout_name."/images/general/plus.gif);'></div>
</div>
</div>
</span>
</div>
<div id='shops_Submenu' class='Submenu'>
<a href='index.php?subtopic=buypoints'>
<div id='submenu_buypoints' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_buypoints' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'><blink style=\"color: red;\">Buy Points</blink></div>
<div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=shopsystem'>
<div id='submenu_shopsystem' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_shopsystem' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'><div style=\"color: green;\">\$hop Offer</div></div>
<div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
</div>
</a>";
if($logged)
echo "<a href='index.php?subtopic=shopsystem&action=show_history'>
<div id='submenu_shopsystem' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_shopsystem' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Trans. History</div>
<div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
</div>
</a>";
echo "</div>";
}
?>
<div id='MenuBottom' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/box-bottom.gif);'></div>
</div>
</div>
<div id="ContentColumn">
<div class="Content">
<div id="ContentHelper">
<?PHP echo news_place(); ?>
<div id="<?PHP echo $subtopic; ?>" class="Box">
<div class="Corner-tl" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/corner-tl.gif);"></div>
<div class="Corner-tr" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/corner-tr.gif);"></div>
<div class="Border_1" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/border-1.gif);"></div>
<div class="BorderTitleText" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/title-background-green.gif);"></div>
<img class="Title" src="<?PHP echo $layout_name; ?>/images/header/headline-<?PHP echo $subtopic; ?>.gif" alt="Contentbox headline" />
<div class="Border_2">
<div class="Border_3">
<div class="BoxContent" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/scroll.gif);">
<?PHP echo $main_content; ?> </div>
</div>
</div>
<div class="Border_1" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/border-1.gif);"></div>
<div class="CornerWrapper-b"><div class="Corner-bl" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/corner-bl.gif);"></div></div>
<div class="CornerWrapper-b"><div class="Corner-br" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/corner-br.gif);"></div></div>
</div>
</div>
</div>
<div id="Footer">
<?PHP
$time_end = microtime_float();
$time = $time_end - $time_start;
?>
Account maker by Gesior. Layout by CipSoft GmbH.<br/>Page has been viewed <?PHP echo $page_views; ?> times. Load time: <?PHP echo round($time, 4); ?> seconds
</div>
</div>
<div id="ThemeboxesColumn">
<div id="RightArtwork">
<img id="Monster" src="monsters/<?PHP echo logo_monster() ?>.gif" onClick="window.location = 'index.php?subtopic=creatures&creature=<?PHP echo logo_monster() ?>';" alt="Monster of the Week" />
<img id="PedestalAndOnline" src="<?PHP echo $layout_name; ?>/images/header/pedestal-and-online.gif" alt="Monster Pedestal and Players Online Box"/>
<div id="PlayersOnline" onClick="window.location = 'index.php?subtopic=whoisonline'">
<?PHP
if($config['status']['serverStatus_online'] == 1)
echo $config['status']['serverStatus_players'].'<br />Players Online';
else
echo '<font color="red"><b>Server<br />OFFLINE</b></font>';
?></div>
</div>
<div id="Themeboxes">
<div id="NewcomerBox" class="Themebox" style="background-image:url(<?PHP echo $layout_name; ?>/images/themeboxes/newcomer/newcomerbox.gif);">
<div class="ThemeboxButton" onClick="BigButtonAction('?subtopic=createaccount')" onMouseOver="MouseOverBigButton(this);" onMouseOut="MouseOutBigButton(this);" style="background-image:url(<?PHP echo $layout_name; ?>/images/buttons/sbutton.gif);"><div class="BigButtonOver" style="background-image:url(<?PHP echo $layout_name; ?>/images/buttons/sbutton_over.gif);"></div>
<div class="ButtonText" style="background-image:url(<?PHP echo $layout_name; ?>/images/buttons/_sbutton_jointibia.gif);"></div>
</div>
<div class="Bottom" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/box-bottom.gif);"></div>
</div>
</div>
<div id="Themeboxes">
<div id="PremiumBox" class="Themebox" style="background-image:url(http://static.tibia.com/images/global/themeboxes/premium/premiumbox.gif);">
<a class="ThemeboxButton" href="http://95.112.121.39/index.php?subtopic=buypoints" onMouseOver="MouseOverBigButton(this);" onMouseOut="MouseOutBigButton(this);" style="background-image:url(http://static.tibia.com/images/global/buttons/sbutton.gif);"><div class="BigButtonOver" style="background-image:url(http://static.tibia.com/images/global/buttons/sbutton_over.gif);"></div>
<div class="ButtonText" style="background-image:url(http://static.tibia.com/images/global/buttons/_sbutton_getpremium.gif);"></div>
</a>
<div class="Bottom" style="background-image:url(http://static.tibia.com/images/global/general/box-bottom.gif);"></div>
</div>
<div id="ScreenshotBox" class="Themebox" style="background-image:url(http://static.tibia.com/images/global/themeboxes/screenshot/screenshotbox.gif);">
<a href="http://95.112.121.39/index.php?subtopic=gallery" >
<img id="ScreenshotContent" class="ThemeboxContent" src="http://static.tibia.com/images/abouttibia/pvp_thumb.gif" alt="Screenshot of the Day" />
</a>
<div class="Bottom" style="background-image:url(http://static.tibia.com/images/global/general/box-bottom.gif);"></div>
</div>
<?PHP
if($group_id_of_acc_logged >= $config['site']['access_admin_panel']) {
echo '<div id="NewcomerBox" class="Themebox" style="background-image:url('.$layout_name.'/images/themeboxes/admin/admin.png);"><div id="lool" CLASS=white>
<table><tr><td height="30"> </td><td> </td></tr>
<tr><td height="10"> </td><td><a href="index.php?subtopic=adminpanel"><font color="white"><b>ADMIN PANEL</b></font></a></td></tr>
<tr><td height="10"> </td><td><a href="index.php?subtopic=adminpanel&action=editconfigs"><font color="white"><b>EDIT CONFIGS</b></font></a></td></tr>
<tr><td height="10"> </td><td><a href="index.php?subtopic=adminpanel&action=editnews"><font color="white"><b>NEWS SYSTEM</b></font></a></td></tr></table></div>
<div class="Bottom" style="background-image:url('.$layout_name.'/images/general/box-bottom.gif);"></div>
</div>';
}
?>
<script type="text/javascript">
InitializePage();
</script>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
you must show first your layout.php because we don't no where is it
body {
margin: 0px;
padding: 0px;
background-color: #061222;
}
#ArtworkHelper {
text-align: center;
background-position: top center;
background-attachment: scroll;
background-repeat: no-repeat;
width: 100%;
height: 100%;
min-width: 1000px;
}
/* container to implement min/max width */
#Bodycontainer {
text-align: left;
min-width: 1000px;
max-width: 1200px;
width: 100%;
height: 100%;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
display: table;
}
#ContentRow {
position: relative;
top: 155px;
}
/* "star-HTML-hack" to correct the position of the content row */
* html #ContentRow {
display: inline-block;
}
#MenuColumn {
position: absolute;
left: 0px;
top: 0px;
width: 180px;
margin-right: 15px;
margin-left: 15px;
padding: 0px;
font-family: Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
line-height: 12pt;
}
#ContentColumn {
position: relative;
margin: 0px;
margin-left: 205px;
margin-right: 205px;
}
#ThemeboxesColumn {
text-align: center;
position: absolute;
top: 0px;
right: 0px;
width: 180px;
margin: 0px;
margin-right: 15px;
margin-left: 25px;
}
#Footer {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-size: 7pt;
font-weight: normal;
text-align: center;
position: relative;
width: 100%;
padding-bottom: 20px;
color: white;
}
* html #Footer {
padding-bottom: 120px;
margin-bottom: 50px;
}
/* Footer linkes */
#Footer a:link { color: white; text-decoration: none; }
#Footer a:visited { color: white; text-decoration: none; }
#Footer a:focus { color: white; text-decoration: none; }
#Footer a:active { color: white; text-decoration: underline; }
#Footer a:hover { color: white; text-decoration: underline; }
/** -------------------------------
* Stylesheet declarations for the
* HEADER AREA
* -------------------------------
*/
#LeftArtwork {
position: absolute;
height: 140px;
width: 166px;
top: -140px;
left: 4px;
background-repeat: no-repeat;
z-index:5;
}
#LeftArtwork #TibiaLogoArtworkTop {
position: absolute;
top: 20px;
left: 0px;
height: 82px;
width: 166px;
z-index: 5;
cursor: pointer;
}
#LeftArtwork #TibiaLogoArtworkBottom {
position: absolute;
top: 102px;
left: 0px;
height: 43px;
width: 166px;
z-index: 5;
}
#LeftArtwork #Statue_1{
position: absolute;
top: 0px;
left: 5px;
height: 30px;
width: 32px;
z-index:10;
}
#LeftArtwork #Statue_2 {
position: absolute;
top: 0px;
right: 25px;
height: 30px;
width: 32px;
z-index:10;
}
#LeftArtwork #LogoLink {
position: absolute;
bottom: 14px;
left: 58px;
height: 14px;
width: 50px;
z-index: 99;
cursor: pointer;
}
#RightArtwork {
text-align: left;
position: absolute;
top: -1px;
right: 24px;
width: 132px;
background-repeat: no-repeat;
z-index: 90;
}
#RightArtwork #Monster {
position: absolute;
height: 80px;
width: 80px;
top: -137px;
left: 8px;
z-index: 15;
cursor: pointer;
}
#PedestalAndOnline {
position: absolute;
top: -105px;
width: 132px;
height: 111px;
}
#RightArtwork #PlayersOnline {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size: 7pt;
line-height: 8pt;
text-align: center;
position: absolute;
width: 92px;
bottom: 11px;
left: 21px;
color: #cfa600;
border-bottom: 1px solid #010101;
cursor: pointer;
}
/** -------------------------------
* Stylesheet declarations for the
* LOGINBOX
* -------------------------------
*/
#Loginbox {
position: relative;
left: 5px;
top: 8px;
width: 100%;
margin-bottom: 42px;
background-repeat: no-repeat;
}
#Loginbox #LoginTop {
position: absolute;
left: -5px;
top: -12px;
height: 12px;
width: 180px;
background-repeat: no-repeat;
}
#Loginbox #LoginBottom {
position: absolute;
top: 52px;
left: -5px;
height: 12px;
width: 180px;
background-repeat: no-repeat;
}
#Loginbox .LoginBorder {
position: absolute;
top: 0px;
height: 52px;
width: 8px;
background-repeat: repeat-y;
z-index: 10;
}
#Loginbox #BorderRight {
right: 9px;
}
#Loginbox .Loginstatus {
position: relative;
top: 0px;
left: 5px;
height: 13px;
width: 160px;
}
#Loginbox .LoginstatusText {
position: absolute;
top: 1px;
left: 18px;
width: 124px;
height: 11px;
cursor: pointer;
}
#Loginbox #LoginstatusText_1 {
top: 2px;
cursor: default;
}
#Loginbox #LoginstatusText_2_1 {
visibility: visible;
}
#Loginbox #LoginstatusText_2_2 {
visibility: hidden;
}
#LoginBox #LoginButtonContainer {
margin-left: 5px;
height: 26px;
width: 160px;
background-repeat: repeat-y;
}
#Loginbox #LoginButton {
position: relative;
top: 1px;
left: 12px;
height: 25px;
width: 135px;
}
#Loginbox #LoginButton .Button {
position: relative;
top: 0px;
left: 0px;
width: 135px;
height: 25px;
visibility: hidden;
}
#Loginbox #LoginButton #ButtonText {
position: absolute;
top: 0px;
left: 0px;
height: 22px;
width: 135px;
z-index: 15;
cursor: pointer;
}
/** -------------------------------
* Stylesheet declarations for the
* MENU
* -------------------------------
*/
#Menu {
position: relative;
left: 5px;
background-repeat: no-repeat;
}
#MenuTop {
position: absolute;
left: -5px;
top: -12px;
height: 12px;
width: 180px;
background-repeat: no-repeat;
}
#MenuBottom {
position: relative;
left: -5px;
bottom: 0px;
height: 12px;
width: 180px;
background-repeat: no-repeat;
}
/* Menuitems */
.MenuButton {
position: relative;
height: 32px;
width: 170px;
display: block;
cursor: pointer;
}
.Button {
position: relative;
height: 32px;
width: 170px;
visibility: hidden;
display: block;
}
.Extend {
position: absolute;
top: 20px;
right: -2px;
height: 12px;
width: 12px;
background-repeat: no-repeat;
}
.Lights {
visibility: hidden;
}
.Light_lu {
position: absolute;
top: 2px;
left: 3px;
height: 2px;
width: 2px;
background-repeat: no-repeat;
}
.Light_ru {
position: absolute;
top: 2px;
right: 3px;
height: 2px;
width: 2px;
background-repeat: no-repeat;
}
.Light_ld {
position: absolute;
height: 2px;
width: 2px;
top: 28px;
left: 3px;
}
.Icon {
position: absolute;
height: 32px;
width: 32px;
top: 0px;
left: 8px;
}
.Label {
position: absolute;
height: 22px;
width: 116px;
top: 6px;
left: 42px;
}
/* Submenus(items) */
.LeftChain {
position: absolute;
top: 0px;
left: -5px;
height: 33px;
width: 7px;
background-repeat: repeat-y;
}
.RightChain {
position: absolute;
top: 0px;
right: -4px;
height: 33px;
width: 7px;
background-repeat: repeat-y;
}
.Submenu {
position: relative;
margin-left: 5px;
margin-right: 5px;
background-color: #0D2E2B;
width: 160px;
}
.Submenuitem {
position: relative;
margin: 0px;
padding: 0px;
}
.ActiveSubmenuItemIcon {
position: absolute;
top: 5px;
left: 3px;
width: 10px;
height: 10px;
background-repeat: no-repeat;
visibility: hidden;
}
.SubmenuitemLabel {
margin: 0px;
border-top: 0;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 15px;
border-bottom: 1px solid #4b7874;
overflow: hidden;
}
/* Submenu links */
.Submenu a:link { color: #d7d7d7; text-decoration: none; }
.Submenu a:visited { color: #d7d7d7; text-decoration: none; }
.Submenu a:focus { color: #d7d7d7; text-decoration: none; }
.Submenu a:active { color: white; text-decoration: none; }
.Submenu a:hover { color: white; text-decoration: none; }
/** -------------------------------
* Stylesheet declarations for the
* CONTENT AREA
* -------------------------------
*/
.Content .BoxContent {
padding: 10px;
}
/* "tanhack" for correction of IE bug */
* html .Content {
top: -5px;
}
.Content {
position: relative;
top: 0px;
width: 100%;
}
/* "star-HTML-hack" to correct the position of the content area */
* html .Content {
position: relative;
top: 796px;
margin: 20px;
border: 0px dashed #061222;
border-right-width: 550px;
}
#ContentHelper {
position: relative;
}
/* "star-HTML-hack" to to implement min-width in IE */
* html #ContentHelper {
display: inline-block;
position: relative;
top: -800px;
margin: -20px;
margin-right: -570px;
}
.Content .Box {
font-size: 0pt;
position: relative;
margin: 5px;
margin-bottom: 18px;
color: #5A2800;
border-left: 2px solid #3a3738;
border-right: 2px solid #3a3738;
background-color: #debb9d;
background-repeat: no-repeat;
overflow: visible;
}
.Content .BoxContent {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-size: 9pt;
background-color: #FFF2db;
color: #5A2800;
min-height: 395px;
height: auto !important;
height: 415px;
}
/* "star-HTML-hack" to correct Box width in IE */
* html .Content .Box {
width: 100%;
}
/* "star-HTML-hack" to correct BoxContent width in IE */
* html .Content .BoxContent {
width: 100%;
}
.Content th {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: left;
color: white;
background-color: #505050;
}
.Content .BoxContent td {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-size: 10pt;
color: #5A2800;
}
/* Content Links */
.Content a {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-weight: bold;
color: #004294;
text-decoration: none;
}
.Content a:hover {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-weight: bold;
text-decoration: underline;
color: #0063DC;
}
.Content .HelpLink {
font-size: 7pt;
cursor: pointer;
}
/* Corners */
.Content .Corner-tl {
position: absolute;
top: -4px;
left: -5px;
width: 17px;
height: 17px;
z-index: 50;
}
.Content .Corner-tr {
position: absolute;
top: -4px;
right: -5px;
width: 17px;
height: 17px;
z-index: 50;
}
.Content .BottomCornersHelper {
position: absolute;
width: 100%;
}
.Content .CornerWrapper-b {
position: absolute;
width:100%;
}
.Content .Corner-bl {
position: absolute;
bottom: -4px;
left: -6px;
width: 17px;
height: 17px;
z-index: 50;
}
.Content .Corner-br {
position: absolute;
bottom: -4px;
right: -6px;
width: 17px;
height: 17px;
z-index: 50;
}
/* Borders */
.Content .Border_1 {
position: relative;
height: 6px;
width: 100%;
background-repeat: repeat-x;
}
.Content .BorderTitleText {
position: relative;
height: 24px;
background-repeat: repeat-x;
}
.Content .Title {
position: absolute;
top: 6px;
left: 5px;
}
.Content .Border_2 {
margin: 4px;
padding: 0px;
background-color: #793d03;
}
.Content .Border_3 {
margin: 1px;
border-top: 1px solid #793d03;
border-bottom: 1px solid #793d03;
}
/** -------------------------------
* Stylesheet declarations for the
* THEMEBOXES of the Tibia
* website
* -------------------------------
*/
.Themebox {
position: relative;
margin-bottom: 10px;
top: -4px;
width: 180px;
height: 154px;
}
#Themeboxes div {
font-size: 10pt;
background-repeat: no-repeat;
}
#Themeboxes .ThemeboxButton {
position: absolute;
bottom: 20px;
left: 22px;
height: 25px;
width: 137px;
cursor: pointer;
}
#Themeboxes .Bottom {
position: absolute;
bottom: 0px;
left: 0px;
height: 12px;
width: 180px;
}
/* "star-HTML-hack" to correct the position of the bottom element */
* html #Themeboxes .Bottom {
bottom: -3px;
}
#Themeboxes #PremiumBox {
height: 164px;
}
#Themeboxes #ScreenshotBox #ScreenshotContent {
position: relative;
height: 111px;
width: 170px;
top: 31px;
left: 0px;
margin-left: 5px;
margin-right: 5px;
border: 0;
cursor: pointer;
}
#Themeboxes #CurrentPollBox #CurrentPollText {
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
line-height: 11pt;
color: #5A2800;
position: absolute;
height: 70px;
width: 150px;
top: 37px;
left: 15px;
padding-top: 5px;
overflow: hidden;
}
#Themeboxes #SkyscraperBanner {
border: 0;
}
/** -------------------------------
* OLD Stylesheet declarations for
* the CONTENT AREA
* -------------------------------
*/
.Content .BoxContent td .white {
color: #EFEFEF;
visibility: visible;
}
.Content .BoxContent td .whites {
color: #EFEFEF;
visibility: visible;
font-size: 9pt;
}
.Content .BoxContent .white {
color : #EFEFEF;
visibility : visible;
}
.Content .BoxContent td .green {
color : #00BF00;
}
.Content .BoxContent td .yellow {
color : #FFBB05;
}
.Content .BoxContent td .red {
color : #EF0000;
}
.Content .BoxContent td .grey {
color : #808080;
}
/** -------------------------------
* OLD Stylesheet declarations for
* the CONTENT AREA (forum)
* -------------------------------
*/
.Content .BoxContent .ff_info {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 10pt;
color : #5A2800;
visibility : visible;
}
.Content .ff_white a {
color: #FFFFFF;
}
.Content .BoxContent .ff_white {
font-family : Verdana, Arial, Times New Roman, sans-serif;
color : #EFEFEF;
visibility : visible;
font-size : 7pt;
font-weight: bold;
}
.Content .BoxContent .ff_red {
font-family : Verdana, Arial, Times New Roman, sans-serif;
color : #EF0000;
visibility : visible;
font-size : 8pt;
font-weight: bold;
}
.Content .BoxContent .ff_whitelarge {
font-family : Verdana, Arial, Times New Roman, sans-serif;
color : #EFEFEF;
visibility : visible;
font-size : 9pt;
font-weight: bold;
}
.Content .BoxContent .ff_info {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 8pt;
color : #5A2800;
visibility : visible;
}
.Content .BoxContent .ff_infotext {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 8pt;
color : #5A2800;
visibility : visible;
line-height: 12pt;
}
.Content .BoxContent .ff_smallinfo {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 7pt;
color : #5A2800;
visibility : visible;
}
.Content .BoxContent .ff_large {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 12pt;
color : #5A2800;
visibility : visible;
}
.Content .BoxContent .ff_pagetext {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 9pt;
color : #5A2800;
visibility : visible;
line-height: 13pt;
}
.Content .BoxContent .ff_pagetextgrey {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 9pt;
color : #505050;
visibility : visible;
line-height: 13pt;
}
.Content .BoxContent .ff_pagetextred {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 9pt;
color : #F00;
visibility : visible;
line-height: 13pt;
}
.Content .BoxContent .ff_correct {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 11pt;
color : #FF0000;
visibility : visible;
font-weight: bold;
}
/** --------------------------------------
* ### not final versions for tests
* ### concerning the new payment process
* --------------------------------------
*/
/* new error handling concept tests */
.FormFieldError {
font-size: 8pt;
color: red;
}
.SmallBox {
position: relative;
font-size: 1px;
}
.SmallBox .ErrorMessage {
font-size: 8pt;
position: relative;
color: red;
height: 100%;
background-color: #d4c0a1;
padding: 5px;
padding-left: 43px;
}
.SmallBox .Message {
font-size: 10pt;
position: relative;
height: 100%;
background-color: #d4c0a1;
padding: 10px;
}
.SmallBox .ErrorMessage ul {
padding-left: 15px;
}
.SmallBox .BoxFrameHorizontal {
position: relative;
height: 4px;
}
.SmallBox .BoxFrameVerticalRight {
position: absolute;
right: 0px;
top: 0px;
width: 3px;
background-repeat: repeat-y;
height: 100%;
}
.SmallBox .BoxFrameVerticalLeft {
position: absolute;
left: 0px;
top: 0px;
width: 3px;
background-repeat: repeat-y;
height: 100%;
}
.SmallBox .MessageContainer {
position: relative;
height: 100%;
}
.SmallBox .BoxFrameEdgeLeftTop {
position: absolute;
left: -1px;
top: -1px;
width: 5px;
height: 5px;
}
.SmallBox .BoxFrameEdgeLeftBottom {
position: absolute;
left: -1px;
bottom: -1px;
width: 5px;
height: 5px;
}
.SmallBox .BoxFrameEdgeRightTop {
position: absolute;
right: -1px;
top: -1px;
width: 5px;
height: 5px;
}
.SmallBox .BoxFrameEdgeRightBottom {
position: absolute;
right: -1px;
bottom: -1px;
width: 5px;
height: 5px;
}
.SmallBox .AttentionSign {
position: absolute;
top: 3px;
left: 8px;
width: 30px;
height: 26px;
}
/** ---------------------------------
* ### not finished versions for the
* ### payment process PROGRESS BAR
* ---------------------------------
*/
#ProgressBar #Headline {
text-align: center;
font-size: 12pt;
font-weight: bold;
margin-bottom: 5px;
}
#ProgressBar #MainContainer {
position: relative;
top: 10px;
height: 50px;
margin-bottom: 25px;
}
#ProgressBar #BackgroundContainer {
position: relative;
width: 100%;
}
#ProgressBar #BackgroundContainerLeftEnd {
position: absolute;
float: left;
}
#ProgressBar #BackgroundContainerCenter {
position: absolute;
left: 0px;
top: 0px;
height: 17px;
width: 100%;
}
#ProgressBar #BackgroundContainerCenterImage {
position: relative;
margin-left: 25px;
margin-right: 25px;
height: 17px;
}
#ProgressBar #BackgroundContainerRightEnd {
position: absolute;
right: 0px;
top: 0px;
float: right;
}
#ProgressBar #TubeLeftEnd {
position: absolute;
left: 25px;
top: 4px;
}
#ProgressBar #TubeRightEnd {
position: absolute;
right: 25px;
top: 4px;
z-index: 0;
}
#ProgressBar .Steps {
position: relative;
height: 39px;
font-size: 9px;
float: left;
top: -11px;
margin-left: -1px;
}
#ProgressBar #StepsContainer1 {
text-align: right;
margin-left: 92px;
margin-right: 40px;
height: 10px;
}
#ProgressBar #StepsContainer2 {
width: 100%;
height: 10px;
}
#ProgressBar .TubeContainer {
position: relative;
padding-right: 47px;
}
#ProgressBar .Tube {
position: relative;
top: 16px;
left: 0px;
width: 100%;
height: 7px;
background: #FFFFFF none repeat scroll 0%;
}
* html #ProgressBar .Tube {
top: 13px;
}
#ProgressBar .SingleStepContainer {
position: absolute;
top: 0px;
width: 47px;
height: 30px;
right: 0px;
text-align: center;
}
#ProgressBar #FirstStep .SingleStepContainer {
left: 45px;
width: 47px;
position: absolute;
}
#ProgressBar .StepIcon {
position: absolute;
right: 0px;
}
* html #ProgressBar .StepIcon {
right: -1px;
}
#ProgressBar #FirstStep .StepIcon {
top: 0px;
left: 0px;
}
#ProgressBar .StepText {
top: 40px;
position: absolute;
width: 200px;
right: -77px;
}
/** -------------------------------
* Stylesheet declarations for the
* NEW TABLES
* -------------------------------
*/
.TableContainer {
border: 1px solid black;
position: relative;
width: 100%;
font-size: 1px;
}
.TableContainer .Odd {
background-color: #f1e0c6;
}
.TableContainer .Even {
background-color: #d5c0a1;
}
/* TABLEHEADER DECORATION */
.TableContainer .CaptionContainer {
position: relative;
font-size: 1pt;
background-color: #5f4d41 !important;
height: 100%;
width: 100%;
text-align: left;
}
.TableContainer .CaptionContainer .CaptionInnerContainer {
position: relative;
background-color: #5f4d41;
width: 100%;
height: 100%;
padding-top: 3px;
padding-bottom: 4px;
}
.TableContainer .CaptionContainer .Text {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: left;
color: white;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
.TableContainer .CaptionContainer .CaptionEdgeLeftTop {
position: absolute;
width: 5px;
height: 5px;
top: -2px;
left: -2px;
z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeRightTop {
position: absolute;
width: 5px;
height: 5px;
top: -2px;
right: -2px;
z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
position: absolute;
width: 5px;
height: 5px;
left: -2px;
bottom: -3px;
z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeRightBottom {
position: absolute;
width: 5px;
height: 5px;
right: -2px;
bottom: -3px;
z-index: 50;
}
.TableContainer .CaptionContainer .CaptionBorderTop {
position: absolute;
width: 100%;
height: 4px;
left: 0px;
top: -1px;
}
.TableContainer .CaptionContainer .CaptionBorderBottom {
position: absolute;
width: 100%;
height: 4px;
left: 0px;
bottom: -2px;
}
.TableContainer .CaptionContainer .CaptionVerticalLeft {
position: absolute;
height: 100%;
width: 3px;
left: -1px;
top: 0px;
}
.TableContainer .CaptionContainer .CaptionVerticalRight {
position: absolute;
height: 100%;
width: 3px;
right: -1px;
top: 0px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeRightTop {
right: -3px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
bottom: -4px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeRightBottom {
right: -3px;
bottom: -4px;
}
* html .TableContainer .CaptionContainer .CaptionBorderBottom {
bottom: -3;
}
* html .TableContainer .CaptionContainer .CaptionVerticalRight {
right: -2px;
}
/* TABLE CONTENT */
.TableContentContainer {
border: 1px solid #5F4D41;
position: relative;
margin-right: 4px;
height: 100%;
background-color: #d4c0a1;
padding: 0px;
}
.TableContent {
width: 100%;
border-collapse: collapse;
}
.TableContent td {
padding-left: 5px;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
}
/* INNERLYOUT 1 */
.TableContainer .Table1 {
width: 100%;
background-color: #d4c0a1;
border: 2px solid #55636c;
}
.TableContainer .Table1 .InnerTableContainer {
padding: 5px;
}
/* INNERLYOUT 2 */
.TableContainer .Table2 {
width: 100%;
border: 2px solid #55636c;
background-color: #f1e0c5;
padding: 0px;
margin: 0px;
border-collapse: collapse;
}
.TableContainer .Table2 td {
padding: 0px;
margin: 0px;
}
.TableContainer .Table2 .InnerTableContainer {
margin-top: 1px;
}
.TableContainer .Table2 .InnerTableContainer table {
border-collapse: collapse;
}
.TableContainer .Table2 .InnerTableContainer td {
padding-top: 2px;
padding-left: 5px;
padding-bottom: 2px;
padding-right: 5px;
border: 1px solid #faf0d7;
}
/* INNERLYOUT 3 */
.TableContainer .Table3 {
width: 100%;
border: 2px solid #55636c;
background-color: #f1e0c5;
}
.TableContainer .Table3 .InnerTableContainer {
width: 100%;
position: relative;
margin-top: 5px;
margin-left: 3px;
}
.TableContainer .Table3 .TableContentAndRightShadow td {
border: 1px solid #faf0d7;
}
/* INNERLYOUT 4 */
.TableContainer .Table4 {
width: 100%;
border: 2px solid #55636c;
background-color: #f1e0c5;
}
.TableContainer .Table4 .InnerTableContainer {
width: 100%;
position: relative;
margin-top: 3px;
}
.TableContainer .Table4 .TableContentAndRightShadow .TableContent td {
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
}
/* INNERLYOUT 5 */
.TableContainer .Table5 {
width: 100%;
border: 2px solid #55636c;
background-color: #f1e0c5;
}
.TableContainer .Table5 .InnerTableContainer {
width: 100%;
position: relative;
margin-top: 5px;
margin-left: 3px;
}
.TableContainer .Table5 .TableContentAndRightShadow .TableContent td {
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
}
/* SHADOWS */
.TableShadowContainerRightTop {
position: relative;
top: 0px;
right: 3px;
margin-right: 0px;
font-size: 1px;
float: right;
z-index: 99;
}
.TableShadowRightTop {
position: absolute;
top: 0px;
right: 0px;
width: 4px;
height: 5px;
z-index: 99;
}
.TableContentAndRightShadow {
position: relative;
background-repeat: repeat-y;
background-position: top right;
margin-right: 3px;
font-size: 1px;
}
.TableShadowContainer {
position: relative;
widht: 100%;
margin-right: 5px;
}
.TableBottomShadow {
position: relative;
font-size: 1px;
height: 5px;
width: 100%;
padding: 0px;
margin: 0px;
}
.TableBottomLeftShadow {
position: relative;
height: 5px;
width: 4px;
float: left;
padding: 0px;
margin: 0px;
}
.TableBottomRightShadow {
position: relative;
float: right;
right: -2px;
top: 0px;
height: 5px;
width: 4px;
}
/* LABELS */
.LabelV {
font-weight: bold;
padding-right: 10px;
white-space: nowrap;
vertical-align: top;
}
.LabelH {
font-weight: bold;
padding-right: 10px;
white-space: nowrap;
background-color: #d5c0a1;
}
.LabelH td {
background-color: #d5c0a1;
padding-left: 5px;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
}
/* BUTTONS */
.InnerTableButtonRow {
width: 100%;
padding-left: 1px;
padding-right: 0px;
padding-bottom: 4px;
border: 0px;
}
.InnerTableButtonRow td {
padding-right: 4px;
}
.BigButton {
position: relative;
width: 135px;
height: 25px;
z-index: 10;
}
.BigButtonOver {
position: absolute;
top: 0px;
left: 0px;
width: 137px;
height: 25px;
visibility: hidden;
z-index: 15;
}
.ButtonText {
position: absolute;
top: 0px;
left: 0px;
height: 25px;
width: 135px;
z-index: 20;
}
.TopButtonContainer {
position: relative;
right: 4px;
top: 4px;
z-index: 60;
}
* html .TopButtonContainer {
right: 27px;
}
.TopButtonContainer .TopButton {
position: absolute;
right: 0px;
z-index: 55;
}
.Content .BoxContent .Odd {
background-color: #D4C0A1;
padding: 2px;
}
.Content .BoxContent .Even {
background-color: #F1E0C6;
padding: 2px;
}
.Content .NewsCategoryIconSmall {
position: absolute;
top: 1px;
left: 1px;
height: 16px;
width: 16px;
background-repeat: no-repeat;
}
.Content .BoxContent .Odd {
background-color: #D4C0A1;
padding: 2px;
}
.Content .BoxContent .Even {
background-color: #F1E0C6;
padding: 2px;
}
.Content .NewsCategoryIconSmall {
position: absolute;
top: 1px;
left: 1px;
height: 16px;
width: 16px;
background-repeat: no-repeat;
}
.Content .BoxContent .Odd {
background-color: #D4C0A1;
padding: 2px;
}
.Content .BoxContent .Even {
background-color: #F1E0C6;
padding: 2px;
}
.Content .NewsCategoryIconSmall {
position: absolute;
top: 1px;
left: 1px;
height: 16px;
width: 16px;
background-repeat: no-repeat;
}
/* News Ticker */
.Content #NewsTicker .BoxContent {
padding: 5px;
min-height: 90px;
height: auto !important;
height: 100px;
}
.Content #NewsTicker .BoxContent .Row {
position: relative;
width: 100%;
}
.Content #NewsTicker .NewsTickerIcon {
position: absolute;
top: 1px;
left: 1px;
height: 16px;
width: 16px;
background-repeat: no-repeat;
}
.Content #NewsTicker .NewsTickerText {
font-size: 9pt;
position: relative;
margin-left: 20px;
}
.Content #NewsTicker .NewsTickerDate {
font-size: 7pt;
position: absolute;
top: 0px;
float: left;
}
.Content #NewsTicker .NewsTickerShortText {
margin-left: 85px;
height: 14px;
}
.Content #NewsTicker .NewsTickerFullText {
margin-left: 85px;
margin-right: 20px;
display: none;
}
.Content #NewsTicker .NewsTickerExtend {
position: relative;
right: 0px;
top: 1px;
right: 1px;
height: 12px;
width: 12px;
background-repeat: no-repeat;
float: right;
cursor: pointer;
z-index: 10;
}
/* Featured Article */
.Content #FeaturedArticle .BoxContent {
position:relative;
height: 100px;
padding: 5px;
padding-left: 10px;
min-height: 100px;
height: auto !important;
height: 110px;
line-height: 10.5pt;
}
.Content #FeaturedArticle #TeaserThumbnail {
position: relative;
top: 0px;
right: 0px;
height: 100px;
width: 150px;
margin-left: 10px;
background-color: black;
z-index: 90;
float: right;
}
#ContentHelper #FeaturedArticle:first-child .BoxContent {
padding: 10px;
}
.Content #FeaturedArticle #TeaserText {
height: 100px;
overflow: hidden;
z-index: 0;
}
.Content #FeaturedArticle #Link {
position: absolute;
top: 0px;
right: 0px;
margin: 89 165 0 0;
z-index: 99;
}
.Content #FeaturedArticle .NewsHeadlineBackground {
position: relative;
height: 28px;
margin-bottom: 5px;
background-repeat: repeat-x;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
.Content #FeaturedArticle .NewsHeadlineIcon {
position: absolute;
top: -1px;
left: 0px;
margin-left: 5px;
margin-right: 5px;
float:left;
}
.Content #FeaturedArticle .NewsHeadlineDate {
font-size: 7pt;
position: absolute;
top: 9px;
left: 50px;
width: 85px;
color: white;
}
.Content #FeaturedArticle .NewsHeadlineText {
position: relative;
top: 8px;
left: 135px;
font-size: 10pt;
font-weight: bold;
color: white;
}
/* News */
.Content #News .BoxContent {
min-height: 100px;
height: auto !important;
height: 110px;
}
.Content #News .NewsHeadlineBackground {
position: relative;
height: 28px;
margin-bottom: 5px;
background-repeat: repeat-x;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
.Content #News .NewsHeadlineIcon {
position: absolute;
top: -1px;
left: 0px;
margin-left: 5px;
margin-right: 5px;
}
.Content #News .NewsHeadlineDate {
font-size: 7pt;
position: absolute;
top: 10px;
left: 50px;
width: 85px;
color: white;
}
.Content #News .NewsHeadlineText {
position: relative;
top: 7px;
left: 135px;
font-size: 10pt;
font-weight: bold;
color: white;
}
/* News Archive */
.Content #NewsArchive .NewsHeadlineBackground {
position: relative;
height: 28px;
margin-bottom: 5px;
background-repeat: repeat-x;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
.Content #NewsArchive .NewsHeadlineIcon {
position: absolute;
top: -1px;
left: 0px;
margin-left: 5px;
margin-right: 5px;
}
.Content #NewsArchive .NewsHeadlineDate {
font-size: 7pt;
position: absolute;
top: 9px;
left: 50px;
width: 85px;
color: white;
}
.Content #NewsArchive .NewsHeadlineText {
position: relative;
top: 7px;
left: 135px;
font-size: 10pt;
font-weight: bold;
color: white;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?PHP echo $title ?></title>
<meta name="description" content="Tibia is a free massive multiplayer online role playing game (MMORPG)." />
<meta name="author" content="Gesior" />
<meta http-equiv="content-language" content="en" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="keywords" content="free online game, free multiplayer game, ots, open tibia server" />
<link rel="shortcut icon" href="<?PHP echo $layout_name; ?>/images/server.ico" type="image/x-icon">
<link rel="icon" href="<?PHP echo $layout_name; ?>/images/server.ico" type="image/x-icon">
<?PHP echo $layout_header; ?>
<link href="<?PHP echo $layout_name; ?>/basic.css" rel="stylesheet" type="text/css">
<SCRIPT TYPE="text/javascript">
<!-- // Framekiller
setTimeout ("changePage()", 6000);
function changePage()
{
if (parent.frames.length > 2) {
if (browserTyp == "ie") {
parent.location=document.location;
} else {
self.top.location=document.location;
}
}
}
// -->
</SCRIPT>
<script type="text/javascript">
state = new Array("0", "0", "0", "0", "0");
function TickerAction(id) {
var line = id.substr(12, 1);
if(state[line] == "0") {
state[line] = "1";
OpenNews(id);
}
else {
state[line] = "0";
CloseNews(id);
}
}
function OpenNews(id)
{
var div = document.getElementById(id)
var idShort = id.concat("-ShortText");
var idMore = id.concat("-FullText");
var idButton = id.concat("-Button");
document.getElementById(idShort).style.display = "none";
document.getElementById(idMore).style.display = "block";
document.getElementById(idButton).style.backgroundImage = "url('" + IMAGES + "/general/minus.gif')";
}
function CloseNews(id)
{
var div = document.getElementById(id)
var idShort = id.concat("-ShortText");
var idMore = id.concat("-FullText");
var idButton = id.concat("-Button");
document.getElementById(idShort).style.display = "block";
document.getElementById(idMore).style.display = "none";
document.getElementById(idButton).style.backgroundImage = "url('" + IMAGES + "/general/plus.gif')";
}
function InitializePage() {
LoadLoginBox();
LoadMenu();
}
// initialisation of the loginbox status by the value of the variable 'loginStatus' which is provided to the HTML-document by PHP in the file 'header.inc'
function LoadLoginBox()
{
if(loginStatus == "false") {
document.getElementById('LoginstatusText_1').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-you-are-not-logged-in.gif')";
document.getElementById('ButtonText').style.backgroundImage = "url('" + IMAGES + "/buttons/_sbutton_login.gif')";
document.getElementById('LoginstatusText_2').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-create-account.gif')";
document.getElementById('LoginstatusText_2_1').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-create-account.gif')";
document.getElementById('LoginstatusText_2_2').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-create-account-over.gif')";
} else {
document.getElementById('LoginstatusText_1').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-welcome.gif')";
document.getElementById('ButtonText').style.backgroundImage = "url('" + IMAGES + "/buttons/_sbutton_myaccount.gif')";
document.getElementById('LoginstatusText_2').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-logout.gif')";
document.getElementById('LoginstatusText_2_1').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-logout.gif')";
document.getElementById('LoginstatusText_2_2').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-logout-over.gif')";
}
}
// mouse-over and click events of the loginbox
function MouseOverLoginBoxText(source)
{
source.lastChild.style.visibility = "visible";
source.firstChild.style.visibility = "hidden";
}
function MouseOutLoginBoxText(source)
{
source.firstChild.style.visibility = "visible";
source.lastChild.style.visibility = "hidden";
}
function LoginButtonAction()
{
if(loginStatus == "false") {
window.location = LINK_ACCOUNT + "/?subtopic=accountmanagement";
} else {
window.location = LINK_ACCOUNT + "/?subtopic=accountmanagement";
}
}
function LoginstatusTextAction(source) {
if(loginStatus == "false") {
window.location = LINK_ACCOUNT + "/?subtopic=createaccount";
} else {
window.location = LINK_ACCOUNT + "/?subtopic=accountmanagement&action=logout";
}
}
var menu = new Array();
menu[0] = new Object();
var unloadhelper = false;
// load the menu and set the active submenu item by using the variable 'activeSubmenuItem' (provided to HTML-document by PHP in the file 'header.inc'
function LoadMenu()
{
document.getElementById("submenu_"+activeSubmenuItem).style.color = "white";
document.getElementById("ActiveSubmenuItemIcon_"+activeSubmenuItem).style.visibility = "visible";
if(self.name.lastIndexOf("&") == -1) {
self.name = "news=1&account=0&community=0&library=0&forum=0<?PHP if($config['site']['shop_system'] == 1) echo "&shops=0"; ?>&";
}
FillMenuArray();
InitializeMenu();
}
function SaveMenu()
{
if(unloadhelper == false) {
SaveMenuArray();
unloadhelper = true;
}
}
// store the values of the variable 'self.name' in the array menu
function FillMenuArray()
{
while(self.name.length > 0 ){
var mark1 = self.name.indexOf("=");
var mark2 = self.name.indexOf("&");
var menuItemName = self.name.substr(0, mark1);
menu[0][menuItemName] = self.name.substring(mark1 + 1, mark2);
self.name = self.name.substr(mark2 + 1, self.name.length);
}
}
// hide or show the corresponding submenus
function InitializeMenu()
{
for(menuItemName in menu[0]) {
if(menu[0][menuItemName] == "0") {
document.getElementById(menuItemName+"_Submenu").style.visibility = "hidden";
document.getElementById(menuItemName+"_Submenu").style.display = "none";
document.getElementById(menuItemName+"_Lights").style.visibility = "visible";
document.getElementById(menuItemName+"_Extend").style.backgroundImage = "url(" + IMAGES + "/general/plus.gif)";
}
else {
document.getElementById(menuItemName+"_Submenu").style.visibility = "visible";
document.getElementById(menuItemName+"_Submenu").style.display = "block";
document.getElementById(menuItemName+"_Lights").style.visibility = "hidden";
document.getElementById(menuItemName+"_Extend").style.backgroundImage = "url(" + IMAGES + "/general/minus.gif)";
}
}
}
// reconstruct the variable "self.name" out of the array menu
function SaveMenuArray()
{
var stringSlices = "";
var temp = "";
for(menuItemName in menu[0]) {
stringSlices = menuItemName + "=" + menu[0][menuItemName] + "&";
temp = temp + stringSlices;
}
self.name = temp;
}
// onClick open or close submenus
function MenuItemAction(sourceId)
{
if(menu[0][sourceId] == 1) {
CloseMenuItem(sourceId);
}
else {
OpenMenuItem(sourceId);
}
}
function OpenMenuItem(sourceId)
{
menu[0][sourceId] = 1;
document.getElementById(sourceId+"_Submenu").style.visibility = "visible";
document.getElementById(sourceId+"_Submenu").style.display = "block";
document.getElementById(sourceId+"_Lights").style.visibility = "hidden";
document.getElementById(sourceId+"_Extend").style.backgroundImage = "url(" + IMAGES + "/general/minus.gif)";
}
function CloseMenuItem(sourceId)
{
menu[0][sourceId] = 0;
document.getElementById(sourceId+"_Submenu").style.visibility = "hidden";
document.getElementById(sourceId+"_Submenu").style.display = "none";
document.getElementById(sourceId+"_Lights").style.visibility = "visible";
document.getElementById(sourceId+"_Extend").style.backgroundImage = "url(" + IMAGES + "/general/plus.gif)";
}
// mouse-over effects of menubuttons and submenuitems
function MouseOverMenuItem(source)
{
source.firstChild.style.visibility = "visible";
}
function MouseOutMenuItem(source)
{
source.firstChild.style.visibility = "hidden";
}
function MouseOverSubmenuItem(source)
{
source.style.backgroundColor = "#14433F";
}
function MouseOutSubmenuItem(source)
{
source.style.backgroundColor = "#0D2E2B";
}
</script>
</head>
<body onBeforeUnLoad="SaveMenu();" onUnload="SaveMenu();">
<a name="top" ></a>
<div id="ArtworkHelper" style="background-image:url(<?PHP echo $layout_name; ?>/images/header/background-artwork.jpg);" >
<div id="Bodycontainer">
<div id="ContentRow">
<div id="MenuColumn">
<div id="LeftArtwork">
<img id="Statue_1" src="<?PHP echo $layout_name; ?>/images/header/animated-statue.gif" alt="logoartwork" />
<img id="TibiaLogoArtworkTop" src="<?PHP echo $layout_name; ?>/images/header/tibia-logo-artwork-top.gif" onClick="window.location = 'index.php?subtopic=latestnews';" alt="logoartwork" />
<img id="TibiaLogoArtworkBottom" src="<?PHP echo $layout_name; ?>/images/header/tibia-logo-artwork-bottom.gif" alt="logoartwork" />
<img id="Statue_2" src="<?PHP echo $layout_name; ?>/images/header/animated-statue.gif" alt="logoartwork" />
<img id="LogoLink" src="<?PHP echo $layout_name; ?>/images/header/tibia-logo-artwork-string.gif" onClick="window.location = 'mailto:<?PHP echo $config['server']['ownerEmail']; ?>';" alt="logoartwork" />
</div>
<div id="Loginbox" >
<div id="LoginTop" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/box-top.gif)" ></div>
<div id="BorderLeft" class="LoginBorder" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif)" ></div>
<div class="Loginstatus" style="background-image:url(<?PHP echo $layout_name; ?>/images/loginbox/loginbox-textfield-background.gif)" >
<div id="LoginstatusText_1" class="LoginstatusText" style="background-image:url(<?PHP echo $layout_name; ?>/images/loginbox/loginbox-font-you-are-not-logged-in.gif)" ></div>
</div>
<div id="LoginButtonContainer" style="background-image:url(<?PHP echo $layout_name; ?>/images/loginbox/loginbox-textfield-background.gif)" >
<div id="LoginButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/buttons/sbutton.gif)" >
<div onClick="LoginButtonAction();" onMouseOver="MouseOverBigButton(this);" onMouseOut="MouseOutBigButton(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/buttons/sbutton_over.gif)" ></div>
<div id="ButtonText" ></div>
</div>
</div>
</div>
<div style="clear:both" ></div>
<div class="Loginstatus" style="background-image:url(<?PHP echo $layout_name; ?>/images/loginbox/loginbox-textfield-background.gif)" >
<div id="LoginstatusText_2" onClick="LoginstatusTextAction(this);" onMouseOver="MouseOverLoginBoxText(this);" onMouseOut="MouseOutLoginBoxText(this);" ><div id="LoginstatusText_2_1" class="LoginstatusText" style="background-image:url(<?PHP echo $layout_name; ?>/images/loginbox/loginbox-font-create-account.gif)" ></div><div id="LoginstatusText_2_2" class="LoginstatusText" style="background-image:url(<?PHP echo $layout_name; ?>/images/loginbox/loginbox-font-create-account-over.gif)" ></div></div>
</div>
<div id="BorderRight" class="LoginBorder" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif)" ></div>
<div id="LoginBottom" class="Loginstatus" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/box-bottom.gif)" ></div>
</div>
<div id='Menu'>
<div id='MenuTop' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/box-top.gif);'></div>
<div id='news' class='menuitem'>
<span onClick="MenuItemAction('news')">
<div class='MenuButton' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);'>
<div onMouseOver='MouseOverMenuItem(this);' onMouseOut='MouseOutMenuItem(this);'><div class='Button' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);'></div>
<span id='news_Lights' class='Lights'>
<div class='light_lu' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
<div class='light_ld' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
<div class='light_ru' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
</span>
<div id='news_Icon' class='Icon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-news.gif);'></div>
<div id='news_Label' class='Label' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-news.gif);'></div>
<div id='news_Extend' class='Extend' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/plus.gif);'></div>
</div>
</div>
</span>
<div id='news_Submenu' class='Submenu'>
<a href='index.php?subtopic=latestnews'>
<div id='submenu_latestnews' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_latestnews' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Latest News</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
</div>
</div>
<div id='account' class='menuitem'>
<span onClick="MenuItemAction('account')">
<div class='MenuButton' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);'>
<div onMouseOver='MouseOverMenuItem(this);' onMouseOut='MouseOutMenuItem(this);'><div class='Button' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);'></div>
<span id='account_Lights' class='Lights'>
<div class='light_lu' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
<div class='light_ld' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
<div class='light_ru' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
</span>
<div id='account_Icon' class='Icon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-account.gif);'></div>
<div id='account_Label' class='Label' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-account.gif);'></div>
<div id='account_Extend' class='Extend' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/plus.gif);'></div>
</div>
</div>
</span>
<div id='account_Submenu' class='Submenu'>
<a href='index.php?subtopic=accountmanagement'>
<div id='submenu_accountmanagement' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_accountmanagement' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Account Management</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=createaccount'>
<div id='submenu_createaccount' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_createaccount' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Create Account</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=lostaccount'>
<div id='submenu_lostaccount' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_lostaccount' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Lost Account?</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=tibiarules'>
<div id='submenu_tibiarules' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_tibiarules' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Server Rules</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<?PHP
if($config['site']['download_page'] == 1) {
echo "<a href='index.php?subtopic=downloads'>
<div id='submenu_downloads' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_downloads' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Downloads</div>
<div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
</div>
</a>";
}
if($group_id_of_acc_logged >= $config['site']['access_admin_panel']) {
echo "<a href='index.php?subtopic=adminpanel'>
<div id='submenu_adminpanel' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_adminpanel' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'><font color=\"red\">! Admin Panel !</font></div>
<div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
</div>
</a>";
}
?>
</div>
</div>
<div id='community' class='menuitem'>
<span onClick="MenuItemAction('community')">
<div class='MenuButton' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);'>
<div onMouseOver='MouseOverMenuItem(this);' onMouseOut='MouseOutMenuItem(this);'><div class='Button' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);'></div>
<span id='community_Lights' class='Lights'>
<div class='light_lu' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
<div class='light_ld' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
<div class='light_ru' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
</span>
<div id='community_Icon' class='Icon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-community.gif);'></div>
<div id='community_Label' class='Label' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-community.gif);'></div>
<div id='community_Extend' class='Extend' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/plus.gif);'></div>
</div>
</div>
</span>
<div id='community_Submenu' class='Submenu'>
<a href='index.php?subtopic=characters'>
<div id='submenu_characters' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_characters' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Characters</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=whoisonline'>
<div id='submenu_whoisonline' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_whoisonline' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Who Is Online?</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=highscores'>
<div id='submenu_highscores' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_highscores' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Highscores</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=killstatistics'>
<div id='submenu_killstatistics' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_killstatistics' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Last Kills</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=houses'>
<div id='submenu_houses' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_houses' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Houses</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=guilds'>
<div id='submenu_guilds' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_guilds' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Guilds</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=team'>
<div id='submenu_team' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_team' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Support List</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
</div>
</div>
<?PHP
echo "<div id='forum' class='menuitem'>
<span onClick=\"MenuItemAction('forum')\">
<div class='MenuButton' style='background-image:url(".$layout_name."/images/menu/button-background.gif);'>
<div onMouseOver='MouseOverMenuItem(this);' onMouseOut='MouseOutMenuItem(this);'>
<div class='Button' style='background-image:url(".$layout_name."/images/menu/button-background-over.gif);'></div>
<span id='forum_Lights' class='Lights'>
<div class='light_lu' style='background-image:url(".$layout_name."/images/menu/green-light.gif);'></div>
<div class='light_ld' style='background-image:url(".$layout_name."/images/menu/green-light.gif);'></div>
<div class='light_ru' style='background-image:url(".$layout_name."/images/menu/green-light.gif);'></div>
</span>
<div id='forum_Icon' class='Icon' style='background-image:url(".$layout_name."/images/menu/icon-forum.gif);'></div>
<div id='forum_Label' class='Label' style='background-image:url(".$layout_name."/images/menu/label-forum.gif);'></div>
<div id='forum_Extend' class='Extend' style='background-image:url(".$layout_name."/images/general/plus.gif);'></div>
</div>
</div>
</span>
<div id='forum_Submenu' class='Submenu'>
<a href='index.php?subtopic=forum'>
<div id='submenu_forum' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_forum' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Server Forum</div>
<div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
</div>
</a>
</div>
</div>";
?>
<div id='library' class='menuitem'>
<span onClick="MenuItemAction('library')">
<div class='MenuButton' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);'>
<div onMouseOver='MouseOverMenuItem(this);' onMouseOut='MouseOutMenuItem(this);'><div class='Button' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);'></div>
<span id='library_Lights' class='Lights'>
<div class='light_lu' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
<div class='light_ld' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
<div class='light_ru' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div>
</span>
<div id='library_Icon' class='Icon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-library.gif);'></div>
<div id='library_Label' class='Label' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-library.gif);'></div>
<div id='library_Extend' class='Extend' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/plus.gif);'></div>
</div>
</div>
</span>
<div id='library_Submenu' class='Submenu'>
<a href='index.php?subtopic=creatures'>
<div id='submenu_creatures' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_creatures' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Creatures</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=spells'>
<div id='submenu_spells' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_spells' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Spells</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
<?PHP
if($config['site']['gallery_page'] == 1) {
echo "<a href='index.php?subtopic=gallery'>
<div id='submenu_gallery' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_gallery' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Gallery</div>
<div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
</div>
</a>";
}
if($config['site']['serverinfo_page'] == 1)
echo "<a href='index.php?subtopic=serverinfo'>
<div id='submenu_serverinfo' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_serverinfo' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Server Info</div>
<div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
</div>
</a>";
?>
<a href='index.php?subtopic=experiencetable'>
<div id='submenu_experiencetable' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_experiencetable' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Experience Table</div>
<div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div>
</div>
</a>
</div>
</div>
<?PHP
if($config['site']['shop_system'] == 1)
{
echo "<div id='shops' class='menuitem'>
<span onClick=\"MenuItemAction('shops')\">
<div class='MenuButton' style='background-image:url(".$layout_name."/images/menu/button-background.gif);'>
<div onMouseOver='MouseOverMenuItem(this);' onMouseOut='MouseOutMenuItem(this);'><div class='Button' style='background-image:url(".$layout_name."/images/menu/button-background-over.gif);'></div>
<span id='shops_Lights' class='Lights'>
<div class='light_lu' style='background-image:url(".$layout_name."/images/menu/green-light.gif);'></div>
<div class='light_ld' style='background-image:url(".$layout_name."/images/menu/green-light.gif);'></div>
<div class='light_ru' style='background-image:url(".$layout_name."/images/menu/green-light.gif);'></div>
</span>
<div id='shops_Icon' class='Icon' style='background-image:url(".$layout_name."/images/menu/icon-shops.gif);'></div>
<div id='shops_Label' class='Label' style='background-image:url(".$layout_name."/images/menu/label-shops.gif);'></div>
<div id='shops_Extend' class='Extend' style='background-image:url(".$layout_name."/images/general/plus.gif);'></div>
</div>
</div>
</span>
</div>
<div id='shops_Submenu' class='Submenu'>
<a href='index.php?subtopic=buypoints'>
<div id='submenu_buypoints' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_buypoints' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'><blink style=\"color: red;\">Buy Points</blink></div>
<div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
</div>
</a>
<a href='index.php?subtopic=shopsystem'>
<div id='submenu_shopsystem' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_shopsystem' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'><div style=\"color: green;\">\$hop Offer</div></div>
<div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
</div>
</a>";
if($logged)
echo "<a href='index.php?subtopic=shopsystem&action=show_history'>
<div id='submenu_shopsystem' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'>
<div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
<div id='ActiveSubmenuItemIcon_shopsystem' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div>
<div class='SubmenuitemLabel'>Trans. History</div>
<div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div>
</div>
</a>";
echo "</div>";
}
?>
<div id='MenuBottom' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/box-bottom.gif);'></div>
</div>
</div>
<div id="ContentColumn">
<div class="Content">
<div id="ContentHelper">
<?PHP echo news_place(); ?>
<div id="<?PHP echo $subtopic; ?>" class="Box">
<div class="Corner-tl" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/corner-tl.gif);"></div>
<div class="Corner-tr" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/corner-tr.gif);"></div>
<div class="Border_1" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/border-1.gif);"></div>
<div class="BorderTitleText" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/title-background-green.gif);"></div>
<img class="Title" src="<?PHP echo $layout_name; ?>/images/header/headline-<?PHP echo $subtopic; ?>.gif" alt="Contentbox headline" />
<div class="Border_2">
<div class="Border_3">
<div class="BoxContent" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/scroll.gif);">
<?PHP echo $main_content; ?> </div>
</div>
</div>
<div class="Border_1" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/border-1.gif);"></div>
<div class="CornerWrapper-b"><div class="Corner-bl" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/corner-bl.gif);"></div></div>
<div class="CornerWrapper-b"><div class="Corner-br" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/corner-br.gif);"></div></div>
</div>
</div>
</div>
<div id="Footer">
<?PHP
$time_end = microtime_float();
$time = $time_end - $time_start;
?>
Account maker by Gesior. Layout by CipSoft GmbH.<br/>Page has been viewed <?PHP echo $page_views; ?> times. Load time: <?PHP echo round($time, 4); ?> seconds
</div>
</div>
<div id="ThemeboxesColumn">
<div id="RightArtwork">
<img id="Monster" src="monsters/<?PHP echo logo_monster() ?>.gif" onClick="window.location = 'index.php?subtopic=creatures&creature=<?PHP echo logo_monster() ?>';" alt="Monster of the Week" />
<img id="PedestalAndOnline" src="<?PHP echo $layout_name; ?>/images/header/pedestal-and-online.gif" alt="Monster Pedestal and Players Online Box"/>
<div id="PlayersOnline" onClick="window.location = 'index.php?subtopic=whoisonline'">
<?PHP
if($config['status']['serverStatus_online'] == 1)
echo $config['status']['serverStatus_players'].'<br />Players Online';
else
echo '<font color="red"><b>Server<br />OFFLINE</b></font>';
?></div>
</div>
<div id="Themeboxes">
<div id="NewcomerBox" class="Themebox" style="background-image:url(<?PHP echo $layout_name; ?>/images/themeboxes/newcomer/newcomerbox.gif);">
<div class="ThemeboxButton" onClick="BigButtonAction('?subtopic=createaccount')" onMouseOver="MouseOverBigButton(this);" onMouseOut="MouseOutBigButton(this);" style="background-image:url(<?PHP echo $layout_name; ?>/images/buttons/sbutton.gif);"><div class="BigButtonOver" style="background-image:url(<?PHP echo $layout_name; ?>/images/buttons/sbutton_over.gif);"></div>
<div class="ButtonText" style="background-image:url(<?PHP echo $layout_name; ?>/images/buttons/_sbutton_jointibia.gif);"></div>
</div>
<div class="Bottom" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/box-bottom.gif);"></div>
</div>
<?PHP
if($group_id_of_acc_logged >= $config['site']['access_admin_panel']) {
echo '<div id="NewcomerBox" class="Themebox" style="background-image:url('.$layout_name.'/images/themeboxes/admin/admin.png);"><div id="lool" CLASS=white>
<table><tr><td height="30"> </td><td> </td></tr>
<tr><td height="10"> </td><td><a href="index.php?subtopic=adminpanel"><font color="white"><b>ADMIN PANEL</b></font></a></td></tr>
<tr><td height="10"> </td><td><a href="index.php?subtopic=adminpanel&action=editconfigs"><font color="white"><b>EDIT CONFIGS</b></font></a></td></tr>
<tr><td height="10"> </td><td><a href="index.php?subtopic=adminpanel&action=editnews"><font color="white"><b>NEWS SYSTEM</b></font></a></td></tr></table></div>
<div class="Bottom" style="background-image:url('.$layout_name.'/images/general/box-bottom.gif);"></div>
</div>';
}
?>
<script type="text/javascript">
InitializePage();
</script>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
body {
margin: 0px;
padding: 0px;
background-color: #061222;
}
#ArtworkHelper {
text-align: center;
background-position: top center;
background-attachment: scroll;
background-repeat: no-repeat;
width: 100%;
height: 100%;
min-width: 1000px;
}
/* container to implement min/max width */
#Bodycontainer {
text-align: left;
min-width: 1000px;
max-width: 1200px;
width: 100%;
height: 100%;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
display: table;
}
#ContentRow {
position: relative;
top: 155px;
}
/* "star-HTML-hack" to correct the position of the content row */
* html #ContentRow {
display: inline-block;
}
#MenuColumn {
position: absolute;
left: 0px;
top: 0px;
width: 180px;
margin-right: 15px;
margin-left: 15px;
padding: 0px;
font-family: Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
line-height: 12pt;
}
#ContentColumn {
position: relative;
margin: 0px;
margin-left: 205px;
margin-right: 205px;
}
#ThemeboxesColumn {
text-align: center;
position: absolute;
top: 0px;
right: 0px;
width: 180px;
margin: 0px;
margin-right: 15px;
margin-left: 25px;
}
#Footer {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-size: 7pt;
font-weight: normal;
text-align: center;
position: relative;
width: 100%;
padding-bottom: 20px;
color: white;
}
* html #Footer {
padding-bottom: 120px;
margin-bottom: 50px;
}
/* Footer linkes */
#Footer a:link { color: white; text-decoration: none; }
#Footer a:visited { color: white; text-decoration: none; }
#Footer a:focus { color: white; text-decoration: none; }
#Footer a:active { color: white; text-decoration: underline; }
#Footer a:hover { color: white; text-decoration: underline; }
/** -------------------------------
* Stylesheet declarations for the
* HEADER AREA
* -------------------------------
*/
#LeftArtwork {
position: absolute;
height: 140px;
width: 166px;
top: -140px;
left: 4px;
background-repeat: no-repeat;
z-index:5;
}
#LeftArtwork #TibiaLogoArtworkTop {
position: absolute;
top: 20px;
left: 0px;
height: 82px;
width: 166px;
z-index: 5;
cursor: pointer;
}
#LeftArtwork #TibiaLogoArtworkBottom {
position: absolute;
top: 102px;
left: 0px;
height: 43px;
width: 166px;
z-index: 5;
}
#LeftArtwork #Statue_1{
position: absolute;
top: 0px;
left: 5px;
height: 30px;
width: 32px;
z-index:10;
}
#LeftArtwork #Statue_2 {
position: absolute;
top: 0px;
right: 25px;
height: 30px;
width: 32px;
z-index:10;
}
#LeftArtwork #LogoLink {
position: absolute;
bottom: 14px;
left: 58px;
height: 14px;
width: 50px;
z-index: 99;
cursor: pointer;
}
#RightArtwork {
text-align: left;
position: absolute;
top: -1px;
right: 24px;
width: 132px;
background-repeat: no-repeat;
z-index: 90;
}
#RightArtwork #Monster {
position: absolute;
height: 80px;
width: 80px;
top: -137px;
left: 8px;
z-index: 15;
cursor: pointer;
}
#PedestalAndOnline {
position: absolute;
top: -105px;
width: 132px;
height: 111px;
}
#RightArtwork #PlayersOnline {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size: 7pt;
line-height: 8pt;
text-align: center;
position: absolute;
width: 92px;
bottom: 11px;
left: 21px;
color: #cfa600;
border-bottom: 1px solid #010101;
cursor: pointer;
}
/** -------------------------------
* Stylesheet declarations for the
* LOGINBOX
* -------------------------------
*/
#Loginbox {
position: relative;
left: 5px;
top: 8px;
width: 100%;
margin-bottom: 42px;
background-repeat: no-repeat;
}
#Loginbox #LoginTop {
position: absolute;
left: -5px;
top: -12px;
height: 12px;
width: 180px;
background-repeat: no-repeat;
}
#Loginbox #LoginBottom {
position: absolute;
top: 52px;
left: -5px;
height: 12px;
width: 180px;
background-repeat: no-repeat;
}
#Loginbox .LoginBorder {
position: absolute;
top: 0px;
height: 52px;
width: 8px;
background-repeat: repeat-y;
z-index: 10;
}
#Loginbox #BorderRight {
right: 9px;
}
#Loginbox .Loginstatus {
position: relative;
top: 0px;
left: 5px;
height: 13px;
width: 160px;
}
#Loginbox .LoginstatusText {
position: absolute;
top: 1px;
left: 18px;
width: 124px;
height: 11px;
cursor: pointer;
}
#Loginbox #LoginstatusText_1 {
top: 2px;
cursor: default;
}
#Loginbox #LoginstatusText_2_1 {
visibility: visible;
}
#Loginbox #LoginstatusText_2_2 {
visibility: hidden;
}
#LoginBox #LoginButtonContainer {
margin-left: 5px;
height: 26px;
width: 160px;
background-repeat: repeat-y;
}
#Loginbox #LoginButton {
position: relative;
top: 1px;
left: 12px;
height: 25px;
width: 135px;
}
#Loginbox #LoginButton .Button {
position: relative;
top: 0px;
left: 0px;
width: 135px;
height: 25px;
visibility: hidden;
}
#Loginbox #LoginButton #ButtonText {
position: absolute;
top: 0px;
left: 0px;
height: 22px;
width: 135px;
z-index: 15;
cursor: pointer;
}
/** -------------------------------
* Stylesheet declarations for the
* MENU
* -------------------------------
*/
#Menu {
position: relative;
left: 5px;
background-repeat: no-repeat;
}
#MenuTop {
position: absolute;
left: -5px;
top: -12px;
height: 12px;
width: 180px;
background-repeat: no-repeat;
}
#MenuBottom {
position: relative;
left: -5px;
bottom: 0px;
height: 12px;
width: 180px;
background-repeat: no-repeat;
}
/* Menuitems */
.MenuButton {
position: relative;
height: 32px;
width: 170px;
display: block;
cursor: pointer;
}
.Button {
position: relative;
height: 32px;
width: 170px;
visibility: hidden;
display: block;
}
.Extend {
position: absolute;
top: 20px;
right: -2px;
height: 12px;
width: 12px;
background-repeat: no-repeat;
}
.Lights {
visibility: hidden;
}
.Light_lu {
position: absolute;
top: 2px;
left: 3px;
height: 2px;
width: 2px;
background-repeat: no-repeat;
}
.Light_ru {
position: absolute;
top: 2px;
right: 3px;
height: 2px;
width: 2px;
background-repeat: no-repeat;
}
.Light_ld {
position: absolute;
height: 2px;
width: 2px;
top: 28px;
left: 3px;
}
.Icon {
position: absolute;
height: 32px;
width: 32px;
top: 0px;
left: 8px;
}
.Label {
position: absolute;
height: 22px;
width: 116px;
top: 6px;
left: 42px;
}
/* Submenus(items) */
.LeftChain {
position: absolute;
top: 0px;
left: -5px;
height: 33px;
width: 7px;
background-repeat: repeat-y;
}
.RightChain {
position: absolute;
top: 0px;
right: -4px;
height: 33px;
width: 7px;
background-repeat: repeat-y;
}
.Submenu {
position: relative;
margin-left: 5px;
margin-right: 5px;
background-color: #0D2E2B;
width: 160px;
}
.Submenuitem {
position: relative;
margin: 0px;
padding: 0px;
}
.ActiveSubmenuItemIcon {
position: absolute;
top: 5px;
left: 3px;
width: 10px;
height: 10px;
background-repeat: no-repeat;
visibility: hidden;
}
.SubmenuitemLabel {
margin: 0px;
border-top: 0;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 15px;
border-bottom: 1px solid #4b7874;
overflow: hidden;
}
/* Submenu links */
.Submenu a:link { color: #d7d7d7; text-decoration: none; }
.Submenu a:visited { color: #d7d7d7; text-decoration: none; }
.Submenu a:focus { color: #d7d7d7; text-decoration: none; }
.Submenu a:active { color: white; text-decoration: none; }
.Submenu a:hover { color: white; text-decoration: none; }
/** -------------------------------
* Stylesheet declarations for the
* CONTENT AREA
* -------------------------------
*/
.Content .BoxContent {
padding: 10px;
}
/* "tanhack" for correction of IE bug */
* html .Content {
top: -5px;
}
.Content {
position: relative;
top: 0px;
width: 100%;
}
/* "star-HTML-hack" to correct the position of the content area */
* html .Content {
position: relative;
top: 796px;
margin: 20px;
border: 0px dashed #061222;
border-right-width: 550px;
}
#ContentHelper {
position: relative;
}
/* "star-HTML-hack" to to implement min-width in IE */
* html #ContentHelper {
display: inline-block;
position: relative;
top: -800px;
margin: -20px;
margin-right: -570px;
}
.Content .Box {
font-size: 0pt;
position: relative;
margin: 5px;
margin-bottom: 18px;
color: #5A2800;
border-left: 2px solid #3a3738;
border-right: 2px solid #3a3738;
background-color: #debb9d;
background-repeat: no-repeat;
overflow: visible;
}
.Content .BoxContent {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-size: 9pt;
background-color: #FFF2db;
color: #5A2800;
min-height: 395px;
height: auto !important;
height: 415px;
}
/* "star-HTML-hack" to correct Box width in IE */
* html .Content .Box {
width: 100%;
}
/* "star-HTML-hack" to correct BoxContent width in IE */
* html .Content .BoxContent {
width: 100%;
}
.Content th {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: left;
color: white;
background-color: #505050;
}
.Content .BoxContent td {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-size: 10pt;
color: #5A2800;
}
/* Content Links */
.Content a {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-weight: bold;
color: #004294;
text-decoration: none;
}
.Content a:hover {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-weight: bold;
text-decoration: underline;
color: #0063DC;
}
.Content .HelpLink {
font-size: 7pt;
cursor: pointer;
}
/* Corners */
.Content .Corner-tl {
position: absolute;
top: -4px;
left: -5px;
width: 17px;
height: 17px;
z-index: 50;
}
.Content .Corner-tr {
position: absolute;
top: -4px;
right: -5px;
width: 17px;
height: 17px;
z-index: 50;
}
.Content .BottomCornersHelper {
position: absolute;
width: 100%;
}
.Content .CornerWrapper-b {
position: absolute;
width:100%;
}
.Content .Corner-bl {
position: absolute;
bottom: -4px;
left: -6px;
width: 17px;
height: 17px;
z-index: 50;
}
.Content .Corner-br {
position: absolute;
bottom: -4px;
right: -6px;
width: 17px;
height: 17px;
z-index: 50;
}
/* Borders */
.Content .Border_1 {
position: relative;
height: 6px;
width: 100%;
background-repeat: repeat-x;
}
.Content .BorderTitleText {
position: relative;
height: 24px;
background-repeat: repeat-x;
}
.Content .Title {
position: absolute;
top: 6px;
left: 5px;
}
.Content .Border_2 {
margin: 4px;
padding: 0px;
background-color: #793d03;
}
.Content .Border_3 {
margin: 1px;
border-top: 1px solid #793d03;
border-bottom: 1px solid #793d03;
}
/** -------------------------------
* Stylesheet declarations for the
* THEMEBOXES of the Tibia
* website
* -------------------------------
*/
.Themebox {
position: relative;
margin-bottom: 10px;
top: -4px;
width: 180px;
height: 154px;
}
#Themeboxes div {
font-size: 10pt;
background-repeat: no-repeat;
}
#Themeboxes .ThemeboxButton {
position: absolute;
bottom: 20px;
left: 22px;
height: 25px;
width: 137px;
cursor: pointer;
}
#Themeboxes .Bottom {
position: absolute;
bottom: 0px;
left: 0px;
height: 12px;
width: 180px;
}
/* "star-HTML-hack" to correct the position of the bottom element */
* html #Themeboxes .Bottom {
bottom: -3px;
}
#Themeboxes #PremiumBox {
height: 164px;
}
#Themeboxes #ScreenshotBox #ScreenshotContent {
position: relative;
height: 111px;
width: 170px;
top: 31px;
left: 0px;
margin-left: 5px;
margin-right: 5px;
border: 0;
cursor: pointer;
}
#Themeboxes #CurrentPollBox #CurrentPollText {
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
line-height: 11pt;
color: #5A2800;
position: absolute;
height: 70px;
width: 150px;
top: 37px;
left: 15px;
padding-top: 5px;
overflow: hidden;
}
#Themeboxes #SkyscraperBanner {
border: 0;
}
/** -------------------------------
* OLD Stylesheet declarations for
* the CONTENT AREA
* -------------------------------
*/
.Content .BoxContent td .white {
color: #EFEFEF;
visibility: visible;
}
.Content .BoxContent td .whites {
color: #EFEFEF;
visibility: visible;
font-size: 9pt;
}
.Content .BoxContent .white {
color : #EFEFEF;
visibility : visible;
}
.Content .BoxContent td .green {
color : #00BF00;
}
.Content .BoxContent td .yellow {
color : #FFBB05;
}
.Content .BoxContent td .red {
color : #EF0000;
}
.Content .BoxContent td .grey {
color : #808080;
}
/** -------------------------------
* OLD Stylesheet declarations for
* the CONTENT AREA (forum)
* -------------------------------
*/
.Content .BoxContent .ff_info {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 10pt;
color : #5A2800;
visibility : visible;
}
.Content .ff_white a {
color: #FFFFFF;
}
.Content .BoxContent .ff_white {
font-family : Verdana, Arial, Times New Roman, sans-serif;
color : #EFEFEF;
visibility : visible;
font-size : 7pt;
font-weight: bold;
}
.Content .BoxContent .ff_red {
font-family : Verdana, Arial, Times New Roman, sans-serif;
color : #EF0000;
visibility : visible;
font-size : 8pt;
font-weight: bold;
}
.Content .BoxContent .ff_whitelarge {
font-family : Verdana, Arial, Times New Roman, sans-serif;
color : #EFEFEF;
visibility : visible;
font-size : 9pt;
font-weight: bold;
}
.Content .BoxContent .ff_info {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 8pt;
color : #5A2800;
visibility : visible;
}
.Content .BoxContent .ff_infotext {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 8pt;
color : #5A2800;
visibility : visible;
line-height: 12pt;
}
.Content .BoxContent .ff_smallinfo {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 7pt;
color : #5A2800;
visibility : visible;
}
.Content .BoxContent .ff_large {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 12pt;
color : #5A2800;
visibility : visible;
}
.Content .BoxContent .ff_pagetext {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 9pt;
color : #5A2800;
visibility : visible;
line-height: 13pt;
}
.Content .BoxContent .ff_pagetextgrey {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 9pt;
color : #505050;
visibility : visible;
line-height: 13pt;
}
.Content .BoxContent .ff_pagetextred {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 9pt;
color : #F00;
visibility : visible;
line-height: 13pt;
}
.Content .BoxContent .ff_correct {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 11pt;
color : #FF0000;
visibility : visible;
font-weight: bold;
}
/** --------------------------------------
* ### not final versions for tests
* ### concerning the new payment process
* --------------------------------------
*/
/* new error handling concept tests */
.FormFieldError {
font-size: 8pt;
color: red;
}
.SmallBox {
position: relative;
font-size: 1px;
}
.SmallBox .ErrorMessage {
font-size: 8pt;
position: relative;
color: red;
height: 100%;
background-color: #d4c0a1;
padding: 5px;
padding-left: 43px;
}
.SmallBox .Message {
font-size: 10pt;
position: relative;
height: 100%;
background-color: #d4c0a1;
padding: 10px;
}
.SmallBox .ErrorMessage ul {
padding-left: 15px;
}
.SmallBox .BoxFrameHorizontal {
position: relative;
height: 4px;
}
.SmallBox .BoxFrameVerticalRight {
position: absolute;
right: 0px;
top: 0px;
width: 3px;
background-repeat: repeat-y;
height: 100%;
}
.SmallBox .BoxFrameVerticalLeft {
position: absolute;
left: 0px;
top: 0px;
width: 3px;
background-repeat: repeat-y;
height: 100%;
}
.SmallBox .MessageContainer {
position: relative;
height: 100%;
}
.SmallBox .BoxFrameEdgeLeftTop {
position: absolute;
left: -1px;
top: -1px;
width: 5px;
height: 5px;
}
.SmallBox .BoxFrameEdgeLeftBottom {
position: absolute;
left: -1px;
bottom: -1px;
width: 5px;
height: 5px;
}
.SmallBox .BoxFrameEdgeRightTop {
position: absolute;
right: -1px;
top: -1px;
width: 5px;
height: 5px;
}
.SmallBox .BoxFrameEdgeRightBottom {
position: absolute;
right: -1px;
bottom: -1px;
width: 5px;
height: 5px;
}
.SmallBox .AttentionSign {
position: absolute;
top: 3px;
left: 8px;
width: 30px;
height: 26px;
}
/** ---------------------------------
* ### not finished versions for the
* ### payment process PROGRESS BAR
* ---------------------------------
*/
#ProgressBar #Headline {
text-align: center;
font-size: 12pt;
font-weight: bold;
margin-bottom: 5px;
}
#ProgressBar #MainContainer {
position: relative;
top: 10px;
height: 50px;
margin-bottom: 25px;
}
#ProgressBar #BackgroundContainer {
position: relative;
width: 100%;
}
#ProgressBar #BackgroundContainerLeftEnd {
position: absolute;
float: left;
}
#ProgressBar #BackgroundContainerCenter {
position: absolute;
left: 0px;
top: 0px;
height: 17px;
width: 100%;
}
#ProgressBar #BackgroundContainerCenterImage {
position: relative;
margin-left: 25px;
margin-right: 25px;
height: 17px;
}
#ProgressBar #BackgroundContainerRightEnd {
position: absolute;
right: 0px;
top: 0px;
float: right;
}
#ProgressBar #TubeLeftEnd {
position: absolute;
left: 25px;
top: 4px;
}
#ProgressBar #TubeRightEnd {
position: absolute;
right: 25px;
top: 4px;
z-index: 0;
}
#ProgressBar .Steps {
position: relative;
height: 39px;
font-size: 9px;
float: left;
top: -11px;
margin-left: -1px;
}
#ProgressBar #StepsContainer1 {
text-align: right;
margin-left: 92px;
margin-right: 40px;
height: 10px;
}
#ProgressBar #StepsContainer2 {
width: 100%;
height: 10px;
}
#ProgressBar .TubeContainer {
position: relative;
padding-right: 47px;
}
#ProgressBar .Tube {
position: relative;
top: 16px;
left: 0px;
width: 100%;
height: 7px;
background: #FFFFFF none repeat scroll 0%;
}
* html #ProgressBar .Tube {
top: 13px;
}
#ProgressBar .SingleStepContainer {
position: absolute;
top: 0px;
width: 47px;
height: 30px;
right: 0px;
text-align: center;
}
#ProgressBar #FirstStep .SingleStepContainer {
left: 45px;
width: 47px;
position: absolute;
}
#ProgressBar .StepIcon {
position: absolute;
right: 0px;
}
* html #ProgressBar .StepIcon {
right: -1px;
}
#ProgressBar #FirstStep .StepIcon {
top: 0px;
left: 0px;
}
#ProgressBar .StepText {
top: 40px;
position: absolute;
width: 200px;
right: -77px;
}
/** -------------------------------
* Stylesheet declarations for the
* NEW TABLES
* -------------------------------
*/
.TableContainer {
border: 1px solid black;
position: relative;
width: 100%;
font-size: 1px;
}
.TableContainer .Odd {
background-color: #f1e0c6;
}
.TableContainer .Even {
background-color: #d5c0a1;
}
/* TABLEHEADER DECORATION */
.TableContainer .CaptionContainer {
position: relative;
font-size: 1pt;
background-color: #5f4d41 !important;
height: 100%;
width: 100%;
text-align: left;
}
.TableContainer .CaptionContainer .CaptionInnerContainer {
position: relative;
background-color: #5f4d41;
width: 100%;
height: 100%;
padding-top: 3px;
padding-bottom: 4px;
}
.TableContainer .CaptionContainer .Text {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: left;
color: white;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
.TableContainer .CaptionContainer .CaptionEdgeLeftTop {
position: absolute;
width: 5px;
height: 5px;
top: -2px;
left: -2px;
z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeRightTop {
position: absolute;
width: 5px;
height: 5px;
top: -2px;
right: -2px;
z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
position: absolute;
width: 5px;
height: 5px;
left: -2px;
bottom: -3px;
z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeRightBottom {
position: absolute;
width: 5px;
height: 5px;
right: -2px;
bottom: -3px;
z-index: 50;
}
.TableContainer .CaptionContainer .CaptionBorderTop {
position: absolute;
width: 100%;
height: 4px;
left: 0px;
top: -1px;
}
.TableContainer .CaptionContainer .CaptionBorderBottom {
position: absolute;
width: 100%;
height: 4px;
left: 0px;
bottom: -2px;
}
.TableContainer .CaptionContainer .CaptionVerticalLeft {
position: absolute;
height: 100%;
width: 3px;
left: -1px;
top: 0px;
}
.TableContainer .CaptionContainer .CaptionVerticalRight {
position: absolute;
height: 100%;
width: 3px;
right: -1px;
top: 0px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeRightTop {
right: -3px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
bottom: -4px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeRightBottom {
right: -3px;
bottom: -4px;
}
* html .TableContainer .CaptionContainer .CaptionBorderBottom {
bottom: -3;
}
* html .TableContainer .CaptionContainer .CaptionVerticalRight {
right: -2px;
}
/* TABLE CONTENT */
.TableContentContainer {
border: 1px solid #5F4D41;
position: relative;
margin-right: 4px;
height: 100%;
background-color: #d4c0a1;
padding: 0px;
}
.TableContent {
width: 100%;
border-collapse: collapse;
}
.TableContent td {
padding-left: 5px;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
}
/* INNERLYOUT 1 */
.TableContainer .Table1 {
width: 100%;
background-color: #d4c0a1;
border: 2px solid #55636c;
}
.TableContainer .Table1 .InnerTableContainer {
padding: 5px;
}
/* INNERLYOUT 2 */
.TableContainer .Table2 {
width: 100%;
border: 2px solid #55636c;
background-color: #f1e0c5;
padding: 0px;
margin: 0px;
border-collapse: collapse;
}
.TableContainer .Table2 td {
padding: 0px;
margin: 0px;
}
.TableContainer .Table2 .InnerTableContainer {
margin-top: 1px;
}
.TableContainer .Table2 .InnerTableContainer table {
border-collapse: collapse;
}
.TableContainer .Table2 .InnerTableContainer td {
padding-top: 2px;
padding-left: 5px;
padding-bottom: 2px;
padding-right: 5px;
border: 1px solid #faf0d7;
}
/* INNERLYOUT 3 */
.TableContainer .Table3 {
width: 100%;
border: 2px solid #55636c;
background-color: #f1e0c5;
}
.TableContainer .Table3 .InnerTableContainer {
width: 100%;
position: relative;
margin-top: 5px;
margin-left: 3px;
}
.TableContainer .Table3 .TableContentAndRightShadow td {
border: 1px solid #faf0d7;
}
/* INNERLYOUT 4 */
.TableContainer .Table4 {
width: 100%;
border: 2px solid #55636c;
background-color: #f1e0c5;
}
.TableContainer .Table4 .InnerTableContainer {
width: 100%;
position: relative;
margin-top: 3px;
}
.TableContainer .Table4 .TableContentAndRightShadow .TableContent td {
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
}
/* INNERLYOUT 5 */
.TableContainer .Table5 {
width: 100%;
border: 2px solid #55636c;
background-color: #f1e0c5;
}
.TableContainer .Table5 .InnerTableContainer {
width: 100%;
position: relative;
margin-top: 5px;
margin-left: 3px;
}
.TableContainer .Table5 .TableContentAndRightShadow .TableContent td {
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
}
/* SHADOWS */
.TableShadowContainerRightTop {
position: relative;
top: 0px;
right: 3px;
margin-right: 0px;
font-size: 1px;
float: right;
z-index: 99;
}
.TableShadowRightTop {
position: absolute;
top: 0px;
right: 0px;
width: 4px;
height: 5px;
z-index: 99;
}
.TableContentAndRightShadow {
position: relative;
background-repeat: repeat-y;
background-position: top right;
margin-right: 3px;
font-size: 1px;
}
.TableShadowContainer {
position: relative;
widht: 100%;
margin-right: 5px;
}
.TableBottomShadow {
position: relative;
font-size: 1px;
height: 5px;
width: 100%;
padding: 0px;
margin: 0px;
}
.TableBottomLeftShadow {
position: relative;
height: 5px;
width: 4px;
float: left;
padding: 0px;
margin: 0px;
}
.TableBottomRightShadow {
position: relative;
float: right;
right: -2px;
top: 0px;
height: 5px;
width: 4px;
}
/* LABELS */
.LabelV {
font-weight: bold;
padding-right: 10px;
white-space: nowrap;
vertical-align: top;
}
.LabelH {
font-weight: bold;
padding-right: 10px;
white-space: nowrap;
background-color: #d5c0a1;
}
.LabelH td {
background-color: #d5c0a1;
padding-left: 5px;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
}
/* BUTTONS */
.InnerTableButtonRow {
width: 100%;
padding-left: 1px;
padding-right: 0px;
padding-bottom: 4px;
border: 0px;
}
.InnerTableButtonRow td {
padding-right: 4px;
}
.BigButton {
position: relative;
width: 135px;
height: 25px;
z-index: 10;
}
.BigButtonOver {
position: absolute;
top: 0px;
left: 0px;
width: 137px;
height: 25px;
visibility: hidden;
z-index: 15;
}
.ButtonText {
position: absolute;
top: 0px;
left: 0px;
height: 25px;
width: 135px;
z-index: 20;
}
.TopButtonContainer {
position: relative;
right: 4px;
top: 4px;
z-index: 60;
}
* html .TopButtonContainer {
right: 27px;
}
.TopButtonContainer .TopButton {
position: absolute;
right: 0px;
z-index: 55;
}
.Content .BoxContent .Odd {
background-color: #D4C0A1;
padding: 2px;
}
.Content .BoxContent .Even {
background-color: #F1E0C6;
padding: 2px;
}
.Content .NewsCategoryIconSmall {
position: absolute;
top: 1px;
left: 1px;
height: 16px;
width: 16px;
background-repeat: no-repeat;
}
.Content .BoxContent .Odd {
background-color: #D4C0A1;
padding: 2px;
}
.Content .BoxContent .Even {
background-color: #F1E0C6;
padding: 2px;
}
.Content .NewsCategoryIconSmall {
position: absolute;
top: 1px;
left: 1px;
height: 16px;
width: 16px;
background-repeat: no-repeat;
}
.Content .BoxContent .Odd {
background-color: #D4C0A1;
padding: 2px;
}
.Content .BoxContent .Even {
background-color: #F1E0C6;
padding: 2px;
}
.Content .NewsCategoryIconSmall {
position: absolute;
top: 1px;
left: 1px;
height: 16px;
width: 16px;
background-repeat: no-repeat;
}
/* News Ticker */
.Content #NewsTicker .BoxContent {
padding: 5px;
min-height: 90px;
height: auto !important;
height: 100px;
}
.Content #NewsTicker .BoxContent .Row {
position: relative;
width: 100%;
}
.Content #NewsTicker .NewsTickerIcon {
position: absolute;
top: 1px;
left: 1px;
height: 16px;
width: 16px;
background-repeat: no-repeat;
}
.Content #NewsTicker .NewsTickerText {
font-size: 9pt;
position: relative;
margin-left: 20px;
}
.Content #NewsTicker .NewsTickerDate {
font-size: 7pt;
position: absolute;
top: 0px;
float: left;
}
.Content #NewsTicker .NewsTickerShortText {
margin-left: 85px;
height: 14px;
}
.Content #NewsTicker .NewsTickerFullText {
margin-left: 85px;
margin-right: 20px;
display: none;
}
.Content #NewsTicker .NewsTickerExtend {
position: relative;
right: 0px;
top: 1px;
right: 1px;
height: 12px;
width: 12px;
background-repeat: no-repeat;
float: right;
cursor: pointer;
z-index: 10;
}
/* Featured Article */
.Content #FeaturedArticle .BoxContent {
position:relative;
height: 100px;
padding: 5px;
padding-left: 10px;
min-height: 100px;
height: auto !important;
height: 110px;
line-height: 10.5pt;
}
.Content #FeaturedArticle #TeaserThumbnail {
position: relative;
top: 0px;
right: 0px;
height: 100px;
width: 150px;
margin-left: 10px;
background-color: black;
z-index: 90;
float: right;
}
#ContentHelper #FeaturedArticle:first-child .BoxContent {
padding: 10px;
}
.Content #FeaturedArticle #TeaserText {
height: 100px;
overflow: hidden;
z-index: 0;
}
.Content #FeaturedArticle #Link {
position: absolute;
top: 0px;
right: 0px;
margin: 89 165 0 0;
z-index: 99;
}
.Content #FeaturedArticle .NewsHeadlineBackground {
position: relative;
height: 28px;
margin-bottom: 5px;
background-repeat: repeat-x;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
.Content #FeaturedArticle .NewsHeadlineIcon {
position: absolute;
top: -1px;
left: 0px;
margin-left: 5px;
margin-right: 5px;
float:left;
}
.Content #FeaturedArticle .NewsHeadlineDate {
font-size: 7pt;
position: absolute;
top: 9px;
left: 50px;
width: 85px;
color: white;
}
.Content #FeaturedArticle .NewsHeadlineText {
position: relative;
top: 8px;
left: 135px;
font-size: 10pt;
font-weight: bold;
color: white;
}
/* News */
.Content #News .BoxContent {
min-height: 100px;
height: auto !important;
height: 110px;
}
.Content #News .NewsHeadlineBackground {
position: relative;
height: 28px;
margin-bottom: 5px;
background-repeat: repeat-x;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
.Content #News .NewsHeadlineIcon {
position: absolute;
top: -1px;
left: 0px;
margin-left: 5px;
margin-right: 5px;
}
.Content #News .NewsHeadlineDate {
font-size: 7pt;
position: absolute;
top: 10px;
left: 50px;
width: 85px;
color: white;
}
.Content #News .NewsHeadlineText {
position: relative;
top: 7px;
left: 135px;
font-size: 10pt;
font-weight: bold;
color: white;
}
/* News Archive */
.Content #NewsArchive .NewsHeadlineBackground {
position: relative;
height: 28px;
margin-bottom: 5px;
background-repeat: repeat-x;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
.Content #NewsArchive .NewsHeadlineIcon {
position: absolute;
top: -1px;
left: 0px;
margin-left: 5px;
margin-right: 5px;
}
.Content #NewsArchive .NewsHeadlineDate {
font-size: 7pt;
position: absolute;
top: 9px;
left: 50px;
width: 85px;
color: white;
}
.Content #NewsArchive .NewsHeadlineText {
position: relative;
top: 7px;
left: 135px;
font-size: 10pt;
font-weight: bold;
color: white;
}
If @up doesn't work,
open up layout.php
Delete everything inside and insert:
PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title><?PHP echo $title ?></title> <meta name="description" content="Tibia is a free massive multiplayer online role playing game (MMORPG)." /> <meta name="author" content="Gesior" /> <meta http-equiv="content-language" content="en" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="keywords" content="free online game, free multiplayer game, ots, open tibia server" /> <link rel="shortcut icon" href="<?PHP echo $layout_name; ?>/images/server.ico" type="image/x-icon"> <link rel="icon" href="<?PHP echo $layout_name; ?>/images/server.ico" type="image/x-icon"> <?PHP echo $layout_header; ?> <link href="<?PHP echo $layout_name; ?>/basic.css" rel="stylesheet" type="text/css"> <SCRIPT TYPE="text/javascript"> <!-- // Framekiller setTimeout ("changePage()", 6000); function changePage() { if (parent.frames.length > 2) { if (browserTyp == "ie") { parent.location=document.location; } else { self.top.location=document.location; } } } // --> </SCRIPT> <script type="text/javascript"> state = new Array("0", "0", "0", "0", "0"); function TickerAction(id) { var line = id.substr(12, 1); if(state[line] == "0") { state[line] = "1"; OpenNews(id); } else { state[line] = "0"; CloseNews(id); } } function OpenNews(id) { var div = document.getElementById(id) var idShort = id.concat("-ShortText"); var idMore = id.concat("-FullText"); var idButton = id.concat("-Button"); document.getElementById(idShort).style.display = "none"; document.getElementById(idMore).style.display = "block"; document.getElementById(idButton).style.backgroundImage = "url('" + IMAGES + "/general/minus.gif')"; } function CloseNews(id) { var div = document.getElementById(id) var idShort = id.concat("-ShortText"); var idMore = id.concat("-FullText"); var idButton = id.concat("-Button"); document.getElementById(idShort).style.display = "block"; document.getElementById(idMore).style.display = "none"; document.getElementById(idButton).style.backgroundImage = "url('" + IMAGES + "/general/plus.gif')"; } function InitializePage() { LoadLoginBox(); LoadMenu(); } // initialisation of the loginbox status by the value of the variable 'loginStatus' which is provided to the HTML-document by PHP in the file 'header.inc' function LoadLoginBox() { if(loginStatus == "false") { document.getElementById('LoginstatusText_1').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-you-are-not-logged-in.gif')"; document.getElementById('ButtonText').style.backgroundImage = "url('" + IMAGES + "/buttons/_sbutton_login.gif')"; document.getElementById('LoginstatusText_2').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-create-account.gif')"; document.getElementById('LoginstatusText_2_1').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-create-account.gif')"; document.getElementById('LoginstatusText_2_2').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-create-account-over.gif')"; } else { document.getElementById('LoginstatusText_1').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-welcome.gif')"; document.getElementById('ButtonText').style.backgroundImage = "url('" + IMAGES + "/buttons/_sbutton_myaccount.gif')"; document.getElementById('LoginstatusText_2').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-logout.gif')"; document.getElementById('LoginstatusText_2_1').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-logout.gif')"; document.getElementById('LoginstatusText_2_2').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-logout-over.gif')"; } } // mouse-over and click events of the loginbox function MouseOverLoginBoxText(source) { source.lastChild.style.visibility = "visible"; source.firstChild.style.visibility = "hidden"; } function MouseOutLoginBoxText(source) { source.firstChild.style.visibility = "visible"; source.lastChild.style.visibility = "hidden"; } function LoginButtonAction() { if(loginStatus == "false") { window.location = LINK_ACCOUNT + "/?subtopic=accountmanagement"; } else { window.location = LINK_ACCOUNT + "/?subtopic=accountmanagement"; } } function LoginstatusTextAction(source) { if(loginStatus == "false") { window.location = LINK_ACCOUNT + "/?subtopic=createaccount"; } else { window.location = LINK_ACCOUNT + "/?subtopic=accountmanagement&action=logout"; } } var menu = new Array(); menu[0] = new Object(); var unloadhelper = false; // load the menu and set the active submenu item by using the variable 'activeSubmenuItem' (provided to HTML-document by PHP in the file 'header.inc' function LoadMenu() { document.getElementById("submenu_"+activeSubmenuItem).style.color = "white"; document.getElementById("ActiveSubmenuItemIcon_"+activeSubmenuItem).style.visibility = "visible"; if(self.name.lastIndexOf("&") == -1) { self.name = "news=1&account=0&community=0&library=0&forum=0<?PHP if($config['site']['shop_system'] == 1) echo "&shops=0"; ?>&"; } FillMenuArray(); InitializeMenu(); } function SaveMenu() { if(unloadhelper == false) { SaveMenuArray(); unloadhelper = true; } } // store the values of the variable 'self.name' in the array menu function FillMenuArray() { while(self.name.length > 0 ){ var mark1 = self.name.indexOf("="); var mark2 = self.name.indexOf("&"); var menuItemName = self.name.substr(0, mark1); menu[0][menuItemName] = self.name.substring(mark1 + 1, mark2); self.name = self.name.substr(mark2 + 1, self.name.length); } } // hide or show the corresponding submenus function InitializeMenu() { for(menuItemName in menu[0]) { if(menu[0][menuItemName] == "0") { document.getElementById(menuItemName+"_Submenu").style.visibility = "hidden"; document.getElementById(menuItemName+"_Submenu").style.display = "none"; document.getElementById(menuItemName+"_Lights").style.visibility = "visible"; document.getElementById(menuItemName+"_Extend").style.backgroundImage = "url(" + IMAGES + "/general/plus.gif)"; } else { document.getElementById(menuItemName+"_Submenu").style.visibility = "visible"; document.getElementById(menuItemName+"_Submenu").style.display = "block"; document.getElementById(menuItemName+"_Lights").style.visibility = "hidden"; document.getElementById(menuItemName+"_Extend").style.backgroundImage = "url(" + IMAGES + "/general/minus.gif)"; } } } // reconstruct the variable "self.name" out of the array menu function SaveMenuArray() { var stringSlices = ""; var temp = ""; for(menuItemName in menu[0]) { stringSlices = menuItemName + "=" + menu[0][menuItemName] + "&"; temp = temp + stringSlices; } self.name = temp; } // onClick open or close submenus function MenuItemAction(sourceId) { if(menu[0][sourceId] == 1) { CloseMenuItem(sourceId); } else { OpenMenuItem(sourceId); } } function OpenMenuItem(sourceId) { menu[0][sourceId] = 1; document.getElementById(sourceId+"_Submenu").style.visibility = "visible"; document.getElementById(sourceId+"_Submenu").style.display = "block"; document.getElementById(sourceId+"_Lights").style.visibility = "hidden"; document.getElementById(sourceId+"_Extend").style.backgroundImage = "url(" + IMAGES + "/general/minus.gif)"; } function CloseMenuItem(sourceId) { menu[0][sourceId] = 0; document.getElementById(sourceId+"_Submenu").style.visibility = "hidden"; document.getElementById(sourceId+"_Submenu").style.display = "none"; document.getElementById(sourceId+"_Lights").style.visibility = "visible"; document.getElementById(sourceId+"_Extend").style.backgroundImage = "url(" + IMAGES + "/general/plus.gif)"; } // mouse-over effects of menubuttons and submenuitems function MouseOverMenuItem(source) { source.firstChild.style.visibility = "visible"; } function MouseOutMenuItem(source) { source.firstChild.style.visibility = "hidden"; } function MouseOverSubmenuItem(source) { source.style.backgroundColor = "#14433F"; } function MouseOutSubmenuItem(source) { source.style.backgroundColor = "#0D2E2B"; } </script> </head> <body onBeforeUnLoad="SaveMenu();" onUnload="SaveMenu();"> <a name="top" ></a> <div id="ArtworkHelper" style="background-image:url(<?PHP echo $layout_name; ?>/images/header/background-artwork.jpg);" > <div id="Bodycontainer"> <div id="ContentRow"> <div id="MenuColumn"> <div id="LeftArtwork"> <img id="Statue_1" src="<?PHP echo $layout_name; ?>/images/header/animated-statue.gif" alt="logoartwork" /> <img id="TibiaLogoArtworkTop" src="<?PHP echo $layout_name; ?>/images/header/tibia-logo-artwork-top.gif" onClick="window.location = 'index.php?subtopic=latestnews';" alt="logoartwork" /> <img id="TibiaLogoArtworkBottom" src="<?PHP echo $layout_name; ?>/images/header/tibia-logo-artwork-bottom.gif" alt="logoartwork" /> <img id="Statue_2" src="<?PHP echo $layout_name; ?>/images/header/animated-statue.gif" alt="logoartwork" /> <img id="LogoLink" src="<?PHP echo $layout_name; ?>/images/header/tibia-logo-artwork-string.gif" onClick="window.location = 'mailto:<?PHP echo $config['server']['ownerEmail']; ?>';" alt="logoartwork" /> </div> <div id="Loginbox" > <div id="LoginTop" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/box-top.gif)" ></div> <div id="BorderLeft" class="LoginBorder" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif)" ></div> <div class="Loginstatus" style="background-image:url(<?PHP echo $layout_name; ?>/images/loginbox/loginbox-textfield-background.gif)" > <div id="LoginstatusText_1" class="LoginstatusText" style="background-image:url(<?PHP echo $layout_name; ?>/images/loginbox/loginbox-font-you-are-not-logged-in.gif)" ></div> </div> <div id="LoginButtonContainer" style="background-image:url(<?PHP echo $layout_name; ?>/images/loginbox/loginbox-textfield-background.gif)" > <div id="LoginButton" style="background-image:url(<?PHP echo $layout_name; ?>/images/buttons/sbutton.gif)" > <div onClick="LoginButtonAction();" onMouseOver="MouseOverBigButton(this);" onMouseOut="MouseOutBigButton(this);"><div class="Button" style="background-image:url(<?PHP echo $layout_name; ?>/images/buttons/sbutton_over.gif)" ></div> <div id="ButtonText" ></div> </div> </div> </div> <div style="clear:both" ></div> <div class="Loginstatus" style="background-image:url(<?PHP echo $layout_name; ?>/images/loginbox/loginbox-textfield-background.gif)" > <div id="LoginstatusText_2" onClick="LoginstatusTextAction(this);" onMouseOver="MouseOverLoginBoxText(this);" onMouseOut="MouseOutLoginBoxText(this);" ><div id="LoginstatusText_2_1" class="LoginstatusText" style="background-image:url(<?PHP echo $layout_name; ?>/images/loginbox/loginbox-font-create-account.gif)" ></div><div id="LoginstatusText_2_2" class="LoginstatusText" style="background-image:url(<?PHP echo $layout_name; ?>/images/loginbox/loginbox-font-create-account-over.gif)" ></div></div> </div> <div id="BorderRight" class="LoginBorder" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif)" ></div> <div id="LoginBottom" class="Loginstatus" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/box-bottom.gif)" ></div> </div> <div id='Menu'> <div id='MenuTop' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/box-top.gif);'></div> <div id='news' class='menuitem'> <span onClick="MenuItemAction('news')"> <div class='MenuButton' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);'> <div onMouseOver='MouseOverMenuItem(this);' onMouseOut='MouseOutMenuItem(this);'><div class='Button' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);'></div> <span id='news_Lights' class='Lights'> <div class='light_lu' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div> <div class='light_ld' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div> <div class='light_ru' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div> </span> <div id='news_Icon' class='Icon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-news.gif);'></div> <div id='news_Label' class='Label' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-news.gif);'></div> <div id='news_Extend' class='Extend' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/plus.gif);'></div> </div> </div> </span> <div id='news_Submenu' class='Submenu'> <a href='index.php?subtopic=latestnews'> <div id='submenu_latestnews' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_latestnews' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Latest News</div> <div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> </div> </a> </div> </div> <div id='account' class='menuitem'> <span onClick="MenuItemAction('account')"> <div class='MenuButton' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);'> <div onMouseOver='MouseOverMenuItem(this);' onMouseOut='MouseOutMenuItem(this);'><div class='Button' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);'></div> <span id='account_Lights' class='Lights'> <div class='light_lu' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div> <div class='light_ld' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div> <div class='light_ru' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div> </span> <div id='account_Icon' class='Icon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-account.gif);'></div> <div id='account_Label' class='Label' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-account.gif);'></div> <div id='account_Extend' class='Extend' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/plus.gif);'></div> </div> </div> </span> <div id='account_Submenu' class='Submenu'> <a href='index.php?subtopic=accountmanagement'> <div id='submenu_accountmanagement' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_accountmanagement' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Account Management</div> <div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> </div> </a> <a href='index.php?subtopic=createaccount'> <div id='submenu_createaccount' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_createaccount' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Create Account</div> <div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> </div> </a> <a href='index.php?subtopic=lostaccount'> <div id='submenu_lostaccount' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_lostaccount' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Lost Account?</div> <div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> </div> </a> <a href='index.php?subtopic=tibiarules'> <div id='submenu_tibiarules' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_tibiarules' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Server Rules</div> <div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> </div> </a> <?PHP if($config['site']['download_page'] == 1) { echo "<a href='index.php?subtopic=downloads'> <div id='submenu_downloads' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_downloads' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Downloads</div> <div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div> </div> </a>"; } if($group_id_of_acc_logged >= $config['site']['access_admin_panel']) { echo "<a href='index.php?subtopic=adminpanel'> <div id='submenu_adminpanel' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_adminpanel' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'><font color=\"red\">! Admin Panel !</font></div> <div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div> </div> </a>"; } ?> </div> </div> <div id='community' class='menuitem'> <span onClick="MenuItemAction('community')"> <div class='MenuButton' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);'> <div onMouseOver='MouseOverMenuItem(this);' onMouseOut='MouseOutMenuItem(this);'><div class='Button' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);'></div> <span id='community_Lights' class='Lights'> <div class='light_lu' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div> <div class='light_ld' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div> <div class='light_ru' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div> </span> <div id='community_Icon' class='Icon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-community.gif);'></div> <div id='community_Label' class='Label' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-community.gif);'></div> <div id='community_Extend' class='Extend' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/plus.gif);'></div> </div> </div> </span> <div id='community_Submenu' class='Submenu'> <a href='index.php?subtopic=characters'> <div id='submenu_characters' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_characters' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Characters</div> <div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> </div> </a> <a href='index.php?subtopic=whoisonline'> <div id='submenu_whoisonline' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_whoisonline' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Who Is Online?</div> <div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> </div> </a> <a href='index.php?subtopic=highscores'> <div id='submenu_highscores' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_highscores' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Highscores</div> <div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> </div> </a> <a href='index.php?subtopic=killstatistics'> <div id='submenu_killstatistics' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_killstatistics' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Last Kills</div> <div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> </div> </a> <a href='index.php?subtopic=houses'> <div id='submenu_houses' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_houses' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Houses</div> <div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> </div> </a> <a href='index.php?subtopic=guilds'> <div id='submenu_guilds' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_guilds' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Guilds</div> <div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> </div> </a> <a href='index.php?subtopic=team'> <div id='submenu_team' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_team' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Support List</div> <div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> </div> </a> </div> </div> <?PHP echo "<div id='forum' class='menuitem'> <span onClick=\"MenuItemAction('forum')\"> <div class='MenuButton' style='background-image:url(".$layout_name."/images/menu/button-background.gif);'> <div onMouseOver='MouseOverMenuItem(this);' onMouseOut='MouseOutMenuItem(this);'> <div class='Button' style='background-image:url(".$layout_name."/images/menu/button-background-over.gif);'></div> <span id='forum_Lights' class='Lights'> <div class='light_lu' style='background-image:url(".$layout_name."/images/menu/green-light.gif);'></div> <div class='light_ld' style='background-image:url(".$layout_name."/images/menu/green-light.gif);'></div> <div class='light_ru' style='background-image:url(".$layout_name."/images/menu/green-light.gif);'></div> </span> <div id='forum_Icon' class='Icon' style='background-image:url(".$layout_name."/images/menu/icon-forum.gif);'></div> <div id='forum_Label' class='Label' style='background-image:url(".$layout_name."/images/menu/label-forum.gif);'></div> <div id='forum_Extend' class='Extend' style='background-image:url(".$layout_name."/images/general/plus.gif);'></div> </div> </div> </span> <div id='forum_Submenu' class='Submenu'> <a href='index.php?subtopic=forum'> <div id='submenu_forum' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_forum' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Server Forum</div> <div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div> </div> </a> </div> </div>"; ?> <div id='library' class='menuitem'> <span onClick="MenuItemAction('library')"> <div class='MenuButton' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background.gif);'> <div onMouseOver='MouseOverMenuItem(this);' onMouseOut='MouseOutMenuItem(this);'><div class='Button' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/button-background-over.gif);'></div> <span id='library_Lights' class='Lights'> <div class='light_lu' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div> <div class='light_ld' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div> <div class='light_ru' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/green-light.gif);'></div> </span> <div id='library_Icon' class='Icon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-library.gif);'></div> <div id='library_Label' class='Label' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/label-library.gif);'></div> <div id='library_Extend' class='Extend' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/plus.gif);'></div> </div> </div> </span> <div id='library_Submenu' class='Submenu'> <a href='index.php?subtopic=creatures'> <div id='submenu_creatures' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_creatures' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Creatures</div> <div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> </div> </a> <a href='index.php?subtopic=spells'> <div id='submenu_spells' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_spells' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Spells</div> <div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> </div> </a> <?PHP if($config['site']['gallery_page'] == 1) { echo "<a href='index.php?subtopic=gallery'> <div id='submenu_gallery' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_gallery' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Gallery</div> <div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div> </div> </a>"; } if($config['site']['serverinfo_page'] == 1) echo "<a href='index.php?subtopic=serverinfo'> <div id='submenu_serverinfo' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_serverinfo' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Server Info</div> <div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div> </div> </a>"; ?> <a href='index.php?subtopic=experiencetable'> <div id='submenu_experiencetable' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_experiencetable' class='ActiveSubmenuItemIcon' style='background-image:url(<?PHP echo $layout_name; ?>/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Experience Table</div> <div class='RightChain' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/chain.gif);'></div> </div> </a> </div> </div> <?PHP if($config['site']['shop_system'] == 1) { echo "<div id='shops' class='menuitem'> <span onClick=\"MenuItemAction('shops')\"> <div class='MenuButton' style='background-image:url(".$layout_name."/images/menu/button-background.gif);'> <div onMouseOver='MouseOverMenuItem(this);' onMouseOut='MouseOutMenuItem(this);'><div class='Button' style='background-image:url(".$layout_name."/images/menu/button-background-over.gif);'></div> <span id='shops_Lights' class='Lights'> <div class='light_lu' style='background-image:url(".$layout_name."/images/menu/green-light.gif);'></div> <div class='light_ld' style='background-image:url(".$layout_name."/images/menu/green-light.gif);'></div> <div class='light_ru' style='background-image:url(".$layout_name."/images/menu/green-light.gif);'></div> </span> <div id='shops_Icon' class='Icon' style='background-image:url(".$layout_name."/images/menu/icon-shops.gif);'></div> <div id='shops_Label' class='Label' style='background-image:url(".$layout_name."/images/menu/label-shops.gif);'></div> <div id='shops_Extend' class='Extend' style='background-image:url(".$layout_name."/images/general/plus.gif);'></div> </div> </div> </span> </div> <div id='shops_Submenu' class='Submenu'> <a href='index.php?subtopic=buypoints'> <div id='submenu_buypoints' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_buypoints' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'><blink style=\"color: red;\">Buy Points</blink></div> <div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div> </div> </a> <a href='index.php?subtopic=shopsystem'> <div id='submenu_shopsystem' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_shopsystem' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'><div style=\"color: green;\">\$hop Offer</div></div> <div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div> </div> </a>"; if($logged) echo "<a href='index.php?subtopic=shopsystem&action=show_history'> <div id='submenu_shopsystem' class='Submenuitem' onMouseOver='MouseOverSubmenuItem(this)' onMouseOut='MouseOutSubmenuItem(this)'> <div class='LeftChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div> <div id='ActiveSubmenuItemIcon_shopsystem' class='ActiveSubmenuItemIcon' style='background-image:url(".$layout_name."/images/menu/icon-activesubmenu.gif);'></div> <div class='SubmenuitemLabel'>Trans. History</div> <div class='RightChain' style='background-image:url(".$layout_name."/images/general/chain.gif);'></div> </div> </a>"; echo "</div>"; } ?> <div id='MenuBottom' style='background-image:url(<?PHP echo $layout_name; ?>/images/general/box-bottom.gif);'></div> </div> </div> <div id="ContentColumn"> <div class="Content"> <div id="ContentHelper"> <?PHP echo news_place(); ?> <div id="<?PHP echo $subtopic; ?>" class="Box"> <div class="Corner-tl" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/corner-tl.gif);"></div> <div class="Corner-tr" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/corner-tr.gif);"></div> <div class="Border_1" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/border-1.gif);"></div> <div class="BorderTitleText" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/title-background-green.gif);"></div> <img class="Title" src="<?PHP echo $layout_name; ?>/images/header/headline-<?PHP echo $subtopic; ?>.gif" alt="Contentbox headline" /> <div class="Border_2"> <div class="Border_3"> <div class="BoxContent" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/scroll.gif);"> <?PHP echo $main_content; ?> </div> </div> </div> <div class="Border_1" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/border-1.gif);"></div> <div class="CornerWrapper-b"><div class="Corner-bl" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/corner-bl.gif);"></div></div> <div class="CornerWrapper-b"><div class="Corner-br" style="background-image:url(<?PHP echo $layout_name; ?>/images/content/corner-br.gif);"></div></div> </div> </div> </div> <div id="Footer"> <?PHP $time_end = microtime_float(); $time = $time_end - $time_start; ?> Account maker by Gesior. Layout by CipSoft GmbH.<br/>Page has been viewed <?PHP echo $page_views; ?> times. Load time: <?PHP echo round($time, 4); ?> seconds </div> </div> <div id="ThemeboxesColumn"> <div id="RightArtwork"> <img id="Monster" src="monsters/<?PHP echo logo_monster() ?>.gif" onClick="window.location = 'index.php?subtopic=creatures&creature=<?PHP echo logo_monster() ?>';" alt="Monster of the Week" /> <img id="PedestalAndOnline" src="<?PHP echo $layout_name; ?>/images/header/pedestal-and-online.gif" alt="Monster Pedestal and Players Online Box"/> <div id="PlayersOnline" onClick="window.location = 'index.php?subtopic=whoisonline'"> <?PHP if($config['status']['serverStatus_online'] == 1) echo $config['status']['serverStatus_players'].'<br />Players Online'; else echo '<font color="red"><b>Server<br />OFFLINE</b></font>'; ?></div> </div> <div id="Themeboxes"> <div id="NewcomerBox" class="Themebox" style="background-image:url(<?PHP echo $layout_name; ?>/images/themeboxes/newcomer/newcomerbox.gif);"> <div class="ThemeboxButton" onClick="BigButtonAction('?subtopic=createaccount')" onMouseOver="MouseOverBigButton(this);" onMouseOut="MouseOutBigButton(this);" style="background-image:url(<?PHP echo $layout_name; ?>/images/buttons/sbutton.gif);"><div class="BigButtonOver" style="background-image:url(<?PHP echo $layout_name; ?>/images/buttons/sbutton_over.gif);"></div> <div class="ButtonText" style="background-image:url(<?PHP echo $layout_name; ?>/images/buttons/_sbutton_jointibia.gif);"></div> </div> <div class="Bottom" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/box-bottom.gif);"></div> </div> <?PHP if($group_id_of_acc_logged >= $config['site']['access_admin_panel']) { echo '<div id="NewcomerBox" class="Themebox" style="background-image:url('.$layout_name.'/images/themeboxes/admin/admin.png);"><div id="lool" CLASS=white> <table><tr><td height="30"> </td><td> </td></tr> <tr><td height="10"> </td><td><a href="index.php?subtopic=adminpanel"><font color="white"><b>ADMIN PANEL</b></font></a></td></tr> <tr><td height="10"> </td><td><a href="index.php?subtopic=adminpanel&action=editconfigs"><font color="white"><b>EDIT CONFIGS</b></font></a></td></tr> <tr><td height="10"> </td><td><a href="index.php?subtopic=adminpanel&action=editnews"><font color="white"><b>NEWS SYSTEM</b></font></a></td></tr></table></div> <div class="Bottom" style="background-image:url('.$layout_name.'/images/general/box-bottom.gif);"></div> </div>'; } ?> <script type="text/javascript"> InitializePage(); </script> </div> </div> </div> </div> </div> </body> </html>
Then open basic.css, delete everything inside and insert:
Code:body { margin: 0px; padding: 0px; background-color: #061222; } #ArtworkHelper { text-align: center; background-position: top center; background-attachment: scroll; background-repeat: no-repeat; width: 100%; height: 100%; min-width: 1000px; } /* container to implement min/max width */ #Bodycontainer { text-align: left; min-width: 1000px; max-width: 1200px; width: 100%; height: 100%; margin: 0px; margin-left: auto; margin-right: auto; padding: 0px; display: table; } #ContentRow { position: relative; top: 155px; } /* "star-HTML-hack" to correct the position of the content row */ * html #ContentRow { display: inline-block; } #MenuColumn { position: absolute; left: 0px; top: 0px; width: 180px; margin-right: 15px; margin-left: 15px; padding: 0px; font-family: Arial, sans-serif; font-size: 10pt; font-weight: bold; line-height: 12pt; } #ContentColumn { position: relative; margin: 0px; margin-left: 205px; margin-right: 205px; } #ThemeboxesColumn { text-align: center; position: absolute; top: 0px; right: 0px; width: 180px; margin: 0px; margin-right: 15px; margin-left: 25px; } #Footer { font-family: Verdana, Arial, Times New Roman, sans-serif; font-size: 7pt; font-weight: normal; text-align: center; position: relative; width: 100%; padding-bottom: 20px; color: white; } * html #Footer { padding-bottom: 120px; margin-bottom: 50px; } /* Footer linkes */ #Footer a:link { color: white; text-decoration: none; } #Footer a:visited { color: white; text-decoration: none; } #Footer a:focus { color: white; text-decoration: none; } #Footer a:active { color: white; text-decoration: underline; } #Footer a:hover { color: white; text-decoration: underline; } /** ------------------------------- * Stylesheet declarations for the * HEADER AREA * ------------------------------- */ #LeftArtwork { position: absolute; height: 140px; width: 166px; top: -140px; left: 4px; background-repeat: no-repeat; z-index:5; } #LeftArtwork #TibiaLogoArtworkTop { position: absolute; top: 20px; left: 0px; height: 82px; width: 166px; z-index: 5; cursor: pointer; } #LeftArtwork #TibiaLogoArtworkBottom { position: absolute; top: 102px; left: 0px; height: 43px; width: 166px; z-index: 5; } #LeftArtwork #Statue_1{ position: absolute; top: 0px; left: 5px; height: 30px; width: 32px; z-index:10; } #LeftArtwork #Statue_2 { position: absolute; top: 0px; right: 25px; height: 30px; width: 32px; z-index:10; } #LeftArtwork #LogoLink { position: absolute; bottom: 14px; left: 58px; height: 14px; width: 50px; z-index: 99; cursor: pointer; } #RightArtwork { text-align: left; position: absolute; top: -1px; right: 24px; width: 132px; background-repeat: no-repeat; z-index: 90; } #RightArtwork #Monster { position: absolute; height: 80px; width: 80px; top: -137px; left: 8px; z-index: 15; cursor: pointer; } #PedestalAndOnline { position: absolute; top: -105px; width: 132px; height: 111px; } #RightArtwork #PlayersOnline { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size: 7pt; line-height: 8pt; text-align: center; position: absolute; width: 92px; bottom: 11px; left: 21px; color: #cfa600; border-bottom: 1px solid #010101; cursor: pointer; } /** ------------------------------- * Stylesheet declarations for the * LOGINBOX * ------------------------------- */ #Loginbox { position: relative; left: 5px; top: 8px; width: 100%; margin-bottom: 42px; background-repeat: no-repeat; } #Loginbox #LoginTop { position: absolute; left: -5px; top: -12px; height: 12px; width: 180px; background-repeat: no-repeat; } #Loginbox #LoginBottom { position: absolute; top: 52px; left: -5px; height: 12px; width: 180px; background-repeat: no-repeat; } #Loginbox .LoginBorder { position: absolute; top: 0px; height: 52px; width: 8px; background-repeat: repeat-y; z-index: 10; } #Loginbox #BorderRight { right: 9px; } #Loginbox .Loginstatus { position: relative; top: 0px; left: 5px; height: 13px; width: 160px; } #Loginbox .LoginstatusText { position: absolute; top: 1px; left: 18px; width: 124px; height: 11px; cursor: pointer; } #Loginbox #LoginstatusText_1 { top: 2px; cursor: default; } #Loginbox #LoginstatusText_2_1 { visibility: visible; } #Loginbox #LoginstatusText_2_2 { visibility: hidden; } #LoginBox #LoginButtonContainer { margin-left: 5px; height: 26px; width: 160px; background-repeat: repeat-y; } #Loginbox #LoginButton { position: relative; top: 1px; left: 12px; height: 25px; width: 135px; } #Loginbox #LoginButton .Button { position: relative; top: 0px; left: 0px; width: 135px; height: 25px; visibility: hidden; } #Loginbox #LoginButton #ButtonText { position: absolute; top: 0px; left: 0px; height: 22px; width: 135px; z-index: 15; cursor: pointer; } /** ------------------------------- * Stylesheet declarations for the * MENU * ------------------------------- */ #Menu { position: relative; left: 5px; background-repeat: no-repeat; } #MenuTop { position: absolute; left: -5px; top: -12px; height: 12px; width: 180px; background-repeat: no-repeat; } #MenuBottom { position: relative; left: -5px; bottom: 0px; height: 12px; width: 180px; background-repeat: no-repeat; } /* Menuitems */ .MenuButton { position: relative; height: 32px; width: 170px; display: block; cursor: pointer; } .Button { position: relative; height: 32px; width: 170px; visibility: hidden; display: block; } .Extend { position: absolute; top: 20px; right: -2px; height: 12px; width: 12px; background-repeat: no-repeat; } .Lights { visibility: hidden; } .Light_lu { position: absolute; top: 2px; left: 3px; height: 2px; width: 2px; background-repeat: no-repeat; } .Light_ru { position: absolute; top: 2px; right: 3px; height: 2px; width: 2px; background-repeat: no-repeat; } .Light_ld { position: absolute; height: 2px; width: 2px; top: 28px; left: 3px; } .Icon { position: absolute; height: 32px; width: 32px; top: 0px; left: 8px; } .Label { position: absolute; height: 22px; width: 116px; top: 6px; left: 42px; } /* Submenus(items) */ .LeftChain { position: absolute; top: 0px; left: -5px; height: 33px; width: 7px; background-repeat: repeat-y; } .RightChain { position: absolute; top: 0px; right: -4px; height: 33px; width: 7px; background-repeat: repeat-y; } .Submenu { position: relative; margin-left: 5px; margin-right: 5px; background-color: #0D2E2B; width: 160px; } .Submenuitem { position: relative; margin: 0px; padding: 0px; } .ActiveSubmenuItemIcon { position: absolute; top: 5px; left: 3px; width: 10px; height: 10px; background-repeat: no-repeat; visibility: hidden; } .SubmenuitemLabel { margin: 0px; border-top: 0; padding-top: 2px; padding-bottom: 2px; padding-left: 15px; border-bottom: 1px solid #4b7874; overflow: hidden; } /* Submenu links */ .Submenu a:link { color: #d7d7d7; text-decoration: none; } .Submenu a:visited { color: #d7d7d7; text-decoration: none; } .Submenu a:focus { color: #d7d7d7; text-decoration: none; } .Submenu a:active { color: white; text-decoration: none; } .Submenu a:hover { color: white; text-decoration: none; } /** ------------------------------- * Stylesheet declarations for the * CONTENT AREA * ------------------------------- */ .Content .BoxContent { padding: 10px; } /* "tanhack" for correction of IE bug */ * html .Content { top: -5px; } .Content { position: relative; top: 0px; width: 100%; } /* "star-HTML-hack" to correct the position of the content area */ * html .Content { position: relative; top: 796px; margin: 20px; border: 0px dashed #061222; border-right-width: 550px; } #ContentHelper { position: relative; } /* "star-HTML-hack" to to implement min-width in IE */ * html #ContentHelper { display: inline-block; position: relative; top: -800px; margin: -20px; margin-right: -570px; } .Content .Box { font-size: 0pt; position: relative; margin: 5px; margin-bottom: 18px; color: #5A2800; border-left: 2px solid #3a3738; border-right: 2px solid #3a3738; background-color: #debb9d; background-repeat: no-repeat; overflow: visible; } .Content .BoxContent { font-family: Verdana, Arial, Times New Roman, sans-serif; font-size: 9pt; background-color: #FFF2db; color: #5A2800; min-height: 395px; height: auto !important; height: 415px; } /* "star-HTML-hack" to correct Box width in IE */ * html .Content .Box { width: 100%; } /* "star-HTML-hack" to correct BoxContent width in IE */ * html .Content .BoxContent { width: 100%; } .Content th { font-family: Verdana, Arial, Times New Roman, sans-serif; font-size: 10pt; font-weight: bold; text-align: left; color: white; background-color: #505050; } .Content .BoxContent td { font-family: Verdana, Arial, Times New Roman, sans-serif; font-size: 10pt; color: #5A2800; } /* Content Links */ .Content a { font-family: Verdana, Arial, Times New Roman, sans-serif; font-weight: bold; color: #004294; text-decoration: none; } .Content a:hover { font-family: Verdana, Arial, Times New Roman, sans-serif; font-weight: bold; text-decoration: underline; color: #0063DC; } .Content .HelpLink { font-size: 7pt; cursor: pointer; } /* Corners */ .Content .Corner-tl { position: absolute; top: -4px; left: -5px; width: 17px; height: 17px; z-index: 50; } .Content .Corner-tr { position: absolute; top: -4px; right: -5px; width: 17px; height: 17px; z-index: 50; } .Content .BottomCornersHelper { position: absolute; width: 100%; } .Content .CornerWrapper-b { position: absolute; width:100%; } .Content .Corner-bl { position: absolute; bottom: -4px; left: -6px; width: 17px; height: 17px; z-index: 50; } .Content .Corner-br { position: absolute; bottom: -4px; right: -6px; width: 17px; height: 17px; z-index: 50; } /* Borders */ .Content .Border_1 { position: relative; height: 6px; width: 100%; background-repeat: repeat-x; } .Content .BorderTitleText { position: relative; height: 24px; background-repeat: repeat-x; } .Content .Title { position: absolute; top: 6px; left: 5px; } .Content .Border_2 { margin: 4px; padding: 0px; background-color: #793d03; } .Content .Border_3 { margin: 1px; border-top: 1px solid #793d03; border-bottom: 1px solid #793d03; } /** ------------------------------- * Stylesheet declarations for the * THEMEBOXES of the Tibia * website * ------------------------------- */ .Themebox { position: relative; margin-bottom: 10px; top: -4px; width: 180px; height: 154px; } #Themeboxes div { font-size: 10pt; background-repeat: no-repeat; } #Themeboxes .ThemeboxButton { position: absolute; bottom: 20px; left: 22px; height: 25px; width: 137px; cursor: pointer; } #Themeboxes .Bottom { position: absolute; bottom: 0px; left: 0px; height: 12px; width: 180px; } /* "star-HTML-hack" to correct the position of the bottom element */ * html #Themeboxes .Bottom { bottom: -3px; } #Themeboxes #PremiumBox { height: 164px; } #Themeboxes #ScreenshotBox #ScreenshotContent { position: relative; height: 111px; width: 170px; top: 31px; left: 0px; margin-left: 5px; margin-right: 5px; border: 0; cursor: pointer; } #Themeboxes #CurrentPollBox #CurrentPollText { font-family: Verdana, Arial, sans-serif; font-weight: bold; line-height: 11pt; color: #5A2800; position: absolute; height: 70px; width: 150px; top: 37px; left: 15px; padding-top: 5px; overflow: hidden; } #Themeboxes #SkyscraperBanner { border: 0; } /** ------------------------------- * OLD Stylesheet declarations for * the CONTENT AREA * ------------------------------- */ .Content .BoxContent td .white { color: #EFEFEF; visibility: visible; } .Content .BoxContent td .whites { color: #EFEFEF; visibility: visible; font-size: 9pt; } .Content .BoxContent .white { color : #EFEFEF; visibility : visible; } .Content .BoxContent td .green { color : #00BF00; } .Content .BoxContent td .yellow { color : #FFBB05; } .Content .BoxContent td .red { color : #EF0000; } .Content .BoxContent td .grey { color : #808080; } /** ------------------------------- * OLD Stylesheet declarations for * the CONTENT AREA (forum) * ------------------------------- */ .Content .BoxContent .ff_info { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size : 10pt; color : #5A2800; visibility : visible; } .Content .ff_white a { color: #FFFFFF; } .Content .BoxContent .ff_white { font-family : Verdana, Arial, Times New Roman, sans-serif; color : #EFEFEF; visibility : visible; font-size : 7pt; font-weight: bold; } .Content .BoxContent .ff_red { font-family : Verdana, Arial, Times New Roman, sans-serif; color : #EF0000; visibility : visible; font-size : 8pt; font-weight: bold; } .Content .BoxContent .ff_whitelarge { font-family : Verdana, Arial, Times New Roman, sans-serif; color : #EFEFEF; visibility : visible; font-size : 9pt; font-weight: bold; } .Content .BoxContent .ff_info { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size : 8pt; color : #5A2800; visibility : visible; } .Content .BoxContent .ff_infotext { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size : 8pt; color : #5A2800; visibility : visible; line-height: 12pt; } .Content .BoxContent .ff_smallinfo { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size : 7pt; color : #5A2800; visibility : visible; } .Content .BoxContent .ff_large { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size : 12pt; color : #5A2800; visibility : visible; } .Content .BoxContent .ff_pagetext { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size : 9pt; color : #5A2800; visibility : visible; line-height: 13pt; } .Content .BoxContent .ff_pagetextgrey { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size : 9pt; color : #505050; visibility : visible; line-height: 13pt; } .Content .BoxContent .ff_pagetextred { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size : 9pt; color : #F00; visibility : visible; line-height: 13pt; } .Content .BoxContent .ff_correct { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size : 11pt; color : #FF0000; visibility : visible; font-weight: bold; } /** -------------------------------------- * ### not final versions for tests * ### concerning the new payment process * -------------------------------------- */ /* new error handling concept tests */ .FormFieldError { font-size: 8pt; color: red; } .SmallBox { position: relative; font-size: 1px; } .SmallBox .ErrorMessage { font-size: 8pt; position: relative; color: red; height: 100%; background-color: #d4c0a1; padding: 5px; padding-left: 43px; } .SmallBox .Message { font-size: 10pt; position: relative; height: 100%; background-color: #d4c0a1; padding: 10px; } .SmallBox .ErrorMessage ul { padding-left: 15px; } .SmallBox .BoxFrameHorizontal { position: relative; height: 4px; } .SmallBox .BoxFrameVerticalRight { position: absolute; right: 0px; top: 0px; width: 3px; background-repeat: repeat-y; height: 100%; } .SmallBox .BoxFrameVerticalLeft { position: absolute; left: 0px; top: 0px; width: 3px; background-repeat: repeat-y; height: 100%; } .SmallBox .MessageContainer { position: relative; height: 100%; } .SmallBox .BoxFrameEdgeLeftTop { position: absolute; left: -1px; top: -1px; width: 5px; height: 5px; } .SmallBox .BoxFrameEdgeLeftBottom { position: absolute; left: -1px; bottom: -1px; width: 5px; height: 5px; } .SmallBox .BoxFrameEdgeRightTop { position: absolute; right: -1px; top: -1px; width: 5px; height: 5px; } .SmallBox .BoxFrameEdgeRightBottom { position: absolute; right: -1px; bottom: -1px; width: 5px; height: 5px; } .SmallBox .AttentionSign { position: absolute; top: 3px; left: 8px; width: 30px; height: 26px; } /** --------------------------------- * ### not finished versions for the * ### payment process PROGRESS BAR * --------------------------------- */ #ProgressBar #Headline { text-align: center; font-size: 12pt; font-weight: bold; margin-bottom: 5px; } #ProgressBar #MainContainer { position: relative; top: 10px; height: 50px; margin-bottom: 25px; } #ProgressBar #BackgroundContainer { position: relative; width: 100%; } #ProgressBar #BackgroundContainerLeftEnd { position: absolute; float: left; } #ProgressBar #BackgroundContainerCenter { position: absolute; left: 0px; top: 0px; height: 17px; width: 100%; } #ProgressBar #BackgroundContainerCenterImage { position: relative; margin-left: 25px; margin-right: 25px; height: 17px; } #ProgressBar #BackgroundContainerRightEnd { position: absolute; right: 0px; top: 0px; float: right; } #ProgressBar #TubeLeftEnd { position: absolute; left: 25px; top: 4px; } #ProgressBar #TubeRightEnd { position: absolute; right: 25px; top: 4px; z-index: 0; } #ProgressBar .Steps { position: relative; height: 39px; font-size: 9px; float: left; top: -11px; margin-left: -1px; } #ProgressBar #StepsContainer1 { text-align: right; margin-left: 92px; margin-right: 40px; height: 10px; } #ProgressBar #StepsContainer2 { width: 100%; height: 10px; } #ProgressBar .TubeContainer { position: relative; padding-right: 47px; } #ProgressBar .Tube { position: relative; top: 16px; left: 0px; width: 100%; height: 7px; background: #FFFFFF none repeat scroll 0%; } * html #ProgressBar .Tube { top: 13px; } #ProgressBar .SingleStepContainer { position: absolute; top: 0px; width: 47px; height: 30px; right: 0px; text-align: center; } #ProgressBar #FirstStep .SingleStepContainer { left: 45px; width: 47px; position: absolute; } #ProgressBar .StepIcon { position: absolute; right: 0px; } * html #ProgressBar .StepIcon { right: -1px; } #ProgressBar #FirstStep .StepIcon { top: 0px; left: 0px; } #ProgressBar .StepText { top: 40px; position: absolute; width: 200px; right: -77px; } /** ------------------------------- * Stylesheet declarations for the * NEW TABLES * ------------------------------- */ .TableContainer { border: 1px solid black; position: relative; width: 100%; font-size: 1px; } .TableContainer .Odd { background-color: #f1e0c6; } .TableContainer .Even { background-color: #d5c0a1; } /* TABLEHEADER DECORATION */ .TableContainer .CaptionContainer { position: relative; font-size: 1pt; background-color: #5f4d41 !important; height: 100%; width: 100%; text-align: left; } .TableContainer .CaptionContainer .CaptionInnerContainer { position: relative; background-color: #5f4d41; width: 100%; height: 100%; padding-top: 3px; padding-bottom: 4px; } .TableContainer .CaptionContainer .Text { font-family: Verdana, Arial, Times New Roman, sans-serif; font-size: 10pt; font-weight: bold; text-align: left; color: white; padding-left: 10px; padding-top: 0px; padding-bottom: 0px; } .TableContainer .CaptionContainer .CaptionEdgeLeftTop { position: absolute; width: 5px; height: 5px; top: -2px; left: -2px; z-index: 50; } .TableContainer .CaptionContainer .CaptionEdgeRightTop { position: absolute; width: 5px; height: 5px; top: -2px; right: -2px; z-index: 50; } .TableContainer .CaptionContainer .CaptionEdgeLeftBottom { position: absolute; width: 5px; height: 5px; left: -2px; bottom: -3px; z-index: 50; } .TableContainer .CaptionContainer .CaptionEdgeRightBottom { position: absolute; width: 5px; height: 5px; right: -2px; bottom: -3px; z-index: 50; } .TableContainer .CaptionContainer .CaptionBorderTop { position: absolute; width: 100%; height: 4px; left: 0px; top: -1px; } .TableContainer .CaptionContainer .CaptionBorderBottom { position: absolute; width: 100%; height: 4px; left: 0px; bottom: -2px; } .TableContainer .CaptionContainer .CaptionVerticalLeft { position: absolute; height: 100%; width: 3px; left: -1px; top: 0px; } .TableContainer .CaptionContainer .CaptionVerticalRight { position: absolute; height: 100%; width: 3px; right: -1px; top: 0px; } * html .TableContainer .CaptionContainer .CaptionEdgeRightTop { right: -3px; } * html .TableContainer .CaptionContainer .CaptionEdgeLeftBottom { bottom: -4px; } * html .TableContainer .CaptionContainer .CaptionEdgeRightBottom { right: -3px; bottom: -4px; } * html .TableContainer .CaptionContainer .CaptionBorderBottom { bottom: -3; } * html .TableContainer .CaptionContainer .CaptionVerticalRight { right: -2px; } /* TABLE CONTENT */ .TableContentContainer { border: 1px solid #5F4D41; position: relative; margin-right: 4px; height: 100%; background-color: #d4c0a1; padding: 0px; } .TableContent { width: 100%; border-collapse: collapse; } .TableContent td { padding-left: 5px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; } /* INNERLYOUT 1 */ .TableContainer .Table1 { width: 100%; background-color: #d4c0a1; border: 2px solid #55636c; } .TableContainer .Table1 .InnerTableContainer { padding: 5px; } /* INNERLYOUT 2 */ .TableContainer .Table2 { width: 100%; border: 2px solid #55636c; background-color: #f1e0c5; padding: 0px; margin: 0px; border-collapse: collapse; } .TableContainer .Table2 td { padding: 0px; margin: 0px; } .TableContainer .Table2 .InnerTableContainer { margin-top: 1px; } .TableContainer .Table2 .InnerTableContainer table { border-collapse: collapse; } .TableContainer .Table2 .InnerTableContainer td { padding-top: 2px; padding-left: 5px; padding-bottom: 2px; padding-right: 5px; border: 1px solid #faf0d7; } /* INNERLYOUT 3 */ .TableContainer .Table3 { width: 100%; border: 2px solid #55636c; background-color: #f1e0c5; } .TableContainer .Table3 .InnerTableContainer { width: 100%; position: relative; margin-top: 5px; margin-left: 3px; } .TableContainer .Table3 .TableContentAndRightShadow td { border: 1px solid #faf0d7; } /* INNERLYOUT 4 */ .TableContainer .Table4 { width: 100%; border: 2px solid #55636c; background-color: #f1e0c5; } .TableContainer .Table4 .InnerTableContainer { width: 100%; position: relative; margin-top: 3px; } .TableContainer .Table4 .TableContentAndRightShadow .TableContent td { padding-left: 4px; padding-top: 2px; padding-bottom: 2px; } /* INNERLYOUT 5 */ .TableContainer .Table5 { width: 100%; border: 2px solid #55636c; background-color: #f1e0c5; } .TableContainer .Table5 .InnerTableContainer { width: 100%; position: relative; margin-top: 5px; margin-left: 3px; } .TableContainer .Table5 .TableContentAndRightShadow .TableContent td { padding-left: 4px; padding-top: 2px; padding-bottom: 2px; } /* SHADOWS */ .TableShadowContainerRightTop { position: relative; top: 0px; right: 3px; margin-right: 0px; font-size: 1px; float: right; z-index: 99; } .TableShadowRightTop { position: absolute; top: 0px; right: 0px; width: 4px; height: 5px; z-index: 99; } .TableContentAndRightShadow { position: relative; background-repeat: repeat-y; background-position: top right; margin-right: 3px; font-size: 1px; } .TableShadowContainer { position: relative; widht: 100%; margin-right: 5px; } .TableBottomShadow { position: relative; font-size: 1px; height: 5px; width: 100%; padding: 0px; margin: 0px; } .TableBottomLeftShadow { position: relative; height: 5px; width: 4px; float: left; padding: 0px; margin: 0px; } .TableBottomRightShadow { position: relative; float: right; right: -2px; top: 0px; height: 5px; width: 4px; } /* LABELS */ .LabelV { font-weight: bold; padding-right: 10px; white-space: nowrap; vertical-align: top; } .LabelH { font-weight: bold; padding-right: 10px; white-space: nowrap; background-color: #d5c0a1; } .LabelH td { background-color: #d5c0a1; padding-left: 5px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; } /* BUTTONS */ .InnerTableButtonRow { width: 100%; padding-left: 1px; padding-right: 0px; padding-bottom: 4px; border: 0px; } .InnerTableButtonRow td { padding-right: 4px; } .BigButton { position: relative; width: 135px; height: 25px; z-index: 10; } .BigButtonOver { position: absolute; top: 0px; left: 0px; width: 137px; height: 25px; visibility: hidden; z-index: 15; } .ButtonText { position: absolute; top: 0px; left: 0px; height: 25px; width: 135px; z-index: 20; } .TopButtonContainer { position: relative; right: 4px; top: 4px; z-index: 60; } * html .TopButtonContainer { right: 27px; } .TopButtonContainer .TopButton { position: absolute; right: 0px; z-index: 55; } .Content .BoxContent .Odd { background-color: #D4C0A1; padding: 2px; } .Content .BoxContent .Even { background-color: #F1E0C6; padding: 2px; } .Content .NewsCategoryIconSmall { position: absolute; top: 1px; left: 1px; height: 16px; width: 16px; background-repeat: no-repeat; } .Content .BoxContent .Odd { background-color: #D4C0A1; padding: 2px; } .Content .BoxContent .Even { background-color: #F1E0C6; padding: 2px; } .Content .NewsCategoryIconSmall { position: absolute; top: 1px; left: 1px; height: 16px; width: 16px; background-repeat: no-repeat; } .Content .BoxContent .Odd { background-color: #D4C0A1; padding: 2px; } .Content .BoxContent .Even { background-color: #F1E0C6; padding: 2px; } .Content .NewsCategoryIconSmall { position: absolute; top: 1px; left: 1px; height: 16px; width: 16px; background-repeat: no-repeat; } /* News Ticker */ .Content #NewsTicker .BoxContent { padding: 5px; min-height: 90px; height: auto !important; height: 100px; } .Content #NewsTicker .BoxContent .Row { position: relative; width: 100%; } .Content #NewsTicker .NewsTickerIcon { position: absolute; top: 1px; left: 1px; height: 16px; width: 16px; background-repeat: no-repeat; } .Content #NewsTicker .NewsTickerText { font-size: 9pt; position: relative; margin-left: 20px; } .Content #NewsTicker .NewsTickerDate { font-size: 7pt; position: absolute; top: 0px; float: left; } .Content #NewsTicker .NewsTickerShortText { margin-left: 85px; height: 14px; } .Content #NewsTicker .NewsTickerFullText { margin-left: 85px; margin-right: 20px; display: none; } .Content #NewsTicker .NewsTickerExtend { position: relative; right: 0px; top: 1px; right: 1px; height: 12px; width: 12px; background-repeat: no-repeat; float: right; cursor: pointer; z-index: 10; } /* Featured Article */ .Content #FeaturedArticle .BoxContent { position:relative; height: 100px; padding: 5px; padding-left: 10px; min-height: 100px; height: auto !important; height: 110px; line-height: 10.5pt; } .Content #FeaturedArticle #TeaserThumbnail { position: relative; top: 0px; right: 0px; height: 100px; width: 150px; margin-left: 10px; background-color: black; z-index: 90; float: right; } #ContentHelper #FeaturedArticle:first-child .BoxContent { padding: 10px; } .Content #FeaturedArticle #TeaserText { height: 100px; overflow: hidden; z-index: 0; } .Content #FeaturedArticle #Link { position: absolute; top: 0px; right: 0px; margin: 89 165 0 0; z-index: 99; } .Content #FeaturedArticle .NewsHeadlineBackground { position: relative; height: 28px; margin-bottom: 5px; background-repeat: repeat-x; border-left: 1px solid #000000; border-right: 1px solid #000000; } .Content #FeaturedArticle .NewsHeadlineIcon { position: absolute; top: -1px; left: 0px; margin-left: 5px; margin-right: 5px; float:left; } .Content #FeaturedArticle .NewsHeadlineDate { font-size: 7pt; position: absolute; top: 9px; left: 50px; width: 85px; color: white; } .Content #FeaturedArticle .NewsHeadlineText { position: relative; top: 8px; left: 135px; font-size: 10pt; font-weight: bold; color: white; } /* News */ .Content #News .BoxContent { min-height: 100px; height: auto !important; height: 110px; } .Content #News .NewsHeadlineBackground { position: relative; height: 28px; margin-bottom: 5px; background-repeat: repeat-x; border-left: 1px solid #000000; border-right: 1px solid #000000; } .Content #News .NewsHeadlineIcon { position: absolute; top: -1px; left: 0px; margin-left: 5px; margin-right: 5px; } .Content #News .NewsHeadlineDate { font-size: 7pt; position: absolute; top: 10px; left: 50px; width: 85px; color: white; } .Content #News .NewsHeadlineText { position: relative; top: 7px; left: 135px; font-size: 10pt; font-weight: bold; color: white; } /* News Archive */ .Content #NewsArchive .NewsHeadlineBackground { position: relative; height: 28px; margin-bottom: 5px; background-repeat: repeat-x; border-left: 1px solid #000000; border-right: 1px solid #000000; } .Content #NewsArchive .NewsHeadlineIcon { position: absolute; top: -1px; left: 0px; margin-left: 5px; margin-right: 5px; } .Content #NewsArchive .NewsHeadlineDate { font-size: 7pt; position: absolute; top: 9px; left: 50px; width: 85px; color: white; } .Content #NewsArchive .NewsHeadlineText { position: relative; top: 7px; left: 135px; font-size: 10pt; font-weight: bold; color: white; }
Thx for Help @all its fixxed now but when i look with localhost i can see the bug
Yea, you must remember that it takes times to update it.
Because your browser saves it as it is, so it doesn't have to reload it again and again.
So that solved the problem.
i delete my brower and instal new ok?