Style Sheet Classes: enduser



8.0 and 7.5 Style Sheet Classes: enduser.css

This document include classes used in the default enduser.css file in versions 8.0 and 7.5.x. Versions older than 7.5 may not have all of the classes listed below.

Support Home Page (home page specific)

a.fcn { text-decoration: none; color: black } -- Specifies the color of the text links on the Support Home page.

a.fcn:visited { text-decoration: none; color: black } -- Specifies the color of visited text links on the Support Home page.

a.fcn:hover, a.fcn:active { text-decoration: none; color: #0000AA } -- Specifies the color or the link when the mouse hovers over the text.

.noticeborder { background-color: #C6C6B5 } -- Specifies the color of the border of the Announcements box.

.noticebg { background-color: #F7F7F7 } -- Specifies the background color of the Announcements box.

Tabs and Tab Bar (tab bar specific)

a.tab, a.tab:visited, a.subtab, a.subtab:visited, a.selsubtab, a.selsubtab:visited, a.tabbtn, a.tabbtn:visited{ text-decoration: none; color: black } -- Specifies the color of the text on the non-active tabs.

a.seltab, a.seltab:visited, a.seltabbtn, a.seltabbtn:visited { text-decoration: none; color: white } -- Specifies the color of the text of the active tab (the page that is displayed).

a.tab:hover, a.tab:active, A.subtab:hover, A.subtab:active, a.selsubtab:hover, a.selsubtab:active, a.tabbtn:hover, a.tabbtn:active { text-decoration: none; color: #007700 } -- Specifies the color of the text of the non–active tabs when the mouse hovers over it.

a.seltab:hover, a.seltab:active, a.seltabbtn:hover, a.seltabbtn:active { text-decoration: none; color: #99FFFF } -- Specifies the color of the text of the active tab when the mouse hovers over it.

td.tab, td.subtabbtn, td.tabbtn { background-color: #CCCCCC } -- Specifies the color of the non-active tabs.

td.seltab, td.subtabarea, td.seltabbtn { background-color: #4882B4 } -- Specifies the color of the active tab.

Search (Find Answers) Page and My Stuff - Questions Page (grid specific)

table.grid { border-color: #F7F7F7; border-width: 1px; border-style: solid} specifies the border around the answers under the Answers tab

td.colhdr { background-color: #959595; color: white } -- Specifies the background color and text color of the header row of the search results table, i.e. Subject, Solved Count, Product (if configured to display).

td.colarrow { background-color: #959595; color: white; text-align: right; border-color: #959595; border-right-color: #F7F7F7; padding-left: 4px; padding-right: 5px; border-width: 1px; border-style: solid} –specifies the spacing between columns headers on the Answers tab

td.gridh { background-color: #DADADA } -- Specifies the color of the horizontal lines separating the questions returned from a search.

td.gridv { } -- Specifies the color of the vertical lines separating the column fields in the header row of the table.

td.grididx { background-color: #B6C3AA } -- Specifies the color of the vertical border on the left of the table next to the row numbers.

th.grididx { background-color: #B6C3AA; padding-left: 4px; padding-right: 4px; border-color: #F7F7F7; color: #000000; border-bottom-color: #F7F7F7; border-width: 1px; border-style: solid} – specifies the numbering next to the answer list appears on the Answers List page.

td.gridcell { background-color: #F7F7F7; line-height: 0.98; padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 1px } -- Specifies the background color of the table cells on the Answers page and the Help page.

td.cellline { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 10pt; background-color: #F7F7F7; line-height: 0.98; padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 1px; border-color: #F7F7F7; color: #000000; border-left-color: #F7F7F7; border-bottom-color: #B6C3AA; border-width: 1px; border-style: solid; } – specifies how each answer row displays on the Answers List page.

span.newlbl { font-weight: bold; color: red } -- Specifies the color and style of the New label, which indicates when a new Answer is published.

span.updlbl { font-weight: bold; color: darkgreen } -- Specifies the color and style of the Updated label, which indicates when an Answer has been updated.

td.gridcellnn { background-color: #F7F7F7 } --

Help Pages (help specific)

th.subheading { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 9pt; font-weight: bold; border-color: #F7F7F7; text-align: left; background-color: #F7F7F7; border-bottom-color: #B6C3AA; border-width: 1px; border-style: solid; padding-right: 5px; padding-left: 8px} – specifies the horizontal rule on the Help tab on the end-user pages.

th.sideheading { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 10pt; font-weight: bold; text-align: left; padding-right: 5px; padding-left: 12px; padding-top: 4px; padding-bottom: 3px; border-color: #F7F7F7; border-bottom-color: #B6C3AA; border-width: 1px; border-style: solid; border-right-width: 0px } – specifies the look and feel of the left column on the Search Tips page.

.htext { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 10pt; border-color: #F7F7F7; border-bottom-color: #B6C3AA; border-width: 1px; border-style: solid; padding-right: 5px; padding-left: 10px; padding-top: 4px; padding-bottom: 6px; border-left-width: 0px } – specifies the look and feel of the right column on the Search Tips page.

td.hcell {background-color: #F7F7F7; padding-right: 5px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px} – specifies the background color in the Help pages.

Browse Pages (browse specific)

table.selfolder { background-color: #EBEDEC; border-style: solid; border-width: 1px; border-color: #C0C0C0 } -- Specifies the topic highlighted in the Browse 1 features -- multi-level browse.

td.folder { line-height: 0.98; padding-top: 4px; padding-bottom: 3px } -- Specifies the spacing for the highlighted topic in Browse 1, the multi-level browse.

td.itemlvl1 { background-color: #F7F7F7; line-height: 0.98; padding-top: 3px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px } -- Specifies the color of the answers in the selected topic for Browse 1, multi-level browse.

td.itemlvl1_bg { background-color: #EBEDEC; line-height: 0.98; padding-top: 3px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px } -- Specifies the background colors for the Browse 1 features.

td.itemlvl2 { background-color: #F7F7F7; line-height: 0.99; padding-top: 1px; padding-bottom: 3px } -- Specifies the background used with Browse 2, single-level browse.

Items Related to Thread Entries (thread specific)

td.thrcust { background-color: #A0C4DE } -- Specifies the color of the customer response bar in the incident thread when viewed from the My Stuff Questions page.

td.thrstaff { background-color: #C6D3BA } -- Specifies the color of the staff response bar in the incident thread when viewed from the My Stuff Questions page.

td.thrprox { background-color: #A0C4DE } -- Specifies the color of the proxy bar in the incident thread when a staff member enters content into the Customer section of the thread.

td.thrrnl { background-color: #CCBBCC } -- Specifies the color of the response bar for content from a live chat session.

td.thrrule { background-color: #CACAB5 } -- Specifies the color of the response bar for content appended to the thread by a rule.

Items Related to All End-User Pages (common)

a.plain { text-decoration: none } -- Specifies the style of general text on pages that are links, i.e. the contents of the table after a search is performed and links to other answers when using the format.

a.plain:hover { text-decoration: underline } -- Specifies the style of the text when the mouse hovers over a answer link in the search results table or when using the format. Default is to underline the text.

a.smlabel { text-decoration: none; color: black } -- Specifies the style and color of the E-mail & Print Answer text when viewing an Answer.

a.label { text-decoration: none; color: black } -- Specifies the style and color for the field names (Product, Category, Search Text) and the Back to Search Results when viewing an Answer.

a.smlabel:hover { text-decoration: none; color: #007700 } -- Specifies the style and color of the E-mail & Print Answer text when the mouse hovers over the text.

a.label:hover { text-decoration: none; color: #007700 } -- Specifies the style and color for the field names (Product, Category, Search Text) and the Back to Search Results when the mouse hovers over the text.

.bgcolor { background-color: #F7F7F7 } -- Specifies the overall background color of all end-user pages. Note that the content of several of the pages, i.e. Answers, Ask a Question, Login, is contained in forms. This item specifies the color behind the forms.

.form, .topicword { background-color: #C6C6B5 } -- Specifies the background color of the forms used on the Answers, Ask a Question, Login and Help Pages.

.pagehdg { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 16pt; font-weight: bold } -- Not Used

.llabel, .title, .fcnlabel { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 12pt; font-weight: bold } -- Specifies the style and color of the link titles on the Support Home and My Stuff Overview pages.

.label, .idxcell, .grididx, .colhdr, .subtitle, .tab, .seltab, .tabbtn, .seltabbtn { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 10pt; font-weight: bold } -- Specifies the text style used on the tabs, column headers, and field labels, i.e. Products, Categories, Search Text, and User ID.

.subtab, .selsubtab { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 9pt; font-weight: bold } -- Specifies the text style used on the Help page for General Help and Search Tips tabs.

.smlabel, .thrcust, .thrstaff, .thrprox, .thrrnl, .thrrule { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 9pt; font-weight: bold } -- Specifies the font style used on smaller labels such as Search by, Sort by, and * Denotes a required field.

.vsmlabel { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 8pt; font-weight: bold } -- Not Used

.text, .desc, .textcell, .graycell, .gridcell, .gridcellnn, .folder, .foldernn, .itemlvl1, .itemlvl1nn { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 10pt } -- Specifies text style used for the descriptions of the links on the Support Home page and the Question and Answer text on the Answers page.

.smtext { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 9pt } -- Specifies the text style used for the additional information (status, approval level, last updated, etc.) that can be provided when viewing an Answer (if configured).

.vsmtext, .itemlvl2, .itemlvl2nn { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 8pt } -- Specifies the text style used in the drop-down menus on the Search (Find Answers) page.

h2.subtitle { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 11pt text-align: left; color: white; float: left} – specifies the text used in the headings on the Ask a Question page (such as Question Information and When You are Done) and the Live Help tab.

td.bar { background-color: #666666; height: 20px; } – specifies the background of the heading bars on the Ask a Question page(such as Question Information) and the Live Help tab

td.textcell { background-color: #F7F7F7 } -- Specifies the background color of the entire table on the Answers page and the Help page. This is the color of the border between table cells

td.idxcell { background-color: #FFFFDD } -- Specifies the color of the Attachment Number Box on the Ask a Question page.

td.graycell { background-color: #F7F7F7 } -- Not Used

td.subtitle { background-color: #666666; color: white } -- Specifies the color of the table column headers and header text on the Help page and Ask a Question page.

td.title { background-color: #666666; color: white } -- Specifies the background color and text color of the Question and Answer fields when viewing a specific Answer.

td.pagehdg { background-color: #666666; color: white } -- Specifies the background and text colors of the top title section of the Provide Feedback page.

td.userbar { background-color: #DDDDDD } -- Specifies the background color of the bar that indicates who is logged in.

input.btn { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 9pt; font-weight: bold } -- Specifies the text style used on the buttons, i.e., Submit Question, Add Attachment, Search, Go, Login, E-mail Me My Password, and Create an Account.

*NOTE: The two classes below are included to provide maximum consistency between Internet Explorer 4 and 5 and Netscape Navigator 6 (and to a lesser degree Netscape 4. We do not recommend modifying these classes. If you do modify either or both of them, you will need to do considerable cross-browser testing.

form.block { margin-top: 8px; margin-bottom: 8px; padding-top: 0px; padding-bottom: 0px } – controls the spacing between the topmost tab and spacing between the drop-down boxes and the answer content on the Answers tab.

form.minimal { margin: 0px; padding: 0px } – controls the spacing after the Login button on the My Stuff and Login pages.

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download