TabLayoutPanel CSS設定サンプル（メモ）

Google Web ToolkitはTabLayoutPanelウィジェットのデフォルトCSS設定はイメージ角（丸角）がないので、後で自分で追加しないと反映できないです。（GWT2.0からの変更か？）

自分のメモとして投稿します。

/* TabBar */
.gwt-TabBar{ background-image:url(tab-rest.gif);background-repeat: repeat-x; background-position:bottom;padding-top:3px; width:100%}
.gwt-TabBar .gwt-TabBarFirst{ width:10px; }
.gwt-TabBar .gwt-TabBarItem { cursor:hand;cursor:pointer;background-image:url(tab.gif); background-repeat:no-repeat; width:126px; background-position:bottom; height:27px; font-size:8pt;}
.gwt-TabBar .gwt-TabBarItem div{ padding:5px; }
.gwt-TabBar .gwt-TabBarItem-selected {  background-image:url(tab-selected.gif);   }
.gwt-TabPanelBottom    { height: 100%; background-color:#fff; }