专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »编程综合 » IBM Cognos BI 最佳实战: 定制 IBM Cognos 8 UI(下) »正文

IBM Cognos BI 最佳实战: 定制 IBM Cognos 8 UI(下)

来源: 发布时间:星期三, 2010年5月26日 浏览:0次 评论:0


  8. 附录 — 参数列表

  1.1 附录 A — IBM Cognos Connection — Default.css

  顶级标题

CSS 类 背景 边框 文本 介绍说明
.Header1 #336699 #e7e7e7, #cc9966   主标题背景颜色
.crnOptions     #ffffff studio 超链接文本颜色
.headerTitleMiddle #336699     主标题中间使用颜色和图像
. logolmageContainer 0MT     IBM Cognos Connection 图像 (icon_portal.g) 背景颜色



   2级和 3级标题

CSS 类 背景 边框 文本 介绍说明
. Header2 #f3f3f3 #f3f3f3   2级标题背景和边框颜色
.Header3 #f3f3f3     3级标题背景颜色
. ccOptions     #0000cc “Preferences ”和“Help ”超链接颜色
.authOption     #0000cc Logon / Logoff 超链接颜色
.ccToolsLabel     #0000cc “Tools ”超链接颜色
. ccOptionsDivider   #999999   分隔“Home ”和“Preferences ”竖线颜色
. userName     #000000 显示已登录用户文本颜色



  门户选项卡

CSS 类 背景 边框 文本 介绍说明
.tabBorder #999999      
.tabLabel     #336699  
.tabLink     #336699  
.tabScrollButton #ffffff #999999   用于门户选项卡右侧“scrolling ”按钮背景和边框颜色
.tabScrollButtonOver #ffffff #999999   当鼠标悬停在“scrolling ”按钮时显示背景和边框颜色
.tabScrollButtonDisa bled #ffffff #cccccc   禁用“scrolling ”按钮时显示背景和边框颜色
.tabAnchor     #0000cc  
.tabNormal #ffffff #e7e7e7,
#999999 #ff0000 用于未选择门户选项卡颜色
.tabSelected #ffffff #999999 #336699 用于已选择门户选项卡颜色
.tabNormalAfterSele cted #ffffff #e7e7e7,
#999999' #ff0000 用于右侧已选择门户选项卡颜色
.tabCap   #e7e7e7,
#999999   门户选项卡末尾边框
.tabBase   #999999  
.tabTail   #999999  



  Public Folders / My Folders

  超链接

CSS 类 背景 边框 文本 介绍说明
a     #0000cc 大部分超链接对象颜色



  路径

CSS 类 背景 边框 文本 介绍说明
. pathLeafNode     #336699 用于显示当前文件夹颜色
.pathSeparator     #0000cc 用于显示文件夹分隔符“> ”颜色
. pathLink     #0000cc 用于显示超链接路径颜色



  工具栏

CSS 类 背景 边框 文本 介绍说明
.toolbarImageNormal #ffffff #cccccc   用于工具栏选项颜色
.toolbarImageOver #ffffff #e3e9f3   悬停在工具栏选项时颜色
.toolbarImagePressed #e3e9f3 #666699   单击工具栏选项时颜色
.toolbarImageOverPressed #c6c6d7 #666699  
.toolbarImageUnavailable #ffffff     未发现工具栏图标颜色
.toolbarFlyoutNormal #ffffff #cccccc   禁用“scrolling ”按钮时背景和边框颜色
.toolbarFlyoutOver #ffffff #666699    
.toolbarDivider #cccccc      



  表 – 列表视图

CSS 类 背景 边框 文本 介绍说明
.cctable #ffffff #000000, #999999   围绕表外边框
.tableHeader #e7e7e7     表标题背景颜色
. tableHeaderDivider #999999     分隔表标题中线条颜色
. tableTitle     #336699 表标题列名文本
.tableSortTitle     #336699 表标题中“Sort ”文本
. tableText     #000000 用于表文本(超链接除外)



  表 – 详细查看

