I'm not sure if this is because of something in my CSS or otherwise, but whenever I write markup under a specific usergroup (EG: To make the username of a moderator bold and red), it just doesn't seem to take effect.
Code:
<!-- CSS Stylesheet -->
<style type="text/css" id="vbulletin_css">
body
{
background: #d0d0d0 url(http://moda3.co.uk/images/grey.png) repeat-y center;
color: #000000;
font: 11pt Verdana;;
}
a:link, body_alink
{
color: #000000;
text-decoration: none;
}
a:visited, body_avisited
{
color: #ec759f;
text-decoration: none;
}
a:hover, a:active, body_ahover
{
color: #ec759f;
text-decoration: none;
}
.page
{
background: #FFFFFF;
color: #000000;
}
td, th, p, li
{
font: 11pt Verdana;;
}
.tborder
{
background: #f2f2f2;
color: #000000;
}
.tcat
{
background: #262425 url(http://moda3.co.uk/images/grey.png);
color: #ec759f;
font: bold 14pt Arial, Verdana, Tahoma, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;;
text-transform:uppercase;
}
.tcat a:link, .tcat_alink
{
color: #ec759f;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #ec759f;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #ffffff;
text-decoration: none;
}
.thead
{
background: #999999;
color: #000000;
font: bold 11px Verdana;;
border-bottom: 1px solid #909090;
border-top: 1px solid #a5a5a5;
}
.thead a:link, .thead_alink
{
color: #333333;
}
.thead a:visited, .thead_avisited
{
color: #333333;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #ffffff;
}
.tfoot
{
background: #262425 url(images/gradients/maintitle.jpg);
color: #ffffff;
font-size: 10pt;
}
.tfoot a:link, .tfoot_alink
{
color: #CCCCCC;
text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
color: #CCCCCC;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #ec759f;
text-decoration: none;
}
.alt1, .alt1Active
{
background: #f2f2f2;
color: #000000;
font-size: 10pt;
}
.alt2, .alt2Active
{
background: #e8e8e8;
color: #000000;
font-size: 10pt;
}
.inlinemod
{
background: #FFFFCC;
color: #000000;
}
.wysiwyg
{
background: #ffffff;
color: #000000;
font: 11pt Verdana;;
margin: 5px 10px 10px 10px;
padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
color: #22229C;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
color: #22229C;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
color: #FF4400;
}
textarea, .bginput
{
font: 11pt Verdana;;
}
.bginput option, .bginput optgroup
{
font-size: 10pt;
font-family: Arial, Verdana, Tahoma, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;;
}
.button
{
background: #CCCCCC;
font: 11px Verdana;;
color: #000000;
padding: 3px;
text-transform: uppercase;
border: 1px solid #3a3a3a;
}
select
{
font: 11px Verdana;;
}
option, optgroup
{
font-size: 11px;
font-family: Arial, Verdana, Tahoma, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;;
}
.smallfont
{
font: 11px Verdana;;
}
.time
{
color: #666686;
}
.navbar
{
font: 11px Verdana;;
}
.highlight
{
color: #FF0000;
font-weight: bold;
}
.fjsel
{
background: #3E5C92;
color: #E0E0F6;
}
.fjdpth0
{
background: #F7F7F7;
color: #000000;
}
.panel
{
background: #f2f2f2;
color: #000000;
padding: 10px;
}
.panelsurround
{
background: #f2f2f2;
color: #000000;
}
legend
{
color: #22229C;
font: 11px Verdana;;
}
.vbmenu_control
{
background: #262425 url(images/gradients/maintitle.jpg);
color: #FFFFFF;
font: bold 11px Verdana;;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #ec759f;
text-decoration: none;
}
.vbmenu_popup
{
background: #FFFFFF;
color: #000000;
}
.vbmenu_option
{
background: #EAEAEA;
color: #000000;
font: 11px Verdana;;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #ec759f;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #ec759f;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #ec759f;
text-decoration: none;
}
.vbmenu_hilite
{
background: #CCCCCC;
color: #ec759f;
font: 11px Verdana;;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: #ec759f;
text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: #ec759f;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: #ec759f;
text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 13pt; }
/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }
/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }
/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
.quote {
margin:15px 10px;
background: url(images/misc/q.gif) 0 0 no-repeat;
padding-left:25px}
blockquote.bq {
font: italic 10pt Verdana;
border-left:3px solid #3a3a3a;
margin:0px;
padding:0 5px}
</style>