[Digital Jedi]

Originally Posted by hardfm

It seems to me everyone here is overseeing the main concern, and that is to get that damn arcade to look like your site, so just paste this into your ARCADE.CSS and we're all happy.

.tborder {
background-color:{vb:stylevar doc_backgroundColor};
	font-size: {vb:stylevar font-size};
}
.tcat {
	font:{vb:stylevar blockhead_font};
	color:{vb:stylevar blockhead_color};
	background:{vb:stylevar blockhead_background};
	padding:{vb:stylevar blockhead_padding};
	border:{vb:stylevar blockhead_border};
	-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
	-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
	-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
	-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}
.tcat a:link, .tcat_alink
{

	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{

	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{

	text-decoration: underline;
}
.alt1, .alt1Active
{


}
.alt2, .alt2Active
{

}
/* ***** 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; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { 
	padding: 5px;
	font-size: {vb:stylevar font-size};
         border: 1px solid #c4c4c4;
         margin: 0 2px;
}
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

And when you do, factor in that you may have heavily customize styles that may not use the default vB class names. So you'd need to edit that accordingly.