CSS 类 背景 边框 文本 介绍说明
.objectName     #000000 用于显示描述和日期颜色
. objectOptions     #000000



  My Pages

CSS 类 背景 边框 文本 介绍说明
. boxborder   #e7e7e7   围绕 portlet 外边框
.boxButtonNormal #ffffff #ffffff   portlet 上“edit ”、“minimize ”和“maximize ”按钮
.boxButtonOver #ffffff #ffffff   portlet 上“edit ”、“minimize ”和“maximize ”按钮 – 在指针悬停其上时
.boxHeaderBackground #99aacc     portlet 标题背景颜色
.boxBody table     #000000 portlet 中使用文本颜色
. boxHeader     #ffffff portlet 标题中使用文本颜色
.pageEditorPortletColumn #ffffff #cccccc #666699 页面编辑器内部 portlet 窗口使用颜色



  对话框、命令按钮和弹出窗口

  图标按钮

CSS 类 背景 边框 文本 介绍说明
.button #ffffff #cccccc   图标按钮颜色
.button_hover #bec8dc #99aacc   鼠标指针悬停在图标按钮上时颜色
.button_pressed #bec8dc #336699   单击图标按钮时颜色



  命令按钮比如对话框底部 OK 和 Cancel

CSS 类 背景 边框 文本 介绍说明
.commandButton #ffffff #999999   命令按钮背景和边框颜色
.commandButtonOver #e3e9f3 #999999   鼠标指针悬停在命令按钮时颜色 
.commandButtonDown #e3e9f3 #999999   单击命令按钮时颜色
.commandButtonInactive #ffffff #999999 #999999 命令按钮处于非激活状态时颜色
.commandButtonActive     #000000 命令按钮激活时文本颜色
.simpleCmdButtonActive #ffffff #cccccc #000000 仅在少数弹出窗口中使用特殊命令按钮



  般对话框

CSS 类 背景 边框 文本 介绍说明
.dialogHeader #99aacc #336699   环绕对话框标题颜色
.dialogHeaderText     #336699 对话框介绍说明性文本颜色
.dialogHText     #336699 般提示颜色
.dialogHeaderTitle     #ffffff 对话框标题颜色 
.dialogClose   #bec8dc   围绕“X ”按钮边框
. dialogCloseOver   #ffffff   鼠标指针悬停在其上时围绕“X ”按钮边框
.dialogDivider #cccccc     用于对话框中水平分隔器背景颜色比如 “action ” 按钮
.dialogButtonBar #e7e7e7 #cccccc   显示“OK ”和“Cancel ”按钮横条颜色 
.dialogSearchPathDisplayPanel   #336699   用于搜索路径弹出窗口边框
.dialogHeaderLinkColor     #ffffff  
.body_dialog_modal #e3e9f3     模式对话框颜色
. dialogButtonBarPopup #e7e7e7 #cccccc,
#bec8dc   “view search path ”窗口中对话框按钮颜色
.dialogWindowPopup #e3e9f3 #cccccc, #eeecf3, #ffffff    
.messageText   #000000   用于对话框消息文本颜色
.menuItemOver #e3e9f3   #000000  
.menuItemNormal #ffffff   #000000  



  邮件主题、链接和附件

CSS 类 背景 边框 文本 介绍说明
.emailItem #ffffff #ffffff    
.emailItem_active #e3e9f3 #191970    
.emailItem_hover #e3e9f3 #191970    
.emailBodyTableRow   #99aacc    
.email Li nksAttach mentTableRow   #99aacc    



  1.2 附录 B — Query Studio — QSRVCommonUI.css

  标题

  大部分标题选项继承自 IBM Cognos Connection 风格

CSS 类 背景 边框 文本 介绍说明
.topbar_hyperlink_text     #ffffff 顶端标题超链接文本颜色



  工具栏

