I decided to try using Widnet layout for my server. To make a more suitable to my older layout and scripts i need to make the widnet layout more wider.
This show you how i mean, i've made a print screen.
Between the left and right table i should be more space.
I don't know where i can change this. Maybe these files?
or...
Hope you understand how i mean!
Thanks in advance!
This show you how i mean, i've made a print screen.
Between the left and right table i should be more space.
I don't know where i can change this. Maybe these files?
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title><?PHP echo $title ?></title>
<link href="<?PHP echo $layout_name; ?>/imagess/fav.ico" rel="shortcut icon" type="image/x-icon" />
<link rel="stylesheet" href="<?PHP echo $layout_name; ?>/imagess/shadowbox.css" type="text/css" />
<link rel="stylesheet" href="<?PHP echo $layout_name; ?>/imagess/templatep.css" type="text/css" />
<link rel="stylesheet" href="<?PHP echo $layout_name; ?>/imagess/mod_yoo_slider.css" type="text/css" />
<link rel="stylesheet" href="<?PHP echo $layout_name; ?>/imagess/mod_yoo_drawer.css" type="text/css" />
<link rel="stylesheet" href="<?PHP echo $layout_name; ?>/imagess/mod_yoo_search.css" type="text/css" />
<link rel="stylesheet" href="<?PHP echo $layout_name; ?>/imagess/mod_yoo_carousel.css" type="text/css" />
<script type="text/javascript" src="<?PHP echo $layout_name; ?>/imagess/jquery.js"></script>
<script type="text/javascript" src="<?PHP echo $layout_name; ?>/imagess/mootools.js"></script>
<script type="text/javascript" src="<?PHP echo $layout_name; ?>/imagess/caption.js"></script>
<script type="text/javascript" src="<?PHP echo $layout_name; ?>/imagess/mod_yoo_slider.js"></script>
<script type="text/javascript" src="<?PHP echo $layout_name; ?>/imagess/mod_yoo_drawer.js"></script>
<script type="text/javascript" src="<?PHP echo $layout_name; ?>/imagess/mod_yoo_search.js"></script>
<script type="text/javascript" src="<?PHP echo $layout_name; ?>/imagess/mod_yoo_carousel.js"></script>
<script type="text/javascript">
var YtSettings = { tplurl: '<?PHP echo $config['server']['serverName']; ?>', color: 'concrete', layout: 'left', fontDefault: 'font-medium', widthDefault: 'width-wide', widthThinPx: 790, widthWidePx: 960, widthFluidPx: 0.9 };
</script>
<script type="text/javascript" src="<?PHP echo $layout_name; ?>/imagess/ajax.js"></script>
<link rel="stylesheet" type="text/css" href="<?PHP echo $layout_name; ?>/imagess/style.css"/>
<link rel="stylesheet" type="text/css" href="<?PHP echo $layout_name; ?>/imagess/comment_style.css"/>
<script type="text/javascript" src="<?PHP echo $layout_name; ?>/imagess/plugins/system/yoo_effects/yoo_effects.js.php@lb=1&re=1&sl=1"></script>
<script type="text/javascript" src="<?PHP echo $layout_name; ?>/imagess/template.js"></script>
</head>
<body id="page" class="yoopage font-medium width-wide left showright default yootools-black">
<div id="page-body">
<div class="page-body-m">
<div class="page-body-t">
<div class="page-body-b">
<div class="page-body-h">
<div class="wrapper floatholder">
<div id="header">
<div class="header-l">
<div class="header-r">
<div id="toolbar">
<div class="floatbox ie_fix_floats">
<div id="date">
</div>
<div id="topmenu">
<ul class="menu">
<li class="level1 item1 "><span><a>IP:<?PHP echo $config['server']['ip']; ?></a></span></li>
<li class="level1 item2 "><a href="?subtopic=createaccount" class="level1 item2"><span>Create Account</span></a></li>
<li class="level1 item3 last"><a href="?subtopic=team" class="level1 item2 last">Gamemaster List</a></li>
</ul>
</div>
<div id="styleswitcher">
</div>
</div>
</div>
<div id="menubar">
<div class="menubar-l">
<div class="menubar-r"></div>
</div>
</div>
<div id="menu">
<ul class="menu">
<li class="level1 item1 first active current"><a href="?subtopic=latestnews" class="level1 item1 first active current"><span><span class="title">Home</span><span class="sub">Home Page</span></span></a></li>
<li class="level1 item2 parent"><span class="separator level1 item2 parent"><span><span class="title">Shop</span><span class="sub">SMS Payment</span></span></span>
<ul class="level2">
<li class="level2 item1 first"><a href="?subtopic=buypoints" class="level2 item2"><span>Buy Points</span></a></li>
<li class="level2 item2"><a href="?subtopic=shopsystem" class="level2 item3 last"><span>Shop Offer</span></a></li>
</ul>
</li>
<li class="level1 item3 parent"><span class="separator level1 item3 parent"><span><span class="title">Forums</span><span class="sub">Our community</span></span></span>
<ul class="level2">
<li class="level2 item1 first last"><a href="?subtopic=forum" class="level2 item1 first last"><span>Community Board</span></a></li>
</ul>
</li>
<li class="level1 item5 last"><a href="?subtopic=createaccount" class="level1 item5"><span><span class="title">Register</span>
<span class="sub">Create Account</span></span></a></li>
<li class="level1 item4 parent"><span class="separator level1 item4 parent"><span><span class="title">Others</span><span class="sub">Server Addons</span></span></span>
<ul class="level2">
<li class="level2 item1 first"><a href="?subtopic=wars" class="level2 item3"><span>Guild Wars</span></a></li>
<li class="level2 item2 last"><a href="?subtopic=auctionsystem" class="level2 item3 last"><span>Auctions</span></a></li>
</ul></li>
</ul></li>
</div>
<div id="logo">
<div class="spotlight"></div>
</div>
</div>
</div>
</div>
<!-- header end -->
<div id="top">
<div class="floatbox ie_fix_floats">
<div class="topblock width100 float-left">
<div class="module deepest blank">
<div class="slideshow">
<div id="yoo-carousel-1" class="yoo-carousel" style="width: 960px;height: 200px;">
<div style="overflow: hidden; height: 200px;">
<div class="frame" style="width: 960px;">
<div class="prev">
<a class="button-prev" href="javascript:void(0)" title="Previous slide" style="height: 200px;">
</a>
</div>
<div class="panel-container" style="width: 960px;">
<div class="panel-container-bl">
<div class="panel-container-br" style="height: 200px;">
<div class="panel" style="width: 960px;">
<div style="width: 5763px;">
<div class="floatbox" style="background: transparent url('<?PHP echo $layout_name; ?>/imagess/logo/1.png') repeat scroll 0% 0%; width: 960px; height: 200px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /></div>
</div>
</div>
</div>
</div>
</div>
<div class="next">
<a class="button-next" href="javascript:void(0)" title="Next slide" style="height: 200px;">
</a>
</div>
</div>
</div>
</div>
</div><script type="text/javascript">
// <!--
window.addEvent('domready', function() { new YOOcarousel('yoo-carousel-1', { transitionEffect: 'crossfade', transitionDuration: 3000, rotateAction: 'mouseover', rotateActionDuration: 1000, rotateActionEffect: 'crossfade', slideInterval: 1000, autoplay: 'off' }); });
// -->
</script>
</div>
</div>
</div>
</div>
<!-- top end -->
<div id="middle">
<div class="middle-container-t">
<div class="middle-tl"></div>
<div class="middle-tr"></div>
<div class="middle-t"></div>
</div>
<div class="middle-l">
<div class="middle-l-ie6"></div>
<div class="middle-r-ie6"></div>
<div class="middle-r">
<div class="middle-m">
<div class="background">
<div id="left">
<div id="left_container" class="clearfix">
<div class="mod-tab mod-menu">
<div class="module">
<div class="module-2">
<div class="module-3">
<div class="module-4">
<div class="module-5 deepest">
<div class="header-container-1">
<div class="header-container-2">
<div class="header-l"></div>
<div class="header-r"></div>
<h3 class="module"><span class="color">Main</span> Menu</h3>
</div>
</div>
<div style="overflow: hidden;">
<ul class="menu">
<li class="level1 item3 first"><a href="?subtopic=latestnews" class="level1 item3 first"><span>Latest news</span></a></li>
<li class="level1 item3 first"><a href="?subtopic=archive" class="level1 item3 first"><span>News archive</span></a></li>
<li class="level1 item7"><a href="?subtopic=lottery" class="level1 item7"><span>Lottery</span></a></li> </ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mod-tab mod-menu">
<div class="module">
<div class="module-2">
<div class="module-3">
<div class="module-4">
<div class="module-5 deepest">
<div class="header-container-1">
<div class="header-container-2">
<div class="header-l"></div>
<div class="header-r"></div>
<h3 class="module"><span class="color"><?PHP echo $config['server']['serverName ']; ?></span> Community</h3>
</div>
</div>
<div style="overflow: hidden;">
<ul class="menu">
<li class="level1 item3 first"><a href="?subtopic=characters" class="level1 item3 first"><span>Characters</span></a></li>
<li class="level1 item7 last"><a href="?subtopic=whoisonline" class="level1 item7">Who Is Online?</a></li>
<li class="level1 item7"><a href="?subtopic=highscores" class="level1 item7"><span>Highscores</span></a></li>
<li class="level1 item7 last"><a href="?subtopic=frags" class="level1 item7">Top Frags <font color="#CC3333">[new]</font></a></li>
<li class="level1 item7"><a href="?subtopic=guilds" class="level1 item7"><span>Guilds</span></a></li>
<li class="level1 item7"><a href="?subtopic=killstatistics" class="level1 item7"><span>Kill Statistics</span></a></li>
<li class="level1 item7"><a href="?subtopic=war" class="level1 item7"><span><b>War Statistics</b> <font color="#CC3333">[new]</font></span></a></li>
<li class="level1 item7 last"><a href="?subtopic=auctions" class="level1 item7"><b>Player Auctions</b> <font color="#CC3333">[new]</font></a></li>
<li class="level1 item7 last"></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mod-tab mod-menu">
<div class="module">
<div class="module-2">
<div class="module-3">
<div class="module-4">
<div class="module-5 deepest">
<div class="header-container-1">
<div class="header-container-2">
<div class="header-l"></div>
<div class="header-r"></div>
<h3 class="module"><span class="color"><?PHP echo $config['server']['serverName']; ?></span> library</h3>
</div>
</div>
<div style="overflow: hidden;">
<ul class="menu">
<li class="level1 item7 first"><a href="?subtopic=changelog" class="level1 item7">Changelog</a></li>
<li class="level1 item7 first"><a href="?subtopic=spells" class="level1 item7">Spells</a></li>
<li class="level1 item7 last"><a href="?subtopic=houses" class="level1 item7">Houses</a></li>
<li class="level1 item7 first"><a href="?subtopic=polls" class="level1 item7">Polls</a></li>
<li class="level1 item7"><a href="?subtopic=creatures" class="level1 item7">Creatures</a></li>
<li class="level1 item7"><a href="?subtopic=bans" class="level1 item7">Ban List</a></li>
<li class="level1 item7"><a href="?subtopic=feedback" class="level1 item7">Feedback</a></li>
<li class="level1 item7"><a href="?subtopic=experiencetable" class="level1 item7">Experience table</a></li>
<li class="level1 item7 last"><a href="?subtopic=serverinfo" class="level1 item7"><b>Server Info</b> <font color="#CC3333">[new]</font></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="module">
<div class="module-2">
<div class="module-3">
<div class="module-4">
<div class="module-5 deepest">
<div class="header-container-1">
<div class="header-container-2">
<div class="header-l"></div>
<div class="header-r"></div>
<h3 class="module"><span class="color">SMS</span> Shop</h3>
</div>
</div>
<div style="overflow: hidden;">
<ul class="menu">
<li class="level1 item7 first"><a href="?subtopic=buypoints" class="level1 item7"><font color="green"><b>Buy Points</b></font></a></li>
<li class="level1 item7 last"><a href="?subtopic=shopsystem" class="level1 item7"><font color="red"><b><blink>Shop Offer</blink></b></font></a></li>
<?PHP if($logged)
echo '<li class="level1 item7 last"><a href="?subtopic=shopsystem&action=show_history" class="level1 item7"><font color="yellow"><b>Shop History</b></font></a></li>'; ?>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<center>
</center>
</div>
</div>
<!-- left end -->
<div id="main">
<div id="main_container" class="clearfix">
<div id="mainmiddle" class="floatbox">
<div id="right">
<div id="right_container" class="clearfix">
<div class="mod-tab">
<div class="module">
<div class="module-2">
<div class="module-3">
<div class="module-4">
<div class="module-5 deepest">
<div class="header-container-1">
<div class="header-container-2">
<div class="header-l"></div>
<div class="header-r"></div>
<h3 class="module"><span class="color">Infor</span>mation</h3>
</div>
</div>
<div style="overflow: hidden;">
<font color="white">
<?PHP if($config['status']['serverStatus_online'] == 1) echo '<font color="limegreen"><b>Server Online</b></font>'; else echo '<font color="red"><b>Sever Offline</b></font>'; ?><br />
Uptime: <?PHP if($config['status']['serverStatus_online'] == 1) echo $config['status']['serverStatus_uptime'].''; else echo '0h 0m'; ?><br />
Players Online: <?PHP if($config['status']['serverStatus_online'] == 1) echo $config['status']['serverStatus_players'].''; else echo '0'; ?><br />
Record: <?PHP $record = $SQL->query('SELECT `record` FROM `server_record` ORDER BY `record` DESC LIMIT 1;'); foreach($record as $result) { echo ''.$result['record'].''; } ?><br />
<?
$plik = "online.txt";
$czas = 60;
$t = time();
$ip = $HTTP_SERVER_VARS['REMOTE_ADDR'];
$u = explode("\n", str_replace("\r", "", @join("", @file($plik))));
foreach($u as $i => $v) {
$e = explode("|", $v);
if($e[0] == $ip || $e[1] < $t) unset($u[$i]);
}
$u[] = $ip . "|" . ($t + $czas);
$fp = fopen($plik, "w");
flock($fp, 2);
fputs($fp, join("\n", $u));
flock($fp, 3);
fclose($fp);
echo 'Users on page: '.count($u);
?></a></font>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mod-tab">
<div class="module">
<div class="module-2">
<div class="module-3">
<div class="module-4">
<div class="module-5 deepest">
<div class="header-container-1">
<div class="header-container-2">
<div class="header-l"></div>
<div class="header-r"></div>
<h3 class="module"><span class="color">Manage</span> Account</h3>
</div>
</div>
<div style="overflow: hidden;">
<?PHP if($logged)
{
echo '
+ <b><a href="?subtopic=accountmanagement" class="menu">My Account</a><br />
+ <a href="?subtopic=bugtracker" class="menu">Bug Tracker</a><br />
+ <a href="?subtopic=forum" class="menu">Forum</a><br />
+ <a href="?subtopic=polls" class="menu">Polls</a><br />
+ <a href="?subtopic=tibiarules" class="menu">'.$config['server']['serverName'].' Rules</a><br />
+ <a href="?subtopic=accountmanagement&action=logout" class="menu">Log out</a></b><br />
';
}
else
{
echo '<form action="?subtopic=accountmanagement" method="post" ><font color="white">Account:<br></font><input class="menuForm" type="password" name="account_login" SIZE="18" maxlength="10" ><br><font color="white">Password:<br></font><input class="menuForm" type="password" name="password_login" size="18" maxlength="29" ><br><br><input type="image" src="'.$layout_name.'/images/login.gif" value="Login" /></form>+ <b><a href="?subtopic=createaccount" class="menu">Create Account</a></b><br />
+ <a href="?subtopic=lostaccount" class="menu">Recover account</a><br />
+ <a href="?subtopic=tibiarules" class="menu">'.$config['server']['serverName'].' Rules</a><br />';
}
if($group_id_of_acc_logged >= $config['site']['access_admin_panel'])
echo '<center><br /><h6>Admin Panel</h6></center>
+ <a href="?subtopic=adminpanel" class="menu">Admin Panel</a><br />
+ <a href="?subtopic=shopadmin" class="menu">Shop Admin</a><br />
+ <a href="?subtopic=namelock" class="menu">Namelock</a><br />
+ <a href="?subtopic=polls&control=true" class="menu">Polls Admin</a><br />
+ <a href="?subtopic=bugtracker&control=true" class="menu">Bug Tracker Admin</a><br />
+ <a href="?subtopic=hause-clean" class="menu">Clean Hauses</a><br />';
?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mod-default">
<div class="module">
<div class="module-2">
<div class="module-3">
<div class="module-4 deepest">
<h3 class="module"><span class="module-2"><span class="module-3"><span class="color">Search</span> Character</span></span></h3>
<div class="default">
<div id="yoo-search-1" class="yoo-search">
<form action="?subtopic=characters" method="post">
<div class="searchbox" style="">
<button class="search-magnifier" type="submit" value="Search"></button>
<input class="searchfield" type="text" onFocus="if(this.value=='character name...') this.value='';" onBlur="if(this.value=='') this.value='character name...';" value="character name..." size="20" alt="character name..." maxlength="25" name="name" autocomplete="off" />
<button class="search-close" type="reset" value="Reset"></button>
</div>
<input type="hidden" name="task" value="search" />
<input type="hidden" name="option" value="com_search" />
</form>
<div class="resultbox" style="width: 400px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- //koment//-->
<div class="mod-tab">
<div class="module">
<div class="module-2">
<div class="module-3">
<div class="module-4">
<div class="module-5 deepest">
<div class="header-container-1">
<div class="header-container-2">
<div class="header-l"></div>
<div class="header-r"></div>
<h3 class="module"><span class="color">Vote</span> Now</h3>
</div>
</div>
<div style="overflow: hidden;">
<div>
<div>
<?php
$topic = $SQL->query("SELECT * FROM `z_polls` WHERE `end` > ".time().";")->fetch();
if($topic['end'] > time())
$active = '<font color="#c4b346" size="2"><b><i>'.$topic['question'].'</i></b></font><br/><br/><a href=?subtopic=polls&id='.$temat['id'].'>Vote Now!</a>';
else
$active = '<font color="#c4b346" size="2"><b><i>There isn`t any active poll at the moment.</i></b></font>';
echo "<center> $active </center>";
?> </div>
</div>
</div>
</div>
</div>
</div> </div> </div> </div>
<!--//koment//-->
<div class="mod-tab">
<div class="module">
<div class="module-2">
<div class="module-3">
<div class="module-4">
<div class="module-5 deepest">
<div class="header-container-1">
<div class="header-container-2">
<div class="header-l"></div>
<div class="header-r"></div>
<h3 class="module"><span class="color">Support</span> System</h3>
</div>
</div>
<div style="overflow: hidden;">
<div>
<div>
<?php
$limitt = 6;
$skills = $SQL->query('SELECT name,group_id,online FROM players WHERE group_id > 1 AND group_id < 7 ORDER BY group_id DESC LIMIT '.$limitt)->fetchAll();
$number_of_rows = 0;
foreach($skills as $skillss)
{
$number_of_rows++;
echo '+ <b></b><a href="index.php?subtopic=characters&name='.urlencode($skillss['name']).'" class="menu">'.(($skillss['online']>0)?('<font color="green">'.$skillss['name'].'</font></a><br />'):('<font color="red">'.$skillss['name'].'</font></a></b><br />'));
}
?> </div>
</div>
</div>
</div>
</div>
</div> </div> </div> </div>
<!--//koment//-->
<div class="mod-tab">
<div class="module">
<div class="module-2">
<div class="module-3">
<div class="module-4">
<div class="module-5 deepest">
<div class="header-container-1">
<div class="header-container-2">
<div class="header-l"></div>
<div class="header-r"></div>
<h3 class="module"><span class="color">Top 5</span> Players</h3>
</div>
</div>
<div style="overflow: hidden;">
<div>
<div>
<?php
$limitt = 5;
$skills = $SQL->query('SELECT name,level,experience FROM players WHERE group_id < '.$config['site']['players_group_id_block'].' AND name != "Account Manager" ORDER BY level DESC, experience DESC LIMIT '.$limitt)->fetchAll();
$number_of_rows = 0;
foreach($skills as $skillss)
{
$number_of_rows++;
echo '+ <b></b><a href="index.php?subtopic=characters&name='.urlencode($skillss['name']).'" class="menu">'.$skillss['name'].'</a><br>';
echo '<em class="style2">Level: <b>'.urlencode($skillss['level']).'</b></em></li><br />';
}
?> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- right end -->
<div id="content">
<div id="content_container" class="clearfix">
<div id="contenttop" class="floatbox">
<div class="contenttopbox left width100 float-left">
<div class="module deepest blank">
<script type="text/javascript">
// <!--
new YOOslider('yoo-slider-1', '#yoo-slider-1 .slide', { layout: 'horizontal', sizeNormal: 175, sizeFull: 310 });
// -->
</script>
</div>
</div>
</div>
<!-- contenttop end -->
<div id="breadcrumb"><span class="breadcrumbs pathway"></span></div>
<!-- main content here-->
<div class="floatbox">
<div class="post">
<?PHP echo $main_content; ?>
</div>
</div>
</div>
</div>
<!-- content end -->
</div>
<!-- mainmiddle end -->
</div>
</div>
<!-- main end -->
</div>
</div>
</div>
</div>
<div class="middle-container-b">
<div class="middle-bl"></div>
<div class="middle-br"></div>
<div class="middle-b"></div>
</div>
</div>
<!-- middle end -->
<div id="footer">
<center>
Copyright 2010. All rights reserved. <?PHP echo $config['server']['serverName']; ?> and <a href="http://otland.net/members/widnet/">widnet</a><br />
</center>
</div>
<!-- footer end -->
<div id="debug">
</div>
<!-- debug end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- page-body end -->
</body>
</html>
or...
PHP:
/* Sharing Toolbar Styling */
/* IE 6 Compatibility mode */
.show-comment, .show-linkmore, .show-hit, .jctools,
.show-feed, .show-report, .show-voteup, .show-votedown{
display:inline;
float:right;
height:18px;
text-indent: 24px;
margin-left: 4px;
margin-right: 4px;
background-repeat:no-repeat;
background-position: 0 50%;
}
div.commentBlogView > div.show-comment,
div.commentBlogView > div.show-linkmore,
div.commentBlogView > div.show-hit,
div.jctools, div.show-feed, div.show-report,
div.show-voteup, div.show-votedown{
display:inline;
float:right;
height:18px;
text-indent: 24px;
margin-left: 4px;
margin-right: 4px;
background-repeat:no-repeat;
background-position: 0 50%;
}
div.show-result{
display: none;
float:right;
height:18px;
text-indent: 24px;
margin-left: 4px;
margin-right: 4px;
}
/* For IE Only */
div.show-comment {
background: transparent url(toolbar.gif) no-repeat 0 71px;
}
div.show-linkmore {
background: transparent url(toolbar.gif) no-repeat 0 -90px;
}
div.show-hit {
background: transparent url(toolbar.gif) no-repeat 0 -35px;
}
/* More specific rule for other browser */
div.commentBlogView > div.show-comment {
background: transparent url(toolbar.gif) no-repeat 0 -71px;
}
div.commentBlogView > div.show-linkmore {
background: transparent url(toolbar.gif) no-repeat 0 -90px;
}
div.commentBlogView > div.show-hit{
background: transparent url(toolbar.gif) no-repeat 0 -35px;
}
div.show-feed {
width: 18px;
background-image:none;
}
div.jcfav {
background: transparent url(toolbar.gif) no-repeat 0 -54px;
}
div.jcshare {
background: transparent url(toolbar.gif) no-repeat 0 1px;
}
div.jcemail {
background: transparent url(toolbar.gif) no-repeat 0 -16px;
}
div.jcpreview {
background: transparent url(toolbar.gif) no-repeat -18px -36px;
}
/* Sharing Toolbar Styling */
div.commentBlogView {
display: block;
text-align: right;
padding-top: 6px;
padding-bottom: 6px;
margin-top: 4px;
margin-bottom: 4px;
clear: both;
}
div.voteReport {
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
margin-top: 0px;
padding: 3px;
right: -2px;
position: absolute;
text-align: center;
top: -2px;
display: none;
}
div.commentTools {
border-bottom: 1px solid #BCBCBC;
height: 18px;
}
.jomauthor {
background: #fff;
}
#jc_commentsDiv blockquote {
color: #747474;
padding-left: 30px;
}
.avatarImg {
display: block;
padding: 6px;
}
.avatarImg img {
border: 1px solid #ddd
}
#jc_name, #jc_website, #jc_email, #jc_title, #jc_comment, #jc_password {
width: 98%;
padding: 4px;
margin: 0ex;
}
#jc_name, #jc_website, #jc_email, #jc_password {
width: 50%;
}
#jc_commentForm {
padding-top: 2px;
padding-bottom: 6px;
}
#jc_commentForm label {
font-weight: bold;
padding-top: 6px;
padding-bottom: 4px;
display: block;
}
#jc_commentForm button, #jc_captchaImg {
margin-top: 6px;
margin-bottom: 4px;
}
.CommentArea {
margin: 8px 4px 8px 0px;
width: 100%;
display: block;
position: relative;
}
.CommentTitle {
margin-bottom: 6px;
font-size: 1em;
font-weight: normal;
}
.jomentry1 .CommentArrow,
.jomentry2 .CommentArrow {
background: transparent url(comment-arrow.gif) no-repeat 0 0;
width: 14px;
height: 14px;
margin-bottom: -7px;
}
.jomauthor .CommentArrow {
background: transparent url(comment-arrow.gif) no-repeat 0 -18px;
width: 14px;
height: 14px;
margin-bottom: -7px;
}
.jomentry1 .CommentText,
.jomentry1 .CommentText,
.jomauthor .CommentText {
padding-bottom: 3px;
background-image: url(comment-shadow.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
.jomauthor .CommentText {
background: #f5f5c1;
}
.CommentText blockquote {
color: #747474;
padding-left: 30px;
}
.CommentText2 {
border: solid 1px #bcbcbc;
padding: 3px;
}
.CommentText3 {
padding: 5px;
font-size: .9em;
position: relative;
}
.CommentFooter {
margin-top: 4px;
font-size: 80%;
color: #666666;
padding-left: 16px;
}
/* Trackbacks */
#trackback_link, .feed_link {
height: 16px;
vertical-align: middle;
text-align: left;
cursor: pointer;
font-size: 90%;
}
#trackback_link a, .feed_link a {
border-bottom: dashed 1px #CACACA;
}
#trackback_link img, .feed_link img {
vertical-align: middle;
padding-right: 2px;
padding-left: 2px;
}
#comment_title {
margin-top: 20px;
margin-bottom: 8px;
}
#written_comments_title {
margin-top: 14px;
}
.comment_action {
background-color: #eee;
border-color: #ccc rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204);
border-style: solid;
border-width: 1px;
color: #333333;
display: -moz-inline-box;
font-family: Tahoma, Arial, Helvetica;
font-size: 100%;
margin: 1px;
vertical-align: middle;
white-space: nowrap;
position: absolute;
right: 0px;
top: 0px;
}
#jc_commentForm label.subscribe, #jc_commentForm label.agree {
font-style: normal;
font-weight: normal;
}
#jc_commentsDiv .jc_comment_panel {
margin: 0;
padding: 0;
width: 100%;
height: 25px;
}
#jc_commentsDiv .jc_comment_panel li {
list-style: none;
float: right;
background: none;
padding: 0 0 0 10px;
margin: 0;
display: inline;
}
#jc_commentsDiv .jc_comment_panel li a {
padding: 0 0 0 20px;
}
#jc_commentsDiv .jc_comment_panel .jc_comment_panel_up {
width: 56px;
}
#jc_commentsDiv .jc_comment_panel .jc_comment_panel_down {
width: 72px;
}
#jc_commentsDiv .jomentry1 .jc_comment_panel .jc_comment_panel_up a:link,
#jc_commentsDiv .jomentry1 .jc_comment_panel .jc_comment_panel_up a:visited,
#jc_commentsDiv .jomentry2 .jc_comment_panel .jc_comment_panel_up a:link,
#jc_commentsDiv .jomentry2 .jc_comment_panel .jc_comment_panel_up a:visited {
height: 18px;
display: block;
cursor: pointer;
background: transparent url(votings.gif) no-repeat 0 2px;
}
#jc_commentsDiv .jomentry1 .jc_comment_panel .jc_comment_panel_up a:hover,
#jc_commentsDiv .jomentry2 .jc_comment_panel .jc_comment_panel_up a:hover {
background: transparent url(votings.gif) no-repeat 0 -16px;
}
#jc_commentsDiv .jomentry1 .jc_comment_panel .jc_comment_panel_down a:link,
#jc_commentsDiv .jomentry1 .jc_comment_panel .jc_comment_panel_down a:visited,
#jc_commentsDiv .jomentry2 .jc_comment_panel .jc_comment_panel_down a:link,
#jc_commentsDiv .jomentry2 .jc_comment_panel .jc_comment_panel_down a:visited {
height: 18px;
display: block;
cursor: pointer;
background: transparent url(votings.gif) no-repeat 0 -34px;
}
#jc_commentsDiv .jomentry1 .jc_comment_panel .jc_comment_panel_down a:hover,
#jc_commentsDiv .jomentry2 .jc_comment_panel .jc_comment_panel_down a:hover {
background: transparent url(votings.gif) no-repeat 0 -52px;
}
#jc_commentsDiv .jc_comment_panel .jc_comment_panel_report {
width: 82px;
}
#jc_commentsDiv .jomentry1 .jc_comment_panel .jc_comment_panel_report a:link,
#jc_commentsDiv .jomentry1 .jc_comment_panel .jc_comment_panel_report a:visited,
#jc_commentsDiv .jomentry2 .jc_comment_panel .jc_comment_panel_report a:link,
#jc_commentsDiv .jomentry2 .jc_comment_panel .jc_comment_panel_report a:visited {
height: 18px;
display: block;
cursor: pointer;
background: transparent url(votings.gif) no-repeat 0 -71px;
}
#jc_commentsDiv .jomentry1 .jc_comment_panel .jc_comment_panel_report a:hover,
#jc_commentsDiv .jomentry2 .jc_comment_panel .jc_comment_panel_report a:hover {
background: transparent url(votings.gif) no-repeat 0px -89px;
}
Hope you understand how i mean!
Thanks in advance!
Last edited: