This is working great - but my question is, I set the font color to black, but have a dark alternative skin and can't figure out how to have a different font color there. Any help appreciated.
To make it use the same color as the rest of the WGO area, try changing the vsa_onlinecountup_main template to this:
<p style="cursor:default; color: {vb:stylevar secondarycontent_color};" id="vsa_focobj" title="{vb:rawphrase vsa_onlinecountup_boardstarted, {vb:raw vsa_boardstarted}}">
<script language="JavaScript" type="text/javascript">
function VSaFOCSetCountup({vb:raw vsa_datformat}) {
da = theday, mo = themonth, yr = theyear;
}
VSaFOCSetCountup({vb:raw vboptions.vsa_onlinecountup_startdate});
function VSaFOCCount() {
prefix = "{vb:if $vboptions[vsa_onlinecountup_prefix], $vbphrase[vsa_onlinecountup_prefix] ,''}";
today = new Date();
todaym = today.getMonth();
todayd = today.getDate();
todayh = today.getHours();
todaymin = today.getMinutes();
todaysec = today.getSeconds();
montharray = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
todayy = today.getYear();
if (todayy < 1000)
{
todayy += 1900;
}
todaystring = montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;
paststring = montharray[mo-1]+" "+da+", "+yr;
dd = Date.parse(todaystring)-Date.parse(paststring);
dyear = todayy - {vb:raw vsa_tyear} - 1;
dday = Math.floor(dd/(60*60*1000*24)*1);
dhour = Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);
dmin = Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);
dsec = Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(6 0*1000))/1000*1);
dhourd = "";
dmind = "";
dsecd = "";
if (dday>0) {
dyearc = ", ";
} else {
dyearc = " ";
}
<vb:if condition="$vboptions[vsa_onlinecountup_hours_enable] || $vboptions[vsa_onlinecountup_minutes_enable] || $vboptions[vsa_onlinecountup_seconds_enable]">
dyearc = ", ";
</vb:if>
if (dday>365) {
dday = Math.floor(dday - (dyear * 365.24219));
}
if (dday<0)
{
dday = 365 - (dday * -1);
}
if (dday>=365)
{
dyear = dyear + 1;
dday = dday - 365;
}
if (dyear==1) {
dyeard = dyear+" {vb:rawphrase year}"+dyearc;
} else if (dyear>1){
dyeard = dyear+" {vb:rawphrase years}"+dyearc;
} else {
dyeard = "";
}
if (dday<=0) {
ddayd = "";
} else if (dday==1) {
ddayd = dday+" {vb:rawphrase day}";
} else {
ddayd = dday+" {vb:rawphrase days}";
}
<vb:if condition="$vboptions[vsa_onlinecountup_hours_enable]">
if (ddayd) {
dhourc = ", ";
} else {
dhourc = "";
}
if (dhour==1) {
dhourd = dhourc+dhour+" {vb:rawphrase vsa_onlinecountup_hour}";
} else {
dhourd = dhourc+dhour+" {vb:rawphrase hours}";
}
</vb:if>
<vb:if condition="$vboptions[vsa_onlinecountup_minutes_enable]">
if (dmin==1) {
dmind = ", "+dmin+" {vb:rawphrase vsa_onlinecountup_minute}";
} else {
dmind = ", "+dmin+" {vb:rawphrase vsa_onlinecountup_minutes}";
}
</vb:if>
<vb:if condition="$vboptions[vsa_onlinecountup_seconds_enable]">
if (dsec==1) {
dsecd = ", "+dsec+" {vb:rawphrase second}";
} else {
dsecd = ", "+dsec+" {vb:rawphrase vsa_onlinecountup_seconds}";
}
</vb:if>
suffix = "{vb:if $vboptions[vsa_onlinecountup_suffix], $vbphrase[vsa_onlinecountup_suffix],''}";
document.getElementById('vsa_focobj').innerHTML = prefix + dyeard + ddayd + dhourd + dmind + dsecd + suffix;
setTimeout("VSaFOCCount()",1000);
}
VSaFOCCount();
</script>
<p>