[bbDev] A CSS skin

[William Parry]

Hi all.

I spent last night / this morning making some CSS for BBpress. It is
valid! But it looks ugly in IE.

Save this file as "style.css" in the bb-templates folder. I had to
remove the .htaccess file from there... I wonder why its there. You
use this at your own risk.

You can see it http://www.debate.co.nz - for some reason there is a
javascript error when I try and login...

------------------------------------------------------------------------------------------

/*

"Rather Red" - William Parry
Email: williamparry at gmail.com

Feel free to use this as much as you want - it is just a platform
idea. This CSS was written when bbpress was in alpha stage and there
were some elements that were a bit tricky to place.

Notes: Looks nice in Opera but ugly in IE - surprise surprise.

*/

BODY {
font-family : georgia, arial, helvetica, sans-serif;
margin : 0;
}
h2 {
font-style : italic;
font-size : 16px;
clear : both;
}
form {
margin : 0;
}
.login {
font-weight : normal;
font-size : 10px;
margin : -9px 0 0;
border-top : 1px solid green;
border-left : 20px solid green;
border-right : 1px solid green;
border-bottom : 1px solid green;
padding : 5px;
background-color : #fff;
color : #000;
font-family : arial, helvetica, sans-serif;
}
.login p {
margin : 0;
padding : 0;
}
#hottags {
border-right : 1px solid #770300;
border-left : 3px solid #770300;
text-align : center;
padding-bottom : 5px;
padding-top : 5px;
}
#main {
margin : 0 2em;
}
.frontpageheatmap a {
color : #770300;
text-decoration : none;
background-color : #fff;
}
.frontpageheatmap a:hover {
background-color : #fff;
color : #000;
text-decoration : none;
}
#viewdiv {
border-top : 1px solid #770300;
border-right : 1px solid #770300;
border-bottom : 1px solid #770300;
border-left : 3px solid #770300;
padding : 10px;
margin : 0;
font-size : 14px;
}
#views {
padding : 0;
margin-bottom : 10px;
list-style-type : none;
}
#viewdiv h2 {
float : left;
padding-right : 10px;
margin-top : 2px;
}
#views li {
margin-right : 5px;
float : left;
margin-top : -23px;
}
.view {
border : 1px solid #770300;
margin : 0;
padding : 0;
}
.view a {
display : block;
padding : 5px;
background-color : #fff;
color : #000066;
}
.view a:hover {
background-color : #770300;
color : #fff;
}
#latest {
border-top : 1px solid #770300;
border-right : 1px solid #770300;
border-bottom : 1px solid #770300;
border-left : 3px solid #770300;
padding : 5px;
clear : both;
font-size : 14px;
}
#latest a {
background-color : #fff;
color : #770300;
}
#latest th {
border-bottom : 1px dashed #770300;
padding : 3px;
}
#latest td {
padding : 3px;
}
.num {
color : #004020;
background-color : #fff;
}
#forumlist {
border-top : 1px solid #770300;
border-right : 1px solid #770300;
border-bottom : 1px solid #770300;
border-left : 3px solid #770300;
padding : 5px;
clear : both;
font-size : 14px;
margin-bottom : 10px;
}
#forumlist a {
background-color : #fff;
color : #770300;
}
input {
border-top : 1px solid #770300;
border-right : 1px solid #770300;
border-bottom : 1px solid #770300;
border-left : 2px solid #770300;
background-color : #fff;
color : #000;
font-family : georgia, arial, helvetica, sans-serif;
}
#tags-bad-ie {
border-bottom : 1px solid #770300;
border-left : 2px solid #770300;
color : #000;
background-color : #fff;
font-family : georgia, arial, helvetica, sans-serif;
padding : 10px;
float : left;
border-right : 1px solid #770300;
font-size : 12px;
}
#yourtaglist, #otherstaglist {
margin : 0;
padding : 5px;
overflow : auto;
max-height : 100px;
font-size : 14px;
}
#yourtaglist, #otherstaglist li {
padding-bottom : 5px;
list-style-type : none;
}
#yourtaglist, #otherstaglist ul {
list-style-type : none;
}
#yourtags, #othertags p {
margin : 0;
padding : 5px;
}
#yourtags, #othertags {
padding-bottom : 5px;
margin : 0;
border-bottom : 1px dashed #770300;
}
.topicmeta {
border-right : 1px solid #770300;
border-bottom : 1px solid #770300;
list-style-type : none;
margin : 0;
padding : 17px;
float : left;
font-size : 16px;
}
.topicmeta li {
display : inline;
}
.bbcrumb a {
font-size : 14px;
color : #000;
}
.topictitle {
margin : 0;
padding : 10px;
background-color : #770300;
border-top : 1px solid #770300;
border-right : 1px solid #770300;
border-bottom : 1px solid #770300;
border-left : 2px solid #770300;
text-align : center;
font-size : 20px;
display : block;
color : #fff;
}
#thread {
margin : 0;
padding : 0;
}
#thread li {
margin : 0;
padding : 0;
text-align : center;
}
.poststuff {
font-size : 10px;
}
.post {
font-style : italic;
}
.alt p {
font-weight : bold;
}
#profile-menu {
list-style-type : none;
margin : 0;
padding : 0;
color : #000066;
background-color : #fff;
}
#profile-menu li {
margin-right : 5px;
float : left;
border : 1px solid #770300;
}
#profile-menu a {
display : block;
padding : 5px;
text-decoration : none;
font-size : 16px;
}
#profile-menu a:hover {
background-color : #770300;
color : #fff;
}
.current a {
background-color : #770300;
color : white;
}
h3 {
clear : both;
font-size : 14px;
}
#userinfo dt {
font-weight : bold;
}

----------------------------------------------------------------------------------------------------

--
www.williamparry.com