Forum: Community Center


Subject: colour-coded forum stylesheet

pleonastic opened this issue on Apr 07, 2006 ยท 86 posts


PJF posted Mon, 10 April 2006 at 5:35 PM

For what it's worth I'm going to post my style, which is adapted from the many shared here. Please bear in mind that the overall width setting is specific to my monitor size and for overcoming the Internet Explorer 'white bar' horror mentioned above. It should be easy to substitute the width settings that work for you. This style contains a couple of 'innovations' that may be useful for some. - Select menus (such as the forum select menu at the bottom of the page) can be coloured by preference. This will help those who like dark backgrounds and are dazzled when bringing up the default select menu. - The forum message cell is set at 100% width. This has the benefit of reducing some wasted space on the avatar area. Let's face it, we're here for what's in the message cell primarily, aren't we... ;-) The colour scheme is pretty much what I used previously. It's supposed to be unobtrusive and not distract from the appreciation of images; whilst integrating reasonably well with those parts of the site that are beyond our control. ___________ copy below this line _____________ /* Adapted from the many generously shared styles in the Community Center Forum / BODY {background-color:#242935; color: #D2D9E0; } .content_cell { background-color:#242935; } table.outside_table { width: 1170px !important;} / generic hyperlink appearances / a {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12px; color: #D2D9E0;} a:hover {color: #FFFFFF;} a:visited {color: #A2A8AD;} / Sets the appearance of select menus / select {background-color:#495F73; color: #e3edf5;} / Sets the appearance of entry boxes / textarea {background-color:#495F73; color: #e3edf5;} / temporary fix for forum_message_cell bug? / tr[bgcolor] {background-color: #242935; color: #D2D9E0;} td.content_cell {background-color: #242935; color: #D2D9E0;} .forum_headline {font-size:18px; font-weight:bold; padding-top:4px;} #forum_announcement {border:2px solid #495F73; } #forum_announcement td {text-align:center; padding:2px;} #forum_outer_table {border:2px solid #495F73;} #forum_outer_table td {padding:1px;} #forum_inner_table {background-color: #5F5F5F; color: #D2D9E0;} #forum_inner_table th {background-color:#495F73; text-align:center; font-weight:bold; color:#e3edf5; font-size:11px; height:20px;} #forum_inner_table td {height:100%; padding-top:2px; padding-bottom:4px;} .forum_marker_cell { background-color:#242935; } td.forum_name_cell { background-color:#242935; padding-bottom:5px; } a.forum_forumname_link, a.forum_forumname_link:hover, a.forum_forumname_link:visited, a.forum_forumname_link:active { font-size:13px; } a.forum_threadname_link, a.forum_threadname_link:hover, a.forum_threadname_link:visited, a.forum_threadname_link:active { font-size:12px; } .forum_summary_div { font-size:11px; } .forum_author_cell { background-color:#242935; } a.forum_author_link { color: #D2D9E0; } a.forum_author_link:hover, a.forum_author_link:active, a.forum_author_link:visited { font-size:11px; } .forum_threads_cell { background-color:#242935; #color: #D2D9E0; font-size:11px; } .forum_posts_cell { background-color:#242935; color: #D2D9E0; font-size:11px; } / sets appearance for number of views column / .forum_views_cell { background-color:#242935; font-size:11px; } / sets appearance of last posted column / .forum_last_post_cell { background-color:#242935; font-size:10px; } / sets appearance of group listing / .forum_group_row_cell { background-color:#242935; font-size:14px; font-weight:bold; } / The following classes set avatar area appearance / .forum_avatar_cell { background-color:#242935; font-size:10px; padding:2px; padding-top:5px; color:#D2D9E0; } a.forum_avatar_link, a.forum_avatar_link:hover, a.forum_avatar_link:active, a.forum_avatar_link:visited { font-size:10px; }; / sets appearance of forum entrys / .forum_message_cell { width:100%; background-color:#242935; color:#D2D9E0; } / sets descriptive caption for forum entrys / .forum_message_detail_table { border-bottom:1px solid #808080; padding-top:2px; padding-bottom:2px; } .forum_message_detail_cell { background-color: #242935; color: #e3edf5; font-size:10px; font-weight: bold; } .forum_divider_cell { background-color:#495F73; } / sets the appearance of quoting in forums */ .forum_quote_div { font-style:italic; padding:12px; color: #e3edf5; background-color: #242935; width: 600px; -moz-border-radius: 13px; } _______________ copy above this line ________________