Content Template Catalog style sheets
Content Template Catalog installs with theme-oriented styles and content-oriented styles. The two types of style files are kept separate to support responsive web design and allow targeting of scripts at specific devices.
Content Template Catalog theme extensions
Content Template Catalog sites running on IBM
® Portal 22.214.171.124 are based on the IBM WebSphere
Portal 126.96.36.199 theme, with Content Template Catalog theme extensions added.
Override pattern for styles
Content Template Catalog defines most content styles globally. It then overrides the content style for the layout containers first and then for particular component types.
Flexible component layouts
Adding flexibility to your layouts allows components to adjust to fit in different parts of the layout. For example, you can use relative widths so components adjust to the parent container, you can crop images to make them smaller, and you can use relative positioning of elements within the container.
HTML layout styles for Content Template Catalog
These styles cover the header and footer that are installed with the Content Template Catalog theme extensions.
These styles are used to format the layout of the page. Widths are fixed at this level. Internal styles use widths relative to the fixed widths, so when you modify these layouts, the rest of the content adjusts to fit.
General content styles
These styles are applied to the different types of data that are rendered in Content Template Catalog sites. For example, the title of an item is always rendered with “itemTitle."
The component styles are applied to the various types of components used in Content Template Catalog. The styles are always applied to a container DIV. Subselectors are used to specify the internal formatting of the component.