ibproarcade skin layout on VB4

Hi

Just wondering if this is the current standard display when using the ibproarcade skin, as opposed to the v3arcade skin.

Currently testing using RC2 and latest arcade release.
it just seems out of allignment.

Thanks

[woffie]

I am experiencing the same thing with RC4

[Garamond]

Yikes!

[MikalMirkas]

Me too. :\

[kylek]

Same look also.

[kylek]

Also have a real funky pink color when you are looking at the scores or submitting a score.

Attachment 107899

[Garamond]

kylek: it uses the same colors that are used in the template, although in a surprisingly non-elegant way.

I really hope the author is hard at work aligning and cleaning up the appearance of ibProArcade under vBulletin 4.0.

[CrosseyedGamer]

Originally Posted by kylek

Also have a real funky pink color when you are looking at the scores or submitting a score.

Attachment 107899

I happen to like pink. Wonder how I can get that? :-)

Arcade works well on my site but has the same layout which just needs to be cleaned up a little. We are thankful that it works though as we have 1100 games and our users would jump off a building if they couldn't play those games.

[KissOfDeath]

It's still no good if you have customised your style as it reverts back to the defult vbulletin style and it's not very easy on the eyes

I know how to fix this, take a look at mine here for proof: http://www.devils-shadow.com/forums/arcade.php

basically if you want it to match your forum colours

got to admincp>Styles & Templates>your style>edit Templates>ARCADE.css

Edit: the parts below in red to your desired colour

.tborder {
background-color:{vb:stylevar doc_backgroundColor};
	border: 1px solid #c4c4c4;
	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
{
	color: #ffffff;
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
	color: #ffffff;
	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #FFFF66;
	text-decoration: underline;
}
.alt1, .alt1Active
{
	background: #F5F5FF;
	color: #000000;
}
.alt2, .alt2Active
{
	background: #E1E4F2;
	color: #000000;
}
/* ***** 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; }

[MrZeropage]

where can I read the colour-values set for your site ? So I can put them there in the CSS...