グローバル・レポートのスタイル

グローバル・レポート・スタイル・シート GlobalReportStyles.css および GlobalReportStyles_10.css に組み込まれているスタイルを使用して、新規の IBM® CampaigneMessage、および Interact Cognos レポートを書式設定します。

表 1. グローバル・レポートのスタイル
項目 CSS クラス名 スタイル
ページ - ヘッダー ph
font-family: "Helvetica Neue", helvetica, arial, sans-serif;
ページ - フッター pf
padding-top:10px; 
font-size:8pt;
font-weight:bold;
テーブル - リスト列のタイトル・セル lt
text-align:left;	
border: 1px solid #d9dbdc;
background-color: #f7f7f7;
background-image: none !important;
font-weight:normal;
vertical-align: top;
padding: 10px 20px;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
color: #58595b;
font-size: 14px;
テーブル - リスト列の本文セルの内側 lci
border: none;
background-color: white !important;
text-align: right;
padding: 3px 5px;
vertical-align: middle;
テーブル - リスト列のボディ・セル lc
border-top:1px solid #ddd ;
border-bottom:1px solid #ddd ;
padding: 3px 5px;
text-align: left;
vertical-align: middle;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
テーブル - リスト列の本文の測定セル lm
vertical-align: top;
border:1px solid #ddd;
border-right: 0;
border-left: 0;
padding: 3px 5px;
text-align: right;
クロス集計 - 合計を示す先頭行 tr
border-left: 2px solid black;
background-color: #bebebe !important;
font-weight: bold;
padding: 3px 5px;
複雑な表の合計 - 新しいクラスを追加 ctth
color: #5a5a5a;
background-color: #bebebe;
border-bottom:2px solid black;
padding: 3px 5px;
border-left: 2px solid #bebebe;
テーブルの合計行 ttr
color: #5A5A5A;
font-weight: bold;
background-color: #E0E0E0;
padding: 3px 5px;
テーブルの合計行 ctr
color: #000000;
font-weight: bold;
border-left:2px solid black;
background-color: white;
border-bottom:1px solid #a2a2a2;
テーブルの合計ヘッダー cth
color: #000000;
border-bottom:2px solid black;
border-left:1.5px solid white;
border-right:1.5px solid white;
font-weight: 100;
リスト - 内部ヘッダー・セル ih
border-top:1px solid #A0A0A0 ;
border-bottom:1px solid #A0A0A0;
padding: 3px 5px;
vertical-align: middle;
リスト - 外部ヘッダー・セル oh
font-weight: bold;
vertical-align: top;
border: 1px solid #CCCCCC;
border-right: 0;
border-left: 0;
padding: 3px 5px;
word-break:keep-all;
background-color: #fff;
外部ヘッダー・セル、上側に境界線 ohl
font-weight: bold;
vertical-align: top;
background-color: #ddd;
padding: 3px 5px;
word-break:keep-all;
border-top:2px solid black;  
border-left:1.5px solid #ddd;
border-right: 5pt solid #ddd;
border-style:solid;
border-bottom:none;
クロス集計 xt
border: 1px solid #d9dbdc;
color: #6d6e70;
empty-cells: show;
font-size: 14px;
クロス集計 - メンバー・ラベル・セル ml
font-style: normal !important;
color: black;
font-weight: 300;
height: 30px;
border-left: none;
border-right: none;
border-bottom:1px solid #a2a2a2;
クロス集計 - メンバー・ラベル・セル cht
vertical-align: top;
background-color:transparent;
padding: 3px 5px;
text-align: left;
クロス集計 - メンバー値セル mv
vertical-align: top;
white-space: nowrap;
border: 1px solid #a2a2a2;
padding: 3px 5px;
text-align: right;
border-left:none;
border-right:none;
vertical-align: top;
white-space: nowrap;
padding: 3px 5px;
text-align: right;
フィールド・セット fs
display: -moz-inline-block;
display: inline;
text-align: left;
font-size:8pt;
margin-bottom: 15px;
color : #5a5a5a;
チャート ch
border:1pt solid #E4E4E4;
チャート - タイトル ct
font-size:10pt;
font-weight:bold;
チャート - 軸ラベル al
font-size:10pt;
チャート - 軸タイトル からの距離
font-weight:bold;
text-align:center;
font-size:10pt;
color:#939393;
チャート - チャート・パレット XML レポート仕様の場合 XML レポート仕様のチャート・タグ (</combinationChart>) を閉じる前に、以下の行を貼り付けます。
<chartPalette>
<chartColor value="#00a6a0"/>
<chartColor value="#734098"/>
<chartColor value="#7cc7ff"/>
<chartColor value="#a6266e"/>
<chartColor value="#d74108"/>
<chartColor value="#efc100"/>
<chartColor value="#aeb8b8"/>
<chartColor value="#4178be"/>
</chartPalette>
ハイパーリンク .hy
color: #037bbf;
font-size: 14px;
font-family: "Helvetica Neue", helvetica, arial, sans-serif;
合計を示す先頭列 tf
border-left: 2px solid black;
background-color: #bebebe !important;
font-weight: bold;
padding: 3px 5px;
複雑な表の合計 ctt
color: #000000;
background-color: #bebebe !important;
border-left:2px solid black;
border-bottom: 1px solid #a2a2a2;
padding-left: 5px 5px;
複雑な表の合計行 cttr
color: #000000;
background-color: #bebebe;
font-weight: bold;
border-bottom:1px solid #a2a2a2;
リスト ls
border: 1px solid #d9dbdc;
color: #6d6e70;
empty-cells: show;
margin-top: 10px;
font-size: 14px;
吹き出し選択クラス hoverSelection
background-color: transparent !important;
color: #6d6e70 !important;