Override Advanced Forum Colours

Advanced Forum (Drupal module) comes with a few variants on the theme. The following can be added to the sites main theme style sheet and adjusted to suit. This will override most of the colours of that come with Advanced Forum.

/****************************************
** ADVANCED FORUM
** Add this to the themes main style sheet. Adjust the colour styles to override Advanced Forum's default colours
****************************************/
#forum .title, #forum .title a{
  font-size: 1em;
}
 
#forum .forum-table th, #forum .forum-topics th, #forum .forum-topics th a, #forum .forum-topics th a:link, #forum .forum-topics th a:hover, #forum .forum-topics th a:visited {
background-color:#ED2893;
color:#FFFFFF;
font-weight:bold;
}
 
#forum .forum-table, #forum .forum-topics {
border:1px solid #ED2893;
}
 
.post-info {
background:#ED2893 none repeat scroll 0 0;
border-bottom:1px solid #ED2893;
color:#FFFFFF;
}
 
.forum-post {
border:2px solid #ED2893;
}
 
.forum-post-wrapper {
background-color:#EDF5FA;
}
 
.forum-post-panel-main {
background-color:#FFFFFF;
border-left:1px solid #ED2893;
}
 
.forum-post-footer {
background-color:#FFFFFF;
border-top:1px solid #ED2893;
}
 
.post-title {
border-bottom:1px solid #ED2893;
font-weight:bold;
}
 
.forum-post-links {
background-color:#FFFFFF;
border-left:1px solid #ED2893;
}
 
#forum td.container {
background-color:#F8AAD4;
border-bottom:medium none;
}
 
#forum .container .forum-details .description {
color:#000;
font-weight:normal;
}
 
#forum-statistics {
border:1px solid #ED2893;
}
 
.forum-statistics-sub-header {
background-color:#F8AAD4;
font-weight:bold;
}
 
#forum-statistics-header {
background-color:#ED2893;
color:#FFFFFF;
font-weight:bold;
}
 
.forum-folder-legend dd {
font-size: 0.8em;
}
 
#forum .pager, #forum-comments .pager {
margin-bottom:5px;
}
 
#forum .pager a.active, #forum-comments .pager a.active {
background: none;
color:#330066;
}
 
#forum .pager a:link, #forum .pager a:visited, #forum-comments .pager a:link, #forum-comments .pager a:visited {
 border:1px solid #330066;
}
 
#forum .pager-current, #forum .pager a:hover, #forum-comments .pager-current, #forum-comments .pager a:hover {
color:#330066;
}

Post new comment

The content of this field is kept private and will not be shown publicly.

Learn how to become a Drupal developer

Does Drupal development make your head explode and drive you crazy?

Why not learn from someone who has paved the way instead?

Sign up to my upcoming learning series.

Syndicate

Syndicate content

Hello!!

I am Blair Wadman and this is where I write about Drupal, PHP, CSS etc

Stuff

© Blair Wadman
2005 - 2011