うちで作るXoopsは、Xoopsとしてのデザインありきではなくて、普通にサイトを作ってからXoopsに当てはめていきます。
だから、スタイルシートもXoops用というよりかは、普通のサイト用。
でも、ときどきXoopsに当てはめてから必要になるXoops用のスタイルシートってのがあるんですね。
とりあえず、そのときは普通のサイト用のスタイルシートに、以下を加えてます。

これは、どちらかというと私の仕事用メモ。

/*add for xoops*/
table.outer{
}

table.outer th{
ﾂꀀpadding: 5px;
ﾂꀀbackground: #76B30D;
ﾂꀀcolor: #FFFFFF;
ﾂꀀfont-weight: 600;
}

table.outer td{
ﾂꀀpadding: 5px;
ﾂꀀborder-coror: #555555;
}
table.outer td.head{
ﾂꀀbackground: #D5EDA1;
}

td#usermenu{
ﾂꀀborder: 0px;
}
td#usermenu a{
ﾂꀀdisplay: block;
ﾂꀀwidth: 170px;
ﾂꀀpadding: 5px;
ﾂꀀbackground: #D5EDA1;
ﾂꀀborder-top: 1px solid #FFFFFF;
ﾂꀀborder-bottom: 1px solid #76B30D;
}
td#usermenu a:hover{
ﾂꀀdisplay: block;
ﾂꀀwidth: 170px;
ﾂꀀpadding: 5px;
ﾂꀀbackground: #FFED46;
ﾂꀀborder-top: 1px solid #FFFFFF;
ﾂꀀborder-bottom: 1px solid #F4BF23;
}

.blockTitle{
ﾂꀀdisplay: block;
ﾂꀀwidth: 170px;
ﾂꀀpadding: 5px;
ﾂꀀbackground: #76B30D;
ﾂꀀcolor: #FFFFFF;
ﾂꀀfont-weight: 600;
ﾂꀀmargin-top: 15px;
}