Style Guide
Style classes can be configured in Configuration > [Career Section] Administration > Themes > Theme name > Text Configuration.
| Code | Configurable Elements | Style Class | Description |
|---|---|---|---|
| 88 | Background and Color Configuration
|
Selected Sub-tab | Style used for selected sub-tabs. |
| 89 | Background and Color Configuration
|
Selected Tab | Style used for selected tabs. |
| 90 | Background and Color Configuration
|
Unselected Tab | Style used for unselected tabs. |
| 91 | Background and Color Configuration
|
Fourth Color | Color used for list groupings and search areas content. |
| 93 | Background and Color Configuration
|
Error Message Box | Message box used for errors. |
| 94 | Background and Color Configuration
|
Warning Message Box | Message box used for warnings. |
| 95 | Background and Color Configuration
|
Notification Message Box | Message box used for notifications. |
| 96 | Background and Color Configuration
|
Third Color | Color used for search components, subtabs, etc. |
| 97 | Background and Color Configuration
|
Second Color | Color used for subtabs, updated list elements, group content, etc. |
| 98 | Background and Color Configuration
|
First Color | Color used for headers, footers, tabs, group headers, etc. |
| 99 | Background and Color Configuration
|
Main Background | Color used for the main background. |
| 158 | Text Configuration
|
Highlighted Job Status Indicator | Style used for “New” that is displayed next to each new job added to a candidate’s job cart. |
| 159 | Text Configuration
|
Password Policies | Style used for error message that appears when entering invalid information when logging in. |
| 160 | Text Configuration
|
Balloon Text | Style used for balloon text. |
| 161 | Text Configuration
|
Balloon Value | Style used for balloon values. |
| 162 | Text Configuration
|
Balloon Label | Style used for balloon labels. |
| 163 | Text Configuration
|
Balloon Title | Style used for balloon titles. |
| 164 | Text Configuration
|
List section title | Style used for section titles in list pages. |
| 165 | Text Configuration
|
Message Text | Style used for text and titles in message boxes. |
| 166 | Text Configuration
|
Message Title | Style used for titles in message boxes. |
| 167 | Text Configuration
|
Error Text | Style used for text in error message boxes. |
| 168 | Text Configuration
|
Page Value | Style used for values in flow and summary pages. |
| 169 | Text Configuration
|
Page Label | Style used for labels in flow and summary pages. |
| 170 | Text Configuration
|
Page Text | Style used for text in flow and summary pages. |
| 171 | Text Configuration
|
Page List Element Title | Style used for list element titles in flow pages. |
| 172 | Text Configuration
|
Page List Header | Style used for list headers in flow pages. |
| 173 | Text Configuration
|
Summary Section Title | Style used for section titles in summary pages. |
| 174 | Text Configuration
|
Page Subtitle | Style used for subtitles in flow and summary pages. |
| 175 | Text Configuration
|
Page Title | Style used for titles in flow and summary pages. |
| 176 | Text Configuration
|
Warning Text | Style used for text in warning message boxes. |
| 177 | Text Configuration
|
Flow Step | Style used for flow steps in the progress bar on flow pages. |
| 178 | Text Configuration
|
Flow Progress Bar | Style used for the progress bar in flow pages. |
| 179 | Text Configuration
|
Job Information | Style used for job information in flow pages. |
| 180 | Text Configuration
|
Job Posting Date | Style used for job posting dates in job list and job description pages. |
| 181 | Text Configuration
|
Referral Bonus Amount | Style used for referral bonus amounts in job list and job description pages. |
| 182 | Text Configuration
|
Job Type | Style used for job types in job list and job description pages. |
| 183 | Text Configuration
|
List Label | Style used for labels in list pages. |
| 184 | Text Configuration
|
List Text | Style used for text entries in list pages. |
| 185 | Text Configuration
|
List Subtitle | Style used for list subtitles in list pages. |
| 186 | Text Configuration
|
Search Group Label | Style used for field labels in search groups of the search pages. |
| 187 | Text Configuration
|
Search Label | Style used for labels in the search pages. |
| 188 | Text Configuration
|
Search Text | Style used for text in the search pages. |
| 189 | Text Configuration
|
Search Subtitle | Style used for subtitles in the search pages. |
| 190 | Text Configuration
|
Legend Text | Style used for the icon legend text and title in the help panel. |
| 191 | Text Configuration
|
Legend Title | Style used for the icon legend title in the help panel. |
| 192 | Text Configuration
|
Help Text | Style used for text in the help panel. |
| 193 | Text Configuration
|
Help Subtitle | Style used for subtitles in the help panel. |
| 194 | Text Configuration
|
Help Title | Style used for titles in the help panel. |
| 195 | Text Configuration
|
Header Username | Style used for the username in the header. |
| 196 | Text Configuration
|
Text | Style used for text entries. Modifying this style can affect all other text entry styles. |
| 197 | Text Configuration
|
Label | Style used for labels. Modifying this style can affect all other label styles. |
| 198 | Text Configuration
|
Subtitle | Style used for subtitles. Modifying this style can affect all other subtitle styles. |
| 199 | Text Configuration
|
General Font | Font used in all career section pages. |
| 284 | Link Configuration
|
Button Link (Mouse over event) | Style used for tooltips related to button links that appear in the Shift Availability grid. |
| 285 | Link Configuration
|
Button Link | Style used for links that appear in the Shift Availability grid. |
| 286 | Link Configuration
|
Date Selector Link | Link style used for date selectors. |
| 287 | Link Configuration
|
Small Link (Mouse over event) | Style used for tooltips related to links that appear in the progression bar and in the suggestive input fields. |
| 288 | Link Configuration
|
Small Link | Style used for links that appear in the progression bar. |
| 289 | Link Configuration
|
Help Link (Mouse over event) | Style used for tooltips related to links that appear in the help panel. |
| 290 | Link Configuration
|
Help Link | Style used for links that appear in the help panel. For example, Access my profile. |
| 291 | Link Configuration
|
Pager Disabled Link | Style used for disabled links in the pager component. |
| 292 | Link Configuration
|
Title Link (Mouse over event) | Style used for tooltips related to links used for job titles. |
| 293 | Link Configuration
|
Title Link | Style used for links in job title. |
| 294 | Link Configuration
|
Action Link (Mouse over event) | Style used for tooltips related to links that appear in the Job Field, Location and Organization sections of a career section page. |
| 295 | Link Configuration
|
Action Link | Style used for links that appear in the Job Field, Location and Organization sections of a career section page. For example, Add Job Field, Add Location, Add Organization. |
| 296 | Link Configuration
|
Regular Link (Mouse over event) | Style used for tooltips related to links that appear in the central section of a career section page. |
| 297 | Link Configuration
|
Regular Link | Style used for links that appear in the central section of a career section page. For example, Save this Search, Hide Search Criteria, Apply, Add to My Job Cart. |
| 298 | Link Configuration
|
Header and Footer Link (Mouse over event) | Style used for tooltips related to links that appear in the header and footer of a career section page. |
| 299 | Link Configuration
|
Header and Footer Link | Style used for links that appear in the header and footer of a career section page. For example, My Account Options, My Job Cart, Sign In. |
| 1062 | Link Configuration
|
Faceted Search - Title Link | Style used for job titles in faceted search. |
| 1063 | Link Configuration
|
Faceted Search - Title Link (Mouse over event) | Style used for mouse over events on job titles in faceted search. |
| 1064 | Link Configuration
|
Faceted Search - Search Modal Link | Style used for links which reveal the organization, location, and job field selector in faceted search. |
| 1065 | Link Configuration
|
Faceted Search - Search Modal Link (Mouse over event) | Style used for mouse over events on links which reveal the organization, location, and job field selector in faceted search. |
| 1066 | Link Configuration
|
Faceted Search - Expand Facet Link | Style used for links which reveal more selections on facets. |
| 1067 | Link Configuration
|
Faceted Search - Expand Facet Link (Mouse over event) | Style used for mouse over events on links which reveal more selections on facets. |
| 397 | Input and Button Control Configuration
|
Job Cart Icon | Style used for the job cart icon. |
| 398 | Input and Button Control Configuration
|
Button | Style used for buttons. |
| 399 | Input and Button Control Configuration
|
Input Control | Style used for text boxes, text areas, combo boxes, etc. |