Forum 
Show Posts
Here's the HTML:
Code:
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php if ( $my->id ) { initEditor(); }
if (mosCountModules('left')==0) $ttoptype = "-full";
if ((mosCountModules( 'user1' )) && (mosCountModules( 'user2' ))) {
$leftuser = 'leftmod';
$rightuser = 'rightmod';
} else if ((mosCountModules( 'user1' )) || (mosCountModules( 'user2' ))) {
$leftuser = 'allmod';
$rightuser = 'allmod';
}
?>
<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<link rel="stylesheet" href="templates/business_plazza/css/template_css.css" type="text/css" />
</head>
<body>
<div id="main">
<div id="head">
<div id="logo"></div>
<div id="btopmenu">
<div id="menutop">
<div><?php mosLoadModules ( 'user3' ); ?></div>
</div>
</div>
</div>
<div id="bodi">
<div id="header"><img src="/templates/business_plazza/rotate.php" alt="Success!" /></div>
<div id="newsflash"><?php mosLoadModules ( 'top',-1 ); ?></div>
</div>
<div id="contentf">
<div id="leftcol">
<?php if ((mosCountModules( 'user1' )) | (mosCountModules( 'user2' ))) { ?>
<div id="extra<?php echo $ttoptype; ?>">
<?php if (mosCountModules( "user1" )) { ?>
<div id="<?php echo $leftuser; echo $ttoptype; ?>">
<?php mosLoadModules ( 'user1'); ?>
</div>
<?php } ?>
<?php if (mosCountModules( "user2" )) { ?>
<div id="<?php echo $rightuser; echo $ttoptype; ?>">
<?php mosLoadModules ( 'user2'); ?>
</div>
<?php } ?>
</div>
<?php } ?><div id="bodycontainer<?php echo $ttoptype; ?>"> <?php mosMainBody(); ?>
<br />
<?php mosLoadModules( "banner", -1 ); ?> </div>
</div>
<?php if (mosCountModules( "left" )) { ?>
<div id="menucol"> <?php mosLoadModules ( 'left' ); ?></div>
<?php } ?>
</div>
<div id="bottom" align="center"><a href="http://validator.w3.org/check?uri=referer"><img src="templates/business_plazza/images/xhtml.png" alt=" " width="80" height="15" border="0" /></a> <a href="http://jigsaw.w3.org/css-validator/check/referer"><img src="templates/business_plazza/images/css.png" alt=" " width="80" height="15" border="0" /></a><br />
<?php include_once('includes/footer.php'); ?>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php if ( $my->id ) { initEditor(); }
if (mosCountModules('left')==0) $ttoptype = "-full";
if ((mosCountModules( 'user1' )) && (mosCountModules( 'user2' ))) {
$leftuser = 'leftmod';
$rightuser = 'rightmod';
} else if ((mosCountModules( 'user1' )) || (mosCountModules( 'user2' ))) {
$leftuser = 'allmod';
$rightuser = 'allmod';
}
?>
<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<link rel="stylesheet" href="templates/business_plazza/css/template_css.css" type="text/css" />
</head>
<body>
<div id="main">
<div id="head">
<div id="logo"></div>
<div id="btopmenu">
<div id="menutop">
<div><?php mosLoadModules ( 'user3' ); ?></div>
</div>
</div>
</div>
<div id="bodi">
<div id="header"><img src="/templates/business_plazza/rotate.php" alt="Success!" /></div>
<div id="newsflash"><?php mosLoadModules ( 'top',-1 ); ?></div>
</div>
<div id="contentf">
<div id="leftcol">
<?php if ((mosCountModules( 'user1' )) | (mosCountModules( 'user2' ))) { ?>
<div id="extra<?php echo $ttoptype; ?>">
<?php if (mosCountModules( "user1" )) { ?>
<div id="<?php echo $leftuser; echo $ttoptype; ?>">
<?php mosLoadModules ( 'user1'); ?>
</div>
<?php } ?>
<?php if (mosCountModules( "user2" )) { ?>
<div id="<?php echo $rightuser; echo $ttoptype; ?>">
<?php mosLoadModules ( 'user2'); ?>
</div>
<?php } ?>
</div>
<?php } ?><div id="bodycontainer<?php echo $ttoptype; ?>"> <?php mosMainBody(); ?>
<br />
<?php mosLoadModules( "banner", -1 ); ?> </div>
</div>
<?php if (mosCountModules( "left" )) { ?>
<div id="menucol"> <?php mosLoadModules ( 'left' ); ?></div>
<?php } ?>
</div>
<div id="bottom" align="center"><a href="http://validator.w3.org/check?uri=referer"><img src="templates/business_plazza/images/xhtml.png" alt=" " width="80" height="15" border="0" /></a> <a href="http://jigsaw.w3.org/css-validator/check/referer"><img src="templates/business_plazza/images/css.png" alt=" " width="80" height="15" border="0" /></a><br />
<?php include_once('includes/footer.php'); ?>
</div>
</div>
</body>
</html>
Here's the CSS:
Code:
* {
padding: 0;
margin: 0;
}
body{
font-family: arial,tahoma,san-serif;
font-size:11px;
color:#000000;
background: url(../images/background.gif) repeat-x;
margin : 0px;
}
td, tr,p,div{
background: transparent;
padding:0px;
}
h1 {
font-size:16px;
}
h2 {font-size:15px;
}
h3 {font-size:14px;
}
h4 {font-size:13px;
}
h5 {font-size:12px;
}
h6 {font-size:11px;
}
.poll input {
margin:5px!important;
margin:0;
}
a:link {
color:#006600;
text-decoration: none;
}
a:visited {
text-decoration: none;
color : #c0c0c0;
}
a:hover {
text-decoration: none;
color: #000000;
}
a:active {
text-decoration: none;
}
ul {
margin: 0px 0px 0px 0px;
}
li {
background: url(../images/arrow.gif) no-repeat;
background-position : 7px;
padding-left : 30px;
font-size : 11px;
list-style:none;
}
.latestnews li{
margin-top : 10px;
background: url(../images/timbul.gif) no-repeat 6px -2px;
padding-left : 30px;
padding-top:0px;
font-size : 11px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.mostread li{
margin-top : 10px;
background: url(../images/timbul.gif) no-repeat 6px -2px;
padding-left : 30px;
padding-top:0px;
font-size : 11px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.blog table.contentpaneopen td{padding:2px;}
.sectiontableheader {
background-color : #51b951;
padding: 2px;
color : #fff;
font-weight : bold;
padding: 2px;
border-bottom:1px #989800 solid;
}
.sectiontableentry1 td{
background:url(../images/dot.gif) bottom center repeat-x;
}
.sectiontableentry2 td{
background:url(../images/dot.gif) bottom center repeat-x;
}
.componentheading {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #89b330;
text-align:left;
line-height: 16px;
background : transparent;
background-repeat: no-repeat;
background-position : 7px;
text-transform:uppercase;
}
.category {
color: #fff;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
a.category:link, a.category:visited {
color: #666666;
font-weight: bold;
}
a.category:hover {
color: #333333;
font-weight: bold;
}
ul#mainlevel-nav {
list-style : none;
font-size : 11px;
background : #333;
}
ul#mainlevel-nav li {
float : left;
width : 100px;
font-size : 11px;
font-weight : bold;
text-transform : lowercase;
text-align : center;
line-height : 37px;
font-family : Tahoma,Arial, Helvetica, sans-serif;
display : block;
background:none;
padding-left:0px;
}
ul#mainlevel-nav li a {
display : block;
padding-left : 5px;
padding-right : 5px;
padding-top:3px;
text-decoration : none;
color : #ffffff;
background:url(../images/center-topmenu.png) repeat-x;
font-weight : normal;
}
ul#mainlevel-nav li a:hover {
display : block;
padding-left : 5px;
padding-right : 5px;
padding-top:3px;
text-decoration : none;
color : #f8f8f8;
background:url(../images/center-topmenu-hover.png) no-repeat top center;
font-weight:bold;
}
table.moduletable {
margin-left: 5px;
width: 95%;
}
table.moduletable th {
color:#333;
padding:5px 0px 5px 25px;
text-align:left;
font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;
letter-spacing:5px;
background:url(../images/tombol2.gif) no-repeat 3px;
}
table.moduletable td {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align :justify;
color: #828282;
background : transparent;
}
.contentpane {
background-color : transparent;
}
.contentpaneopen {
text-align : justify;
background-color : transparent;
}
.contentpaneopen fieldset{
width: 460px!important;
width: 460px;
border: none;
}
.contentheading {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #89b330;
text-align:left;
background : transparent;
background-repeat: no-repeat;
background-position : 7px;
text-transform:uppercase;
}
.contentpagetitle {
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#89b330;
text-align:left;
background : transparent;
}
.contentdescription {
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-align: left;
background : transparent;
width:100%;
}
.content_rating {
font-weight: normal;
font-size: 8pt;
background : transparent;
}
.content_vote {
font-weight: normal;
font-size: 8pt;
background : transparent;
}
a.blogsection:link, a.blogsection:visited {
color: #333333;
text-decoration: none;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
background : transparent;
}
a.blogsection:hover {
color: #333333;
text-decoration: underline;
font-size: 10px;
background : transparent;
}
.createdate {
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
color: #ccc;
text-decoration: none;
}
.modifydate {
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
color: #333;
text-decoration: none;
font-weight: normal;
}
.readon{
background:url(../images/plus.gif) no-repeat 3px;
padding-left:20px;
}
a.readon:link, a.readon:visited {
color: #333;
text-decoration: none;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
}
a.readon:hover {
color: #ccc;
font-weight: normal;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
}
.small {
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
color: #666;
text-decoration: none;
font-weight: normal;
}
a.mainlevel:link, a.mainlevel:visited {
color: #757A7D;
font-weight: bold;
font-size : 10px;
text-decoration:none;
text-align: left;
padding-bottom : 2px;
padding-left : 30px;
padding-top : 5px;
line-height : 20px;
background: url(../images/tombol.gif) no-repeat left bottom;
font-family:Tahoma,Arial, Helvetica, sans-serif;
text-transform:uppercase;
display:block;
letter-spacing:5px;
}
a.mainlevel:hover {
color: #022B70;
font-weight:bold;
text-decoration:none;
text-align: left;
background: url(none);
padding-left : 30px;
}
#active_menu {
color:#666666;
}
a.sublevel:link, a.sublevel:visited {
font-size: 11px;
color: #828282;
padding:5px 0 0 25px;
display:block;
width:100%;
line-height:20px;
font-weight:normal;
letter-spacing:5px;
}
a.sublevel:hover {
color: #006600;
text-decoration: none;
}
.button {
color: #fff;
font-family:arial,tahoma;
margin: 3px;
font-weight:bold;
text-align: center;
font-size: 11px;
background: #6aa431;
border: 1px solid #64a325;
height: 20px;
text-transform : uppercase;
padding:0 3px 0 3px;
}
.inputbox{
font-size:11px;
}
.mosimage {
border:0;
padding-top:1px;
margin: 5px
}
.mosimage_caption {
margin-top: 2px;
background-color: #fff;
padding: 1px 2px;
color: #333;
font-size: 10px;
}
#main {
width : 710px;
height : auto;
margin : auto;
}
#head {
width : 710px;
height : 80px;
float : left;
}
#bodi {
width : 710px;
height : 200px;
background : #fff;
float : left;
}
#contentf {
width : 710px;
height : auto;
background :#fff;
float : left;
line-height:20px;
}
#bottom {
width : 700px;
height : 70px;
float : left;
padding:10px 0 0 0;
background: url(../images/bgmainbody.png) repeat-x top right;
}
#logo {
width : 250px;
height : 82px!important;
height:80px;
background-image: url(../images/logo.gif);
background-repeat: no-repeat;
float : left;
}
#btopmenu {
width : 460px;
height : 70px;
float : right;
margin-top : 10px;
background:url(../images/bgmenu.gif) no-repeat top right;
}
#menutop {
width : 430px;
height : 70px!important;
height:37px;
float: left;
margin-left : 10px;
margin-top:33px!important;
margin-top:30px;
padding-left:10px;
background:url(../images/left-topmenu.png) no-repeat top left;
}
#menutop div {
background:url(../images/right-topmenu.png) no-repeat top right;
}
#header {
width : 500px;
height : 200px;
background-image : url(none);
float : left;
}
#newsflash {
font-family : Arial,tahoma;
width : 190px;
height : 140px;
background: url(../images/bgnewsflash.png) no-repeat;
float : right;
color:#FFFFFF;
padding:50px 10px 10px 10px;
font-size:10px;
overflow:auto;
}
#searchboxs {
float:right;
background: none;
margin-top : 135px;
background:url(../images/bgsearch.gif) no-repeat top center;
width:165px;
height:40px;
padding-top:23px!important;
padding-left:15px;
padding-top:21px;
}
#searchboxs input { border:none;}
.tombol {
width : 20px;
height : 20px;
background : #333333;
border : 1px solid #333333;
color : #ffffff;
text-align : center;
}
#leftcol {
width : 500px;
height : auto;
float: left;
}
#bodycontainer {
width : 470px;
height : auto;
float: left;
padding:15px;
background:url(../images/bgmainbody.png) repeat-x;
}
#bodycontainer-full {
width :680px;
height : auto;
float: left;
padding:0px;
background:url(../images/bgmainbody.png) repeat-x;
}
#menucol {
width : 200px;
height : auto;
background:url(../images/bgrightmod.png) no-repeat #fff;
float : right;
padding : 0px 5px 5px 0px;
}
#extra {
width : 500px;
float: left;
background:url(../images/bgthleftmod.gif) #6AD16A repeat-x;
}
#extra-full {
width : 710px;
float: left;
background:url(../images/bgthleftmod.gif) #6AD16A repeat-x;
}
#leftmod {
padding-bottom:10px;
width : 240px;
float: left;
background:url(../images/bgthleftmod.gif) #6AD16A repeat-x;
}
#leftmod-full {
padding-bottom:10px;
width :340px;
float: left;
background:url(../images/bgthleftmod.gif) #6AD16A repeat-x;
}
#leftmod td,
#leftmod-full td
{
color:#999999;
padding-top:5px;
line-height:11px;
}
#leftmod td a,
#leftmod-full td a {
color:#fff;
}
#leftmod td a:hover ,
#leftmod-full td a:hover{
color:#333;
}
#leftmod th,
#leftmod-full th {
color:#ffffff;
padding-top:5px;
padding-left:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
text-transform:lowercase;
background:none;
}
#rightmod {
width : 245px;
float: right;
padding-bottom:10px;
padding-left:10px;
padding-right:5px;
background:url(../images/bgthleftmod.gif) #6AD16A repeat-x;
}
#rightmod-full {
width : 345px;
float: right;
padding-bottom:10px;
padding-left:10px;
padding-right:5px;
background:url(../images/bgthleftmod.gif) #6AD16A repeat-x;
}
#rightmod td ,
#rightmod-full td{
color:#999999;
padding-top:5px;
line-height:11px;
}
#rightmod td a,
#rightmod-full td a {
color:#fff;
}
#rightmod td a:hover ,
#rightmod-full td a:hover{
color:#333;
}
#rightmod th ,
#rightmod-full th{
color:#ffffff;
padding-top:5px;
padding-left:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
text-transform:lowercase;
background:none;
}
#allmod,
#allmod-full {
width : 100%;
padding-bottom:10px;
background:url(../images/bgthleftmod.gif) #6AD16A repeat-x;
}
#allmod td,
#allmod-full td {
color:#999999;
padding-top:5px;
line-height:11px;
}
#allmod td a,
#allmod-full td a {
color:#fff;
}
#allmod td a:hover,
#allmod-full td a:hover {
color:#333;
}
#allmod th,
#allmod-full th {
color:#ffffff;
padding-top:5px;
padding-left:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
text-transform:lowercase;
background:none;}
padding: 0;
margin: 0;
}
body{
font-family: arial,tahoma,san-serif;
font-size:11px;
color:#000000;
background: url(../images/background.gif) repeat-x;
margin : 0px;
}
td, tr,p,div{
background: transparent;
padding:0px;
}
h1 {
font-size:16px;
}
h2 {font-size:15px;
}
h3 {font-size:14px;
}
h4 {font-size:13px;
}
h5 {font-size:12px;
}
h6 {font-size:11px;
}
.poll input {
margin:5px!important;
margin:0;
}
a:link {
color:#006600;
text-decoration: none;
}
a:visited {
text-decoration: none;
color : #c0c0c0;
}
a:hover {
text-decoration: none;
color: #000000;
}
a:active {
text-decoration: none;
}
ul {
margin: 0px 0px 0px 0px;
}
li {
background: url(../images/arrow.gif) no-repeat;
background-position : 7px;
padding-left : 30px;
font-size : 11px;
list-style:none;
}
.latestnews li{
margin-top : 10px;
background: url(../images/timbul.gif) no-repeat 6px -2px;
padding-left : 30px;
padding-top:0px;
font-size : 11px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.mostread li{
margin-top : 10px;
background: url(../images/timbul.gif) no-repeat 6px -2px;
padding-left : 30px;
padding-top:0px;
font-size : 11px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.blog table.contentpaneopen td{padding:2px;}
.sectiontableheader {
background-color : #51b951;
padding: 2px;
color : #fff;
font-weight : bold;
padding: 2px;
border-bottom:1px #989800 solid;
}
.sectiontableentry1 td{
background:url(../images/dot.gif) bottom center repeat-x;
}
.sectiontableentry2 td{
background:url(../images/dot.gif) bottom center repeat-x;
}
.componentheading {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #89b330;
text-align:left;
line-height: 16px;
background : transparent;
background-repeat: no-repeat;
background-position : 7px;
text-transform:uppercase;
}
.category {
color: #fff;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
a.category:link, a.category:visited {
color: #666666;
font-weight: bold;
}
a.category:hover {
color: #333333;
font-weight: bold;
}
ul#mainlevel-nav {
list-style : none;
font-size : 11px;
background : #333;
}
ul#mainlevel-nav li {
float : left;
width : 100px;
font-size : 11px;
font-weight : bold;
text-transform : lowercase;
text-align : center;
line-height : 37px;
font-family : Tahoma,Arial, Helvetica, sans-serif;
display : block;
background:none;
padding-left:0px;
}
ul#mainlevel-nav li a {
display : block;
padding-left : 5px;
padding-right : 5px;
padding-top:3px;
text-decoration : none;
color : #ffffff;
background:url(../images/center-topmenu.png) repeat-x;
font-weight : normal;
}
ul#mainlevel-nav li a:hover {
display : block;
padding-left : 5px;
padding-right : 5px;
padding-top:3px;
text-decoration : none;
color : #f8f8f8;
background:url(../images/center-topmenu-hover.png) no-repeat top center;
font-weight:bold;
}
table.moduletable {
margin-left: 5px;
width: 95%;
}
table.moduletable th {
color:#333;
padding:5px 0px 5px 25px;
text-align:left;
font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;
letter-spacing:5px;
background:url(../images/tombol2.gif) no-repeat 3px;
}
table.moduletable td {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align :justify;
color: #828282;
background : transparent;
}
.contentpane {
background-color : transparent;
}
.contentpaneopen {
text-align : justify;
background-color : transparent;
}
.contentpaneopen fieldset{
width: 460px!important;
width: 460px;
border: none;
}
.contentheading {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #89b330;
text-align:left;
background : transparent;
background-repeat: no-repeat;
background-position : 7px;
text-transform:uppercase;
}
.contentpagetitle {
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#89b330;
text-align:left;
background : transparent;
}
.contentdescription {
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-align: left;
background : transparent;
width:100%;
}
.content_rating {
font-weight: normal;
font-size: 8pt;
background : transparent;
}
.content_vote {
font-weight: normal;
font-size: 8pt;
background : transparent;
}
a.blogsection:link, a.blogsection:visited {
color: #333333;
text-decoration: none;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
background : transparent;
}
a.blogsection:hover {
color: #333333;
text-decoration: underline;
font-size: 10px;
background : transparent;
}
.createdate {
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
color: #ccc;
text-decoration: none;
}
.modifydate {
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
color: #333;
text-decoration: none;
font-weight: normal;
}
.readon{
background:url(../images/plus.gif) no-repeat 3px;
padding-left:20px;
}
a.readon:link, a.readon:visited {
color: #333;
text-decoration: none;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
}
a.readon:hover {
color: #ccc;
font-weight: normal;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
}
.small {
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
color: #666;
text-decoration: none;
font-weight: normal;
}
a.mainlevel:link, a.mainlevel:visited {
color: #757A7D;
font-weight: bold;
font-size : 10px;
text-decoration:none;
text-align: left;
padding-bottom : 2px;
padding-left : 30px;
padding-top : 5px;
line-height : 20px;
background: url(../images/tombol.gif) no-repeat left bottom;
font-family:Tahoma,Arial, Helvetica, sans-serif;
text-transform:uppercase;
display:block;
letter-spacing:5px;
}
a.mainlevel:hover {
color: #022B70;
font-weight:bold;
text-decoration:none;
text-align: left;
background: url(none);
padding-left : 30px;
}
#active_menu {
color:#666666;
}
a.sublevel:link, a.sublevel:visited {
font-size: 11px;
color: #828282;
padding:5px 0 0 25px;
display:block;
width:100%;
line-height:20px;
font-weight:normal;
letter-spacing:5px;
}
a.sublevel:hover {
color: #006600;
text-decoration: none;
}
.button {
color: #fff;
font-family:arial,tahoma;
margin: 3px;
font-weight:bold;
text-align: center;
font-size: 11px;
background: #6aa431;
border: 1px solid #64a325;
height: 20px;
text-transform : uppercase;
padding:0 3px 0 3px;
}
.inputbox{
font-size:11px;
}
.mosimage {
border:0;
padding-top:1px;
margin: 5px
}
.mosimage_caption {
margin-top: 2px;
background-color: #fff;
padding: 1px 2px;
color: #333;
font-size: 10px;
}
#main {
width : 710px;
height : auto;
margin : auto;
}
#head {
width : 710px;
height : 80px;
float : left;
}
#bodi {
width : 710px;
height : 200px;
background : #fff;
float : left;
}
#contentf {
width : 710px;
height : auto;
background :#fff;
float : left;
line-height:20px;
}
#bottom {
width : 700px;
height : 70px;
float : left;
padding:10px 0 0 0;
background: url(../images/bgmainbody.png) repeat-x top right;
}
#logo {
width : 250px;
height : 82px!important;
height:80px;
background-image: url(../images/logo.gif);
background-repeat: no-repeat;
float : left;
}
#btopmenu {
width : 460px;
height : 70px;
float : right;
margin-top : 10px;
background:url(../images/bgmenu.gif) no-repeat top right;
}
#menutop {
width : 430px;
height : 70px!important;
height:37px;
float: left;
margin-left : 10px;
margin-top:33px!important;
margin-top:30px;
padding-left:10px;
background:url(../images/left-topmenu.png) no-repeat top left;
}
#menutop div {
background:url(../images/right-topmenu.png) no-repeat top right;
}
#header {
width : 500px;
height : 200px;
background-image : url(none);
float : left;
}
#newsflash {
font-family : Arial,tahoma;
width : 190px;
height : 140px;
background: url(../images/bgnewsflash.png) no-repeat;
float : right;
color:#FFFFFF;
padding:50px 10px 10px 10px;
font-size:10px;
overflow:auto;
}
#searchboxs {
float:right;
background: none;
margin-top : 135px;
background:url(../images/bgsearch.gif) no-repeat top center;
width:165px;
height:40px;
padding-top:23px!important;
padding-left:15px;
padding-top:21px;
}
#searchboxs input { border:none;}
.tombol {
width : 20px;
height : 20px;
background : #333333;
border : 1px solid #333333;
color : #ffffff;
text-align : center;
}
#leftcol {
width : 500px;
height : auto;
float: left;
}
#bodycontainer {
width : 470px;
height : auto;
float: left;
padding:15px;
background:url(../images/bgmainbody.png) repeat-x;
}
#bodycontainer-full {
width :680px;
height : auto;
float: left;
padding:0px;
background:url(../images/bgmainbody.png) repeat-x;
}
#menucol {
width : 200px;
height : auto;
background:url(../images/bgrightmod.png) no-repeat #fff;
float : right;
padding : 0px 5px 5px 0px;
}
#extra {
width : 500px;
float: left;
background:url(../images/bgthleftmod.gif) #6AD16A repeat-x;
}
#extra-full {
width : 710px;
float: left;
background:url(../images/bgthleftmod.gif) #6AD16A repeat-x;
}
#leftmod {
padding-bottom:10px;
width : 240px;
float: left;
background:url(../images/bgthleftmod.gif) #6AD16A repeat-x;
}
#leftmod-full {
padding-bottom:10px;
width :340px;
float: left;
background:url(../images/bgthleftmod.gif) #6AD16A repeat-x;
}
#leftmod td,
#leftmod-full td
{
color:#999999;
padding-top:5px;
line-height:11px;
}
#leftmod td a,
#leftmod-full td a {
color:#fff;
}
#leftmod td a:hover ,
#leftmod-full td a:hover{
color:#333;
}
#leftmod th,
#leftmod-full th {
color:#ffffff;
padding-top:5px;
padding-left:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
text-transform:lowercase;
background:none;
}
#rightmod {
width : 245px;
float: right;
padding-bottom:10px;
padding-left:10px;
padding-right:5px;
background:url(../images/bgthleftmod.gif) #6AD16A repeat-x;
}
#rightmod-full {
width : 345px;
float: right;
padding-bottom:10px;
padding-left:10px;
padding-right:5px;
background:url(../images/bgthleftmod.gif) #6AD16A repeat-x;
}
#rightmod td ,
#rightmod-full td{
color:#999999;
padding-top:5px;
line-height:11px;
}
#rightmod td a,
#rightmod-full td a {
color:#fff;
}
#rightmod td a:hover ,
#rightmod-full td a:hover{
color:#333;
}
#rightmod th ,
#rightmod-full th{
color:#ffffff;
padding-top:5px;
padding-left:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
text-transform:lowercase;
background:none;
}
#allmod,
#allmod-full {
width : 100%;
padding-bottom:10px;
background:url(../images/bgthleftmod.gif) #6AD16A repeat-x;
}
#allmod td,
#allmod-full td {
color:#999999;
padding-top:5px;
line-height:11px;
}
#allmod td a,
#allmod-full td a {
color:#fff;
}
#allmod td a:hover,
#allmod-full td a:hover {
color:#333;
}
#allmod th,
#allmod-full th {
color:#ffffff;
padding-top:5px;
padding-left:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
text-transform:lowercase;
background:none;}
I'm using Joomla 1.0.12
