現在使っているCSSです
●IE6以下+Sleipnir用
td font b {
font-size: 180% !important;
color: red !important;
background-color: #FCC !important;
}
td font a {
font-weight: normal !important;
color: black !important;
}
td font a:hover {
font-size: 180% !important;
font-weight: bold !important;
text-decoration: none !important;
color: blue !important;
background-color: #CCF !important;
}
●IE7以上+Sleipnir用
td[height="20"][bgcolor="#ededed"][align="center"] > font > b {
font-size: 180% !important;
color: red !important;
background-color: #FCC !important;
}
td[height="20"][bgcolor="#ededed"][align="center"] > font > a {
font-weight: normal !important;
color: black !important;
}
td[height="20"][bgcolor="#ededed"][align="center"] > font > a:hover {
font-size: 180% !important;
font-weight: bold !important;
text-decoration: none !important;
color: blue !important;
background-color: #CCF !important;
}
●Firefox用
@-moz-document url-prefix(http://hsp.tv/play/pforum.php) {
td[height="20"][bgcolor="#ededed"][align="center"] font b {
font-size: 180% !important;
color: red !important;
background-color: #fcc !important;
}
td[height="20"][bgcolor="#ededed"][align="center"] font a {
font-weight: normal !important;
color: black !important;
}
td[height="20"][bgcolor="#ededed"][align="center"] font a:hover {
font-size: 180% !important;
font-weight: bold !important;
text-decoration: none !important;
color: blue !important;
background-color: #ccf !important;
}
}
マウスオーバー時の文字サイズの変化がちょっと鬱陶しいかも。