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
相关文章读者评论发表评论 |