/* —————————————————————————————————————————— File: styles.css Site: DVA Worship [www.forum.dvaworship.com] Coder: Max P. Author: XHTMLPLUS [www.xhtmlplus.ru] Version: 15 Aug 2007 # Browsers: IE 6, IE 7, FF 2.0, Opera 9 ————————————————————————————————————————— */ a { color:#6a6a6a; text-decoration:none; } a:hover { color:#c70b0b; text-decoration:underline; } a img { border:none; } form { margin:0; padding:0; display:block; } input { border:none; color:#414141; font:12px Tahoma, Verdana, Arial; margin:0; padding:1px 3px; } select { border:none; color:#414141; font:12px Tahoma, Verdana, Arial; margin:0; padding-left:3px; } h1 { display:block; font:14px Tahoma, Verdana, Arial; font-weight:bold; color:#df4b35; width:350px; margin:0; padding:15px 0; } h2 { display:block; text-align:center; font:12px Tahoma, Verdana, Arial; font-weight:bold; color:#df4b35; margin:0; padding:3px 0 6px 0; } h3 { height:15px; background:#91949d; display:block; color:#FFF; font:12px Tahoma, Verdana, Arial; position:relative; z-index:3; margin:0 0 6px 0; padding:5px 12px; } h3 img { position:absolute; right:0; top:0; } h3 span { position:absolute; z-index:4; } ul { padding:0; margin:0; list-style:none; } HTML, BODY { padding:0; margin:0; background:#FFF; font:12px Tahoma, Verdana, Arial; color:#414141; } .inner { width:1000px; } .orange { color:#db8538; } .clear { clear:both; } a.button { display:block; color:#FFF !important; text-decoration:none !important; height:18px; background:url(../i/a_button_bg.gif) 0 0 repeat-x; } a.button:hover { color:#414141 !important; } a.button span { padding:1px 28px 3px 28px; background:url(../i/a_button_bg_norepeat.gif) 0 0 no-repeat; position:relative; top:1px; } a.button img { position:absolute; margin-left:-6px; } #super_header { width:100%; height:112px; position:absolute; top:0; background:url(../i/super_header_bg.gif) 0 0 repeat-x; padding-bottom:1px; } #super_header .inner { background:url(../i/super_header_bg.jpg) 0 0 no-repeat; height:112px; } #sh_left { float:left; width:560px; height:112px; position:relative; z-index:2; } #logo { position:absolute; top:25px; left:21px; } #text { position:absolute; top:32px; left:108px; font-size:11px; color:#FFF; } #lang_menu { position:absolute; top:40px; left:319px; font-size:12px; color:#FFF; } #sh_right { float:right; width:352px; height:112px; text-align:right; padding-right:10px; } #login_form { overflow:auto; width:440px; padding-bottom:8px; } #login_form a { color:#CCC; } #login_pass { color:#FFF; padding-top:8px; height: 36px; } #login_pass input { display:block; margin:5px 0 0 15px; text-align:right; } #login { float:right; } #pass { float:right; } #reg_enter { padding-top:10px; } #reg_enter a { color:#FFF; text-decoration:underline; margin-left:16px; } #reg_enter a:hover { text-decoration:none; color:#fc9234; } #reg_enter a.button { float:right; } #quick_menu { padding-top:10px; width:440px; text-align:center; } #quick_menu img { margin:3px 14px; } #quick_menu a { color:#FFF; text-transform:uppercase; text-decoration:none; } #quick_menu a:hover { color:#fc9234; text-decoration:underline; } #header { width:100%; height:211px; position:absolute; top:113px; background:url(../i/header_bg.jpg) 0 0 repeat-x; } #menu { width:196px; height:206px; float:left; background:url(../i/menu_bg.jpg) 0 0 no-repeat; padding:5px 0 0 35px; } #menu a { display:block; color:#FFF; text-decoration:none; height:18px; border-bottom:1px solid #e4c0c1; padding:3px 0 0 25px; background:url(../i/menu_a_point.gif) 0 0 no-repeat; } #menu a { overflow:hidden; white-space:nowrap; width:171px; } /* ! */ #menu a:hover { color:#414141; background:url(../i/menu_a_point.gif) 0 -22px no-repeat; } #header_img { display:block; float:left; } #content { width:100%; position:absolute; top:324px; } #content_center { margin:320px 10px 10px 10px; } #main_area { overflow:auto; padding:0 0 15px 15px; } #main_area p { text-align:justify; margin:0; padding:11px 0 0 0; } ul.spisok {} ul.spisok li { padding:4px 10px 0 30px; background:url(../i/li.gif) 10px 10px no-repeat; } ul.spisok li.no_accords { background:url(../i/li_no_accords.gif) 10px 10px no-repeat; } ul.spisok span { } ul.spisok a { color:#c70b0b; text-decoration:underline; } ul.spisok a:hover { color:#414141; text-decoration:none; } .mark { width:80px; white-space:nowrap; } #content_right { float:right; width:219px; background:url(../i/content_right_bg.gif) 12px 0 repeat-y; margin-top:38px; position:relative; } #decor { position:absolute; top:0; left:0; } #inner_cr { padding:0 13px 10px 25px; } .block2 { padding:11px 0 12px 0; font-size:11px; background:url(../i/block2_bg.gif) center 0 no-repeat; font-weight:bold; } .block2 li { padding:6px 10px 0 30px; background:url(../i/li.gif) 10px 8px no-repeat; } .block2 li.no_accords { background:url(../i/li_no_accords.gif) 10px 8px no-repeat; } .banner { padding:11px 0; } .banner img { display:block; margin:0 auto; } #footer { height:59px; background:url(../i/footer.gif) 0 0 repeat-x; } #footer_left { width:562px; float:left; height:55px; background:url(../i/footer_left_bg.gif) 0 0 repeat-x; padding:4px 0 0 0; text-align:center; } #footer_left img { margin:3px 35px; } #footer_left a { color:#FFF; text-transform:uppercase; text-decoration:none; font-size:10px; } #footer_left a:hover { color:#414141; text-decoration:underline; } #counters { padding:7px 0 0 13px; } #counters img { margin:0; } #footer_right { float:left; width:399px; height:47px; background:#686c76 url(../i/footer_divider.gif) 0 0 no-repeat; padding:7px 10px 0 29px; text-align:right; color:#FFF; font-size:11px; line-height:14px; } #footer_right a { text-decoration:none; color:#f6e4b2; } #footer_right a:hover { text-decoration:underline; color:#fc9234; } .likea { color:#f6e4b2; } #first_line { height:1px; position:absolute; top:325px; min-width:100%; } #line { margin-left:342px; height:1px; position:relative; background:#494949; } #line .inner { width:658px; height:1px; } #search { min-width:100%; height:31px; position:absolute; top:327px; color:#FFF; } #inner_search { height:31px; margin-left:625px; position:relative; background:#df4b35; } #search .inner { width:374px; height:31px; } #search img { display:block; float:left; margin-right:8px; } #search span { padding-top:8px; display:block; float:left; text-transform:uppercase; } #search select { float:left; margin:7px 8px 0 3px; } #search input { margin:7px 8px 0 3px; display:block; float:left; width:90px; } #search a { display:block; width:16px; height:16px; float:left; margin-top:7px; } body { background-color: {T_BODY_BGCOLOR}; scrollbar-face-color: {#E08A54}; scrollbar-highlight-color: {T_TD_COLOR2}; scrollbar-shadow-color: {T_TR_COLOR2}; scrollbar-3dlight-color: {T_TR_COLOR3}; scrollbar-arrow-color: {#F8C3A2}; scrollbar-track-color: {T_TR_COLOR1}; scrollbar-darkshadow-color: {T_TH_COLOR1}; } /* General font families for common tags */ font,th,td,p { font-family: {T_FONTFACE1} } a:link,a:active,a:visited { color : {T_BODY_LINK}; } a:hover { text-decoration: underline; color : {T_BODY_HLINK}; } hr { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;} /* This is the border line & background colour round the entire page */ .bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; } /* This is the outline round the main forum tables */ .forumline { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; } /* Main table cell colours and backgrounds */ td.row1 { background-color: {T_TR_COLOR1}; } td.row2 { background-color: {T_TR_COLOR2}; } td.row3 { background-color: {T_TR_COLOR3}; } /* 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: {T_TD_COLOR2}; background-image: url(templates/subSilver/images/{T_TH_CLASS3}); background-repeat: repeat-y; } /* Header cells - the blue and silver gradient backgrounds */ th { color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold; background-color: {T_BODY_LINK}; height: 25px; background-image: url(templates/subSilver/images/{T_TH_CLASS2}); } td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { background-image: url(templates/subSilver/images/{T_TH_CLASS1}); background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; 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: {T_TD_COLOR2}; border-style: solid; height: 28px; } td.row3Right,td.spaceRow { background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; } th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; 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: "{T_FONTFACE2}",{T_FONTFACE1}; text-decoration: none; line-height : 120%; color : {T_BODY_TEXT}; } /* General text */ .lgen { font-size : 13px; } .gen { font-size : {T_FONTSIZE3}px; } .genmed { font-size : {T_FONTSIZE2}px; } .gensmall { font-size : {T_FONTSIZE1}px; } .gen,.genmed,.gensmall { color : {T_BODY_TEXT}; } a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; } a.gen:hover,a.genmed:hover,a.gensmall:hover { color: {T_BODY_HLINK}; text-decoration: underline; } /* The register, login, search etc links at the top of the page */ .mainmenu { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} } a.mainmenu { text-decoration: none; color : {T_BODY_LINK}; } a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; } /* Forum category titles */ .cattitle { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}} a.cattitle { text-decoration: none; color : {T_BODY_LINK}; } a.cattitle:hover{ text-decoration: underline; } /* Forum title: Text and link to the forums used in: index.php */ .forumlink { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; } a.forumlink { text-decoration: none; color : {T_BODY_LINK}; } a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; } /* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */ .nav { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};} a.nav { text-decoration: none; color : {T_BODY_LINK}; } a.nav:hover { text-decoration: underline; } /* titles for the topics: could specify viewed link colour too */ .topictitle,h1,h2 { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; } a.topictitle:link { text-decoration: none; color : {T_BODY_LINK}; } a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; } a.topictitle:hover { text-decoration: underline; color : {T_BODY_HLINK}; } /* Name of poster in viewmsg.php and viewtopic.php and other places */ .name { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};} /* Location, number of posts, post date etc */ .postdetails { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; } /* The content of the posts (body of text) */ .postbody { font-size : {T_FONTSIZE3}px; line-height: 18px} a.postlink:link { text-decoration: none; color : {T_BODY_LINK} } a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; } a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}} /* Quote & Code blocks */ .code { font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2}; background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px } .quote { font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%; background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; 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: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;} a.copyright { color: {T_FONTCOLOR1}; text-decoration: none;} a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;} /* Form elements */ input,textarea, select { color : {T_BODY_TEXT}; font: normal {T_FONTSIZE2}px {T_FONTFACE1}; border-color : {T_BODY_TEXT}; } /* The text input fields background colour */ input.post, textarea.post, select { background-color : {T_TD_COLOR2}; } input { text-indent : 2px; } /* The buttons used for bbCode styling in message post */ input.button { background-color : {T_TR_COLOR1}; color : {T_BODY_TEXT}; font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1}; } /* The main submit button option */ input.mainoption { background-color : {T_TD_COLOR1}; font-weight : bold; } /* None-bold submit button */ input.liteoption { background-color : {T_TD_COLOR1}; font-weight : normal; } /* 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: {T_TR_COLOR2}; border-style: none; } /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */ @import url("templates/subSilver/formIE.css"); /* Name of poster in viewmsg.php and viewtopic.php and other places */ .name { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};} /* Location, number of posts, post date etc */ .postdetails { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; } /* The content of the posts (body of text) */ .postbody { font-size : {T_FONTSIZE3}px; line-height: 18px} a.postlink:link { text-decoration: none; color : {T_BODY_LINK} } a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; } a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}} /* Quote & Code blocks */ .code { font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2}; background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px } .quote { font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%; background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; 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: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;} a.copyright { color: {T_FONTCOLOR1}; text-decoration: none;} a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;} /* The text input fields background colour */ input.post, textarea.post, select { background-color : {T_TD_COLOR2}; } /* The main submit button option */ input.mainoption { background-color : {T_TD_COLOR1}; font-weight : bold; } /* None-bold submit button */ input.liteoption { background-color : {T_TD_COLOR1}; font-weight : normal; } /* 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: {T_TR_COLOR2}; border-style: none; } /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */ @import url("templates/subSilver/formIE.css"); /* General text */ .lgen { font-size : 13px; } .gen { font-size : {T_FONTSIZE3}px; } .genmed { font-size : {T_FONTSIZE2}px; } .gensmall { font-size : {T_FONTSIZE1}px; } .gen,.genmed,.gensmall { color : {T_BODY_TEXT}; } a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; } a.gen:hover,a.genmed:hover,a.gensmall:hover { color: {T_BODY_HLINK}; text-decoration: underline; } /* The register, login, search etc links at the top of the page */ .mainmenu { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} } a.mainmenu { text-decoration: none; color : {T_BODY_LINK}; } a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; } /* Forum category titles */ .cattitle { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}} a.cattitle { text-decoration: none; color : {T_BODY_LINK}; } a.cattitle:hover{ text-decoration: underline; } /* Forum title: Text and link to the forums used in: index.php */ .forumlink { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; } a.forumlink { text-decoration: none; color : {T_BODY_LINK}; } a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; } /* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */ .nav { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};} a.nav { text-decoration: none; color : {T_BODY_LINK}; } a.nav:hover { text-decoration: underline; } /* titles for the topics: could specify viewed link colour too */ .topictitle,h1,h2 { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; } a.topictitle:link { text-decoration: none; color : {T_BODY_LINK}; } a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; } a.topictitle:hover { text-decoration: underline; color : {T_BODY_HLINK}; }