スタイルシート・ファイル (.css)
カスケーディング・スタイル・シート (またはスタイル・シート) は、ZIETrans Toolkit で、色、フォント、枠、空白、イメージ、余白、および行間スペーシングなどの外観項目を指定するために、テンプレート・ファイルの中で使用されます。
ZIETrans が提供するスタイルシート・ファイルはいくつかのカテゴリーにグループ化できます。
- 固有のテンプレート
- 一部の ZIETrans テンプレートは、個別のスタイル・シートを使用します。以下のスタイル・シートが Finance、Industry、Medical、Research、および Transport の各テンプレートでそれぞれ使用されます。
- finance.css
- industry.css
- medical.css
- research.css
- transport.css
- Main
- 一部の ZIETrans テンプレートは、汎用のスタイル・シートを組み合わせて使用します。これらの汎用の main スタイル・シートにより、プロジェクトに追加できるテンプレートとその他のコントロールの全体的な外観が決まります。これらの制御の例として、ボタン、入力フィールド、テーブル、フィールド、およびリンクがあります。これらのスタイル・シートは、blacktheme、whitetheme、monochrometheme、tantheme というように名前の最後に theme が付きます。プロジェクトにおけるコントロールの外観は、例えば HATSCHECKBOX、HATSRADIOBUTTON、HATSDROPDOWN というように、スタイル・シートで名付けられたクラスによって決まります。
- 反転表示
- 汎用の main スタイル・シートに加えて、汎用の 2 次的スタイル・シートも使用するテンプレート、これはプロジェクトの反転表示項目のカラー・スキームを決定します。これらの reverse video スタイル・シートには、reverseVideoGray、reverseVideoTan、reverseVideoBlack、および reverseVideoWhite というように名前の先頭に reverseVideo が付きます。スタイル・シートで名付けられたクラスの中には、RHBLUE、RHGREEN、RHMAGENTA というような名前もあります。
- フォント
- ZIETrans が提供するスタイル・シートの中には、デフォルトでテンプレート内で名前がないものがあります。ただし、これらのスタイル・シートをテンプレートに適用し、フォント・ファミリー (Arial や Tahoma) や、テキストのフォント・サイズを変更できます。スタイル・シートの名前でその目的がわかります。
- normalFont.css
- scaleableFont.css
- nonFixedFont.css
- largeFont.css
- smallFont.css
- xlargeFont.css
- xsmallFont.css
- 固有
- ZIETrans で提供される 3 つの追加スタイル・シートには、それぞれ固有の目的があります。これらを以下に示します。
- calendar.css
- このスタイル・シートは、カレンダー・ウィジェットの日付ピッカーが新しいブラウザー・ウィンドウで起動した場合にその外観を制御します。カレンダー・ウィジェットの「インライン・カレンダーを使用」設定を使用する現行の Web ページで日付ピッカーが起動する場合、このスタイル・シートは無効です。
- inlinecalendar.css
- このスタイル・シートは、カレンダー・ウィジェットの日付ピッカーが現行の Web ページで起動した場合にその外観の一部を制御します。同じページにカレンダーを表示するには、カレンダー・ウィジェットで「インライン・カレンダーを使用」設定を選択します。日付ピッカーが新しいブラウザー・ウィンドウで起動する場合、つまり、「インライン・カレンダーを使用」設定を使用しない場合、このスタイル・シートは無効です。
- PrintJobWindow.css
- このスタイル・シートは、PrintJobHeading、ListHeader、および ListEntry を含む、プロジェクトの印刷ジョブの外観を制御します。
スタイル・シート・ファイルは、project_name/Web Content/common/stylesheets ディレクトリーに格納されています。スタイル・シート・ファイルを編集するには、「 ZIETransプロジェクト表示」で目的のスタイル・シートの名前をダブルクリックして、スタイルシート・エディターをオープンします。
カスケーディング・スタイル・シートの編集について詳しくは、「スタイル・シートの使用」を参照してください。