a, a:visited { text-decoration: underline; color: #000000; } a:hover { text-decoration: underline; color: #ca2929; } /* This is the outline round the main forum tables */ .forumline { border: 1px solid #819b81; } /* Forum header */ .forumheader td { background: #fae4b8 url(images/hdr_mid.gif) left top repeat-x; font-size: 12px; font-weight: bold; color: #000000; vertical-align: middle; height: 27px; border-top: 1px solid #819b81; border-left: 1px solid #819b81; border-right: 1px solid #819b81; border-bottom: 0px solid #819b81; } /* pm popup */ .pm-old { display: none; } .pm-new { margin: 30px; } .pm-new a, .pm-new a:visited { border: solid 1px #545334; padding: 25px 45px; color: #000000; text-decoration: underline; font-size: 12px; font-weight: bold; background-color: #d0eecf; } .pm-new a:hover, .pm-new a:active { color: #ca2929; } /* Main table cell colours and backgrounds */ td.row1, td.row2, td.row3, td.row3Right, td.postbottom { border: solid 2px #b0d0b1; background: #d0eecf; color: #000000; padding: 2px; vertical-align: middle; } /* Header cells - the blue and silver gradient backgrounds */ th, td.spaceRow, td.th { color: #000000; font-size: 11px; font-weight: bold; background: #f8ecd3 url(images/th.gif) top left repeat-x; white-space: nowrap; padding: 0 5px; text-align: center; height: 26px; } th.left { text-align: left; } /* General text */ .gen { font-size : 12px; } .genmed { font-size : 11px; font-weight: normal; } .gensmall { font-size : 10px; } .gen, .genmed, .gensmall { color : #000000; } a.gen, a.genmed, a.gensmall { color: #000000; text-decoration: underline; } a.gen:hover, a.genmed:hover, a.gensmall:hover { color: #ca2929; text-decoration: underline; } .generror { color: #F31111; } .progress { background-color: #FF7F00; } /* 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: underline; color : #000000; } a.nav:hover { text-decoration: underline; color : #ca2929; } /* titles for the topics: could specify viewed link colour too */ .topictitle {font-weight: bold; font-size: 11px; color : #000000;} a.topictitle:link { text-decoration: underline; color : #000000; } a.topictitle:visited { text-decoration: underline; color : #000000; } a.topictitle:hover { text-decoration: underline; color : #ca2929; } /* new thread link */ .link-new a, .link-new a:visited, .link-new a.topictitle, .link-new a.topictitle:visited { color: #cd1513; } .link-new a:hover, .link-new a:active, .link-new a.topictitle:hover, .link-new a.topictitle:active { color: #cd1513; } /* Name of poster in viewmsg.php and viewtopic.php and other places */ .name { font-size: 11px; } .postername { font-size: 11px; font-weight: bold; color: #000000; line-height: 1.5em; } /* Location, number of posts, post date etc */ .postdetails { font-size: 10px; } .posterrank { font-size: 9px; color: #000000; font-style: italic} .posterprofile { font-size: 10px; color: #000000; } /* The content of the posts (body of text) */ .postbody { font-size: 12px; color: #000000;} .postbody a { text-decoration: underline; color: #ca2929; } .postbody a:visited { text-decoration: underline; color: #ca2929; } .postbody a:hover { text-decoration: underline; color: #ca2929; } /* Other post stuff */ td.postbottom { /* background: url(images/profile.gif) top left repeat-x; */ font-size: 10px; color: #000000; white-space: nowrap; } .postsubject { font-size: 12px; font-weight: bold; color: #000000; } /* Quote & Code blocks */ .quote-table, .code-table { border: solid 1px #647e62; margin: 5px 0; } .quote-corner, .code-corner { background-color: #a4c0a2; border-right: solid 1px #647e62; } .quote-left { background-color: #a4c0a2; border-right: solid 1px #647e62; } .code-left { background: #a4c0a2; border-right: solid 1px #647e62; } .quote-header, .code-header { border-bottom: solid 1px #647e62; padding: 0 5px; text-align: left; vertical-align: middle; font-size: 11px; color: #647e62; background-color: #b2ceaf; } .quote-text { color: #647e62; text-align: left; vertical-align: top; font-size: 11px; line-height: 125%; padding: 3px 5px; background-color: #bdd9ba; } .code-text { font-family: Courier, 'Courier New', sans-serif; color: #000; text-align: left; vertical-align: top; font-size: 11px; line-height: 125%; padding: 3px 5px; background-color: #ffffff; } /* Copyright and bottom info */ span.copyright { color: #bbb; font-size: 70%; } /* Form elements */ input, textarea, select { color: #000000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; } input.post, textarea { border: solid 1px #325375; background-color: #FFF; } * html input.post, * html textarea { border-color: #000; } input.post:hover, textarea:hover { border-color: #ff7f00; color: #325375; } input.post:focus, textarea:focus { border-color: #000; color: #000; } select { background-color : #FFFFFF; } input { text-indent : 2px; } /* The buttons used for bbCode styling in message post */ input.button { background-color: #d0eecf; color: #325375; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; border: solid 1px #647e62; } input.button:hover { background-color: #d0eecf; color: #000; } * html input.button { color: #000; } /* The main submit button option */ input.mainoption { background-color: #FFF; font-weight : bold; border: solid 1px #000; } /* None-bold submit button */ input.liteoption { background-color: #EEF1F5; font-weight : normal; border: solid 1px #000; } input.mainoption:hover, input.liteoption:hover { color: #325375; border-color: #325375; } input.mainoption:focus, input.liteoption:focus { color: #325375; border-color: #000; } /* 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 { border: solid 1px #647e62; } /* Styled checkboxes and radio buttons. Created by Philip Howard, GamingHeadlines.co.uk Web: http://www.gamingheadlines.co.uk/wod/formstyle/index.html */ .checkbox { background: url(images/CheckboxUnchecked.gif) no-repeat center center; display: block; width: 16px; height:16px; } a.checkbox, a.checkboxchecked { display: block; width: 16px; height: 16px; cursor: hand; } a.checkbox { background: url(images/CheckboxUnchecked.gif) no-repeat center center; } a.checkboxchecked { background: url(images/CheckboxChecked.gif) no-repeat center center; } .radiobox { background: url(images/RadioboxUnchecked.gif) no-repeat center center; display: block; width: 16px; height:16px; } a.radiobox, a.radioboxchecked { display: block; width: 16px; height: 16px; cursor: hand; } a.radiobox { background: url(images/RadioboxUnchecked.gif) no-repeat center center; } a.radioboxchecked { background: url(images/RadioboxChecked.gif) no-repeat center center; } .inputhidden { display: none; } td#functions { background: #f9e4b8; border: 0px solid #ca2929; padding: 3px; font-size: 11px; color: #000000; } td.spaceRow, td.spaceRow2 { height: 2px; overflow: hidden; font-size: 2px; line-height: 2px; padding: 0; } /* Forum title: Text and link to the forums used in: index.php */ .forumlink { font-weight: bold; font-size: 12px; color: #000000; } /* banner and menu */ body, table, th, tr, td, input, img { font-family: verdana, sans-serif; font-size: 10pt; margin: 0; border: 0; border-collapse: collapse; padding: 0; } body { background: #e8fce5 url(../../../img/repeat-y.jpg) repeat-y; } table.outer-frame { width: 100%; background: transparent url(../../../img/repeat-x.jpg) repeat-x; } table.outer-frame td { vertical-align: top; } td.menu { width: 132px; height: 640px; background-color: transparent; background-repeat: no-repeat; vertical-align: top; } td.menu a { display: block; width: 132px } a.logo { height: 99px; } a.menu-item { height: 39px; background-repeat: no-repeat; } a.language { height: 57px; } a.first-item { background-position: 0px -57px; } a.second-item { background-position: 0px -96px; } a.third-item { background-position: 0px -135px; } a.fourth-item { background-position: 0px -174px; } a.fifth-item { background-position: 0px -213px; } a.language:hover, a.first-item:hover, a.second-item:hover, a.third-item:hover, a.fourth-item:hover, a.fifth-item:hover { background-image: none; } a.language:active { background-position: -132px 0px; } a.first-item:active, a.selected-first-item { background-position: -132px -57px; } a.second-item:active, a.selected-second-item { background-position: -132px -96px; } a.third-item:active, a.selected-third-item { background-position: -132px -135px; } a.fourth-item:active, a.selected-fourth-item { background-position: -132px -174px; } a.fifth-item:active, a.selected-fifth-item { background-position: -132px -213px; } td.banner a { display: block; width: 668px; height: 123px; background-color: transparent; background-repeat: no-repeat; } td.content { padding: 0px 2px 0px 4px; } td.content td { vertical-align: middle; } div.copyright { border-top: 1px solid #ccc; color: #bbb; font-size: 80%; text-align: center; } h1, h2 { border-bottom: 1px solid #ccc; color: #ca2929; font-family: arial, verdana, sans-serif; margin: 1em 0 0.2em 0; } h1 { font-size: 17pt; font-weight: normal; } h2 { font-size: 15pt; font-weight: normal; } /* extended styles */ /* posts */ table.zt3 { background: #d0eecf; border: 0; border-collapse: collapse; color: #000000; margin: 0; padding: 0; width: 100%; } table.zt3 tr td { vertical-align: top; } /* postername */ td.zt1 { font-size: 11px; font-weight: bold; padding: 2px; vertical-align: middle; text-align: center; width: 150px; } td.zt1 img { border: 0; } /* posterrank */ td.zt1 span { font-size: 9px; color: #97b295; font-style: italic; } /* posterprofile */ td.zt1 table td { font-size: 9px; color: #97b295; } td.zt1 table { width: 95%; padding: 2px; } /* left of bubble */ td.zt2 { background: transparent url(images/bulle-v.gif) repeat-y; width: 35px; } td.zt2 span { display: block; height: 80px; width: 35px; background-image: url(images/bulle.gif); background-repeat: no-repeat; background-position: left top; } /* bottom of bubble */ td.zt3 { height: 16px; width: 35px; background-image: url(images/bulle.gif); background-repeat: no-repeat; background-position: left bottom; } td.zt4 { background: transparent url(images/bulle-h.gif) repeat-x left bottom; } td.zt5 { height: 16px; width: 15px; background-image: url(images/bulle.gif); background-repeat: no-repeat; background-position: right bottom; } /* right of bubble */ td.zt6 { background: transparent url(images/bulle-v.gif) repeat-y right top; width: 15px; } td.zt6 span { display: block; height: 80px; width: 15px; background-image: url(images/bulle.gif); background-repeat: no-repeat; background-position: right top; } /* top of bubble */ table.zt10 { height: 17px; width: 100%; background: transparent url(images/bulle-h.gif) repeat-x left top; } table.zt10 td, table.zt10 a { font-size: 9px; } td.zt8 { width: 50%; padding: 4px 0; color: #b52c26; text-align: left; } td.zt9 { width: 50%; padding: 3px 0; text-align: right; } /* bubble center */ td.zt7 { width: 100%; background: white; font-family: serif; font-size: 12pt; color: #000000; } /* profile icons */ table.zt12 td { height: 20px; width: 28px; } table.zt12 td a { display: block; height: 20px; width: 28px; } td.zt13 a { background: transparent url(images/icons.gif) no-repeat -28px 0px; } td.zt14 a { background: transparent url(images/icons.gif) no-repeat -28px -20px; } td.zt15 a { background: transparent url(images/icons.gif) no-repeat -28px -40px; } td.zt16 a { background: transparent url(images/icons.gif) no-repeat -28px -60px; } td.zt17 a { background: transparent url(images/icons.gif) no-repeat -28px -80px; } td.zt13 a:hover { background-position: 0px 0px; } td.zt14 a:hover { background-position: 0px -20px; } td.zt15 a:hover { background-position: 0px -40px; } td.zt16 a:hover { background-position: 0px -60px; } td.zt17 a:hover { background-position: 0px -80px; } td.zt13 a:active { background-position: -56px 0px; } td.zt14 a:active { background-position: -56px -20px; } td.zt15 a:active { background-position: -56px -40px; } td.zt16 a:active { background-position: -56px -60px; } td.zt17 a:active { background-position: -56px -80px; } /* quote */ table.zt11 { background: #ededed; width: 98%; margin: 4px; } table.zt11 td { font-family: serif; font-size: 12pt; color: #000000; } td.zt18 { display: block; width: 20px; height: 20px; background: transparent url(images/quote.gif) no-repeat left top; } td.zt19 { display: block; width: 20px; height: 20px; background: transparent url(images/quote.gif) no-repeat right bottom; } /* header and footer banner */ td.zt20 table { width: 100%; height: 32px; background: #ca2929 url(images/back.gif) repeat-x left top; color: #ffffff; margin-bottom: 2px; } td.zt20 td, td.zt20 a, td.zt20 a:visited { font-family: verdana, sans-serif; font-size: 8pt; font-weight: bold; color: #ffffff; } td.zt20 a:hover { color: #fdedcf; } td.zt21 { width: 50%; text-align: left; padding: 7px; } td.zt22 { width: 50%; padding: 3px 0; text-align: right; padding: 7px; } /* functions */ a.zt23 { font-family: verdana, sans-serif; font-weight: bold; font-size: 8pt; text-decoration: none; color: #ca2929; width: 116px; height: 16px; text-indent: 16px; } a.zt23:visited { color: #ca2929; text-decoration: none; } a.zt23:hover { color: #921916; text-decoration: none; } /* englobing table */ table.zt24 { width: 100%; } div.zt25 { text-align: right; font-size: 9px; } /* post reply */ div.zt26 { text-align: right; font-size: 9px; color: #aaa; } /* code */ table.zt27 { background: #ededed; width: 98%; margin: 4px; } table.zt27 td { font-family: Monospace; font-size: 12pt; color: #000000; } td.zt28 { display: block; width: 15px; height: 30px; background: transparent url(images/code.gif) no-repeat left top; } td.zt29 { display: block; width: 15px; height: 30px; background: transparent url(images/code.gif) no-repeat right bottom; } /* topics */ /* table order */ table.zt30 { width: 100%; padding: 0; border: 1px solid #819b81; text-align: center; background-color: #c8e6c7; } table.zt30 td { font-size: 10px; border-bottom: solid 1px #b0d0b1; } /* header and footer */ td.zt31 table { width: 100%; height: 32px; background: #ca2929 url(images/back.gif) repeat-x left top; color: #ffffff; } td.zt31 td, td.zt31 a, td.zt31 a:visited { font-family: verdana, sans-serif; font-size: 8pt; font-weight: bold; color: #ffffff; } td.zt31 a:hover { color: #fdedcf; } /* column titles */ table.zt30 th { background: #b0d0b1; color: #89a38a; padding: 0 12px 0 12px; font-size: 10px; } /* cells */ td.zt32 { text-align: left; background-color: #d0eecf; padding: 1px 0px 0px 1px; } table.zt30 td.zt33 { width: 100%; text-align: left; background-color: #d0eecf; padding: 4px 0px 0px 4px; border-bottom: solid 1px #c8e6c7; } td.zt33 a, td.zt33 a:visited, td.zt33 a:hover { font-weight: normal; font-size: 12px; text-decoration: none; } td.zt33 b { font-size: 10px; } td.zt33 span { font-size: 10px; } td.zt33 span a, td.zt33 span a:visited, td.zt33 span a:hover { text-decoration: underline; font-size: 10px; } /* icons */ table.zt34 { font-size: 9px; color: #aaa; } table.zt34 td { width: 80px; height: 34px; font-size: 9px; color: #aaa; } table.zt34 td.zt35 { width: 40px; background: #e8fce5 url(images/zt_hex.gif) 0px -139px; } table.zt34 td.zt36 { width: 40px; background: #e8fce5 url(images/zt_hex.gif) left bottom; } table.zt34 td.zt37 { width: 40px; background: #e8fce5 url(images/zt_hex.gif) 0px -69px; } table.zt34 td.zt38 { width: 40px; background: #e8fce5 url(images/zt_hex.gif) 0px -104px; } /* index */ /* info table */ table.zt39 { width: 100%; padding: 2px; text-align: center; } td.zt40 { text-align: left; vertical-align: bottom; font-size: 9px; color: #aaa; } td.zt41 { text-align: right; vertical-align: bottom; font-size: 10px; } /* cells */ table.zt30 td.zt42 { width: 100%; text-align: left; background-color: #d0eecf; padding: 4px 0px 0px 4px; border-bottom: solid 1px #c8e6c7; } td.zt42 a, td.zt42 a:visited, td.zt42 a:hover { font-weight: normal; font-size: 12px; text-decoration: none; } td.zt42 span { color: #89a38a; } /* icons */ table.zt34 td.zt43 { width: 40px; background: #e8fce5 url(images/zt_hex.gif) 0px 0px; } table.zt34 td.zt44 { width: 40px; background: #e8fce5 url(images/zt_hex.gif) 0px -34px; } /* login announce */ table.zt45 { width: 600px; background: #d0eecf; border: solid 1px #b0d0b1; border-collapse: collapse; color: #000; padding: 0; margin: 0; } table.zt45 tr td { vertical-align: top; } td.zt46 { height: 6px; } td.zt47 { vertical-align: middle; text-align: center; } /* flags */ td.zt48 { width: 68px; height: 32px; background: #ca2929 url(images/flag_fr.gif) no-repeat; } td.zt49 { width: 68px; height: 32px; background: #ca2929 url(images/flag_en.gif) no-repeat; } /* rank icons */ table.rk td { height: 30px; } table.rk td a { display: block; height: 30px; width: 30px; } table.rk td.rk000 a { width: 15px; } td.rk100 a { background: transparent url(images/promoter.gif) no-repeat; } td.rk200 a { background: transparent url(images/evangelist.gif) no-repeat; } td.rk300 a { background: transparent url(images/zealot.gif) no-repeat; } td.rk010 a { background: transparent url(images/provider.gif) no-repeat; } td.rk020 a { background: transparent url(images/distinguished_provider.gif) no-repeat; } td.rk030 a { background: transparent url(images/elite_provider.gif) no-repeat; } td.rk001 a { background: transparent url(images/donator.gif) no-repeat; }