.mainHeader1 
{ 
	 border - top: #e72b41 1px solid; 
	 border - left: #e72b41 1px solid; 
	 border - bottom: #e72b41 3px solid; 
	 height: 25px; 
	 padding: 1px; 
	 background - color: #e72b41; 
}

 .crnOptions 
 { 
	 font-size: 70%; 
	 color: #ffffff; 
 }

 .headerTitleMiddle 
 { 
	 background - color: #e72b41; 
	 background - image: url:(images/titie_bar_grapic.gif); 
	 background - repeat: repeat - y; 
	 background - position: left top; 
 }

 .headerTitle 
 { 
	 padding - left: 0px; 
	 font-weight: bold; 
	 font - size: 80%; 
	 color: #ffffff; 
	 background - color: #e72b41; 
 }

 .logoImageContainer 
 { 
	 padding - right: 5px; 
	 padding - left: 3px; 
	 background - color:  通过修改 system.xml 文件可以在“IBM Cognos Connection?”文本的位置添加公司的 logo 。这些步骤已在 示例 1 中进行了详细描述。需要重启 IBM Cognos 8 服务，以使对 system.xml 的更改生效。
 
        
 图 26. 修改后结果
 
        
 任务 2 – 修改第二行标题
 
        
 要修改第二行标题和门户选项卡，在?default.css?文件中修改突出显示的部分：
 
        
 标题背景、边框和超链接文本
 
        
 修改第二和第三标题的背景和边框颜色。
 
        
 
         
 .mainHeader2 
 { 
	 border: #f8f8dc 2px solid; 
	 padding: 2px; 
	 height: 25px; 
	 background - color: #f8f8dc; 
 }
 .mainHeader3 
 { 
	 padding - top: 5px; 
	 background - color: #f8f8dc; 
 }
 
        
 
        
 修改超链接文本
 
        
 
         
 .ccOptions 
 { 
	 font-size: 70%; 
	 color: #333399; 
 } 
 .authOption 
 { 
	 font-size: 70%; 
	 color: #333399; 
 } 
 .ccToolsLabel 
 { 
	 font-size: 70%; 
	 color: #333399; 
 }
 
        
 
        
 图 27. 修改第二和第三标题的背景和边框颜色
 
        
 动态滚动按钮
 
        
 
         
.tabScrollButton 
 { 
	 padding: 1px; 
	 border: #ffce6d 1px solid; 
	 cursor: hand; 
	 background - color: #f8f8dc; 
 }
.tabScrollButtonOver 
 { 
	 padding: 1px; 
	 border: #ffce6d 1px solid; 
	 cursor: hand; 
	 background - color: #ffce6d; 
 } 
 .tabScrollButtonDisabled 
 { 
	 padding: 1px; 
	 border: #f8f8dc 1px solid; 
	 cursor: default; 
	 background - color: #f8f8dc; 
 }
 
        
 
        
 图 28. 动态滚动按钮
 
        
 门户选项卡栏
 
        
 
         
 .tabBorder 
 { 
	 background-color: #e72b41; 
 } 
 .tabLabel 
 { 
	 font-weight: bold; 
	 font-size: 70%; 
	 color: #e72b41; 
 } 
 .tabLink 
 { 
	 font-size: 70%; 
	 color:  修改非选中的门户选项卡的文本
 
        
 
         
 .tabAnchor 
 { 
	 color:  修改非选中的选项卡的颜色和边框
 
        
 
         
 .tabNormal 
 { 
	 padding-right: 20px; 
	 padding-left: 20px; 
	 font-size: 70%; 
	 color: #ffce6d; 
	 text-align: center; 
	 background-color: #f8f8dc; 
	 border-left: #ffce6d1px solid; 
	 border-bottom: #ffce6d1px solid; 
	 border-top: #ffce6d1px solid; 
 }
 
        
 
        
 修改选中的选项卡的颜色和边框
 
        
 
         
 .tabSelected 
 { 
	 padding-right: 20px; 
	 padding-left: 20px; 
	 font-weight: bold; 
	 font-size: 70%; 
	 color: #e72b41; 
	 border-right: #ffce6d1px solid; 
	 border-left: #ffce6d1px solid; 
	 text-align: center; 
	 background-color:  修改已选中选项卡之后的相邻的非选中选项卡的颜色和边框
 
        
 
         
 .tabNormalAfterSelected { 
	 padding-right: 20px; 
	 padding-left: 20px; 
	 font-size: 70%; color: #f8f8dc; 
	 border-bottom:  修改门户选项卡的外围边框
 
        
 
         
 .tabCap 
 { 
	 border-left: #ffce6d1px solid; 
	 width: 1px; 
 }
  .tabBase 
 { 
	 border-bottom: #ffce6d1px solid; 
	 padding-left: 1px; 
	 height: 20px; 
 } 
 .tabTail 
 { 
	 font-size: 1px; 
	 border-left: #ffce6d 1px solid; 
	 height: 20px; 
 }
 
        
 
        
 图 29. 门户选项卡栏
 
        
 任务 3 – 修改 Public Folders / My Folders
 
        
 要修改 Public Folders / My Folders 中使用的 portlet 和表样式，请根据突出显示部分修改?default.css?文件：
 
        
 1. 要更改内容超链接的字体颜色，请修改以下参数（注意：该参数仅改变内容 超链接，比如对象名，但不改变 studio 、门户或其他 UI 链接）。
 
        
 
         
 a 
 { 
	 color: #333399; 
 }
 
        
 
        
 2. 修改用于显示 Public Folders / My Folders 的表：
 
        
 工具栏：
 
        
 
         
.objectName 
 { 
	font - size: 80%; color: #000000; 
 } 
.objectOptions 
 { 
	font-size: 70%; 
	color: #000000 
 } 
.horizSpaceDetailView 
{
 	padding - bottom: 20px; 
}
.objectNoneFound 
 { 
	 font-size: 70%; 
	 color: #666699; 
	 padding - top: 50px; 
	 text - align: center; 
 } 
 .toolbarImageNormal 
 { 
	 padding: 2px; 
	 border: #f8f8dc 1px solid; 
	 cursor: hand; 
	 background - color: #ffffff; 
 } 
 .toolbarImageOver 
 { 
	 padding: 2px; 
	 border: #f8f8dc; 
 } 
 .toolbarImagePressed 
 { 
	 padding: 2px; 
	 border: #f8f8dc; 
 } 
 .toolbarImageOverPressed 
 { 
	 padding: 2px; 
	 border: #f8f8dc; 
 } 
 .toolbarImageUnavaila ble 
 { 
	 padding: 2px; 
	 border: #f8f8dc 1px solid; 
	 background - color: #ffffff; 
 } 
 .tool ba rFlyoutNorma l 
 { 
	 padding - left: 2px; 
	 padding - top: 2px; 
	 padding - bottom: 2px; 
	 padding - right: 4px; 
	 border: #f8f8dc 1px solid; 
	 cursor: hand; 
	 background - color: #ffffff; 
 } 
 .toolbarFlyoutOver 
 { 
	 padding - left: 2px; 
	 padding - top: 2px; 
	 padding - bottom: 2px; 
	 padding - right: 4px; 
	 border: #f8f8dc; 
 }
  .toolbarDivider 
 { 
	 width: 1px; 
	 background - color: #f8f8dc; 

 }
  .toolbarImageDefaultCursor 
 { 
	 cursor: default; 
 }
 
        
 
        
 图 30. 工具栏
 
        
 路径
 
        
 
         
 .pathLeafNode 
 { 
	 font-weight: bold; 
	 color: #333399; 
 } 
 .pathSepa rator 
 { 
	 color: #333399; 
 } 
 .pathLink 
 { 
	 color: #333399; 
 }
 
        
 
        
 图 31. 路径
 
        
 列表视图
 
        
 
         
 /* --- List control --- */ 
 .pager_text 
 { 
	 font-size: 7O%; 
	 color: #333399; 
	 font-family: Tahoma; 
 }
 
        
 
        
 控制表周围的边框
 
        
 
         
 .cctable 
 { 
	 border - right: #ffce6d 1px solid; 
	 border - top: #ffce6d 1px solid; 
	 border - left: #ffce6d 1px solid; 
	 border - bottom: #ffce6d 1px solid; 
	 background - color: #ffffff; 
 }
  .rowDiyiderLine 
 { 
	 border - top: #ffce6d 1px solid; 
 } 
 .rowDiyider 
 { 
	 border - right: #ffce6d 1px solid; 
	 font-size: Opx; 
	 width: 1px; 
 } 
 .rowHighlight 
 { 
	 background - color: #ffce6d; 
 }
 
        
 
        
 控制表标题的背景
 
        
 
         
 .tableHeader { 
	 background - color: #f8f8dc; 
 } 
 .tableHeaderDivider 
 { 
	 background - color:  决定表标题字体的颜色
 
        
 
         
 .tableTitle 
 { 
	 font-weight: bold; 
	 font-size: 70%; 
	 color: #333399; 
 } 
.tableSortTitle 
 { 
	 font-weight: bold; 
	 color: #333399; 
	 text - decoration: none; 
 }
 .tableText 
 { 
	 font-size: 70%; 
	 color: #333399; 
 }
 .tableItemCount 
 { 
	 font-size: 70%; 
	 color: #333399; 
 }
 
        
 
        
 图 32. 列表视图
 
        
 3. 修改用于在 My Pages 上显示 Portlet 的表：
 
        
 控制?portlet?标题
 
        
 
         
 /* Portlet Header */ 
 . boxHeaderBac kg round 
 { 
	 background - color: #f8f8dc; 
 } 
 .boxHeader 
 { 
	 padding: 2px; 
	 font-weight: bold; 
	 font - size: 80%; 
	 color:  控制编辑按钮
 
        
 
         
 /* Portlet edit buttons */ 
 .boxButtonNormal 
 { 
	 border: #ffce6d 1px solid; 
	 padding: 0px; 
	 background - color: #f8f8dc;
	
 } 
 .boxButtonOver 
{	
	 border: #ffce6d; 
 }
 
        
 
        
 图 33. 修改用于在 My Pages 上显示 Portlet 的表
 
        
 任务 4 – 清理其他对话框和页面
 
        
 对话框：
 
        
 
         
 .pageEditorPortletColumn 
 { 
 	border: #ffce6d 1px solid; 
 	color: #333399; 
 	background - color: #ffffff; 
 } 
 .dialogHeader 
 { 
	 border: #ffce6d 1px solid; 
	 height: 24px; 
	 background  - color: #f8f8dc; 
 } 
 
 .dialogHeaderTitle 
 { 
	 padding - left: 5px; 
	 font-weight: bold; 
	 font-size: 70%; 
	 color: #333399; 
	 padding - top: 3px; 
 } 
 .dialogClose /* close button */ 
 { 
	 border: #ffce6d 1px solid; 
 } 
 .dialogCloSEOver 
 { 
	 border: #333399 1px solid; 
 } 
 .dialogHeaderLinkcolor 
 { 
	 color:  底部的按钮
 
        
 
         
 .dialogButtonBar 
 { 
	 border: #ffce6d 1px solid; 
	 background: #f8f8dc; 
	 padding: 3px; 
	 height: 40px; 
 }
 
        
 
        
 命令按钮：
 
        
 
         
 /* Command buttons (usually appear in dialog footers) */ 
 .commandButton 
 { 
	 border: #ffce6d 1px solid; 
	 font - size: 90%; 
	 background - color: #ffffff; 
 }
  .commandButtonOver 
 { 
	 border: #ffce6d 1px solid; 
	 font - size: 90%; 
	 cursor: hand; 
	 background - color: #f8f8dc; 
 }
 .commandButtonDown 
 { 
	 border: #f8f8dc; 
 }
  .commandButtonInactive 
 { 
	 font - size:90%; 
	 width: 100%; 
	 cursor: default; 
	 color: #f8f8dc; 
	 height: 100%; 
	 text - decoration: none; 
	 border: #ffce6d 1px solid; 
	 background - color: #ffffff; 
 } 
 .dialogDivider /* horizontal dividers e.g. actions dialog */ 
 { 
	 background - color: #f8f8dc; 
 }
 
        
 
        
 图 34. 对话框
 
        
 搜索路径
 
        
 
         
 .dialogSearchPathDisplayPanel 
 { 
	 height: 45px; overflow: auto; 
	 word-wrap: break - word; 
	 border: #ffce6d 1px solid; 
	 padding:5px; margin-right:5px; 
 }
 
        
 
        
 弹出窗口
 
        
 
         
 /* Modal dialogs */ 
 .body_dia log_moda l 
 { 
	 background - color: #f8f8dc; 
 } 
 .dialogButtonBarPopup /* pop up dialog button bar - view search path */ 
 { 
	 height: 40px; 
	 background: #f8f8dc; 
	 border - right: #ffce6d 1px solid; 
 } 
 .dialogWindowPopup /* pop up dialog - view search path */ 
 { 
	 border - right: #ffce6d 1px solid; 
	 z-index: 50; 
	 padding - top: 10px; 
	 background - color: #f8f8dc; 
 }
 
        
 
        
 图 35.弹出窗口
 
        
 在菜单项上悬停
 
        
 
         
 .menuItemOver 
 { 
	 padding: 1px; 
	 color: #000000; 
	 height: 20px; 
	 background - color: #f8f8dc; 
 }
 
        
 
        
 图 36.在菜单项上悬停
 
        
 5.2 重新塑造 Query Studio
 
        
 所有与品牌相关的文件都在?<install_directory>/c8/webcontent/skins/your_style/qs?文件夹下。
 
        
 Query Studio 将继承在 IBM Cognos Connection 中所做的某些更改，包括主标题。
 
        
 图 37.重新塑造 Query Studio
 
        
 任务 1 – 修改标题和工具栏
 
        
 要修改顶端标题，请根据突出显示部分修改?QSRVCommonUI.css?文件：
 
        
 Studio links in the top header */
 
        
 
         
 .topbar Phyperlink Ptext { 
	 text - decoration: underline; 
	 cursor: pointer; 
	 cursor: hand; 
	 color: #333399 !important; 
 }
 
        
 
        
 要添加不同颜色的标题，请添加适当的参数：
 
        
 
         
 .mainHeader1 
 { }
 .mainHeader2 
 { }
 
        
 
        
 任务 2 – 修改工具栏
 
        
 要修改工具栏，请根据突出显示部分修改?QSRVCommonUI.css?文件：
 
        
 图 38.修改工具栏
 
        
 Crn.css
 
        
 修改工具栏的背景颜色。
 
        
 
         
 .mainHeader3 
 { 
	 background - color:  QSRVCommonUI
 
        
 控制实际工具栏按钮和围绕它们的边框。
 
        
 
         
 .toolbarButton { 
	 padding: 1px Opx Opx Opx; 
	 height:22px; 
	 border: 1px solid #f8f8dc; 
	 background - color: #ffffff; 
 }
 
        
 
        
 在悬停在工具栏选项上时改变颜色。
 
        
 
         
 .toolbarButtonOver { 
	 padding: 1px Opx Opx Opx; 
	 height:22px; 
	 border: 1px solid #ffcd6d; 
	 background - color: #f8f8dc; 
	 cursor: pointer; 
	 cursor: hand; 
 }
 
        
 
        
 控制单击工具栏上的选项时的颜色
 
        
 
         
 .toolbarButtonPressed { 
	 padding: 1px 0px 0px 0px; height:22px; 
	 border : 1px solid  控制悬停在工具栏上的选项时的颜色
 
        
 
         
 .toolbarButtonOverPressed 
 { 
	 padding: 1px 0px 0px 0px; 
	 height:22px; 
	 border : 1px solid  任务 3 – 修改左侧菜单列表
 
        
 要修改菜单栏，请根据突出显示部分修改?QSRVCommonUI.css?文件：
 
        
 控制菜单栏的所有背景。默认情况下，我们保持白色背景。
 
        
 
         
 .menuBody { 
	 background - color: #ffffff; 
	 color: #000000; 
	 padding - right : 5px; 
	 padding - top : 12px; 
	 padding - left: 5px; 
 } 
 .menuHeader { 
	 font-size: 70%; 
	 color: #333399; 
	 border - collapse: collapse; 
	 vertical - align: bottom; 
	 font-weight: bold; 
	 width:100%; 
	 }
 
        
 
        
 图 39.控制菜单栏的所有背景
 
        
 显示/隐藏菜单箭头
 
        
 
         
 .menuHeaderButton { 
	 border: solid #ffce6d; 
	 border - width: 1px 1px 0px; 
	 border - collapse: collapse; 
	 cursor: pointer; 
	 cursor: hand; 
 }
 
        
 
        
 图 40.显示/隐藏菜单箭头
 
        
 菜单面板的背景颜色
 
        
 
         
 . menuItem,. menuItemSpacer,.menuItemSpacerTop 
 { 
	 background - color: #f8f8dc; 
	 border: solid #ffce6d; 
	 border - width: 0px 1px; 
	 border - collapse: collapse; 
 }
 
        
 
        
 未选中的超链接的颜色
 
        
 
         
 .menuItem,.menuAction { 
	 font-size: 70%; color: #333399; 
	 text - decoration: underline; 
	 cursor: pointer; 
	 cursor: hand; 
 }
 
        
 
        
 选中的菜单选项
 
        
 
         
 .menuItemSelected { 
	 color: #333399; 
	 border - collapse: collapse; 
	 cursor: default; 
	 padding: 3px 10px; 
	 border: 1px solid #ffce6d; 
	 height:20px; 
	 font-size: 70%; 
	 font-weight: bold;
 }
 
        
 
        
 图 41.选中的菜单选项
 
        
 控制围绕整个菜单树和已收起的菜单的边框。
 
        
 
         
 . menuContent,.menuContentCollapsed 
 { 
	 color: #f8f8dc; 
	 border: 1px solid #ffce6d; 
	 padding: 3px; 
 } 
 .menuButton { 
	 border: 1px solid #ffce6d; 
	 border - collapse: collapse; 
	 cursor: pointer; 
	 cursor: hand; 
 }
 
        
 
        
 图 42.控制围绕整个菜单树和已收起的菜单的边框
 
        
 任务 4 – 修改网格部分
 
        
 要修改默认的空网格，请根据突出显示部分修改?QSReport.css?文件：
 
        
 
         
 .startPageTextOver 
 { 
	 font-weight: normal; 
	 font-size: 70%; 
	 color: #333399; 
 } 
 .startPageListColumnTitle 
 { 
	 padding: 3px 5px; 
	 border: 1px solid #ffce6d; 
	 line-break: strict; 
	 background - color: #f8f8dc; 
 } 
 .startPageListColumnTitleOver 
 { 
	 padding: 3px 5px; 
	 border: 1px solid #f8f8dc; 
 }
  .startPageListColumn 
 { 
	 padding: 3px 5px; 
	 border - color: #ffce6d; 
	 border - width: Opx 1px 1px; 
	 border - style: dashed; 
	 line-break: strict; 
	 background - color: none; 
 }
  .startPageListColumnOver 
 { 
	 padding: 3px 5px; 
	 border - color: #ffce6d; 
	 border - width: Opx 1px 1px; 
	 border - style: dashed; 
	 line-break: strict; 
	 background - color: #f8f8dc; 
	
 }
  .onDragOver 
 { 
	 background - color: #f8f8dc; 
 } 
 .clsCaretInsert 
 {  
	 padding: 2px; 
	 border: 1px solid #ffce6d; 
	 background - color: white; 
 }
 
        
 
        
 图 43.修改网格部分
 
        
 注意：当对象放到网格上之后将应用默认的交叉选项卡风格。
 
        
 任务 5 – 保持风格变更
 
        
 使用对?qs/?文件夹中的所有 CSS 文件使用相同颜色模式的 Find and Replace 。
 
        
 最终结果
 
        
 图 44. 保持风格变更
 
        
 5.3 重新塑造 Analysis Studio
 
        
 与品牌相关的所有文件位于?<install_directory>/c8/webcontent/skins/your_style/ans?文件夹。
 
        
 任务 1 – 修改顶端标题
 
        
 要修改菜单标题，请根据突出显示部分修改?background.css?文件：
 
        
 图 45.修改顶端标题
 
        
 
         
 .menubar 
 {
	 position: absolute; 
	 overflow: hidden; 
	 padding: 0px; background - color: #E72B41; 
	 border - bottom: 1px solid #E72B41; 
	 border - top: 1px solid #E72B41; 
	 border - right: 1px solid #E72B41; 
 } 
 .menubar_content_div 
 { 
	 background - image: 
 url:(../../../skins/corporate/ans/images/title_bar_graphic_studios.gif); 
	 padding: 2px; 
	 border: 0px; 
	 width: 578px; 
 } 
 .menu,.menu_hover,.menu_pressed 
 { 
	 cursor: pointer; 
	 cursor: hand; 
	 font - size: 8pt; 
	 padding: 3px; 
	 padding - left: 6px; 
	 padding - right: 6px; 
	 color: #FFFFFF; display: inline-block; 
	 font-family: Tahoma; 
	 font-weight: bold; 
	 text - decoration: underline; 
 } 
 .menu_hover 
 { 
	 background - color: #TTce6d; 
	 border: 1px solid #TTce6d; 
	 color: #000000; 
	 padding: 2px; 
	 padding - left: 5px; 
	 padding - right: 5px; 
 } 
 .menu_pressed 
 { 
	 padding: 2px; 
	 padding - left: 5px; 
	 padding - right: 5px; 
	 background - color: #TTce6d; 
	 color: #000000; 
 }
 
        
 
        
 要修改工具栏，请根据突出显示部分修改?background.css?文件：
 
        
 图 46.修改工具栏
 
        
 
         
 .main_toolbar 
 { 
	 position: absolute; 
	 white-space: nowrap; 
	 padding: 2px; 
	 background - color: #f8f8dc; 
	 border - bottom: 1px solid #ffce6d; 
	 border-right: 1px solid #ffce6d;
	 overflow: hidden; 
 } 
.toolbar_button,.toolbar_button_hover,.toolbar_button_disabled,.toolbar_button_on,.toolbar_button_off,.toolbar_button_on_hover,.toolbar_dropdown_button,.toolbar_dropdown_button_hover,.toolbar_button_pressed,.toolbar_dropdown_button_pressed 
 { 
	 border : 1px solid #ffce6d; 
	 background - color: #f8f8dc; 
	 padding : 1px; 
	 /* pointer for standards compliant browsers,hand for ie 5.5 */ 
	 cursor: pointer; 
	 cursor: hand; 
 } 
 .toolbar_button_on 
 { 
	 border - color:#e72b41; 
	 background - color:#ffce6d; 
 } 
 .toolbar_button_on_hover 
 { 
	 border - color:#ffce6d; 
 } 
 .toolbar_arrow,.toolbar_arrow_hover,.toolbar_arrow_pressed 
 { 
	 background - color: #ffce6d; 
	 border : 1px solid #e72b41; 
	 border - left - width: 0px; 
	 display: inline-block; 
	 padding: 1px; 
	 cursor: pointer; 
	 cursor: hand; 
 } 
 .toolbar_button_hover,.toolbar_arrow_hover 
 { 
	 border : 1px solid #e72b41; 
	 background - color: #ffce6d; 
 } 
 .toolbar_button_pressed,.toolbar_arrow_pressed,34); line-height:1.5em; font-size:1.166em!important"> 任务 3 – 修改菜单栏
 
        
 要修改菜单栏，请根据突出显示部分修改?background.css?文件：
 
        
 
         
 .ToggleBar,.DlgTitleBar 
 { 
	 overflow: hidden; 
	 table - layout: fixed; 
	 white - space: nowrap; 
	 font-family: Tahoma; 
	 font-size: 70%; 
	 font-weight: bold; 
	 color: #000000; 
	 background - color: #ffce6d; 
	 padding: 3px; 
	 border : 1px solid; 
	 border - color : #e72b41; 
 } 
 .Togg leBarTitle,.DlgTitle 
 { 
	 overflow: hidden; 
	 white-space: nowrap; 
 } 
 .ToggleBarArrow,.DlgCloseIcon 
 { 
	 text - align: right; 
	 border - style: solid; 
	 / * default to same border color as toggle bar * / 
	 border - color: #ffce6d; 
	 border - width: 1px; 
	 cursor: pointer; 
	 cursor: hand; 
 } 
 .InfoContainer 
 { 
	 background - color: #ffce6d; 
	 border - width: 0px 1px 1px 1px; 
	 border - style: solid; 
	 border - color: #ffce6d; 
	 overflow: auto; 
	 overflow-x: hidden; 
 } 
 .ins_obj_title_bar{ 
	 overflow: hidden; 
	 font-family: Tahoma; 
	 font - size: 70%; 
	 font - weight: bold; 
	 color: #333399; 
	 background - color: #e72b41;			
 }
 
        
 
        
 图 47.修改菜单栏
 
        
 
         
 .tab_td_selected,.top_tab_td_selected { 
	 text - align: left; 
	 white-space: nowrap; 
	 border - collapse : collapse; 
	 font-family: Tahoma; 
	 font-size: 70%; 
	 font-weight: bold; 
	 color: #333399; 
	 background - color: #ffffff; 
	 padding: 3px 20px 3px 20px; 
	 border-right : 1px solid #ffce6d; 
 }
 .tab_td_selected 
 { 
	 border - bottom : 1px solid #ffce6d; 
 } 
 .top_ta b_td_selected 
 { 
	 border - top : 1px solid #ffce6d; 
 } 
 .tab_td_none_selected,.top_tab_td_none_selected,.top_tab_dummy_td_none_selected,.tab_dummy_td_none_selected 
 { 
	 text - align: left; 
	 color: #333399; 
	 padding: 3px 20px 3px 20px; 
	 white - space: nowrap; 
	 border - collapse : collapse; 
	 text - decoration: underline; 
	 font-family: Tahoma; 
	 font-size: 70%; 
	 font-weight: normal; 
	 text - decoration: underline; 
	 border - top: 1px solid #ffce6d; 
	 border - bottom: 1px solid #ffce6d; 
	 border - left: 1px solid #ffce6d; 
 }
 .top_tab_dummy_td_none_selected{ 
	 border - top: 0px; 
	 border - right: 0px; 
 } 
 .tab_dummy_td_none_selected { 
	 border - bottom: 0px; 
	 border - right: 0px; 
 }
 .tab_td_none_selected 
 { 
	 border - top : 1px solid #ffce6d; 
 } 
 .top_ta b_td_none_selected 
 { 
	 border - bottom : 1px solid #ffce6d; 
 } 
 .tab_right_border 
 { 
	 border-right: 1px solid #ffce6d; 
 } 
 .tab_left_border 
 { 
	 border - left: 1px solid #ffce6d; 
 }
 
        
 
        
 图 48.修改菜单栏结果
 
        
 任务 4 – 上下文菜单风格变化
 
        
 /***************************** 
 Context Menu Style 
 ****************************/ 
 .contextMenu_body,.contextMenu_body_NS 
 { 
	 background - color: white; 
	 padding: 3px; 
	 border: 1px solid #ffce6d; 
	 font - size: 8pt; 
	 position: absolute; 
	 visibility: visible; 
	 left: - 1000px; 
	 cursor: default; 
	 display: block; 
	 overflow - y: auto; 
 } 
 .contextMenu _item,.contextMenu_item_with_submenu,.contextMenu_item_over,.contextMenu_item_with_submenu_over,.contextMenu _item_disabled,.contextMenu_item_disabled_over,.contextMenu _item_default_over,.contextMenu_item_default 
 { 
	 font - size: 8pt; 
	 padding: 1px 0px 1px 3px; 
	 border: 1px solid #FFFFFF; 
	 white-space: nowrap; 
	 text - align: left; 
	 cursor: default; 
	 text - decoration: underline; 
	 background - color: white; 
	 color: #333399; 
 } 
 .contextMenu _item_over,.contextMenu_item_with_submenu_over 
 { 
	 cursor: pointer; cursor: hand; 
	 background - color: #ffce6d; 
 } 
 .contextMenu _item_disabled 
 { 
	 color: graytext; 
	 white-space: nowrap; 
	 text - decoration: none; 
 } 
 .contextMenu _item_disabled_over 
 { 
	 color: graytext; 
	 text - decoration: none; 
 } 
 .contextMenu _item_defau lt_over 
 { 
	 cursor: pointer; 
	 cursor: hand; 
	 font-weight : bold; 
	 background - color: #ffce6d; 
 }
 
        
 
        
 图 49.上下文菜单风格变化
 
        
 最终结果
 
        
 图 50. 重新塑造 Analysis Studio 最终结果
 
        
 5.4 重新塑造 Report Studio
 
        
 与品牌相关的所有文件都位于?<install_directory>/c8/webcontent/skins/your_style/pat?文件夹下。
 
        
 在 Report Studio CSS 文件中，许多 UI 元素都被分成组。这允许您快速修改样式，但它还意味着需要进行更多的调试才能获得想要的颜色模式。
 
        
 任务 1 – 修改主标题
 
        
 要修改主标题，请根据突出显示部分修改?skin.css?文件：
 
        
 图 51.修改主标题
 
        
 
         
 DIV.clsMenubar,TD.clsMenubarItem 
 { 
	 background - color: #e72b41; 
 } 
 TD.clsMenubarItem 
 { 
	 color: white; 
	 border - top: 1px solid #e72b41; 
	 border - left: 1px solid #e72b41; 
	 border - right: 1px solid #e72b41; 
	 border - bottom: 1px solid #e72b41; 
 } 
 TD.clsMenubarItemLast 
 { 
	 background - image: url:(images/tit1e_bar_graphic_rs.gif); 
	 background - repeat: no - repeat; 
	 background - position: right; 
 }
 
        
 
        
 任务 2 – 修改菜单栏
 
        
 由于许多 UI 元素已被分成组放在一起，所以我们将仅调整两个参数，并且会发现这一调整会改变许多其他 UI 元素。
 
        
 要修改菜单栏，请根据突出显示部分修改?skin.css?文件：
 
        
 图 52.修改菜单栏
 
        
 
         
 BODY,TD.clsMenubarItem,TD.clsMenuItem,BUTTON.clsXButton _inactive,sans-serif">#f8f8a1; 
 } 
 BUTTON.clsCoolButton_hover,TD.clsMenubarItem_up,TD.clsToolbarButton_up,BUTTON.clsCoolButton_pressed,TD.clsMenubarItem_down,TD.clsToolbarButton_down,TD.clsToolbarButton_stuck,TD.clsMenuItem_selected,DIV.clsPaneHeader_inactive,.clsListItem_hover,.clsListItem_tb_selected,.clsTreeNode_hover,TD.clsPropertySheetLa bel_active,.clsModalDlgHeader_inactive,TD.clsTabBox_active_hover,TD.clsBottomTabBox_active_hover,BUTTON.clsBigCoolButton_hover,BUTTON.clsBigCoolButton_pressed,TD.clsToolbarButton_down 
 { 
	 background - color:  现在所有背景项都是米色的 (#f8f8cd) 。菜单项、突出显示的工具栏和菜单面板是深褐色的 (#ffce6d) 。
 
        
 因为许多这些 UI 元素已被分组放在一起，所以许多参数的改变会影响到整个 UI 。在上面的屏幕截图中，假设我们想要左侧面板中的非突出显示窗口呈现为绿色 (#d6f0b1) ，菜单面板中已选择的项呈现为红色 (#e72b41)。对于这种情况，我们将从分组列表中移除这些特定的类。
 
        
 图 53.修改左侧面板
 
        
 具体而言，我们将移除以下部分，将它们移回到它们自己的位置：
 
        
 
         
BUTTON.clsCoolButton_hover,TD.clsMenultem_selected,/*DIV.clsPaneHeader_inactive,*/ 

DIV.clsListItem_hover,TD.clsPropertySheetLabel_active,sans-serif">/*.clsModalDlgHeader_inactive,*/

BUTTON.clsXButton_inactive,TD.clsToolbarButton_down 
{ 
	background - color: #ffce6d; 
} 


DIV.clsPaneHeader_inactive,TD.clsModa lDlg Header_inactive 
{ 
	background-color: #d6f0b1; 
} 


DIV.clsPaneHeader_active,.clsModalDlgHeader_active,.clsToolDlgHeader_active,#idProgressBar 
{ 
	background - color:  注意：当您加载 Report Studio 时，还将改变进度条的颜色。如果您想要改变这种情况，可以将 #idProgressBar 类放回到其所在的位置并为其分配定制背景颜色。
 
        
 因为我们将左侧的非活动菜单标题更改为浅绿色，所以白色的文本不易查看。因此，我们将其修改为黑色。
 
        
 
         
DIV.clsPaneHeader_inactive,.clsModalDlgHeader_inactive 
{ 
	 color: black; 
}
 
        
 
        
 另外，由于许多类都被分组放在一起，有些 UI 元素的外观可能有偏差。例如，在下面的屏幕截图中，我们想要对框架内部的背景应用 “白色”。
 
        
 图 54.修改框架内部的背景
 
        
 为此，我们同样需要将相关联的类放到它们各自的位置，如下所示：
 
        
 
         
/* #idToolboxPane,*/ 
 #idPropertiesPane,sans-serif">/* .clsPane_Toolbox_active,*/ 
 .clsPane_Properties_inactive,.clsQueryTabBackground 
 { 
	 background - color: #f8f8cd; 
 } 
 #idToolboxPane,.clsPane_Toolbox_inactive 
 { 
	 background-color: #ffffff; 
 } 
 
 
        
 
        
 任务 3 – 清理剩余的 UI
 
        
 我们可以使用查找替换操作清理剩余的 UI ，以搭配我们的颜色主题。
 
        
 最终结果
 
        
 图 55.清理剩余的 UI
 
        
回页首
 
        
 6. 示例 3 — 使用背景图片
 
        
 背景
 
        
 在 CSS 文件中，除了指定常规的十六进制颜色之外，您还可以使用背景图片。事实上，许多 Web 站点都依赖背景图片来提供良好的颜色渐变效果。这也适用于 IBM Cognos 8 。
 
        
 图 56. 使用背景图片
 
        
 创建背景图片
 
        
 创建背景图片的最便捷方式是使用 PowerPoint 。遵循以下步骤创建图片：
 
        
 1. 打开 PowerPoint 。
 
        
 2. 使用绘图工具，将一个“rectangle ”对象拖放到幻灯中。
 
        
 图 57.将对象拖放到幻灯中
 
        
 3. 双击新的对象。
 
        
 4. 在“Color: ”拾色器中选择 “Fill Effects” 。
 
        
 图 58.在拾色器中选择颜色
 
        
 5. 选择双色渐变。
 
        
 图 59.选择双色渐变
 
        
 6. 在 PowerPoint 中，重新调整该对象的大小使其与目标位置相当。例如，如果您想将其用作标题，则 “纵向” 调整它的大小以获得适当的尺寸。
 
        
 7. 将该对象复制粘贴到 Paint 。
 
        
 8. 进入 Image > Attributes 检查图片的大小。IBM Cognos Connection 的标题的高度一般为 25 个像素，这可以作为参考。
 
        
 9. 进入 Images > Stretch and Skew 纵向调整图片直到合适为止。
 
        
 10. 将该图片保存到 branding 或 portal/images 文件夹下。
 
        
 11. 对想要创建的所有图片重复这些步骤。
 
        
 为风格添加背景图片
 
        
 在这个例子中，我们将查看如何快速更改 IBM Cognos Connection 中的标题，不过这里的方法原则适用于其他组件。
 
        
 “background-image?”和“background-repeat?”参数可用于任何风格属性，不管默认情况下是否使用了它们。此外，background-image?参数的优先级别高于?background-color?参数。这意味着如果它未出现在属性中，那么可以添加它。例如，在上面的屏幕截图中，更改了以下参数：
 
        
 
         
 .mainHeader1 
 { 
	 border-right: #fffff 1px solid; 
	 border-left: #fffff 1px solid; 
	 border-bottom: #afbac7 0px solid; 
	 height: 25px; 
	 background-image: url(images/header3.bmp); 
	 background-color: #336699; 
	 background-repeat: repeat; 
	 background-position: left bottom; 
 } 
 .mainHeader2 
 { 
	 border: #e3e9f3 0px solid; 
	 padding: 0px; 
	 height: 25px; 
	 background-image: url(images/header4.bmp);background-repeat: repeat; 
 } 
 .mainHeader3 
 { 
	 padding-top: 5px; 
	 background-image: url(images/header5.bmp);background-repeat: repeat; 
	 border: #e3e9f3 0px solid; 
 } 
 .tabNormal 
 { 
	 padding-right: 20px; 
	 padding-left: 20px; 
	 font-size: 70%; 
	 color: #ff0000; 
	 text-align: center; 
	 background-image: url(images/portaltab.bmp);background-repeat: repeat;
	 border-top: #afbac7 1px solid; 
	 border-left: #afbac7 1px solid; 
	 border-bottom: #afbac7 1px solid; 
 } 

 .tabNormalAfterSelected 
 { 
	 padding-right: 20px; 
	 padding-left: 20px; 
	 font-size: 70%; 
	 color: #ff0000; 
	 text-align: center; 
	 background-image: url(images/portaltab.bmp);background-repeat: repeat; 
	 border-top: #afbac7 1 px solid; 
	 border-bottom: #afbac7 1 px solid; 
 }
 
        
 
        
 图 60.为风格添加背景图片
 
        
 
         
 .boxHeaderBackground 
 { 
	 background-color: #99aacc; 
	 background-image: url(images/header4.bmp); background-repeat: repeat; 
 }
 
        
 
        
 图 61.为风格重复添加背景图片
 
        
 添加了背景图片之后，示例 1 和 2 中的其他风格更改可用于塑造 IBM Cognos 8 。
 
        
回页首
 
        
 7. 结束语
 
        
 IBM Cognos 8 允许管理员灵活地修改 IBM Cognos 8 及其所有组件的外观。IBM Cognos 提供用于控制 IBM Cognos 模式的外观和颜色的 CSS 文件。通过修改这些 CSS 文件，管理员可以改变 Cognos 8 的感观，使其与公司的品牌外观相搭配。本文档提供一些关于用户如何更好地理解和修改默认的 IBM Cognos UI 的技巧。
 
        
回页首
 
        
 8. 附录 — 参数列表
 
        
 1.1 附录 A — IBM Cognos Connection — Default.css
 
        
 顶级标题
 
         CSS 类
 
           
 背景
 
           
 边框
 
           
 文本
 
           
 说明
 
          


 .mainHeader1
 
           
 #336699
 
           
 #e7e7e7,#cc9966
 
           
 ?
 
           
 主标题的背景颜色
 
          

 .crnOptions
 
           
 #ffffff
 
           
 studio 超链接的文本颜色
 
          

 .headerTitleMiddle
 
           
 主标题中间使用的颜色和图像
 
          

 . logolmageContainer
 
           
 0MT
 
           
 IBM Cognos Connection 图像 (icon_portal.gif) 的背景颜色
 
          


 二级和 三级标题
 
         . mainHeader2
 
           
 #f3f3f3
 
           
 二级标题的背景和边框颜色。
 
          

 .mainHeader3
 
           
 三级标题的背景颜色。
 
          

 . ccOptions
 
           
 #0000cc
 
           
 “Preferences ”和“Help ”的超链接颜色。
 
          

 .authOption
 
           
 Logon / Logoff 的超链接颜色。
 
          

 .ccToolsLabel
 
           
 “Tools ”的超链接颜色。
 
          

 . ccOptionsDivider
 
           
 #999999
 
           
 分隔“Home ”和“Preferences ”的竖线的颜色。
 
          

 . userName
 
           
 #000000
 
           
 显示已登录用户的文本颜色。
 
          


 门户选项卡
 
         .tabBorder
 
           
 ?
 
          

 .tabLabel
 
           
 .tabLink
 
           
 .tabScrollButton
 
           
 用于门户选项卡右侧的“scrolling ”按钮的背景和边框颜色。
 
          

 .tabScrollButtonOver
 
           
 当鼠标悬停在“scrolling ”按钮时显示的背景和边框颜色。
 
          

 .tabScrollButtonDisa bled
 
           
 #cccccc
 
           
 禁用“scrolling ”按钮时显示的背景和边框颜色。
 
          

 .tabAnchor
 
           
 .tabNormal
 
           
 #ff0000
 
           
 用于未选择的门户选项卡的颜色。
 
          

 .tabSelected
 
           
 用于已选择的门户选项卡的颜色。
 
          

 .tabNormalAfterSele cted
 
           
 用于右侧已选择的门户选项卡的颜色。
 
          

 .tabCap
 
           
 ?
 
           
 门户选项卡末尾的边框。
 
          

 .tabBase
 
           
 .tabTail
 
           
 ?
 
          


 Public Folders / My Folders
 
        
 超链接
 
         说明
 
          

 a
 
           
 大部分超链接对象的颜色。
 
          

 路径
 
         . pathLeafNode
 
           
 用于显示当前文件夹的颜色。
 
          

 .pathSeparator
 
           
 用于显示文件夹分隔符“> ”的颜色。
 
          

 . pathLink
 
           
 用于显示超链接路径的颜色。
 
          


 工具栏
 
         .toolbarImageNormal
 
           
 用于工具栏选项的颜色。
 
          

 .toolbarImageOver
 
           
 #e3e9f3
 
           
 悬停在工具栏选项时的颜色。
 
          

 .toolbarImagePressed
 
           
 #666699
 
           
 ?
 
           
 单击工具栏选项时的颜色。
 
          

 .toolbarImageOverPressed
 
           
 #c6c6d7
 
           
 .toolbarImageUnavailable
 
           
 未发现工具栏图标的颜色。
 
          

 .toolbarFlyoutNormal
 
           
 禁用“scrolling ”按钮时的背景和边框颜色。
 
          

 .toolbarFlyoutOver
 
           
 .toolbarDivider
 
           
 表 – 列表视图
 
         .cctable
 
           
 #000000,#999999
 
           
 围绕表的外边框。
 
          

 .tableHeader
 
           
 #e7e7e7
 
           
 表标题的背景颜色。
 
          

 . tableHeaderDivider
 
           
 分隔表标题中的列的线条的颜色。
 
          

 . tableTitle
 
           
 表标题的列名的文本。
 
          

 .tableSortTitle
 
           
 表标题中“Sort ”的文本。
 
          

 . tableText
 
           
 用于表的文本（超链接除外）。
 
          


 表 – 详细查看
 
         .objectName
 
           
 #000000
 
           
 用于显示描述和日期的颜色。
 
          

 . objectOptions
 
           
 #000000
 
          


 My Pages
 
         . boxborder
 
           
 围绕 portlet 的外边框。
 
          

 .boxButtonNormal
 
           
 portlet 上的“edit ”、“minimize ”和“maximize ”按钮。
 
          

 .boxButtonOver
 
           
 portlet 上的“edit ”、“minimize ”和“maximize ”按钮 – 在指针悬停其上时。
 
          

 .boxHeaderBackground
 
           
 #99aacc
 
           
 portlet 标题的背景颜色。
 
          

 .boxBody table
 
           
 portlet 中使用的文本颜色。
 
          

 . boxHeader
 
           
 portlet 标题中使用的文本颜色。
 
          

 .pageEditorPortletColumn
 
           
 页面编辑器内部的 portlet 窗口使用的颜色。
 
          


 对话框、命令按钮和弹出窗口
 
        
 图标按钮
 
         .button
 
           
 图标按钮的颜色。
 
          

 .button_hover
 
           
 #bec8dc
 
           
 鼠标指针悬停在图标按钮上时的颜色。
 
          

 .button_pressed
 
           
 单击图标按钮时的颜色。
 
          


 命令按钮，比如对话框底部的 OK 和 Cancel
 
         .commandButton
 
           
 命令按钮的背景和边框颜色。
 
          

 .commandButtonOver
 
           
 鼠标指针悬停在命令按钮时的颜色。?
 
          

 .commandButtonDown
 
           
 单击命令按钮时的颜色。
 
          

 .commandButtonInactive
 
           
 命令按钮处于非激活状态时的颜色。
 
          

 .commandButtonActive
 
           
 命令按钮激活时的文本颜色。
 
          

 .simpleCmdButtonActive
 
           
 仅在少数弹出窗口中使用的特殊命令按钮。
 
          


 一般对话框
 
         .dialogHeader
 
           
 环绕对话框标题的颜色。
 
          

 .dialogHeaderText
 
           
 对话框的说明性文本的颜色。
 
          

 .dialogHintText
 
           
 一般提示的颜色。
 
          

 .dialogHeaderTitle
 
           
 对话框标题的颜色。?
 
          

 .dialogClose
 
           
 围绕“X ”按钮的边框。
 
          

 . dialogCloSEOver
 
           
 鼠标指针悬停在其上时围绕“X ”按钮的边框。
 
          

 .dialogDivider
 
           
 用于对话框中的水平分隔器的背景颜色，比如 “action ” 按钮。
 
          

 .dialogButtonBar
 
           
 显示“OK ”和“Cancel ”按钮的横条的颜色。?
 
          

 .dialogSearchPathDisplayPanel
 
           
 用于搜索路径弹出窗口的边框。
 
          

 .dialogHeaderLinkColor
 
           
 .body_dialog_modal
 
           
 模式对话框的颜色。
 
          

 . dialogButtonBarPopup
 
           
 #cccccc,?
 #bec8dc
 
           
 “view search path ”窗口中的对话框按钮的颜色。
 
          

 .dialogWindowPopup
 
           
 .messageText
 
           
 用于对话框消息的文本颜色。
 
          

 .menuItemOver
 
           
 .menuItemNormal
 
           
 邮件主题、链接和附件
 
         .emailItem
 
           
 .emailItem_active
 
           
 #191970
 
           
 .emailItem_hover
 
           
 .emailBodyTableRow
 
           
 .email Li nksAttach mentTableRow
 
           
 ?
 
          


 1.2 附录 B — Query Studio — QSRVCommonUI.css
 
        
 标题
 
        
 大部分标题选项继承自 IBM Cognos Connection 风格。
 
         .topbar_hyperlink_text
 
           
 顶端标题的超链接的文本颜色。
 
          

 工具栏
 
         .toolbarButton
 
           
 工具栏按钮的颜色。
 
          

 .toolbarButtonOver
 
           
 悬停在工具栏按钮上时的颜色。
 
          

 .toolbarButtonPressed
 
           
 单击工具栏按钮时的颜色。
 
          

 .toolbarButtonOverPressed
 
           
 .toolbarBody
 
           
 包含所有工具栏选项的区域的颜色。
 
          

 .dlgHeader
 
           
 对话框标题的边框和文本的颜色。
 
          

 .dialogButton
 
           
 对话框按钮的边框颜色。
 
          

 .dialogButtonOver
 
           
 悬停在对话框按钮时的颜色。
 
          

 .dialogButtonText
 
           
 对话框按钮的文本颜色。
 
          


 菜单栏
 
         .menuBody
 
           
 控制菜单栏的整个背景颜色。
 
          

 .menuButtonBody
 
           
 .previewBody
 
           
 位于预览模式时的颜色。
 
          

 .previewBodyClosed
 
           
 .menuHeader
 
           
 “Menu ”的文本颜色。
 
          

 .menuHeaderButton
 
           
 菜单按钮的文本颜色。
 
          

 .menuItem
 
           
 菜单面板使用的颜色。
 
          

 .menuItemSpacer
 
           
 . menuAction
 
           
 未选择的超链接菜单选项的文本颜色。
 
          

 .menuItemSelected
 
           
 已选择的菜单选项的文本颜色。
 
          

 . metadataLoading
 
           
 在可插入对象面板中加载元数据时使用的文本颜色。?
 
          

 . menuContent
 
           
 选择菜单选项之后的文本和边框。
 
          

 . menuContentCollapsed
 
           
 菜单选项收起时的文本和边框颜色。
 
          

 . menuButton
 
           
 菜单按钮收起时围绕它的边框。
 
          


 QSReport.css
 
        
 空报表样式
 
         .startPageText
 
           
 交叉表中的文本说明。
 
          

 .startPageTextOver
 
           
 悬停在某个区域时显示的文本。
 
          

 .startPageListColumnTitle
 
           
 交叉表的标题颜色。
 
          

 .startPageListColumnTitleOver
 
           
 悬停时的标题颜色。?
 
          

 .startPageListColumn
 
           
 交叉表的主体颜色。
 
          

 .startPageListColumnOver
 
           
 悬停在交叉表上方时的颜色。
 
          


 1.3 附录 C - Analysis Studio - background.css
 
        
 标题
 
         .menubar
 
           
 顶级菜单栏的颜色。
 
          

 .menubar content div
 
           
 title_bar_graphic_studios.gif
 
           
 标题的背景图像。
 
          

 .menu
 
           
 菜单选项的文本颜色。
 
          

 .menu hover
 
           
 #123679
 
           
 悬停在菜单列表或菜单操作上方时显示的颜色。
 
          

 .menu_pressed
 
           
 单击菜单操作时显示的颜色。
 
          


 内容菜单风格?– 从下拉列表、工具栏或菜单选择选项时使用。
 
         .contextMenu_body
 
           
 White
 
           
 #336699
 
           
 整个菜单区域的颜色。
 
          

 .contentMenu_body_NS
 
          

 .contextMenu_item
 
           
 #ffffff
 
           
 #0000cc
 
           
 已选择的菜单选项的颜色。
 
          

 .contextMenu_item_with_submenu
 
          

 .contextMenu_item_over
 
           
 #e3e9f3
 
           
 #99aacc
 
           
 #0000cc
 
          

 .contextMenuitemwithsubmenuover
 
          

 .contextMenu_item_default_over
 
          

 .contextMenu_item_default
 
          

 .contextMenu item disabled
 
           
 Graytext
 
          

 .contextMenu_item_disabled_over
 
          


 工具栏
 
         .main_toolbar
 
           
 #f3f3f3
 
           
 #cccccc
 
           
 ?
 
           
 主工具栏的颜色。
 
          

 .toolbar_button
 
          

 .toolbar_button_hover
 
          

 .toolbar_button_disabled
 
          

 .toolbar_button_off
 
          

 .toolbar_dropdown_button
 
          

 .toolbar_dropdown_button_hover
 
          

 .toolbar_button_pressed
 
          

 .toolbar_dropdown_button_pressed
 
          

 .toolbar_button_on
 
           
 #cccce3
 
           
 工具栏选项的颜色。
 
          

 .toolbar_button_on_hover
 
           
 悬停在工具栏选项时显示的颜色。
 
          

 .toolbar_arrow
 
           
 #f3f3f3
 
           
 #cccccc
 
           
 下拉工具栏选项的颜色。
 
          

 .toolbar_arrow_hover
 
          

 .toolbar_arrow_pressed
 
          


 可插入对象
 
         .tab_td_selected
 
           
 #cccccc
 
           
 在“insertable objects ”下面的已选择的选项卡的颜色。
 
          

 .top_tab td_selected
 
          

 .tab_td_none_selected
 
           
 ?
 
           
 #cccccc
 
           
 #0000cc
 
           
 “insertable objects ”中未选中的选项卡的颜色。
 
          

 .top_tab_td_none_selected
 
          

 .top_tab dummy_td_none_selected
 
          

 .tap_dummy_td_none_selected
 
          

 .tab_right_border
 
           
 围绕“insertable objects ”的边框颜色。
 
          

 .tab_left_border
 
          


 切换栏、维度查看器标题栏和属性面板标题栏
 
         .ToogleBar
 
           
 切换栏的标题的颜色。
 
          

 .DlgTitleBar
 
           
 .ToogleBarArrow
 
           
 .DlgCloseIcon
 
           
 .InfoContainer
 
           
 “Information ”窗口的颜色。
 
          

 . ins_obj title
 
           
 “Insertable Objects ”标题栏的颜色。
 
          


 
       
      
 
       
 
        
 参考资料
 
        
 学习
 
        

 通过?developerWorks Information Management 专区：在这里可以学到更多关于 Information Management 的知识。还可以找到技术文档、how-to 文章、培训、下载、产品信息等。
 
         
 通过 Information Management 专区?Cognos BI 专题，了解更多有关 Cognos BI 专题的产品和技术资源。
 
         
 通过?商业智能入门以及 Cognos 产品介绍，了解 商业智能的基本概念和相关技术，并介绍了 Cognos 商业智能相关的产品。
 
         
 通过访问?IBM Cognos 8 Business Intelligence，学习 IBM Cognos 8 Business Intelligence 产品的相关知识。
 
         
 通过访问?Cognos 8.3 Software Environments，了解 Cognos 8.3 产品安装的相关环境要求。
 
        
 获得产品和技术
 
        

 在线试用?IBM Cognos BI 试用版软件，了解 IBM Cognos BI 商业智能解决方案的最新版本新功能。
 
         
 下载?IBM Cognos Express V9 试用版软件，了解 IBM 专为中型企业定制的集成商业智能和计划解决方案。
 
         
 下载免费的?IBM Information Management 试用版软件，了解 IBM Information Management 软件的最新版本和特性。
 
         
 获取更多?IBM 试用版软件，并熟练掌握来自 DB2?、Lotus?、Tivoli?，以及 WebSphere? 的开发工具和中间件产品，用这些试用版软件开发您的下一个项目。这些试用版软件可以免费直接从 developerWorks 下载。
 
        
 讨论
 
        

 参与?developerWorks blogs?并加入?developerWorks 中文社区，查看开发人员推动的博客、论坛、组和维基，并与其他 developerWorks 用户交流。
 
        
 条评论
 
        
 
         
 
          
 
           
 
            
 
             
 请?登录?或?注册?后发表评论。
 
             
 添加评论:
 
             
 注意：评论中不支持 HTML 语法
 
             
 
             
 
             
 
              
 
 
              有新评论时提醒我 
              剩余?1000?字符 
              
 
 
             
 
            
 
           
 
           
 
           
 
           
 
            
 
             
 
              

 
 快来添加第一条评论
 
 
                
 
            
 
           
 
          
 
         
 
        
 
       
 
       
 
        
 
        
 
        

 
 
 IBM PureSystems
 
 IBM PureSystems? 系列解决方案是一个专家集成系统
 
 
         
 
 
 developerWorks 学习路线图
 
 通过学习路线图系统掌握软件开发技能
 
 
         
 
 
 软件下载资源中心
 
 软件下载、试用版及云计算
 
 
        
 
      
 
      
 
       
 
        
回页首
 
       
 
      
 
     
 
     
    
   
  
 
 
 
 
 
 
  
 
   
 
    
 
     

 帮助
 
      
 联系编辑
 
      
 提交内容
 
      
 网站导航
 
      
 订阅源
 
     
 
    
 
     

 在线浏览每周时事通讯
 
      
 新浪微博
 
      
 报告滥用
 
      
 使用条款
 
      
 第三方提示
 
     
 
    
 
     

 隐私条约
 
      
 浏览辅助
 
      
 IBM 教育学院教育培养计划
 
      
 IBM 创业企业全球扶持计划
 
      
 ISV 资源 (英语)
 
     
 
    
 
     

 dW 中国每周时事通讯

 
     
 
    
 
     

  
   
 
  
 
 
 

        
            

        	



                        
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
                    
                  
                
            
            

            

            

            	
相关内容

【原创】packetbeat 之“request-response 错误关联”问题
新手学xingo golang服务器之-修改xingo 支持字符协议（一）
在Grails中使用Groovy的经验
【VUE+Django】天坑》》 模板语法与VUE语法的冲突
大数据分析系列在线课程的学习札记之二
Groovy / Grails – 如何从String获取类实例？
Lua语言基础
Lua派生VM和语言列表
perl – 为什么会选择在单独的语句中声明和初始化一个词汇变
[转]beego cache

            
        
    
    

    	

        
推荐文章
            

        
    	

        
站长推荐
            
inno-setup – 使用Process Exit代码在[Run]中显
再谈VB中的多线程
upc 3026 Exponial
VB .NET 学习（2）
如何在没有自定义模块开销的情况下分发本机perl脚
laravel 4安装及入门图文教程
Perl 文件测试符
Perl for Windows 的安装
云计算与大数据有什么关系？
Delphi XE中动态表达式的应用 (调用自定义函数)
        
        
        

    	

        
热点阅读
            

        
        

        
	




【免责声明】本站内容转载自互联网，其发布内容言论不代表本站观点，如果其链接、内容的侵犯您的权益，烦请提交相关链接至邮箱bqsm@foxmail.com我们将及时予以处理。
建议您使用1920×1080分辨率、谷歌浏览器Google Chrome、Microsoft Edge以获得本站的最佳浏览效果
Copygight © 2008-2022 https://www.lidatong.com.cn/ All Rights Reserved. 李大同