/* cTn-future Theme - style.css */ INPUT { FONT-SIZE: 10px; COLOR: #ffffff; background-color: #161b22; border-color: #632311; } A:link { FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none } A:visited { FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none } A:active { FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none } A:hover { FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none } BODY { FONT-SIZE: 11px; CURSOR: default; COLOR: #445566; BACKGROUND-color: #161b22; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none } TEXTAREA { background-image: url(../../../themes/cTn-future/images/input.gif); background-repeat: repeat-x; background-color : #161b22; BORDER-TOP: #2A2A2A 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #2A2A2A 1px solid; BORDER-RIGHT: #979696 1px solid; font-size: 11px; color: #ffffff; } P { FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 1.4; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none } TABLE { FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none } TD.content { FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none; FONT-FAMILY: arial, helvetica, verdana, sans-serif; } TD.extra { background-image: url(../../../themes/cTn-future/images/bar2.gif); background-repeat: repeat-x; background-color : #161b22; BORDER-TOP: #000000 1px solid; BORDER-BOTTOM: #898989 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #898989 1px solid; } hr { border-top: 1px solid #303030; border-bottom: 1px solid #787878; height: 2px; width: 100%; } UL { LIST-STYLE-TYPE: square } .center { TEXT-ALIGN: center } .justify { TEXT-ALIGN: justify } .right { TEXT-ALIGN: right } H1 { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: arial, helvetica, verdana, sans-serif; LETTER-SPACING: 0px; TEXT-DECORATION: none } .heading { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Tahoma; LETTER-SPACING: 0px; TEXT-DECORATION: none } .heading1 { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Tahoma; LETTER-SPACING: 0px; TEXT-DECORATION: none } } BODY { SCROLLBAR-BASE-COLOR: #979696; SCROLLBAR-ARROW-COLOR: #10101C; } .blocktitle { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: arial; LETTER-SPACING: 0px; TEXT-DECORATION: none } SELECT { color:#ffffff; font-size: 11px; font-family: Arial,Helvetica,sans-serif; background-color : #632311; BORDER-TOP: #2A2A2A 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #2A2A2A 1px solid; BORDER-RIGHT: #979696 1px solid; } /* Copyright and bottom info */ /* Conversion Code z77345 */ .copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff;} a.copyright { font-size: 10px; color: #ffffff; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;} a.copyright:link { font-size: 10px; color: #ffffff; text-decoration: NONE; font-family: Verdana, Arial, Helvetica, sans-serif;} a.copyright:active { font-size: 10px; color: #ffffff; text-decoration: NONE; font-family: Verdana, Arial, Helvetica, sans-serif;} a.copyright:visited { font-size: 10px; color: #ffffff; text-decoration: NONE; font-family: Verdana, Arial, Helvetica, sans-serif;} a.copyright:hover { font-size: 10px; color: #ffffff; text-decoration: NONE; font-family: Verdana, Arial, Helvetica, sans-serif;} input { background-image: url(../../../themes/cTn-future/images/input.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #2A2A2A 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #2A2A2A 1px solid; BORDER-RIGHT: #979696 1px solid; font-size: 11px; color: #ffffff; } input.1 { background-image: url(../../../themes/cTn-future/images/input.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #2A2A2A 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #2A2A2A 1px solid; BORDER-RIGHT: #979696 1px solid; font-size: 11px; color: #ffffff; } input.noborder { color:#ffffff; background : #; font:11px Arial,Helvetica,sans-serif; BORDER-TOP: #ffffff 0px solid; BORDER-BOTTOM: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-RIGHT: #ffffff 0px solid; } /* This is the border line & background colour round the entire page */ .bodyline { background-color: #632311; border:0px solid; border-color:#10101C; } .tablein { BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 0px solid; BORDER-RIGHT: #979696 1px solid; } /* This is the outline round the main forum tables */ .forumline { background: #632311; BORDER-TOP: #10101C 0px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 0px solid; BORDER-RIGHT: #979696 1px solid; } .forumline2 { background-image: url(../../../themes/cTn-future/images/bar2.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 0px solid; BORDER-RIGHT: #979696 1px solid; } /* Main table cell colours and backgrounds */ /* Conversion Code z77345 */ td.row1 { background-image: url(../../../themes/cTn-future/images/bar.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 0px solid; BORDER-RIGHT: #979696 1px solid; } td.row1cell { background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 0px solid; BORDER-RIGHT: #979696 1px solid; } td.row1rt { background-image: url(../../../themes/cTn-future/images/bar.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 0px solid; BORDER-RIGHT: #979696 1px solid; } td.row1lt { background-image: url(../../../themes/cTn-future/images/bar.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C px solid; BORDER-RIGHT: #979696 0px solid; } td.row1d { background-image: url(../../../themes/cTn-future/images/bar.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 0px solid; BORDER-RIGHT: #979696 1px solid; } td.row1u { background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 0px solid; BORDER-RIGHT: #979696 1px solid; } td.row2u { background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 0px solid; BORDER-RIGHT: #979696 1px solid; } td.row2 { background-image: url(../../../themes/cTn-future/images/bar.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #10101C 0px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 0px solid; BORDER-RIGHT: #979696 1px solid; } td.row3 { background-image: url(../../../themes/cTn-future/images/bar.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #10101C 0px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 0px solid; BORDER-RIGHT: #979696 1px solid; } td.rowpic { background-color : #ffffff; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 0px solid; BORDER-RIGHT: #979696 1px solid; } td.pic { color: #ffffff; font-size: 11px; font-weight : bold; height: 25px; background-image: url(../../../themes/cTn-future/images/bar.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 0px solid; BORDER-RIGHT: #979696 1px solid; } td.piclt { color: #ffffff; font-size: 11px; font-weight : bold; height: 25px; background-image: url(../../../themes/cTn-future/images/bar.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 0px solid; BORDER-RIGHT: #979696 1px solid; } td.picrt { color: #ffffff; font-size: 11px; font-weight : bold; height: 25px; background-image: url(../../../themes/cTn-future/images/bar.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 0px solid; BORDER-RIGHT: #979696 1px solid; } th { color: #ffffff; font-size: 11px; font-weight : bold; background-image: url(../../../themes/cTn-future/images/bar2.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 0px solid; BORDER-RIGHT: #979696 1px solid; height: 25px; } th.bar { color: #ffffff; font-size: 11px; font-weight : bold; height: 25px; background-image: url(../../../themes/cTn-future/images/bar.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 0px solid; BORDER-RIGHT: #979696 1px solid; } th.1 { color: #ffffff; font-size: 11px; font-weight : bold; height: 25px; background-image: url(../../../themes/cTn-future/images/bar2.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 0px solid; BORDER-RIGHT: #979696 1px solid; } td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 1px solid; BORDER-RIGHT: #979696 1px solid; height: 28px; } /* 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 :-) */ th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR { font-weight: bold; background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 1px solid; BORDER-RIGHT: #979696 1px solid; } td.row3Right,td.spaceRow { background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #10101C 1px solid; BORDER-RIGHT: #979696 1px solid; } /* The largest text used in the index page title and toptic title etc. */ .maintitle,h1,h2 { font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%; color : #ffffff; } a.maintitle:link { text-decoration: none; color : #ffffff; font-size: 18px; } a.maintitle:visited { text-decoration: none; color : #ffffff; font-size: 18px; } a.maintitle:hover { text-decoration: NONE; color : #ffffff; font-size: 18px; } /* General text */ .gen { font-size : 11px; color : #ffffff; } .genmed { font-size : 11px; } .gensmall { font-size : 10px; } .gen,.genmed,.gensmall { color : #ffffff; } a.gen,a.genmed,a.gensmall { color: #ffffff; text-decoration: none; } a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #ffffff; text-decoration: none; } /* The register, login, search etc links at the top of the page */ .mainmenu { font-size : 11px; color : #ffffff;} a.mainmenu { text-decoration: none; color : #ffffff;} a.mainmenu:hover{ text-decoration: none; color : #ffffff;} /* Forum category titles */ .cattitle { font-weight: bold; font-size: 11px ; letter-spacing: 0px; color : #ffffff} a.cattitle { text-decoration: none; color : #ffffff; } a.cattitle:hover{ text-decoration: none; color : #ffffff;} /* Forum title: Text and link to the forums used in: index.php */ .forumlink { font-weight: bold; font-size: 11px; color : #ffffff; } a.forumlink { text-decoration: none; color : #ffffff; } a.forumlink:hover{ text-decoration: NONE; color : #ffffff; } /* 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 : #ffffff;} a.nav { text-decoration: none; color : #ffffff; } a.nav:hover { text-decoration: NONE; color : #ffffff;} /* titles for the topics: could specify viewed link colour too */ .topictitle { font-weight: bold; font-size: 11px; color : #ffffff; } a.topictitle:link { text-decoration: none; color : #ffffff; } a.topictitle:visited { text-decoration: none; color : #ffffff; } a.topictitle:hover { text-decoration: NONE; color : #ffffff; } /* Name of poster in viewmsg.php and viewtopic.php and other places */ .name { font-size : 11px; color : #ffffff;} /* Location, number of posts, post date etc */ .postdetails { font-size : 10px; color : #ffffff; } /* The content of the posts (body of text) */ .postbody { font-size : 11px; color : #ffffff; } a.postlink:link { text-decoration: none; color : #ffffff; } a.postlink:visited { text-decoration: none; color : #ffffff; } a.postlink:hover { text-decoration: NONE; color : #632311; } td.catBottom { background-color: #632311; } td.catHead { background-color: #632311; } .quote { background-image: url(../../../themes/cTn-future/images/input.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #2A2A2A 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #2A2A2A 1px solid; BORDER-RIGHT: #979696 1px solid; font-size: 11px; color: #ffffff; } .code { background-image: url(../../../themes/cTn-future/images/input.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #2A2A2A 1px solid; BORDER-BOTTOM: #979696 1px solid; BORDER-LEFT: #2A2A2A 1px solid; BORDER-RIGHT: #979696 1px solid; font-size: 11px; color: #ffffff; } input.sub { color:#ffffff; font-size:11px; font-family: Arial,Helvetica,sans-serif; background-image: url(../../../themes/cTn-future/images/input.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #2A2A2A 1px solid; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #2A2A2A 1px solid; BORDER-RIGHT: #000000 1px solid; } /* The buttons used for bbCode styling in message post */ input.button, button.button { color:#ffffff; font-size:11px; font-family: Arial,Helvetica,sans-serif; background-image: url(../../../themes/cTn-future/images/bar.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #10101C 1px solid; BORDER-RIGHT: #000000 1px solid; } /* The main submit button option */ input.mainoption { color:#ffffff; font-size:11px; font-family: Arial,Helvetica,sans-serif; background-image: url(../../../themes/cTn-future/images/bar2.gif); background-repeat: repeat-x; background-color : #ffffff; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #10101C 1px solid; BORDER-RIGHT: #000000 1px solid; } /* None-bold submit button */ input.liteoption { color:#ffffff; font-size:11px; font-family: Arial,Helvetica,sans-serif; background-image: url(../../../themes/cTn-future/images/bar2.gif); background-repeat: repeat-x; background-color : #ffffff; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #10101C 1px solid; BORDER-RIGHT: #000000 1px solid; } /* 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 colour as the background no one will know ;) */ .helpline { background-image: url(../../../themes/THEME/images/bar3.gif); background-repeat: repeat-x; background-color : #632311; BORDER-TOP: #10101C 1px solid; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #10101C 1px solid; BORDER-RIGHT: #000000 1px solid; font-size: 11px; color: #ffffff; }