Pages

Thursday, March 29, 2012

CSS files in Liferay theme

 Purposes CSS files in Liferay theme
Default theme CSS files and their purposes.




File
Purpose
application.css Contains default styling having to do with components of applications. This includes the tabs, expandable trees, dialog overlays, and the results grid (that is, search container). Much of the markup for these styles is created by Liferay’s tag libraries.
base.css Contains default styling for standard HTML tags, such as paragraphs, headings,tables, and more. This file also contains styling for some Liferay-specific page elements, such as errors, warnings, tooltips, the loading animation, and more.
dockbar.css Contains default styling for the Dockbar, which floats at the top of the page when a user is logged in
custom.css A blank file that is loaded last. As a best practice, theme developers should put their custom styles here to override default styles provided by Liferay in the other theme CSS files.
forms.css Contains default styling for all form elements.
layout.css Contains default styling used by layout templates.
main.css Contains no styling, but imports the rest of the files.
navigation.css Contains default styling for the main navigation elements.
portlet.css Contains default styling for the portlet windows.

No comments:

Post a Comment