Ok, I've edited the css to make the left and right blocks narrower, so that the center content is more prominent. Seems I've made an error somewhere though as when you click on the main TABS there apears a bleed on the right hand side, the closer the tab is to the right, the more bleed there is. Haven't got a clue whats causing it. Have a look through this css and see if you can spot it. I'll also leave the theme running on
My Site /* Overall definitions ============================================== */
/* commented backslash hack v2 */
html, body{height:100%;}
/* end hack */
body {
padding:0;
margin:0;
background : #FED66B;
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #000093;
}
/* XOOPS API Styles +++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* settings for the Main Menu */
td#mainmenu a
{
display: block;
padding: 04px;
}
td#mainmenu a:hover
{
background-color: #FEE39C;
}
td#mainmenu a.menuTop
{
padding-left: 4px;
}
td#mainmenu a.menuMain
{
padding-left: 4px;
}
td#mainmenu a.menuSub
{
background-color: #FEE39C;
margin-left : 10px;
padding-left: 15px;
}
/* settings for the User Menu */
td#usermenu a
{
display: block;
padding: 4px;
}
td#usermenu a:hover
{
background-color: #FEE39C;
}
td#usermenu a.menuTop
{
padding-left: 3px;
}
td#usermenu a.highlight {}
/* The following appear to primarily apply to the NEWS stories, */
/* though they may be found in other areas as well */
/*
BEGIN NEWS SECTION DEALING PRIMARILY WITH NEWS
*/
.item
{
}
.itemHead
{
border-style: solid;
border-color: #FE4F1B;
border-width: 00px 00px 01px 00px;
padding: 0 0 03px 0;
position:relative;
}
.itemInfo
{
text-align: right;
padding: 3px;
color: #999999;
}
.itemTitle a
{
font-size: 14px;
font-family: arial, verdana, sans-serif;
}
.itemTitle a:hover
{
}
.itemPoster
{
color: #000093;
font-size: 10px;
}
.itemPostDate
{
color: #000093;
font-size: 10px;
}
.itemStats
{
color: #000093;
font-size: 10px;
}
.itemBody
{
text-align: left;
}
.itemText
{
margin-top: 7px;
margin-bottom: 7px;
line-height: 1.5em;
}
.itemText:first-letter {}
.itemFoot
{
text-align: right;
padding: 3px;
color: #999999;
}
.itemAdminLink {}
.itemPermaLink {}
/*
END SECTION DEALING PRIMARILY WITH NEWS
*/
/* Styles used to draw homogeneous tables */
/* Described in a seperate page in the xoops.org wiki */
.outer
{
border: 1px solid silver;
}
.head
{
background-color: #F6F8FA;
padding: 3px;
font-weight: bold;
}
.even
{
background-color: #F7F1DF;
padding: 5px;
}
.odd
{
background-color: #FFDEAD;
padding:3px;
}
.foot
{
background-color: #F6F8FA;
padding: 3px;
text-align: center;
color: #666666;
}
tr.even td
{
background-color: #dee3e7;
padding: 5px;
}
tr.odd td
{background-color: #E9E9E9;
padding: 5px;
}
/* NOT INCLUDED IN DEFAULT */
/* customization to add special color to forum title head. requires editing newbb_index.html template as well */
.outerhead{}
.outerhead a
{
font-size: 12px;
color : #FFFFFF;
}
.outerhead a:hover{}
/* NOT SURE Special system messages MAYBE */
/* I leave the defaults */
div.errorMsg
{
background-color: #FFCCCC;
text-align: center;
border-top: 1px solid #DDDDFF;
border-left: 1px solid #DDDDFF;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
font-weight: bold;
padding: 10px;
}
div.confirmMsg
{
background-color: #DDFFDF;
color: #136C99;
text-align: center;
border-top: 1px solid #DDDDFF;
border-left: 1px solid #DDDDFF;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
font-weight: bold;
padding: 10px;
}
div.resultMsg
{
background-color : #CCCCCC;
color: #333333;
text-align: center;
border-top: 1px solid silver;
border-left: 1px solid silver;
font-weight: bold;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 10px;
}
/* Settings for when you insert code in a forum post */
div.xoopsCode
{
background: #FFFFFF;
border: 1px inset #000080;
font-family: "Courier New",Courier,monospace;
padding: 0px 6px 6px 6px;
}
/* Settings for when you quote during a forum post */
div.xoopsQuote
{
background: #FFFFFF;
border: 1px inset #000080;
font-family: "Courier New",Courier,monospace;
padding: 0px 6px 6px 6px;
}
/* Styles for the commenting system */
.comTitle
{
font-weight: bold;
margin-bottom: 2px;
}
.comText
{
padding: 2px;
}
.comUserStat
{
font-size: 12px;
color: #333333;
font-weight:bold;
border: 1px solid #cccccc;
background-color: #ffffff;
margin: 2px;
padding: 2px;
}
.comUserStatCaption
{
font-weight: normal;
}
.comUserStatus
{
margin-left: 2px;
margin-top: 10px;
color: #333333;
font-weight:bold;
font-size: 12px;
}
.comUserRank
{
margin: 2px;
}
.comUserRankText
{
font-size: 12px;
font-weight:bold;
}
.comUserRankImg
{
border: 0;
}
.comUserName {}
.comUserImg
{
margin: 2px;
}
.comDate
{
font-weight: normal;
font-style: italic;
font-size: smaller
}
.comDateCaption
{
font-weight: bold;
font-style: normal;
}
/* Text definitions =============================================== */
p
{
padding: 10px;
margin: 0;
}
h1
{
color: #000093;
font-size: 14px;
font-family: arial, verdana, sans-serif;
padding: 0 0 03px 0;
margin: 05px 10px 05px 10px;
}
h2
{
color: #000093;
font-size: 10px;
text-align: right;
}
img
{
border-style: none;
}
/* XOOPS API ++++++++++++++++++++++++++++*/
/* Controls general global elements */
div#content
{
text-align: left;
padding: 8px;
}
/* This controls the default link settings & link mouseover/hover settings */
a
{
color: #000093;
text-decoration: underline;
font-weight: bold;
background-color: transparent;
}
a:hover
{
color: #000093;
text-decoration : none;
}
h3
{
font-size : 13px;
}
h4
{
font-size : 12px;
}
h5
{
font-size : 11 px;
}
hr
{
color: #000093;
height: 1px;
}
ul
{
margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li
{
margin-left: 2px; list-style: square inside; color: #2F5376
}
INPUT
{
BORDER-RIGHT: #0188AF 1px solid;
BORDER-TOP: #0188AF 1px solid;
FONT-SIZE: 9px;
BORDER-LEFT: #0188AF 1px solid;
COLOR: #003366;
BORDER-BOTTOM: #0188AF 1px solid;
FONT-FAMILY: "Tahoma", "Verdana", "Helvetica", "sans-serif";
BACKGROUND-COLOR: #FFE49A;
margin: 03px 0px 03px 0px;
}
select
{
FONT-SIZE: 9px;
BORDER-RIGHT: #0188AF 1px solid;
BORDER-TOP: #0188AF 1px solid;
BORDER-LEFT: #0188AF 1px solid;
COLOR: #003366;
BORDER-BOTTOM: #0188AF 1px solid;
FONT-FAMILY: "Verdana", "Helvetica", "sans-serif";
BACKGROUND-COLOR: #FFE49A;
}
textarea
{
FONT-SIZE: 9px;
BORDER-RIGHT: #0188AF 1px solid;
BORDER-TOP: #0188AF 1px solid;
BORDER-LEFT: #0188AF 1px solid;
COLOR: #003366;
BORDER-BOTTOM: #0188AF 1px solid;
FONT-FAMILY: "Verdana", "Helvetica", "sans-serif";
BACKGROUND-COLOR: #FFE49A;
}
/* The default settings for ALL tables on a site, unless explicity defined for a particular table */
table
{
width: 100%;
margin: 5;
padding: 5;
font-size: 11px;
}
table td
{
padding: 0;
border-width: 0;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Controls the settings for a table header */
th
{
background-color: #ECF1F5;
text-align: left;
padding: 3px;
color: #000093;
}
/* Header and Banner Definitions ============================================= */
/* START - first example */
/* set millions of background images */
.rbroundbox { background: url(../images/head_bg.gif) repeat; }
.rbtop div { background: url(../images/tl1.gif) no-repeat top left; }
.rbtop { background: url(../images/tr3.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl2.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br4.gif) no-repeat bottom right; }
/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 4px;
font-size: 1px;
}
.rbcontent { margin: 0 4px; }
.rbcontent p
{
color: #FFF;
font-size: 10px;
padding: 04px 10px 03px 10px;
}
.rbcontent a
{
color: #FFF;
text-decoration: underline;
}
.rbcontent a:hover
{
color: #FFF;
text-decoration: none;
}
.rbroundbox
{
width: 99%;
margin : 00px 05px 05px 05px;
}
/* END - first example */
.banner
{
border-style: none;
text-align : center;
padding : 15px 00px 00px 00px;
}
/* Page definitions =============================================== */
#wrapouter {
width : 99%;
}
#outer{
height:100%;
min-height:100%;
min-width:400px;
margin-left:172px;
margin-right:170px;
background: #FFFFFF;
border-left:1px solid #000093;
border-right:1px solid #000093;
margin-bottom:-52px;
}
#outer2 {
height:100%;
min-height:100%;
min-width:400px;
margin-left:172px;
background: #FFFFFF;
border-left:1px solid #000093;
margin-bottom:-52px;
}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
html>body #outer2{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#newheader{
margin-left:-173px;
margin-right:-171px;
background:#FFF;
position:relative;
}
#newheader2{
margin-left:-173px;
background:#FFF;
position:relative;
}
* html #newheader {height:1px}/* ie needs this*/
* html #newheader2 {height:1px}/* ie needs this*/
#topwhite{
min-width:400px;
height:30px;
min-height:30px;
padding : 05px 00px 00px 00px;
}
html>body #topwhite {height:auto}
#headerouter{
background:#FFFFFF;
min-width:400px;
height:90px;
min-height:90px;
border-top:1px solid #000093;
position:relative;
}
html>body #headerouter {height:auto}
#header {
margin-left:170px;
border-left : 1px solid #000093;
height:90px;
min-height:90px;
position:relative;
}
html>body #header {height:auto}
#topleft {
width:170px;
float:left;
margin-left:-169px;/*must be 1px less than width otherwise won't push footer down */
position:relative;
}
#headerouter #topleft img
{
border-style: none;
margin: 00px 00px 00px 00px;
}
#left {
position:relative;/*ie needs this to show float */
width:172px;
float:left;
margin-left:-171px;/*must be 1px less than width otherwise won't push footer down */
}
#left h1
{
background: #FFE49A;
width: 150px;
font-family: verdana, lucida, arial, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #000093;
border-style: solid;
border-width: 0 0 01px 0;
border-color: #000093;
padding: 05px 10px 05px 10px;
margin: 0px 0px 5px 0px;
}
/* Left and Right Block Content */
#left .blockContent
{
padding: 0px 05px 0px 05px;
}
#right .blockContent
{
padding: 0px 05px 0px 10px;
}
* html #left {padding-bottom:52px ;margin-right:-3px;}/*fix gap in ie next to float and clear footer because we've moved float too far left*/
#right {
position:relative;
width:170px;
float:right;
margin-right:-169px;
}
/*#right h1
{
background: #FFE49A;
width: 150px;
font-family: verdana, lucida, arial, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #000093;
border-style: solid;
border-width: 0 0 01px 0;
border-color: #000093;
padding: 05px 08px 05px 10px;
margin: 0px 0px 5px 10px;
}*/
#right h1
{
background: #FFE49A;
width: 150px;
font-family: verdana, lucida, arial, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #000093;
border-bottom:1px solid #000093;
padding: 05px 08px 05px 8px;
margin: 0px 0px 5px 02px;
}
html>body #right h1
{
padding-bottom:5px;
margin-left:2px;
}
#footer {
width:100%;
clear:both;
height:50px;
border-top:1px solid #000093;
border-bottom:1px solid #ffffff;
background-color: #000000;
text-align:center;
position:relative;
}
#footer p
{
color: #FFFFFF;
padding: 04px 10px 03px 10px;
text-align: center;
}
#footer a
{
color: #FFFFFF;
text-decoration: underline;
}
#footer a:hover
{
color: #FFFFFF;
text-decoration: none;
}
* html #footer {/*only ie gets this style*/
height:52px;/* for ie5 */
height:50px;/* for ie6 */
}
#clearheader{height:178px;}/*needed to make room for header*/
#clearfooter{clear:both;height:40px;}/*needed to make room for footer*/
* > html #clearfooter {float:left;width:100%;}/* ie mac styles */
div,p {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */
#centrecontent {
POSITION: relative;
padding: 03px;
}
/* Content Definitions =============================================== */
#content-nav {
background:#FEE39C;
width:100%;
min-width:400px;
height:45px;
overflow:hidden;
border-bottom : 1px solid #000093;
border-top : 1px solid #000093;
clear:both;
position:relative;
}
/* Nav Definitions =============================================== */
/* Top Row */
#navigation
{
position: relative;
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
#navigation li
{
float: left;
margin: 0;
padding: 0;
display: block;
}
#navigation a
{
display: block;
color: #000093;
text-decoration: none;
font-weight: bold;
font-size: 11px;
background: #FEE39C;
margin: 0;
padding: 04px 10px 04px 10px;
border-style: solid;
border-color: #000093;
border-width: 0 01px 0 0;
}
#navigation a:hover, #navigation a:active, #navigation a.here:link, #navigation a.here:visited
{
background: #FFE49A;
display: block;
background: #FED66B;
}
#navigation a.here:link, #navigation a.here:visited
{
position: relative;
z-index: 102;
background: #FED66B;
}
/* Bottom Row */
#navigation ul
{
position:absolute;
left: 0;
top: 20px;
background: #FED66B;
width: 100%;
margin: 0;
padding: 05px 0 05px 0;
border-style: solid;
border-color: #000093;
border-width: 01px 0 0 0;
display: block;
}
#navigation ul li
{
float: left;
margin-top: 1px;
color: #000093;
}
#navigation ul a
{
background: #FED66B;
font-size: 10px;
font-weight:lighter;
/* text-transform: lowercase; */
color: #000093;
margin: 0;
padding: 0 10px 0 10px;
border: 0;
display: block;
}
#navigation ul a:hover, #navigation ul a:active, #navigation ul a.here:link, #navigation ul a.here:visited
{
font-size: 10px;
color: #000093;
display: block;
}
#navigation ul a:hover
{
color: #FE4F1B;
display: block;
}
/* Block Content Definitions =============================================== */
/* Left and Right Block Title */
#content-body .leftcol h1, #content-body .rightcol h1, #content-body2 .leftcol h1, #content-body2 .rightcol h1
{
background: #FFE49A;
width: 150px;
font-family: verdana, lucida, arial, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #000093;
border-style: solid;
border-width: 0 0 01px 0;
border-color: #000093;
padding: 05px 10px 05px 10px;
margin: 0px 0px 5px 0px;
}
/* Left and Right Block Content */
#content-body .leftcol .blockContent, #content-body2 .leftcol .blockContent, #content-body .rightcol .blockContent, #content-body2 .rightcol .blockContent
{
padding: 0px 05px 0px 05px;
}
/* Centre Blocks */
#outerCCol
{
padding: 0px 2px 1px 2px;
width: 98%;
}
#ccCol
{
padding: 0px 2px 1px 2px;
width: 100%;
}
#ccCol th
{
background-color: #ECF1F5;
text-align: left;
padding: 3px;
color: #000093;
}
#ccCol h1
{
background: #FFE49A;
font-family: verdana, lucida, arial, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #000093;
border-style: solid;
border-width: 01px 01px 01px 01px;
border-color: #000093;
padding: 05px 10px 05px 10px;
margin: 0px 0px 5px 0px;
}
/* #ccCol blockTitle - deprecated by new fieldset/legend combo below
{
padding: 1px;
color: #000093;
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
} */
fieldset
{
border: 1px solid #000093;
margin : 5px 0px 5px 0px;
padding : 1px;
}
legend
{
padding: 0.2em 0.5em;
border:1px solid #000093;
color:#000093;
text-align:right;
background-color : #FFE49A;
font-weight : bold;
}
#ccCol .blockContent
{
padding: 3px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 2px;
line-height: 120%;
}
#clCol
{
padding: 0px 1px 1px 1px;
width: 49%;
float: left;
}
#clCol h1
{
background: #FFE49A;
font-family: verdana, lucida, arial, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #000093;
border-style: solid;
border-width: 01px 01px 01px 01px;
border-color: #000093;
padding: 05px 10px 05px 10px;
margin: 0px 0px 5px 0px;
}
#clCol .blockContent
{
padding: 3px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 2px;
line-height: 120%;
}
#crCol
{
padding: 0px 1px 1px 1px;
width: 50%;
float: right;
}
#crCol h1
{
background: #FFE49A;
font-family: verdana, lucida, arial, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #000093;
border-style: solid;
border-width: 01px 01px 01px 01px;
border-color: #000093;
padding: 05px 10px 05px 10px;
margin: 0px 0px 5px 0px;
}
#crCol .blockContent
{
background: #FFFFFF;
font-family: verdana, lucida, arial, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #000093;
padding: 05px 10px 05px 10px;
margin: 0px 0px 5px 0px;
}
#ccfinished
{
clear : both;
}