Click the 'Edit Custom CSS' button to open a popup editor for CSS. The editor has colour context to help you read and edit CSS. If you prefer to work in a dedicated CSS editor then 'cut, copy and paste' commands will work in this screen.
The CSS editor popup can be moved and resized as needed.
Click the 'Edit IECSS' button to add specific styling for Microsoft Internet Explorer browsers. Note that the tab position changes to IE CSS. You can also change between Custom, IE and Import CSS by clicking these tabs.
The IE CSS section has uses a conditional comment that will detect and send different styling to the stated browser. The default for this is 'if gte IE 8'. Read this Wikipedia article for more on Conditional Comments.
Note that conditional statements are not supported by Internet Explorer 10 so your IE CSS will not show in that browser. If you wish to target IE10 use this conditional comment in the main Custom CSS screen, after all other related styles.
This section will accept additional CSS that you may want to keep separate from Custom or IE code, and is ideal for CSS import statements in the form.
Using ThemeBuilder resource notation, a CSS file can be imported from the Resource screen.
CSS classes to add to the HTML body tag. Defaults are: theme-default aui-layout aui-theme-default
By default, a layout will inherit the CSS defined in it's parent layout.
There may be cases where you want to start from scratch, and not import the Custom, IE and Import CSS from the parent layout in which case you can disable this option.
The CSS content is applied hierarchically. To revert the CSS back to that used by the parent skin, use the 'Revert' dropdown in the 'Custom CSS' tab of the popup editor.
You will need to click the 'Save' button to apply any changes made in the 'CSS' screen.