CSS 类 背景 边框 文本 介绍说明
.toolbarButton #ffffff #cccccc   工具栏按钮颜色
.toolbarButtonOver #e3e9f3 #336699   悬停在工具栏按钮上时颜色
.toolbarButtonPressed #e3e9f3 #cccccc   单击工具栏按钮时颜色
.toolbarButtonOverPressed #bec8dc #336699   单击工具栏按钮时颜色
.toolbarBody #ffffff   #000000 包含所有工具栏选项区域颜色
.dlgHeader   #336699 #336699 对话框标题边框和文本颜色
.dialogButton   #999999   对话框按钮边框颜色
.dialogButtonOver #e3e9f3 #336699   悬停在对话框按钮时颜色
.dialogButtonText     #000000 对话框按钮文本颜色



  菜单栏

CSS 类 背景 边框 文本 介绍说明
.menuBody #ffffff   #000000 控制菜单栏整个背景颜色
.menuButtonBody #ffffff   #000000  
.previewBody #e7e7e7   #000000 位于预览模式时颜色
.previewBodyClosed #ffffff   #000000  
.menuHeader     #336699 “Menu ”文本颜色
.menuHeaderButton     #336699 菜单按钮文本颜色
.menuItem #e3e9f3 #336699 #0000cc 菜单面板使用颜色
.menuItemSpacer #e3e9f3 #336699    
. menuAction     #0000cc 未选择超链接菜单选项文本颜色
.menuItemSelected   #336699 #336699 已选择菜单选项文本颜色
. metadataLoading     #000000 在可插入对象面板中加载元数据时使用文本颜色 
. menuContent   #336699 #336699 选择菜单选项的后文本和边框
. menuContentCollapsed   #336699 #336699 菜单选项收起时文本和边框颜色
. menuButton   #336699   菜单按钮收起时围绕它边框



  QSReport.css

  空报表样式

CSS 类 背景 边框 文本 介绍说明
.startPageText     #000000 交叉表中文本介绍说明
.startPageTextOver     #336699 悬停在某个区域时显示文本
.startPageListColumnTitle #bec8dc #99aacc   交叉表标题颜色
.startPageListColumnTitleOver #000000 #99aacc   悬停时标题颜色 
.startPageListColumn   #99aacc   交叉表主体颜色
.startPageListColumnOver #e3e9f3 #99aacc   悬停在交叉表上方时颜色



  1.3 附录 C - Analysis Studio - background.css

  标题

CSS 类 背景 边框 文本 介绍说明
.menubar #ffffff #e7e7e7, #deac77   顶级菜单栏颜色
.menubar content div title_bar_graphic_studios.g     标题背景图像
.menu     #ffffff 菜单选项文本颜色
.menu hover #e3e9f3 #e3e9f3 #123679 悬停在菜单列表或菜单操作上方时显示颜色
.menu_pressed #e3e9f3 #e3e9f3 #123679 单击菜单操作时显示颜色



  内容菜单风格 – 从下拉列表、工具栏或菜单选择选项时使用

CSS 类 背景 边框 文本 介绍说明
.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   #ffffff Graytext
.contextMenu_item_disabled_over



  工具栏

CSS 类 背景 边框 文本 介绍说明
._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 #cccccc   工具栏选项颜色
.toolbar_button_on_hover #bec8dc #336699   悬停在工具栏选项时显示颜色
.toolbar_arrow #f3f3f3 #cccccc   下拉工具栏选项颜色
 
.toolbar_arrow_hover
 
.toolbar_arrow_pressed



  可插入对象

CSS 类 背景 边框 文本 介绍说明
.tab_td_selected #ffffff #cccccc #336699 在“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   #cccccc   围绕“insertable objects ”边框颜色
.tab_left_border



  切换栏、维度查看器标题栏和属性面板标题栏

CSS 类 背景 边框 文本 介绍说明
.ToogleBar #99aacc #336699 #ffffff 切换栏标题颜色
.DlgTitleBar        
.ToogleBarArrow   #99aacc    
.DlgCloseIcon        
.InfoContainer #e7e7e7 #99aacc   “Information ”窗口颜色
. ins_obj title #99aacc #336699 #ffffff “Insertable Objects ”标题栏颜色



标签:
0

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: