Provided by: libjifty-perl_1.10518+dfsg-3ubuntu1_all
USING AND EXPANDING CSS
Assembly of CSS definitions When Jifty assembles all CSS definitions (which is internally done inside Jifty::Web by the method "include_css"), a single file, "main.css" is included into the generated HTML code of the current page. This file consists of a series of @import directives that reference every single CSS file to get used. Expansion of CSS definitions Jifty maintains two initially empty files, "app-base.css" and "app.css" that may get "overloaded" by simply providing these files in an application's "share/web/static/css" directory. These two files will get included in different order, "app-base.css" being the very first and "app.css" getting included very late in the CSS construction process. This means that general definitions that should apply to all subsequently encountered styles could easily get done in "app-base.css" whereas individual redefinitions, expansions or your application's own definitions could go into "app.css". Jifty's own definitions Jifty provides a series of definitions that are responsible for a good look without any modification. Please note that not all of the used CSS classes are already defined, but they will provide a hook for modification of the general look. Some of the styles are listed below. form_errors, error Error messages encountered during validation are displayed inside a "<div>" tag of class "form_errors" which initially is not yet defined. Every single error message is marked with a class "error". hints, warning, error These classes are used for displaying additional information for form fields. form_field, mandatory, argument-$name Every form field including its label is packed inside a "<div>" tag with these classes (mandatory only if the field is mandatory, of course), where $name is the field's name. preamble This section is a "<span>" tag filled with a form field's preamble content that could contain additional instructions for the user. The content may be set by the "preamble" accessor method that is available for every "Jifty::Web::Form::Field" and its successors. widget, button, button_as_link, combobox, combo-text, combo-button, combo-list, date, label, password submit_button, reset, text, hidden, ajaxvalidation, ajaxcanonicalization, ajaxautocompletes These class names are used depending on the type of widget getting rendered. autocomplete used for the autocomplete div. toplevel, menu, context_menu, submenu, title, expand These classes are used in navigation bars. jifty, results, messages These three CSS classes are used to surround a message block displaying an action's messages after having run an action. message, error, $moniker Every single message that is displayed in an action's result box is marked with the message's type plus the action's moniker as a CSS class name.