diff options
author | Tom Beddard <subblue@users.sourceforge.net> | 2006-01-07 01:10:42 +0000 |
---|---|---|
committer | Tom Beddard <subblue@users.sourceforge.net> | 2006-01-07 01:10:42 +0000 |
commit | ffa49ca9ca5d301a34986ce97b23a0ac49ac03be (patch) | |
tree | c56a70bcdb701da9710c61626107299699bcfdd9 /phpBB/styles/subSilver/theme | |
parent | df3faf5e207e960722cc3b45de5d22108135382c (diff) | |
download | forums-ffa49ca9ca5d301a34986ce97b23a0ac49ac03be.tar forums-ffa49ca9ca5d301a34986ce97b23a0ac49ac03be.tar.gz forums-ffa49ca9ca5d301a34986ce97b23a0ac49ac03be.tar.bz2 forums-ffa49ca9ca5d301a34986ce97b23a0ac49ac03be.tar.xz forums-ffa49ca9ca5d301a34986ce97b23a0ac49ac03be.zip |
Refresh of the subSilver style sheet. Fonts are now defined in ems and stylesheet reformatted for readability during development.
git-svn-id: file:///svn/phpbb/trunk@5436 89ea8834-ac86-4346-8a33-228a782c2dd0
Diffstat (limited to 'phpBB/styles/subSilver/theme')
-rw-r--r-- | phpBB/styles/subSilver/theme/images/background.gif | bin | 766 -> 509 bytes | |||
-rw-r--r-- | phpBB/styles/subSilver/theme/images/sitelogo.gif | bin | 0 -> 7342 bytes | |||
-rw-r--r-- | phpBB/styles/subSilver/theme/images/sitelogo.jpg | bin | 8660 -> 0 bytes | |||
-rw-r--r-- | phpBB/styles/subSilver/theme/stylesheet.css | 657 |
4 files changed, 510 insertions, 147 deletions
diff --git a/phpBB/styles/subSilver/theme/images/background.gif b/phpBB/styles/subSilver/theme/images/background.gif Binary files differindex 4e82a9eddf..d296581508 100644 --- a/phpBB/styles/subSilver/theme/images/background.gif +++ b/phpBB/styles/subSilver/theme/images/background.gif diff --git a/phpBB/styles/subSilver/theme/images/sitelogo.gif b/phpBB/styles/subSilver/theme/images/sitelogo.gif Binary files differnew file mode 100644 index 0000000000..f149bbc15e --- /dev/null +++ b/phpBB/styles/subSilver/theme/images/sitelogo.gif diff --git a/phpBB/styles/subSilver/theme/images/sitelogo.jpg b/phpBB/styles/subSilver/theme/images/sitelogo.jpg Binary files differdeleted file mode 100644 index 8649907c02..0000000000 --- a/phpBB/styles/subSilver/theme/images/sitelogo.jpg +++ /dev/null diff --git a/phpBB/styles/subSilver/theme/stylesheet.css b/phpBB/styles/subSilver/theme/stylesheet.css index f9d815ad3e..fc0b8ae932 100644 --- a/phpBB/styles/subSilver/theme/stylesheet.css +++ b/phpBB/styles/subSilver/theme/stylesheet.css @@ -1,30 +1,85 @@ -/* - - The original subSilver Theme for phpBB version 2+ - Created by subBlue design [ http://www.subBlue.com ] - Modified incrementally by psoTFX [ http://www.phpbb.com ] - Copyright 2000, 2004 phpBB Group - - $Id$ - -*/ - - -/* - LAYOUT +/* phpBB 3.0 Style Sheet + -------------------------------------------------------------- + Style name: subSilver + Based on style: subSilver (the default phpBB 2 style) + Original author: subBlue ( http://www.subBlue.com/ ) + Modified by: psoTFX and the phpBB team ( http://www.phpbb.com ) + Official update: $Id$ + + This is an alternative style for phpBB3 for those wishing to stay with + the familiar subSilver style of phpBB version 2.x + + Copyright 2006 phpBB Group ( http://www.phpbb.com/ ) + -------------------------------------------------------------- */ -#wrapheader { width: 100%; height: 150px; background-image: url('./images/background.gif'); background-repeat: repeat-x; } -#wrapcentre { position: relative; width: 95%; left: 2.5%; padding-top: 40px; padding-bottom: 20px; } -#wrapfooter { position: relative; width: 95%; left: 2.5%; text-align: center; } -#wrapnav { width: 100%; margin: 0px; background-color: #ECECEC; border-width: 1px; border-style: solid; border-color: #A9B8C2; } -#logodesc { width: 95%; margin-left: 2.5%; margin-right: 2.5%; } -#menubar { position: absolute; width: 95%; top: 115px; left: 2.5%; } -#datebar { position: absolute; width: 95%; top: 145px; left: 2.5%; } -#findbar { width: 100%; margin: 0px; padding: 0px; border: 0px; } -.forumrules { background-color: #ECECEC; border-width: 1px; border-style: solid; border-color: #A9B8C2; padding: 4px; font-weight: normal; font-size: 60%; font-family: Verdana, Arial, Helvetica, sans-serif; } +/* Layout + ------------ */ +* { + /* Reset browsers default margin, padding and font sizes */ + margin: 0; + padding: 0; + } +html { + font-size: 100%; + } +body { + /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */ + font-family: Verdana, Helvetica, Arial, sans-serif; + color: #323D4F; + background-color: #FFFFFF; + font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */ + margin: 0; + } + +#wrapheader { + height: 120px; + background-image: url('./images/background.gif'); + background-repeat: repeat-x; + padding: 0 25px 15px 25px; + } +#wrapcentre { + margin: 25px; + } +#wrapfooter { + text-align: center; + } +#wrapnav { + width: 100%; + margin: 0px; + background-color: #ECECEC; + border-width: 1px; + border-style: solid; + border-color: #A9B8C2; + } +#logodesc { + + } +#menubar { + + } +#datebar { + margin-top: 10px; + } +#findbar { + width: 100%; + margin: 0px; + padding: 0px; + border: 0px; + } + +.forumrules { + background-color: #F9CC79; + border-width: 1px; + border-style: solid; + border-color: #BB9860; + padding: 4px; + font-weight: normal; + font-size: 1.1em; + font-family: Verdana, Arial, Helvetica, sans-serif; + } #pageheader { } #pagecontent { } @@ -35,127 +90,435 @@ #postdata { } -/* - TEXT -*/ -body { 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; margin: 0px; border: 0px; padding: 0px; background-color: white; font-family: Verdana, Helvetica, sans-serif; } - -h1 { margin: 0px; color: black; font-family: 'Trebuchet MS', Verdana, sans-serif; font-weight: bold; font-size: 140%; text-decoration: none; } -h2 { margin: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 130%; text-decoration: none; line-height: 120%; } -h3 { margin: 0px; font-size: 120%; font-weight: bold; font-family: Verdana, serif; line-height: 120%; } -h4 { margin: 0px; font-size: 80%; font-weight: bold; } - -p.moderators { margin: 0px; float: left; color: black; font-size: 60%; font-weight: bold; } -p.linkmcp { margin: 0px; float: right; font-size: 60%; white-space: nowrap; } -p.breadcrumbs { margin: 0px; float: left; color: black; font-size: 60%; font-weight: bold; white-space: normal; } -p.datetime { margin: 0px; float: right; font-size: 60%; white-space: nowrap; } -p.searchbar { margin: 0px; font-size: 60%; white-space: nowrap; } -p.searchbarreg { margin: 0px; float: right; font-size: 60%; white-space: nowrap; } - -p.forumdesc { margin: 0px 4px 0px 0px; padding: 4px; font-size: 60%; } -a.forumlink { color: #069; font-size: 80%; font-weight: bold; } - -p.topictitle { margin: 1px 0px; display: inline; font-size: 65%; font-weight: bold; } -p.topicauthor { margin: 1px 0px; font-size: 70%; } -p.topicdetails { margin: 1px 0px; font-size: 65%; } - -p.postreported { margin: 1px 0px; color: red; } -p.postapprove { margin: 1px 0px; color: green; } - -.postauthor { color: #000000; font-size: 70%; } -.postdetails { color: #000000; font-size: 60%; } -.postbody { font-size: 75%; line-height: 140%; } -.posthilit { background-color: yellow; } - - -.nav { margin: 0px; color: black; font-size: 60%; font-weight: bold; } -.pagination { padding: 4px; color: black; font-size: 60%; font-weight: bold; } - - -.cattitle { } - - -.gen { margin: 1px 1px; font-size: 80%; } -.genmed { margin: 1px 1px; font-size: 70%; } -.gensmall { margin: 1px 1px; font-size: 60%; } - -.copyright { color: #444; font-weight: normal; font-size: 60%; font-family: Verdana, Arial, Helvetica, sans-serif;} -.titles { color: black; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 130%; text-decoration: none; } -.error { color: red; } - -/* - TABLE -*/ -th { height: 28px; color: #FFA34F; font-size: 70%; font-weight: bold; background-color: #006699; background-image: url('./images/cellpic3.gif'); white-space: nowrap; padding-left: 5px; padding-right: 5px; } -.tablebg { background-color: #A9B8C2; } -.catdiv { height: 28px; margin: 0px; padding: 0px; border: 0px; background-color: white; background-image: url('./images/cellpic2.jpg'); background-repeat: repeat-y; } -.cat { height: 28px; margin: 0px; padding: 0px; border: 0px; background-color: #C7D0D7; background-image: url('./images/cellpic1.gif'); text-indent: 4px; } -.row1 { background-color: #ECECEC; padding: 4px; } -.row2 { background-color: #DCE1E5; padding: 4px; } -.row3 { background-color: #C0C8D0; padding: 4px; } -.rowgood { background-color: #C2D6CD; padding: 4px; } -.rowneutral { background-color: #CAC1D7; padding: 4px; } -.rowbad { background-color: #D7C1C3; padding: 4px; } -.spacer { background-color: #D1D7DC; } -hr { height: 1px; border-width: 0px; background-color: #D1D7DC; color: #D1D7DC } - - -/* - ANCHOR -*/ -a:link { color: #005784; text-decoration: none; } -a:active { color: #005784; text-decoration: none; } -a:visited { color: #005784; text-decoration: none; } -a:hover { color: #D46400; text-decoration: underline; } -a.topictitle:visited { color: #5493B4; text-decoration: none; } -a.th:link { color: #FFA34F; text-decoration: none; } -a.th:active { color: #FFA34F; text-decoration: none; } -a.th:visited { color: #FFA34F; text-decoration: none; } -a.th:hover { color: #FFA34F; text-decoration: underline; } - - -/* - FORM -*/ -form { margin: 0px; padding: 0px; border: 0px; } -input { color: black; font-family: Verdana, serif; font-size: 70%; font-weight: normal; } -textarea { background-color: white; color: black; font-family: Verdana, serif; font-size: 70%; font-weight: normal; border-color: black; border-style: solid; border-width: 1px; } -select { color: black; background-color: white; font-family: Verdana, serif; font-size: 70%; font-weight: normal; border-color: black; border-style: solid; border-width: 1px; } -.post { background-color: white; border-style: solid; border-width: 1px; } -.btnbbcode { color: black; font-weight: normal; font-size: 70%; font-family: Verdana, Helvetica, sans-serif; background-color: #EFEFEF; border-style: solid; border-width: 1px; } -.btnmain { font-weight: bold; background-color: #FAFAFA; border-style: solid; border-width: 1px; } -.btnlite { font-weight: normal; background-color: #FAFAFA; border-style: solid; border-width: 1px; } -.helpline { background-color: #DEE3E7; border-style: none; } - - -/* - BBCODE -*/ -.quotetitle { margin: 10px 5px 0px 5px; padding: 4px; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #A9B8C2; color: black; background-color: #A9B8C2; font-size: 8pt; } -.quotecontent { margin: 0px 5px 10px 5px; padding: 5px; border-color: #A9B8C2; border-width: 0px 1px 1px 1px; border-style: solid; color: black; font-weight: normal; font-size: 8pt; font-family: Verdana, sans-serif; background-color: #FAFAFA; } - -.codetitle { margin: 10px 5px 0px 5px; padding: 4px; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #A9B8C2; color: black; background-color: #A9B8C2; font-size: 8pt; } -.codecontent { margin: 0px 5px 10px 5px; padding: 5px; border-color: #A9B8C2; border-width: 0px 1px 1px 1px; border-style: solid; color: black; font-weight: normal; color: #006600; font-weight: normal; font-size: 8pt; font-family: 'Courier New', monospace; background-color: #FAFAFA; } - -.syntaxbg { color: #FFFFFF; } -.syntaxcomment { color: #FF8000; } -.syntaxdefault { color: #0000BB; } -.syntaxhtml { color: #000000; } -.syntaxkeyword { color: #007700; } -.syntaxstring { color: #DD0000; } - -/* - PM -*/ - -.pm_message_reported_colour { background-color: #FFFFFF; } -.pm_marked_colour { background-color: #000000; } -.pm_replied_colour { background-color: #A9B8C2; } -.pm_friend_colour { background-color: #007700; } -.pm_foe_colour { background-color: #DD0000; } - -/* - OTHER -*/ -img { border: 0px; } -.blue { color: #006699; } +/* Text + --------------------- */ +h1 { + color: black; + font-family: 'Trebuchet MS', Verdana, sans-serif; + font-weight: bold; + font-size: 1.8em; + text-decoration: none; + } +h2 { + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + font-size: 1.5em; + text-decoration: none; + line-height: 120%; + } +h3 { + font-size: 1.3em; + font-weight: bold; + font-family: Verdana, serif; + line-height: 120%; + } +h4 { + margin: 0px; + font-size: 1.1em; + font-weight: bold; + } +p { + font-size: 1.1em; + } +p.moderators { + margin: 0px; + float: left; + color: black; + font-weight: bold; + } +p.linkmcp { + margin: 0px; + float: right; + white-space: nowrap; + } +p.breadcrumbs { + margin: 0px; + float: left; + color: black; + font-weight: bold; + white-space: normal; + font-size: 1em; + } +p.datetime { + margin: 0px; + float: right; + white-space: nowrap; + font-size: 1em; + } +p.searchbar { + padding: 2px 0; + white-space: nowrap; + } +p.searchbarreg { + margin: 0px; + float: right; + white-space: nowrap; + } +a.forumlink { + color: #069; + font-weight: bold; + font-family: Arial, Verdana, sans-serif; + font-size: 1.2em; + } +p.forumdesc { + padding-bottom: 4px; + } +p.topictitle { + margin: 1px 0px; + display: inline; + font-weight: bold; + } +p.topicauthor { + margin: 1px 0px; + } +p.topicdetails { + margin: 1px 0px; + } +p.postreported { + margin: 1px 0px; + color: red; + } +p.postapprove { + margin: 1px 0px; + color: green; + } + +.postauthor { + color: #000000; + } +.postdetails { + color: #000000; + } +.postbody { + font-size: 1.3em; + line-height: 1.4em; + font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; + } +.posthilit { + background-color: yellow; + } +.nav { + margin: 0px; + color: black; + font-weight: bold; + } +.pagination { + padding: 4px; + color: black; + font-size: 1em; + font-weight: bold; + } +.cattitle { + } + +.gen { + margin: 1px 1px; + font-size: 1.2em; + } +.genmed { + margin: 1px 1px; + font-size: 1.1em; + } +.gensmall { + margin: 1px 1px; + font-size: 1em; + } +.copyright { + color: #444; + font-weight: normal; + font-family: Verdana, Arial, Helvetica, sans-serif; + } +.titles { + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; + font-weight: bold; + font-size: 1.3em; + text-decoration: none; + } +.error { + color: red; + } + + +/* Tables + ------------ */ +th { + color: #FFA34F; + font-size: 1.1em; + font-weight: bold; + background-color: #006699; + background-image: url('./images/cellpic3.gif'); + white-space: nowrap; + padding: 7px 5px; + } +td { + padding: 2px; + } +.tablebg { + background-color: #A9B8C2; + } +.catdiv { + height: 28px; + margin: 0px; + padding: 0px; + border: 0px; + background-color: white; + background-image: url('./images/cellpic2.jpg'); + background-repeat: repeat-y; + } +.cat { + height: 28px; + margin: 0px; + padding: 0px; + border: 0px; + background-color: #C7D0D7; + background-image: url('./images/cellpic1.gif'); + text-indent: 4px; + } +.row1 { + background-color: #ECECEC; + padding: 4px; + } +.row2 { + background-color: #DCE1E5; + padding: 4px; + } +.row3 { + background-color: #C0C8D0; + padding: 4px; + } +.rowgood { + background-color: #C2D6CD; + padding: 4px; + } +.rowneutral { + background-color: #CAC1D7; + padding: 4px; + } +.rowbad { + background-color: #D7C1C3; + padding: 4px; + } +.spacer { + background-color: #D1D7DC; + } +hr { + height: 1px; + border-width: 0px; + background-color: #D1D7DC; + color: #D1D7DC; + } + + +/* Links + ------------ */ +a:link { + color: #006597; + text-decoration: none; + } +a:active { + color: #005784; + text-decoration: none; + } +a:visited { + color: #005784; + text-decoration: none; + } +a:hover { + color: #D46400; + text-decoration: underline; + } +a.topictitle:visited { + color: #5493B4; + text-decoration: none; + } +a.th:link { + color: #FFA34F; + text-decoration: none; + } +a.th:active { + color: #FFA34F; + text-decoration: none; + } +a.th:visited { + color: #FFA34F; + text-decoration: none; + } +a.th:hover { + color: #FFA34F; + text-decoration: underline; + } + + +/* Form Elements + ------------ */ +form { + margin: 0px; + padding: 0px; + border: 0px; + } +input { + color: #333333; + font-family: Verdana, Helvetica, sans-serif; + font-size: 1.1em; + font-weight: normal; + padding: 1px; + border: 1px solid #A9B8C2; + background-color: #FAFAFA; + } +textarea { + background-color: #FAFAFA; + color: #333333; + font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; + font-size: 1.3em; + line-height: 1.4em; + font-weight: normal; + border: 1px solid #A9B8C2; + padding: 2px; + } +select { + color: #333333; + background-color: #FAFAFA; + font-family: Verdana, Helvetica, sans-serif; + font-size: 1.1em; + font-weight: normal; + border: 1px solid #A9B8C2; + padding: 1px; + } +option { + padding-right: 1em; + } +input.radio { + border: none; + background-color: transparent; + } +.post { + background-color: white; + border-style: solid; + border-width: 1px; + } +.btnbbcode { + color: #000000; + font-weight: normal; + font-size: 1.1em; + font-family: Verdana, Helvetica, sans-serif; + background-color: #EFEFEF; + border: 1px solid #666666; + } +.btnmain { + font-weight: bold; + background-color: #ECECEC; + border: 1px solid #A9B8C2; + cursor: pointer; + padding: 1px 5px; + font-size: 1.1em; + } +.btnlite { + font-weight: normal; + background-color: #ECECEC; + border: 1px solid #A9B8C2; + cursor: pointer; + padding: 1px 5px; + font-size: 1.1em; + } +.helpline { + background-color: #DEE3E7; + border-style: none; + } + + +/* BBCode + ------------ */ +.quotetitle { + margin: 10px 5px 0px 5px; + padding: 4px; + border-width: 1px 1px 0px 1px; + border-style: solid; + border-color: #A9B8C2; + color: #333333; + background-color: #A9B8C2; + font-size: 0.9em; + } +.quotecontent { + margin: 0px 5px 10px 5px; + padding: 5px; + border-color: #A9B8C2; + border-width: 0px 1px 1px 1px; + border-style: solid; + font-weight: normal; + font-size: 1em; + line-height: 1.4em; + font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; + background-color: #FAFAFA; + color: #4B5C77; + } +.codetitle { + margin: 10px 5px 0px 5px; + padding: 4px; + border-width: 1px 1px 0px 1px; + border-style: solid; + border-color: #A9B8C2; + color: #333333; + background-color: #A9B8C2; + } +.codecontent { + margin: 0px 5px 10px 5px; + padding: 5px; + border-color: #A9B8C2; + border-width: 0px 1px 1px 1px; + border-style: solid; + font-weight: normal; + color: #006600; + font-size: 1em; + font-family: 'Courier New', monospace; + background-color: #FAFAFA; + } +.syntaxbg { + color: #FFFFFF; + } +.syntaxcomment { + color: #FF8000; + } +.syntaxdefault { + color: #0000BB; + } +.syntaxhtml { + color: #000000; + } +.syntaxkeyword { + color: #007700; + } +.syntaxstring { + color: #DD0000; + } + + +/* Private messages + ------------------ */ +.pm_message_reported_colour { + background-color: #FFFFFF; + } +.pm_marked_colour { + background-color: #000000; + } +.pm_replied_colour { + background-color: #A9B8C2; + } +.pm_friend_colour { + background-color: #007700; + } +.pm_foe_colour { + background-color: #DD0000; + } + + +/* Misc + ------------ */ + img { + border: none; + } +.blue { + color: #006699; + } +table.colortable td { + padding: 0; + } |