aboutsummaryrefslogtreecommitdiffstats
path: root/phpBB/styles/subSilver/theme
diff options
context:
space:
mode:
authorTom Beddard <subblue@users.sourceforge.net>2006-01-07 01:10:42 +0000
committerTom Beddard <subblue@users.sourceforge.net>2006-01-07 01:10:42 +0000
commitffa49ca9ca5d301a34986ce97b23a0ac49ac03be (patch)
treec56a70bcdb701da9710c61626107299699bcfdd9 /phpBB/styles/subSilver/theme
parentdf3faf5e207e960722cc3b45de5d22108135382c (diff)
downloadforums-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.gifbin766 -> 509 bytes
-rw-r--r--phpBB/styles/subSilver/theme/images/sitelogo.gifbin0 -> 7342 bytes
-rw-r--r--phpBB/styles/subSilver/theme/images/sitelogo.jpgbin8660 -> 0 bytes
-rw-r--r--phpBB/styles/subSilver/theme/stylesheet.css657
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
index 4e82a9eddf..d296581508 100644
--- a/phpBB/styles/subSilver/theme/images/background.gif
+++ b/phpBB/styles/subSilver/theme/images/background.gif
Binary files differ
diff --git a/phpBB/styles/subSilver/theme/images/sitelogo.gif b/phpBB/styles/subSilver/theme/images/sitelogo.gif
new file mode 100644
index 0000000000..f149bbc15e
--- /dev/null
+++ b/phpBB/styles/subSilver/theme/images/sitelogo.gif
Binary files differ
diff --git a/phpBB/styles/subSilver/theme/images/sitelogo.jpg b/phpBB/styles/subSilver/theme/images/sitelogo.jpg
deleted file mode 100644
index 8649907c02..0000000000
--- a/phpBB/styles/subSilver/theme/images/sitelogo.jpg
+++ /dev/null
Binary files differ
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;
+ }