Improved Forum css for Corporate theme (code included)

Hi,

I’ve made some adjustments to the way the forum page is displayed in the Corporate theme.. I’ve attached 2 screenshots were you can see the difference.. If you want to use this you have to do the following

Open the file bp-corporate/inc/css/base.css and add the following code at the end of the file:

/***** FORUMS ***************/</p>
<p>ul#forum-topic-list li {<br />
position: relative;<br />
min-height: 0;<br />
padding-bottom: 0;<br />
}<br />
.sticky {<br />
background-image: url( ../images/message_thread_unread_back.gif ) !important;<br />
}</p>
<p> .closed a.topic-title {<br />
background: url( ../images/closed.png ) no-repeat center left;<br />
padding: 0 0 0 20px;<br />
}</p>
<p> ul#forum-topic-list li span.latest {<br />
display: block;<br />
margin-left: 50px;<br />
}</p>
<p> ul#forum-topic-list li div.admin-links, ul#topic-post-list li div.admin-links {<br />
position: absolute;<br />
top: 1em;<br />
right: 1em;<br />
background: #eee;<br />
display: none;<br />
padding: 0.1em 0.5em;<br />
-moz-border-radius: 3px;<br />
-webkit-border-radius: 3px;<br />
border-radius: 3px;<br />
margin-left: 50px;<br />
margin-bottom: 15px;<br />
font-size: 11px;<br />
color: #888;<br />
}<br />
ul#forum-topic-list li:hover div.admin-links, ul#topic-post-list li:hover div.admin-links { display: inline-block; }</p>
<p>ul#topic-post-list li .poster-meta {<br />
color: #888;<br />
}</p>
<p>ul#topic-post-list li .poster-meta .avatar {<br />
float: none !important;<br />
margin: 0 0.3em 0 0;<br />
vertical-align: middle;<br />
}</p>
<p>ul#topic-post-list .post-content {<br />
margin: 1em 0 0 14px;<br />
border-left: 1px solid #ccc;<br />
padding-left: 22px;<br />
}</p>
<p>ul#topic-post-list li#topic-meta {<br />
background-image: url( ../images/message_thread_unread_back.gif ) !important;<br />
min-height: 20px;<br />
}</p>
<p> ul#topic-post-list li#topic-meta h3 {<br />
margin: 12px 0 10px 0;<br />
font-size: 20px;<br />
}</p>
<p>ul#topic-post-list li input#submit_reply, input#submit_topic {<br />
width: auto;<br />
}</p>
<p>div.latest-post {<br />
font-size: 0.9em;<br />
color: #888;<br />
margin-left: 70px;<br />
}</p>
<p>div#post-new-topic, div#edit-topic, div#edit-post, div#post-topic-reply {<br />
background: url( ../images/message_thread_unread_back.gif ) top left repeat-x;<br />
padding: 15px<br />
}<br />
div#edit-post, div#edit-topic { background-image: url( ../images/message_thread_back.gif ); }</p>
<p>div#post-new-topic input,<br />
div#post-new-topic textarea,<br />
div#edit-topic input,<br />
div#edit-topic textarea,<br />
div#edit-post input,<br />
div#edit-post textarea,<br />
div#post-topic-reply input,<br />
div#post-topic-reply textarea {<br />
padding: 5px;<br />
}<br />
div#post-new-topic label, div#edit-topic label, div#edit-post lable div#post-topic-reply label {<br />
display: block;<br />
margin: 10px 0 3px 0;<br />
}</p>
<p> div#edit-post textarea {<br />
height: 150px;<br />
width: 98%;<br />
}</p>
<p> input#topic_title { width: 80%; }<br />
input#topic_tags { width: 60%; }<br />
textarea#topic_text, textarea#reply_text { width: 98%; height: 150px; }</p>
<p> input#submit_topic, input#submit_reply {<br />
display: block;<br />
margin-top: 20px;<br />
}</p>
<p>div#global-forum-topic-filters ul {<br />
margin: 0;<br />
padding: 0;<br />
list-style: none;<br />
background: url(../images/item_list_back.gif) top left repeat-x;<br />
padding: 15px;<br />
min-height: 22px;<br />
overflow: hidden;<br />
}</p>
<p>div#global-forum-topic-filters ul li {<br />
float: left;<br />
margin-bottom: 5px;<br />
}<br />
div#global-forum-topic-filters ul li a {<br />
display: block;<br />
padding: 2px 8px;<br />
background-color: #fff !important;<br />
background-position: 8px 6px !important;<br />
border-radius: 5px;<br />
-moz-border-radius: 5px;<br />
-webkit-border-radius: 5px;<br />
margin: 0 5px 0 0;<br />
border: 1px solid #eee;<br />
text-decoration: none;<br />
}<br />
div#global-forum-topic-filters ul li.selected a {<br />
border: 1px solid #ccc;<br />
font-weight: bold;<br />
color: #555;<br />
}</p>
<p>div#forum-dir-list {<br />
position: relative;<br />
margin-top: 30px;<br />
}<br />
div#forum-dir-list div.pagination {<br />
position: absolute;<br />
top: -25px;<br />
}</p>
<p>table#global-forum-topic-list {<br />
width: 97%;<br />
margin: 0 10px;<br />
}<br />
table#global-forum-topic-list tr.alt {<br />
background: url( ../images/message_thread_back.gif ) 0 -2px;<br />
}</p>
<p> table#global-forum-topic-list td {<br />
border-top: 1px solid #eee;<br />
position: relative;<br />
}<br />
table#global-forum-topic-list td p.topic-text {<br />
color: #888;<br />
font-size: 0.9em;<br />
}</p>
<p> table#global-forum-topic-list tr th, table#global-forum-topic-list td.td-postcount,<br />
table#global-forum-topic-list td.td-freshness {<br />
text-align: center;<br />
}</p>
<p> table#global-forum-topic-list tr th#th-title, table#global-forum-topic-list tr th#th-poster,<br />
table#global-forum-topic-list tr th#th-group { text-align: left; }</p>
<p> table#global-forum-topic-list tr td, table#global-forum-topic-list tr th {<br />
padding: 5px 10px;<br />
vertical-align: middle;<br />
}</p>
<p> table#global-forum-topic-list td.td-freshness {<br />
font-size: 0.9em;<br />
color: #888;<br />
}</p>
<p> table#global-forum-topic-list td.td-poster, table#global-forum-topic-list td.td-group {<br />
min-width: 130px;<br />
}</p>
<p> table#global-forum-topic-list img.avatar { float:left; }</p>
<p> table#global-forum-topic-list div.poster-name, table#global-forum-topic-list div.object-name {<br />
margin-left: 35px;<br />
}</p>
<p> table#global-forum-topic-list th#th-title {<br />
width: 40%;<br />
}</p>
<p> table#global-forum-topic-list th#th-postcount {<br />
width: 1%;<br />
}</p>
<p> table#global-forum-topic-list td img {<br />
vertical-align: middle;<br />
margin-right: 4px;<br />
border-width: 3px !important;<br />
}</p>
<p>div#popular-group-forum-listing {<br />
overflow: hidden;<br />
width:108%;<br />
}<br />
div#popular-group-forum-listing div.group-forum {<br />
width: 47%;<br />
float: left;<br />
min-height: 60px;<br />
background: url( ../images/message_thread_back.gif ) top left repeat-x;<br />
padding: 15px 1.5%;<br />
}<br />
div.group-forum div.item-avatar {<br />
float: left;<br />
}</p>
<p> div.group-forum div.item {<br />
margin-left: 70px;<br />
}<br />
div.group-forum div.item div.item-title {<br />
font-size: 1.2em;<br />
font-family: Georgia, times, serif;<br />
}</p>
<p> div.group-forum div.desc {<br />
font-size: 0.95em;<br />
color: #888;<br />
margin-top: 5px;<br />
}</p>
<p>

Enjoy!

ps: If I might make a suggestion to the developers/designers; please adjust the themes into using Parent-Child relationships so that these updates will get done automatically when the BP developers add new functionalitys to the bp-parent theme.. More info about this: http://codex.buddypress.org/how-to-guides/building-a-buddypress-child-theme/