/* General font families for common tags */ body {background:url(images/bg.jpg)} font,th,td,div { font-family: Tahoma; font-size: 10px} a:link,a:active,a:visited { color: #336699; text-decoration: none; font-weight:bold } a:hover { color : #CCCCCC; text-decoration: none; font-weight: bold} hr { height: 0px; border: solid #336699 0px; border-top-width: 1px} /* This is the border line & background color round the entire page */ .bodyline { background-color: #FFFFFF; border: 1px #336699 solid} /* This is the outline round the main forum tables */ .forumline { width:570} .rightforumline {width: 185} /* //====================================================================== | //==== Start Advanced BBCode Box MOD =================================== | //==== v5.1.0 ========================================================== | //==== */ .postimage {cursor: pointer; cursor: hand} .postimage:hover { background-color: #CCCCCC; cursor: pointer; cursor: hand} /* //==== //==== End Advanced BBCode Box MOD ==================================== | //===================================================================== | */ /* Main table cell colors and backgrounds */ td.row1 { background-color: #FFFFFF} td.row2, h3.row2, p.row2, span.row2{ background-color: #E1E9F0} td.row3 { background-color: #E1E9F0} td.row4 { background-color: #336699; color:#FFFFFF} td.row5 { background-color: #D1D7DC} /* This is for the table cell above the Topics, Post & Last posts on the index.php page By default this is the fading out gradiated silver background. However, you could replace this with a bitmap specific for each forum */ td.rowpic { background-color: #FFFFFF} /* Header cells - the blue and silver gradient backgrounds */ th { text-transform:uppercase; word-spacing:+1; font-weight : bold; font-size:14px; font:Tahoma; background-color: #336699; color:#FFFFFF; background-repeat:no-repeat; height:40} td.cat,td.catSides,td.catRight,td.catHead,td.catLeft{height:40; background-color:#336699; color:#FFFFFF} td.catBottom, td.catbottom {background-color:#336699} td.rightcat,td.rightcatHead,td.rightcatRight,td.rightcatLeft{ background-image: url(images/rt_hdr.gif); background-repeat:no-repeat; text-align:center} td.rightBdrLft {background-image: url(images/rt_bdr_lft.gif); width:5; height:1} td.rightBdrRt {background-image: url(images/rt_bdr_rt.gif); width:5; height:1} td.rightcatBottom {background-image: url(images/rt_ftr.gif); background-repeat:no-repeat} td.footer {background-color:#336699; width:775; height:25} /* Setting additional nice inner borders for the main table cells. The names indicate which sides the border will be on. Don't worry if you don't understand this, just ignore it :-) */ td.cat,td.catHead,td.catBottom {height: 10px;border-width: 0px 0px 0px 0px} td.row3Right,td.spaceRow { background-color: #D1D7DC; border-color: #336699; border-style: solid} th.thHead,th.catHead { font-size: 14px; height:40; background-color:#336699; color:#FFFFFF} th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px} th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; color:#FFFFFF; font-size:12px} th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; color:#FFFFFF; font-size:12px} th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px} th.thTop, th.cattitle { font-size: 14px; height:40; background-color:#336699; color:#FFFFFF} /* The largest text used in the index page title and toptic title etc. */ h1,h2 { font-weight: bold; font-size: 22px; font-family: Tahoma; text-decoration: none; color : #E1E9F0} .maintitle {font-weight: bold; font-size: 22px; font-family: Tahoma; text-decoration: none; color : #336699} /* General text */ .gen { font-size : 12px} .genmed { font-size : 11px} .gensmall { font-size : 10px; color:#008080} .gen,.genmed,.gensmall { color : #000000} a.gen,a.genmed,a.gensmall { color: #336699; text-decoration: none; font-weight:bold} .header, a.header, a.header:active, a.header:visited {color:#CCCCCC; text-decoration:none; font-size:9px} a.header:hover {color:#CCCCCC; text-decoration:none; font-size:9px; font-weight:bold} a.gen:hover,a.genmed:hover,a.gensmall:hover { color : #CCCCCC; text-decoration: none; font-weight: bold} /* The navigation links at the top and bottom of the page */ .mainmenu { font-size : 9px; color : #000000; text-transform:uppercase; word-spacing:+1} a.mainmenu { text-decoration: none; color:#CC6600; font-weight: bold} a.mainmenu:hover{ color : #CCCCCC; text-decoration:none; font-weight: bold} /* Forum category titles */ .cattitle { font-weight: bold; font-size: 14; text-indent:5px; border-spacing: 5px; color:#FFFFFF} a.cattitle,a.cattitle:td { text-decoration: none; color : #000000; text-indent:5px;font-weight: bold} a.cattitle:hover{ color : #CCCCCC; text-decoration: none; font-weight: bold } .rightcattitle { font-weight: bold; font-size: 12; color:#FFFFFF; text-align:center} a.rightcattitle { text-decoration: none; color : #FFFFFF; text-align:center; font-weight: bold} a.rightcattitle:hover{ color : #CCCCCC; text-decoration: none; font-weight: bold} /* Forum title: Text and link to the forums used in: index.php */ .forumlink { font-weight: bold; font-size: 12px; color : #336699} a.forumlink { text-decoration: none; color : #336699;font-weight: bold } a.forumlink:hover{ color : #CCCCCC; text-decoration: none; font-weight: bold } /* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */ .nav { font-weight: bold; font-size: 11px; color : #000000} a.nav { text-decoration: none; color : #336699; font-weight: bold} a.nav:hover { color : #CCCCCC; text-decoration: none; font-weight: bold} /* titles for the topics: could specify viewed link color too */ .topictitle { font-weight: bold; font-size: 15px; color : #FFFFFF} a.topictitle:link { text-decoration: none; color : #336699; font-weight: bold} a.topictitle:visited { text-decoration: none; color : #336699; font-weight: bold} a.topictitle:hover { color : #CCCCCC; text-decoration: none; font-weight: bold} /* Name of poster in viewmsg.php and viewtopic.php and other places */ .name { font-size : 11px; color : #000000} /* Location, number of posts, post date etc */ .postdetails { font-size : 10px; color : #000000} /* The content of the posts (body of text) */ .postbody { font-size : 12px} a.postlink:link { text-decoration: none; color : #336699;font-weight: bold } a.postlink:visited { text-decoration: none; color : #336699; font-weight: bold} a.postlink:hover { color : #CCCCCC; text-decoration: none; font-weight: bold} /* Quote & Code blocks */ .code { font-family: Courier, "Courier New", sans-serif; font-size: 11px; color: #006600; background-color: #e1e9f0; border: #D1D7DC; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px} .quote {font-family: Tahoma; font-size: 11px; color: #444444; line-height: 125%; background-color: #e1e9f0; border: #D1D7DC; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px} /* Copyright and bottom info */ .copyright { font-size: 10px; font-family: Tahoma; color:#FFFFFF} a.copyright { text-decoration: none; color : #E1E9F0;font-weight: bold } a.copyright:hover { color : #CCCCCC; text-decoration: none; font-weight: bold} /* Form elements */ input,textarea, select {color : #336699;font: normal 11px Tahoma} /* The text input fields background color */ input.post, textarea.post, select { background-color : #e1e9f0; font: normal 11px Tahoma} input { text-indent : 2px} /* The buttons used for bbCode styling in message post */ input.button { background-color : #e1e9f0; font-size: 11px; font-family: Tahoma} /* The main submit button option */ input.mainoption { background-color : #e1e9f0; font-weight : normal; font-size: 11px; font-family: Tahoma} /* None-bold submit button */ input.liteoption { background-color : #e1e9f0; font-weight : normal; font-size: 11px; font-family: Tahoma} /* This is the line in the posting page which shows the rollover help line. This is actually a text box, but if set to be the same color as the background no one will know ;) */ .helpline { background-color: #DEE3E7; border-style: none} /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */ @import url("formIE.css");