/* CSS Document for trct.co.uk (phpBB Forums) (c) Tooley's R/C Toys Ver 1.1 - Tony Collings. For your own phpBB Custom Styling visit www.tonycollings.com ------------------------------------------------------------------- */ /* HTML OVERIDES ------------------------------------------------------------------- */ body { margin: 0px; background: #1b1b1b url("http://www.trct.co.uk/img/shading/background.jpg") top left repeat-x; color: #4d4d4d; } font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif } hr { border: 1px solid #fff; border-top: 1px solid #dedede;} body {font: 70%/190% Verdana, Arial, Helvetica, sans-serif; } h1 {font: bold 240%/100% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; } h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { color: #fff; text-decoration: none; } .clear { clear: both; font-size: 1px; line-height: 1px; height: 1px; } iframe { background-color: #000; } .banned { background-color: #f44c01; padding: 50px 20px; margin: 20px 0px; color: #fff; text-align: center; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .banned a:link, .banned a:visited {color: #fff; text-decoration: none; font-weight: bold; } .banned a:hover, .banned a:active {color: #fff; text-decoration: underline; font-weight: bold; } /* FORMS ------------------------------------------------------------------- */ input, textarea, select { color : #000000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; } input.post, textarea { background: #fff url("images/shading/forms.jpg") top left repeat-x; } input.mainoption { padding: 2px; } select, input.post { border: 1px solid #c4c4c4; } /* LINKS ------------------------------------------------------------------- */ a:link,a:active,a:visited { color : #ff6600; } a:hover { text-decoration: underline; color : #ff6600; } /* LAYOUT ------------------------------------------------------------------- */ .index_page_wrapper { padding: 0px 20px; margin-bottom: 20px; } /* GLOBAL */ /* Controls the overall width */ #page_wrapper { width: 100%; } div#page_wrapper div.inner { margin: auto 30px; } table#wrapper { padding: 0px; } /* 3d border effect around middle content */ #outerborder { background-color: #888888; padding: 5px; border: 1px solid #a9a5a5; margin: 0px; } #innerborder { background: #fff url("images/shading/innerborder.jpg") bottom left repeat-x; padding: 5px; border: 1px solid #474747; margin: 0px; } *html #innerborder , *html #outerborder {width: 100%; } /* Instructions on homepage */ td div.instructions { margin: 2px 0px; font-size: 11px; } .clustermaps { margin-top: 20px; } .welcome { font-size: 16px; color: #fff; vertical-align: middle; } .welcome a:link, .welcome a:visited{ color: #fff; text-decoration: none; } .welcome a:active, .welcome a:hover{ color: #fff; text-decoration: underline; } tr.forumheaders th { background-color: #fff; text-align: left; font-weight: normal; height: 50px; } .cellpadding10 { padding: 10px; } /* LEFT COLUMN */ td#phpbb_left_column {background: #585858 url("http://www.trct.co.uk/img/leftcol.jpg") top left no-repeat; width: 180px; margin: 0px; padding: 5px; top: 0px; vertical-align: top; text-align: center;} ul#menu { display: block; padding: 0px; margin: 0px; text-align: left; top: 0px; } ul#menu li { text-align: left; margin: 0px; padding: 3px 0px 0px 5px; margin-bottom: 2px; list-style-type: none; background: url("http://www.trct.co.uk/img/menu/menu.gif") bottom right no-repeat; width: 170px; } ul#menu li.lastitem { background: url("http://www.trct.co.uk/img/menu/menu_lastitem.gif") bottom right no-repeat; display: block; } .useful_links { color: #fff; text-align: left; margin: 30px 10px 0px 10px; font-size: 12px; } .useful_links a:link, .useful_links a:visited {color: #fff; text-decoration: none;} .useful_links a:hover, .useful_links a:active {color: #fff; text-decoration: underline;} .useful_links form { margin: 0px; padding: 0px; } /* RIGHT COLUMN */ td#phpbb_right_column {background-color: #000; width: 150px; vertical-align: top; margin: 0px; padding: 0px; } /* HEADER */ /* Logo and Shadow Device */ #header { background-color: #f44c01; margin: 0px; padding: 0px;} #header div#header_inner { margin: 0px; padding: 0px; margin-top: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; text-align: center; } #header div img { margin: 0px; padding: 0px; } #header div#logo { position: absolute; top: 15px; z-index: 30; border: 0px; margin: 0px; padding: 0px; left: 20%; padding-left: 8px; } #header div#logo_shadow { position: absolute; top: 22px; z-index: 20; border: 0px; margin: 0px; padding: 0px; left: 20%; filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; } #header div#strapline { position: absolute; top: 80px; z-index: 15; border: 0px; margin: 0px; padding: 0px; left: 21%; padding-left: -3px; } #header div#strapline_shadow { position: absolute; top: 83px; z-index: 10; border: 0px; margin: 0px; padding: 0px; left: 21%; filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; } /* Banner */ #banner {height: 148px; background: #f34c08 url("images/banner.jpg") top left no-repeat; margin-top: 20px ; } /* Menu */ #tools { margin: 0px 0px; background-color: #ec3004; /* padding-top: 10px; */ text-align: center; } #tools ul {display: inline; margin: 0px; padding: 0px 0px 0px 20px; } #tools ul li {list-style-type: none; display: inline; padding: 0px; margin: 0px; border-right : 1px solid #f65232; padding: 2px 5px; } #tools a:link, #tools a:visited { color: #fff; text-decoration: none; } #tools a:active, #tools a:hover {color: #fff; text-decoration: underline; } #tools li.lastitem { border-right: 0px; } /* Login */ #login { background: #474747 url("images/shading/login.jpg") top left repeat-x; color: #fff; margin: 0px; padding: 5px; padding-left: 20px; text-align: center; } #login form { margin: 0px; padding: 0px; } ul#admins { display: block; margin: 0px; padding: 0px; } ul#admins li { list-style-type: none; display: inline; margin: 0px; margin-right: 10px; } /* FOOTER */ /* Controls the (c) and technical information (bottom right) */ #footer {clear: both; } #footer_left {float: right; color: #fff; margin: 0px; padding: 0px; margin-right: 30px; padding-top: 5px; } #footer_left ul { display: block; margin: 0px; padding: 0px; color: #fff; } #footer_left ul li { list-style-type: none; display: inline; padding: 0px 5px; } #footer_left ul li.lastitem { border: 0px; } #footer_left a:link, #footer_left a:visited {color: #fff; text-decoration: none; font-weight: bold; } #footer_left a:active, #footer_left a:hover {color: #fff; text-decoration: underline; font-weight: bold;} #footer_right {float: right; background: #808080 url("http://www.trct.co.uk/img/footer_left.jpg") top left no-repeat; color: #c0c0c0; margin: 0px; padding: 0px; padding-left: 50px; } #footer_right ul { display: block; margin: 0px; padding: 0px; } #footer_right ul li { color: #c0c0c0; list-style-type: none; display: inline; border-right: 1px solid #c0c0c0; padding: 0px 5px; } #footer_right ul li.lastitem { border: 0px; } #footer_right a:link, #footer_right a:visited {color: #c0c0c0; text-decoration: none; font-weight: bold; } #footer_right a:active, #footer_right a:hover {color: #c0c0c0; text-decoration: none; font-weight: bold; } div#legal_info { clear: both; text-align: center; padding: 30px 0px 5px 0px; } #legal_info ul { display: block; margin: 0px; padding: 0px; color: #828282; } #legal_info ul li { list-style-type: none; display: inline; border-right: 1px solid #828282; padding: 0px 5px; } #legal_info ul li.lastitem { border: 0px; } #legal_info a:link, #legal_info a:visited {color: #828282; font-weight: bold; text-decoration: none; } #legal_info a:active, #legal_info a:hover {color: #828282; font-weight: bold; text-decoration: underline;} /* LEGACY phpBB STYLING ------------------------------------------------------------------- */ /* This is the border line & background colour round the entire page */ .bodyline { } /* This is the outline round the main forum tables */ .forumline { width: 100%; } /* Main table cell colours and backgrounds */ td.row1 { background-color: #EFEFEF; } td.row2 { background-color: #d8d8d8; } td.row3 { background-color: #d8d8d8; } /* 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 { color: #4d4d4d; font-size: 11px; font-weight : bold; background-color: #bfbfbf; height: 25px; } td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { background-color:#fff; border: #FFFFFF; border-style: 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 :-) */ td.cat,td.catHead,td.catBottom { height: 29px; border-width: 0px 0px 0px 0px; } th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR { font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; } td.row3Right,td.spaceRow { background-color:#ededed; border: #FFFFFF; border-style: solid; } td.catBottom { background: #fff url("images/shading/catBottom.jpg") top left repeat-x; } th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; } th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; } th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; } th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; } th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; } th.thTop { border-width: 1px 0px 0px 0px; } th.thCornerL { border-width: 1px 0px 0px 1px; } th.thCornerR { border-width: 1px 1px 0px 0px; } /* The largest text used in the index page title and toptic title etc. */ .maintitle{ font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%; color : #4d4d4d; } a:link.maintitle, a:visited.maintitle {color : #4d4d4d; text-decoration: none; } a:active.maintitle, a:hover.maintitle {color : #4d4d4d; text-decoration: none; } /* General text */ .gen { font-size : 12px; } .genmed { font-size : 11px; } .gensmall { font-size : 10px; color : #808080;} .gen,.genmed{ color : #4d4d4d; } a.gen,a.genmed,a.gensmall { color: #ff6600; text-decoration: none; } a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #ff6600; text-decoration: underline; } /* The register, login, search etc links at the top of the page */ .mainmenu { font-size : 11px; color : #4d4d4d } a.mainmenu { text-decoration: none; color : #ff6600; } a.mainmenu:hover{ text-decoration: underline; color : #ff6600; } /* Forum category titles */ .cattitle { font: bold 24px/100% "Trebuchet MS", Arial, Helvetica, sans-serif; color : #4d4d4d; display: block; padding: 0px 5px; } a.cattitle, a.cattitle:visited{ text-decoration: none; color : #4d4d4d; } a.cattitle:hover, a.cattitle:active{ text-decoration: underline; color : #4d4d4d; } /* Forum title: Text and link to the forums used in: index.php */ .forumlink { font-weight: bold; font-size: 12px; color : #4d4d4d; } a.forumlink, a.forumlink:visited{ text-decoration: none; color : #4d4d4d; } a.forumlink:hover, a.forumlink:active{ text-decoration: underline; color : #4d4d4d; } /* 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 : #4d4d4d;} a.nav { text-decoration: none; color : #ff6600; } a.nav:hover { text-decoration: underline; color : #ff6600; } /* titles for the topics: could specify viewed link colour too */ .topictitle { font-weight: bold; font-size: 11px; color : #4d4d4d; } a.topictitle:link { text-decoration: none; color : #4d4d4d; } a.topictitle:visited { text-decoration: none; color : #4d4d4d; } a.topictitle:hover { text-decoration: underline; color : #4d4d4d; } /* Name of poster in viewmsg.php and viewtopic.php and other places */ .name { font-size : 11px; color :#4d4d4d;} /* Location, number of posts, post date etc */ .postdetails { font-size : 10px; color : #4d4d4d; } /* The content of the posts (body of text) */ .postbody {font: 70%/190% Verdana, Arial, Helvetica, sans-serif; white-space:normal; display: block; margin: 20px 0px; } a.postlink:link { text-decoration: none; color : #ff6600; } a.postlink:visited { text-decoration: none; color : #ff6600; } a.postlink:hover { text-decoration: underline; color : #ff6600;} /* Quote & Code blocks */ .code { font: 9px/190% Courier, 'Courier New', sans-serif; background-color: #f2f2f2; border: 1px dotted #808080; padding: 5px; padding-left: 20px; } .quote { font: 11px/190% Verdana, Arial, Helvetica, sans-serif; background-color: #f2f2f2; border: 1px dotted #808080; padding: 5px; padding-left: 20px; } /* Copyright and bottom info */ .copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #4d4d4d; letter-spacing: -1px;} a.copyright { color: #ff6600; text-decoration: none;} a.copyright:hover { color: #ff6600; text-decoration: underline;} /* 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-color: #DEE3E7; border-style: none; }