rlm@2: /* rlm@2: The original subSilver Theme for phpBB version 2+ rlm@2: Created by subBlue design rlm@2: http://www.subBlue.com rlm@2: */ rlm@2: rlm@2: rlm@2: /* General page style. The scroll bar colours only visible in IE5.5+ */ rlm@2: body { rlm@2: background-color: #000000; rlm@2: rlm@2: rlm@2: background: black url(http://www.moonlitnights.org/star-bg.gif); rlm@2: rlm@2: scrollbar-face-color: #000000; rlm@2: scrollbar-highlight-color: #C0D2F6; rlm@2: scrollbar-shadow-color: #C0D2F6; rlm@2: scrollbar-3dlight-color: #000000; rlm@2: scrollbar-arrow-color: #C0D2F6; rlm@2: scrollbar-track-color: #000000; rlm@2: scrollbar-darkshadow-color: #000000; rlm@2: } rlm@2: rlm@2: /* General font families for common tags */ rlm@2: font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif } rlm@2: a:link,a:active,a:visited { color : #2AAAA8; } rlm@2: a:hover { text-decoration: underline; color : #2AAAA8; } rlm@2: hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;} rlm@2: rlm@2: rlm@2: /* This is the border line & background colour round the entire page */ rlm@2: .bodyline { border: 1px #000000 solid; } rlm@2: rlm@2: /* This is the outline round the main forum tables */ rlm@2: .forumline { background-color: #000000; border: 2px #000000 solid; } rlm@2: rlm@2: rlm@2: /* Main table cell colours and backgrounds */ rlm@2: td.row1 { background-color: #5C5C8E; } rlm@2: td.row2 { background-color: #5C5C8E; } rlm@2: td.row3 { background-color: #5C5C8E; } rlm@2: rlm@2: rlm@2: /* rlm@2: This is for the table cell above the Topics, Post & Last posts on the index.php page rlm@2: By default this is the fading out gradiated silver background. rlm@2: However, you could replace this with a bitmap specific for each forum rlm@2: */ rlm@2: td.rowpic { rlm@2: background-color: #5090D0; rlm@2: background-repeat: repeat-y; rlm@2: } rlm@2: rlm@2: /* Header cells - the blue and silver gradient backgrounds */ rlm@2: th { rlm@2: color: #000000; font-size: 11px; font-weight : bold; rlm@2: background-color: #DAEAFF; height: 25px; rlm@2: rlm@2: } rlm@2: rlm@2: td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { rlm@2: background-color:#5090D0; border: #000000; border-style: solid; height: 28px; rlm@2: } rlm@2: rlm@2: rlm@2: /* rlm@2: Setting additional nice inner borders for the main table cells. rlm@2: The names indicate which sides the border will be on. rlm@2: Don't worry if you don't understand this, just ignore it :-) rlm@2: */ rlm@2: td.cat,td.catHead,td.catBottom { rlm@2: height: 29px; rlm@2: border-width: 0px 0px 0px 0px; rlm@2: } rlm@2: th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR { rlm@2: font-weight: bold; border: #000000; border-style: solid; height: 28px; } rlm@2: td.row3Right,td.spaceRow { rlm@2: background-color: #DAEAFF; border: #000000; border-style: solid; color: #000000 } rlm@2: rlm@2: th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; } rlm@2: th.thSides,td.catSides,td.spaceRow { border-width: 0px 0px 0px 0px; } rlm@2: th.thRight,td.catRight,td.row3Right { border-width: 0px 0px 0px 0px; } rlm@2: th.thLeft,td.catLeft { border-width: 0px 0px 0px 0px; } rlm@2: th.thBottom,td.catBottom { border-width: 0px 0px 0px 0px; } rlm@2: th.thTop { border-width: 0px 0px 0px 0px; } rlm@2: th.thCornerL { border-width: 0px 0px 0px 0px; } rlm@2: th.thCornerR { border-width: 0px 0px 0px 0px; } rlm@2: rlm@2: rlm@2: /* The largest text used in the index page title and toptic title etc. */ rlm@2: .maintitle,h1,h2 { rlm@2: font-weight: none; font-size: 18px; font-family: "Verdana",Verdana, Arial, Helvetica, sans-serif; rlm@2: text-decoration: none; line-height : 120%; color : #5D7790; rlm@2: } rlm@2: rlm@2: rlm@2: /* General text */ rlm@2: .gen { font-size : 12px; } rlm@2: .genmed { font-size : 11px; } rlm@2: .gensmall { font-size : 10px; } rlm@2: .gen,.genmed,.gensmall { color : #FFFFFF; } rlm@2: a.gen,a.genmed,a.gensmall { color: #2AAAA8; text-decoration: none; } rlm@2: a.gen:visited,a.genmed:visited,a.gensmall:visited { color: #2AAAA8; text-decoration: none; } rlm@2: a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #2AAAA8; text-decoration: underline; } rlm@2: rlm@2: rlm@2: /* The register, login, search etc links at the top of the page */ rlm@2: .mainmenu { font-size : 11px; color : #000000 } rlm@2: a.mainmenu { text-decoration: none; color : #2AAAA8; } rlm@2: a.mainmenu:hover{ text-decoration: underline; color : #DD6900; } rlm@2: rlm@2: rlm@2: /* Forum category titles */ rlm@2: .cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #FFFFFF} rlm@2: a.cattitle { text-decoration: none; color : #FFFFFF; } rlm@2: a.cattitle:visited { text-decoration: none; color : #FFFFFF; } rlm@2: a.cattitle:hover { text-decoration: underline; color : #FFFFFF; } rlm@2: rlm@2: /* Forum title: Text and link to the forums used in: index.php */ rlm@2: .forumlink { font-weight: bold; font-size: 12px; color : #2AAAA8; } rlm@2: a.forumlink { text-decoration: none; color : #2AAAA8; } rlm@2: a.forumlink:visited { text-decoration: none; color : #2AAAA8; } rlm@2: a.forumlink:hover{ text-decoration: underline; color : #2AAAA8; } rlm@2: rlm@2: rlm@2: /* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */ rlm@2: .nav { font-weight: bold; font-size: 11px; color : #2AAAA8;} rlm@2: a.nav { text-decoration: none; color : #2AAAA8; } rlm@2: a.nav:hover { text-decoration: underline; color : #2AAAA8;} rlm@2: rlm@2: rlm@2: /* titles for the topics: could specify viewed link colour too */ rlm@2: .topictitle { font-weight: bold; font-size: 11px; color : #FFFF00; } rlm@2: a.topictitle:link { text-decoration: none; color : #2AAAA8; } rlm@2: a.topictitle:visited { text-decoration: none; color : #2AAAA8; } rlm@2: a.topictitle:hover { text-decoration: underline; color : #2AAAA8; } rlm@2: rlm@2: rlm@2: /* Name of poster in viewmsg.php and viewtopic.php and other places */ rlm@2: .name { font-size : 11px; color : #FFFFFF;} rlm@2: rlm@2: /* Location, number of posts, post date etc */ rlm@2: .postdetails { font-size : 10px; color : #FFFFFF; } rlm@2: rlm@2: rlm@2: /* The content of the posts (body of text) */ rlm@2: .postbody { font-size : 12px; color : #FFFFFF} rlm@2: a.postlink:link { text-decoration: none; color : #2AAAA8 } rlm@2: a.postlink:visited { text-decoration: none; color : #2AAAA8; } rlm@2: a.postlink:hover { text-decoration: underline; color : #2AAAA8} rlm@2: rlm@2: .error { font-size : 16px; color : #42E5E2; background-color: #2AAAA8; border: #D1D7DC; border-style: solid; rlm@2: border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px rlm@2: } rlm@2: rlm@2: /* Quote & Code blocks */ rlm@2: .code { rlm@2: font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600; rlm@2: background-color: #FAFAFA; border: #D1D7DC; border-style: solid; rlm@2: border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px rlm@2: } rlm@2: rlm@2: .quote { rlm@2: font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #42E5E2; line-height: 125%; rlm@2: background-color: #2AAAA8; border: #D1D7DC; border-style: solid; rlm@2: border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px rlm@2: } rlm@2: rlm@2: rlm@2: /* Copyright and bottom info */ rlm@2: .copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; letter-spacing: -1px;} rlm@2: a.copyright { color: #2AAAA8; text-decoration: none;} rlm@2: rlm@2: a.copyright:hover { color: #2AAAA8; text-decoration: underline;} rlm@2: rlm@2: rlm@2: /* Form elements */ rlm@2: input,textarea, select { rlm@2: color : #000000; rlm@2: font: normal 11px Verdana, Arial, Helvetica, sans-serif; rlm@2: border-color : #000000; rlm@2: } rlm@2: rlm@2: /* The text input fields background colour */ rlm@2: input.post, textarea.post, select { rlm@2: background-color : #FFFFFF; rlm@2: } rlm@2: rlm@2: input { text-indent : 2px; } rlm@2: rlm@2: /* The buttons used for bbCode styling in message post */ rlm@2: input.button { rlm@2: background-color : #EFEFEF; rlm@2: color : #000000; rlm@2: font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; rlm@2: } rlm@2: rlm@2: /* The main submit button option */ rlm@2: input.mainoption { rlm@2: background-color : #FAFAFA; rlm@2: font-weight : bold; rlm@2: } rlm@2: rlm@2: /* None-bold submit button */ rlm@2: input.liteoption { rlm@2: background-color : #FAFAFA; rlm@2: font-weight : normal; rlm@2: } rlm@2: rlm@2: /* This is the line in the posting page which shows the rollover rlm@2: help line. This is actually a text box, but if set to be the same rlm@2: colour as the background no one will know ;) rlm@2: */ rlm@2: .helpline { background-color: #DEE3E7; border-style: none; } rlm@2: rlm@2: rlm@2: /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */ rlm@2: @import url("formIE.css");