CSS Styles in OAF PageDevelopment http://zett7.blogspot.in/2011/03/oracle-application-framework-oaf.html commonly used OraFieldText Updatable Fields OraDataText Display Only Fields OraPromptText Used for Prompts, Checkboxes OraLinkText For Links/URLs OraInstructionText For Plain Text Instruction complete list GENERAL COMPONENT CSS DEFINITIONS OraBody used on the element to define the default bgcolor/font family for the entire page OraApplicationSwitcherText OraPromptText label of Application Switcher Text Prompts (Labels) OraDataText Data text string anywhere in page except in tables - also often used for numeric values which don't need to be right-aligned OraFieldText Text and numeric data in standard Web widget (field, poplist) OraFieldTextDisabled Renders gray text in disabled form controls such as text fields, radio buttons, check boxes - does not match current BLAF guidelines OraFieldNumber Right-aligned numeric Data in Field OraFieldNumberDisabled Renders gray text for disabled Numeric Data fields - does not match current BLAF guidelines OraInstructionText OraInstructionTextStrong OraPageStampText OraPageStampLabel Instruction Text Instruction Text with Emphasis Page stamp text Page stamp label usually name of the month OraCalendarHeader Date Picker column headers . not for other message types) Inline Info and Hint Text embedded in page content (not in message box.current BLAF guidelines specify brown links OraMessageBoxErrorParagraph red paragraph text in Error message boxes OraPrivacy OraCopyright Link in Footer to Privacy Statement Copyright Statement Text in Footer OraCalendarTitle Title of Date Picker .usually days of the week .OraButtonText OraButtonTextDisabled Action/Navigation Button Text Button Text .color change on mouse button down (would be underlined with href tag) OraGlobalButtonText OraGlobalButtonTextSelected OraGlobalButtonTextDisabled OraTipText OraTipLabel OraInlineErrorText OraInlineInfoText OraTextInline OraErrorHeader OraErrorNameText OraMessageBoxList OraMessageBoxLink OraMessageBoxParagraph Global Button Enabled} (This would be an "a href" link Global Button Active Global Button Disabled Tip Text for page or section of page Tip label (the word "Tip") in bold Inline Error Text embedded in page content (not in message box.not specified in current BLAF guidelines Header for Error Message Only Error Name Text numbered list within message box for list of informational or warning messages (not for error messages) blue links in message boxes . not for other message types) Variant of OraInlineInfoText .current BLAF guidelines specify brown links body text in non-error message boxes OraMessageBoxErrorList numbered list in red text within message box for list of error messages OraMessageBoxErrorLink blue links in message boxes .disabled OraLinkText Link Text (would be underlined with href tag) OraVLinkText visited link text (would be underlined with href tag) OraALinkText active link text . "train" OraTrainVisited visited page(s) in step by step locator a.k.k.OraCalendarEnabled Days in Date Picker that can be selected Days in Date Picker that are invalid for the current context OraCalendarSelected Selected days(s) in the in Date Picker Link text placed below each arrow button in the OraShuttleLinkText middle of the shuttle TAB/NAVIGATION/LOCATOR CSS DEFINITIONS OraNav1Selected Tab [level 1] selected OraNav1Enabled Tab [level 1] enabled OraNav1Disabled Tab [level 1] disabled OraCalendarDisabled OraNav2Selected Horizontal Navigation [level 2] selected OraNav2Enabled Horizontal Navigation [level 2] enabled OraNav2Disabled Horizontal Navigation [level 2] disabled OraNav3Selected OraNav3Enabled OraNav3Disabled Side Navigation [level 3] selected Side Navigation [level 3] enabled Side Navigation [level 3] disabled OraNavBarActiveLink used for enabled NavigationBarBean links (a "next" link when there are more items to view.a.k.a. "train" OraCrumbsSelected current page (without link) in breadcrumbs OraCrumbsEnabled Pages higher in the hierarchy (with links enabled) in breadcrumbs HEADER CSS DEFINITIONS OraHeader Standard dark blue header on white background OraHeaderSub Standard dark blue subheader on white background .a.) OraNavBarInactiveLink used for NavigationBarBean Next/Previous links when there are no more Next/Previous contents to be viewed OraNavBarViewOnly used for the step text (such as "Step 1 of 5") in a single-item NavigationBarBean OraTrainActive current page in step-by-step locator a. "train" OraTrainUnvisited page(s) not yet visited page in step-by-step locator a. currently only used for a Portal demo Global header when there are no Tab links TABLE CSS DEFINITIONS OraTableTitle Table Title .typically in content containers SubsubHeader on Blue .OraHeaderSubSub Standard dark blue subsubheader on white background OraDarkHeader Dark Header on dark beige in Side Navigation of Home page .typically in content containers OraLightHeaderSubSub Light blue subsubheader on light background typically in content containers OraColorHeader Header on Blue for content containers .usually subheader and subsubheader are used instead OraColorHeaderSub OraColorHeaderSubSub OraPortletHeader OraDarkPortletHeader OraGlobalPageTitle Subheader on Blue .used instead of Subheader when other elements separate the subheader from the table AND no control bar is present OraTable Background color for table gridlines OraTableControlBarText text in table Control Bar (band appearing at top of some tables that contains controls) OraTableColumnHeader Table Column Header .usually subheader and subsubheader are used instead OraDarkHeaderSub OraDarkHeaderSubSub Dark Subheader on dark beige in Side Navigation of Home page Dark Subsubheader on dark beige in Side Navigation of Home page OraLightHeader Light blue header on light or medium beige background for content containers .typically in content containers Portlet Content Header on White .usually subheader and subsubheader are used instead OraLightHeaderSub Light blue subheader on light or medium beige background .currently only used for a Portal demo Portlet Content Header on Beige . useful in updateable tables with more than one totaled column OraTableCellText Table Cell Text OraTableCellTextBand Table Cell Text in row with band of color OraTableCellNumber numeric Table Cell Text .cursor turns to hand over header cell OraTableSortableColumnHeaderNumber sortable form of numeric Table Column Header OraTableSortableColumnHeaderIconButton OraTableRowHeader OraTableColumnFooter OraTableTotal OraTableAddTotal sortable form of Table Column Header with centered action button Table Row Header for left-aligned text in table column footer.OraTableColumnHeaderNumber same as Table Column Header but with right aligned numeric header OraTableColumnHeaderIconButton Table Column Header with centered action button OraTableSortableColumnHeader Sortable Table Column Header -.only required if column features calculations OraTableCellNumberBand numeric Table Cell Text in row with band of color only required if column features calculations OraTableCellIconButton Table Cell containing an action/navigation button OraTableCellIconButtonBand numeric band color table cell containing an action/navigation button OraTableCellSelect select column with check box or radio button OraTableCellSelectBand OraTableVerticalGrid OraTableVerticalHeaderGrid select column with check box or radio button in row with band of color Table Background Vertical Grid Color Table Background Vertical Grid Color in Column Header . except for totals right-aligned "Total" label that appears in footer cell to left of numeric total left-aligned "Total" label that appears in column header cell OraTableTotalNumber right-aligned total value that appears in footer cell below the totalled column OraTableTotalText left-aligned total value -. OraTableHorizontalGrid Table Background Horizontal Grid Color OraTableHorizontalHeaderGrid Table Background Horizontal Grid Color in Row Header OraTableShadowHeaderGrid renders shadow for sortable table headers??? Used for column headers rendered by OraTableHeaderLink SortableHeaderBean for headers which aren't sortable OraTableSortableHeaderLink Link in Header of Sortable Column Used for details child in conjunction with OraTableDetail Hide/Show in a table row SPACING AND LAYOUT CSS DEFINITIONS OraIndentHeader OraSpacingHeader OraSpacingHeaderSub OraSpacingHeaderLarge Indents second and later occurrences of subheaders 20 pixels relative to page header Spacing for Page Title Header: 7 pixels above and 2 below Spacing for first SubHeader on page: 10 pixels above and 2 below Spacing for second and later occurrences of subheaders: 20 pixels above and 2 below .