diff options
| author | Paul S. Owen <psotfx@users.sourceforge.net> | 2002-02-02 18:12:30 +0000 |
|---|---|---|
| committer | Paul S. Owen <psotfx@users.sourceforge.net> | 2002-02-02 18:12:30 +0000 |
| commit | 7bf480d3e16dd4b49af391a7c540e849c59488c1 (patch) | |
| tree | 8a747ce53b205d7e3bd05efcfc88d19c28f1d49a /phpBB | |
| parent | baa71e4e1eee111ed07c9d223fc64c5291ef50a6 (diff) | |
| download | forums-7bf480d3e16dd4b49af391a7c540e849c59488c1.tar forums-7bf480d3e16dd4b49af391a7c540e849c59488c1.tar.gz forums-7bf480d3e16dd4b49af391a7c540e849c59488c1.tar.bz2 forums-7bf480d3e16dd4b49af391a7c540e849c59488c1.tar.xz forums-7bf480d3e16dd4b49af391a7c540e849c59488c1.zip | |
Tom has moved the theming info back into the DB, you'll need to run update_to_RC3.php to make use of it ... NOTE that some display issues seem to exist with this update.
git-svn-id: file:///svn/phpbb/trunk@2038 89ea8834-ac86-4346-8a33-228a782c2dd0
Diffstat (limited to 'phpBB')
| -rw-r--r-- | phpBB/templates/subSilver/admin/page_header.tpl | 216 | ||||
| -rw-r--r-- | phpBB/templates/subSilver/overall_header.tpl | 217 | ||||
| -rw-r--r-- | phpBB/templates/subSilver/simple_header.tpl | 218 | ||||
| -rw-r--r-- | phpBB/templates/subSilver/subSilver.css | 191 |
4 files changed, 716 insertions, 126 deletions
diff --git a/phpBB/templates/subSilver/admin/page_header.tpl b/phpBB/templates/subSilver/admin/page_header.tpl index 8c937b250d..c4ce7b2507 100644 --- a/phpBB/templates/subSilver/admin/page_header.tpl +++ b/phpBB/templates/subSilver/admin/page_header.tpl @@ -3,22 +3,216 @@ <head> {META} <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" /> -<link rel="stylesheet" href="../templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" /> <style type="text/css"> <!-- -/* Specifiy background images for selected styles - This can't be done within the external style sheet as NS4 sees image paths relative to - the page which called the style sheet (i.e. this page in the root phpBB directory) - whereas all other browsers see image paths relative to the style sheet. Stupid NS again! + +/* + The original subSilver Theme for phpBB version 2+ + Created by subBlue design + http://www.subBlue.com + + NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2 + theme administration centre. When you have finalised your style you could cut the final CSS code + and place it in an external file, deleting this section to save bandwidth. */ -TH { background-image: url(../templates/subSilver/images/cellpic3.gif) } -TD.cat { background-image: url(../templates/subSilver/images/cellpic1.gif) } -TD.rowpic { background-image: url(../templates/subSilver/images/cellpic2.jpg); background-repeat: repeat-y } -td.icqback { background-image: url(../templates/subSilver/images/icon_icq_add.gif); background-repeat: no-repeat } -TD.catHead,TD.catSides,TD.catLeft,TD.catRight,TD.catBottom { background-image: url(../templates/subSilver/images/cellpic1.gif) } -p, td { font-size : 12px; color : #000000; } + + + /* General page style. The scroll bar colours only visible in IE5.5+ */ +body { + background-color: {T_BODY_BGCOLOR}; + scrollbar-face-color: {T_TR_COLOR2}; + scrollbar-highlight-color: {T_TD_COLOR2}; + scrollbar-shadow-color: {T_TR_COLOR2}; + scrollbar-3dlight-color: {T_TR_COLOR3}; + scrollbar-arrow-color: {T_BODY_LINK}; + 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} } +p, td { font-size : {T_FONTSIZE2}; color : {T_BODY_TEXT}; } +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;} h1,h2 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 22px; font-weight : bold; text-decoration : none; line-height : 120%; color : #000000;} + +/* 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; +} +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 */ +.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; } + + + +/* 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"); --> diff --git a/phpBB/templates/subSilver/overall_header.tpl b/phpBB/templates/subSilver/overall_header.tpl index 3bbacb80b5..c752541f1a 100644 --- a/phpBB/templates/subSilver/overall_header.tpl +++ b/phpBB/templates/subSilver/overall_header.tpl @@ -10,15 +10,216 @@ <link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" /> <style type="text/css"> <!-- -/* Specifiy background images for selected styles - This can't be done within the external style sheet as NS4 sees image paths relative to - the page which called the style sheet (i.e. this page in the root phpBB directory) - whereas all other browsers see image paths relative to the style sheet. Stupid NS again! + +/* + The original subSilver Theme for phpBB version 2+ + Created by subBlue design + http://www.subBlue.com + + NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2 + theme administration centre. When you have finalised your style you could cut the final CSS code + and place it in an external file, deleting this section to save bandwidth. +*/ + + + /* General page style. The scroll bar colours only visible in IE5.5+ */ +body { + background-color: {T_BODY_BGCOLOR}; + scrollbar-face-color: {T_TR_COLOR2}; + scrollbar-highlight-color: {T_TD_COLOR2}; + scrollbar-shadow-color: {T_TR_COLOR2}; + scrollbar-3dlight-color: {T_TR_COLOR3}; + scrollbar-arrow-color: {T_BODY_LINK}; + 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; +} +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 */ +.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 ;) */ -TH { background-image: url(templates/subSilver/images/cellpic3.gif) } -TD.cat { background-image: url(templates/subSilver/images/cellpic1.gif) } -TD.rowpic { background-image: url(templates/subSilver/images/cellpic2.jpg); background-repeat: repeat-y } -TD.catHead,TD.catSides,TD.catLeft,TD.catRight,TD.catBottom { background-image: url(templates/subSilver/images/cellpic1.gif) } +.helpline { background-color: {T_TR_COLOR2}; border-style: none; } /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */ diff --git a/phpBB/templates/subSilver/simple_header.tpl b/phpBB/templates/subSilver/simple_header.tpl index ff0349cac9..06e0e9d49f 100644 --- a/phpBB/templates/subSilver/simple_header.tpl +++ b/phpBB/templates/subSilver/simple_header.tpl @@ -15,16 +15,216 @@ <link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" /> <style type="text/css"> <!-- -/* Specifiy background images for selected styles - This can't be done within the external style sheet as NS4 sees image paths relative to - the page which called the style sheet (i.e. this page in the root phpBB directory) - whereas all other browsers see image paths relative to the style sheet. Stupid NS again! + +/* + The original subSilver Theme for phpBB version 2+ + Created by subBlue design + http://www.subBlue.com + + NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2 + theme administration centre. When you have finalised your style you could cut the final CSS code + and place it in an external file, deleting this section to save bandwidth. +*/ + + + /* General page style. The scroll bar colours only visible in IE5.5+ */ +body { + background-color: {T_BODY_BGCOLOR}; + scrollbar-face-color: {T_TR_COLOR2}; + scrollbar-highlight-color: {T_TD_COLOR2}; + scrollbar-shadow-color: {T_TR_COLOR2}; + scrollbar-3dlight-color: {T_TR_COLOR3}; + scrollbar-arrow-color: {T_BODY_LINK}; + 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; +} +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 */ +.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 { 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 ;) */ -TH { background-image: url(templates/subSilver/images/cellpic3.gif) } -TD.cat { background-image: url(templates/subSilver/images/cellpic1.gif) } -TD.rowpic { background-image: url(templates/subSilver/images/cellpic2.jpg); background-repeat: repeat-y } -td.icqback { background-image: url(templates/subSilver/images/icon_icq_add.gif); background-repeat: no-repeat } -TD.catHead,TD.catSides,TD.catLeft,TD.catRight,TD.catBottom { background-image: url(templates/subSilver/images/cellpic1.gif) } +.helpline { background-color: {T_TR_COLOR2}; border-style: none; } /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */ diff --git a/phpBB/templates/subSilver/subSilver.css b/phpBB/templates/subSilver/subSilver.css index 065e5c264e..37c89ad695 100644 --- a/phpBB/templates/subSilver/subSilver.css +++ b/phpBB/templates/subSilver/subSilver.css @@ -1,181 +1,178 @@ /* - subSilver Theme for phpBB2 + The original subSilver Theme for phpBB version 2+ Created by subBlue design http://www.subBlue.com - */ + + NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2 + theme administration centre. When you have finalised your style you could cut the final CSS code + and place it in an external file, deleting this section to save bandwidth. +*/ + /* General page style. The scroll bar colours only visible in IE5.5+ */ -body { - background-color:#E5E5E5; - scrollbar-face-color: #DEE3E7; scrollbar-highlight-color: #FFFFFF; - scrollbar-shadow-color: #DEE3E7; scrollbar-3dlight-color: #D1D7DC; - scrollbar-arrow-color: #006699; scrollbar-track-color: #EFEFEF; +body { + background-color: #E5E5E5; + scrollbar-face-color: #DEE3E7; + scrollbar-highlight-color: #FFFFFF; + scrollbar-shadow-color: #DEE3E7; + scrollbar-3dlight-color: #D1D7DC; + scrollbar-arrow-color: #006699; + scrollbar-track-color: #EFEFEF; scrollbar-darkshadow-color: #98AAB1; } /* General font families for common tags */ -font{ font-family: Verdana, Arial, Helvetica, sans-serif } -td { font-family: Verdana, Arial, Helvetica, sans-serif } -p { font-family: Verdana, Arial, Helvetica, sans-serif } +font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif } +a:link,a:active,a:visited { color : #006699; } +a:hover { text-decoration: underline; color : #DD6900; } hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;} /* This is the border line & background colour round the entire page */ -.bodyline { background-color:#FFFFFF; border: #98AAB1; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px } +.bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid; } /* This is the outline round the main forum tables */ -.forumline { background-color:#FFFFFF; border: 2px #006699 solid } - -/* - Main table cell colours and backgrounds - Styles that use bitmap backgrounds are commented "Uses Bitmap" - Note that netscape 4 takes paths to bitmap files relative from - the html file rather than from the style sheet. - Hence, to maintain compatibility, all styles using bitmaps have - their "background : url(templates/subSilver/images/bitmap.gif);" - setting defined in overall_header.tpl -*/ +.forumline { background-color: #FFFFFF; border: 2px #006699 solid; } -TH { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #1B7CAD; height: 25px; font-size: 11px; font-weight: bold; color: #FFA34F; -} /* Uses Bitmap */ -TD.tablebg { background-color: #000000 } -TD.cat { background-color: #D1D7DC; height: 28px } /* Uses Bitmap */ -TD.row1 { background-color: #EFEFEF } -TD.row2 { background-color: #DEE3E7 } -TD.row3 { background-color: #D1D7DC} +/* Main table cell colours and backgrounds */ +td.row1 { background-color: #EFEFEF; } +td.row2 { background-color: #DEE3E7; } +td.row3 { background-color: #D1D7DC; } -/* This is the spacer row between post replies */ -TD.spaceRow { background-color: #D1D7DC; border: #FFFFFF; border-style: solid; border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px } /* 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 } /* Uses Bitmap */ +td.rowpic { + background-color: #FFFFFF; + background-image: url(templates/subSilver/images/cellpic2.jpg); + background-repeat: repeat-y; +} + +/* Header cells - the blue and silver gradient backgrounds */ +th { + color: #FFA34F; font-size: 11px; font-weight : bold; + background-color: #006699; height: 25px; + background-image: url(templates/subSilver/images/cellpic3.gif); +} + +td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { + background-image: url(templates/subSilver/images/cellpic1.gif); + background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px; +} /* - Setting additional nice borders for the main table cells. + 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.catHead,TD.catSides,TD.catLeft,TD.catRight,TD.catBottom { background-color:#D1D7DC; height: 28px; border: #FFFFFF; border-style: solid; } /* Uses Bitmap */ - -TD.catHead { height: 29px; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px } -TD.catSides { border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px } -TD.catLeft { border-left-width: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px } -TD.catRight { border-left-width: 0px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px } -TD.catBottom { height: 29px; border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px } - -TH.thHead,TH.thSides,TH.thTop,TH.thLeft,TH.thRight,TH.thBottom,TH.thCornerL,TH.thCornerR { border: #FFFFFF; border-style: solid; } - -TH.thHead { font-weight : bold; font-size: 12px; height: 25px; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px } -TH.thSides { border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px } -TH.thTop { border-left-width: 0px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px } -TH.thLeft { border-left-width: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px } -TH.thRight { border-left-width: 0px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px } -TH.thBottom { border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px } -TH.thCornerL { border-left-width: 1px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px } -TH.thCornerR { border-left-width: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px } - -TD.row3Right { background-color: #D1D7DC; border: #FFFFFF; border-style: solid; border-left-width: 0px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px } +td.cat,td.catHead,td.catBottom { + height: 29px; +} +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: #D1D7DC; border: #FFFFFF; border-style: solid; } +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-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 22px; font-weight : bold; text-decoration : none; line-height : 120%; color : #000000;} - - -/* General normal text */ -.gen { font-size : 12px; color : #000000; } -a.gen { color: #006699; text-decoration: none; } -a.gen:hover { color: #DD6900; text-decoration: underline; } - -/* General medium text */ -.genmed { font-size : 11px; color : #000000; } -a.genmed { text-decoration: none; color : #006699; } -a.genmed:hover { text-decoration: underline; color : #DD6900; } +.maintitle,h1,h2 { + font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; + text-decoration: none; line-height : 120%; color : #000000; +} -/* General small */ -.gensmall { font-size : 10px; color : #000000; } -a.gensmall { color: #006699; text-decoration: none; } -a.gensmall:hover{ color: #DD6900; text-decoration: underline; } +/* General text */ +.gen { font-size : 12px; } +.genmed { font-size : 11px; } +.gensmall { font-size : 10px; } +.gen,.genmed,.gensmall { color : #000000; } +a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; } +a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #DD6900; text-decoration: underline; } /* The register, login, search etc links at the top of the page */ -.mainmenu { font-size : 11px; text-decoration : none; color : #000000 } +.mainmenu { font-size : 11px; color : #000000 } a.mainmenu { text-decoration: none; color : #006699; } a.mainmenu:hover{ text-decoration: underline; color : #DD6900; } /* Forum category titles */ -.cattitle { font-size : 12px; letter-spacing: 1px; font-weight : bold; text-decoration : none; color : #006699} +.cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #006699} a.cattitle { text-decoration: none; color : #006699; } a.cattitle:hover{ text-decoration: underline; } /* Forum title: Text and link to the forums used in: index.php */ -.forumlink { font-size : 12px; font-weight : bold; text-decoration : none; color : #006699; } -a.forumlink { text-decoration: none; color : #006699; } +.forumlink { font-weight: bold; font-size: 12px; color : #006699; } +a.forumlink { text-decoration: none; color : #006699; } a.forumlink:hover{ text-decoration: underline; color : #DD6900; } /* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */ -.nav { font-size : 11px; font-weight : bold; text-decoration : none; color : #000000;} +.nav { font-weight: bold; font-size: 11px; color : #000000;} a.nav { text-decoration: none; color : #006699; } a.nav:hover { text-decoration: underline; } /* titles for the topics: could specify viewed link colour too */ -.topictitle { font-size : 11px; font-weight : bold; text-decoration : none; color : #000000; } -a.topictitle { text-decoration: none; color : #006699; } +.topictitle { font-weight: bold; font-size: 11px; color : #000000; } +a.topictitle:link { text-decoration: none; color : #006699; } +a.topictitle:visited { text-decoration: none; color : #5493B4; } a.topictitle:hover { text-decoration: underline; color : #DD6900; } -a.topictitle:visited{ text-decoration: none; color : #5493B4; } /* Name of poster in viewmsg.php and viewtopic.php and other places */ -.name { font-size : 11px; text-decoration : none; color : #000000;} -a.name { color: #006699; text-decoration: none;} -a.name:hover { color: #DD6900; text-decoration: underline;} - +.name { font-size : 11px; color : #000000;} /* Location, number of posts, post date etc */ .postdetails { font-size : 10px; color : #000000; } -a.postdetails { color: #006699; text-decoration: none; } -a.postdetails:hover { color: #DD6900; text-decoration: underline; } /* The content of the posts (body of text) */ .postbody { font-size : 12px; line-height: 18px} -a.postlink { text-decoration: none; color : #006699 } +a.postlink:link { text-decoration: none; color : #006699 } +a.postlink:visited { text-decoration: none; color : #5493B4; } a.postlink:hover { text-decoration: underline; color : #DD6900} -/* Quote Code (currently not used) */ -.code { - font-family: Courier, "Courier New", sans-serif; font-size: 11px; color: #006600; +/* Quote & Code blocks */ +.code { + font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600; background-color: #FAFAFA; border: #D1D7DC; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px } .quote { - font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #444444; line-height: 125%; + font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%; background-color: #FAFAFA; border: #D1D7DC; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px } -.editedby { font-size : 10px; line-height : 100%; color : #333333; } + +/* Copyright and bottom info */ +.copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;} +a.copyright { color: #444444; text-decoration: none;} +a.copyright:hover { color: #000000; text-decoration: underline;} /* Form elements */ input,textarea, select { color : #000000; - font-family : Verdana, Arial, Helvetica, sans-serif; - font-size : 11px; - font-weight : normal; + font: normal 11px Verdana, Arial, Helvetica, sans-serif; border-color : #000000; } @@ -190,8 +187,7 @@ input { text-indent : 2px; } input.button { background-color : #EFEFEF; color : #000000; - font-family : Verdana, Arial, Helvetica, sans-serif; - font-size : 11px; + font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; } /* The main submit button option */ @@ -212,7 +208,6 @@ input.liteoption { */ .helpline { background-color: #DEE3E7; border-style: none; } -/* Copyright and bottom info */ -.copyright { font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; font-size: 10px; letter-spacing: -1px;} -a.copyright { color: #333333; text-decoration: none;} -a.copyright:hover { color: #000000; text-decoration: underline;} + +/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */ +@import url("templates/subSilver/formIE.css"); |
