From adffaces-commits-return-794-apmail-incubator-adffaces-commits-archive=incubator.apache.org@incubator.apache.org Tue Sep 12 00:34:19 2006
Return-Path:
These two regions are themselves rendered within an outer container - that can be styled as well. There are two different sets of selectors - for the outer region, depending on whether a header is present. If a - header is present, one of the following selectors is used, depending - on the panelBox background color (background color can be quickly - configured to dark, medium, or light using the background attribute - on panelBox).
+ the af|panelBox::header selector. Both section can be skinned with the + af|panelBox::content selector +The content is rendered within a layout container that allow round + edges and such. You can access this container using af|panelBox::top, + af|panelBox::bottom, af|panelBox::start, af|panelBox::end, + af|panelBox::top-start, af|panelBox::top-end, af|panelBox::bottom-start + and af|panelBox::bottom-end. To use round edges, set a background + image on each of the corners and set the width and height of those + corners to the used image's size. Here're some condition for it to + work properly:
- If - no header is present - , the outer container instead uses the following style classes: -
-In order to apply a style to the panelBox body or header for a particular background type, a contextual selector can be used. For @@ -1557,20 +1552,6 @@ of dark panelBox header and body regions:
af|panelBox::dark af|panelBox::header {...} af|panelBox::dark af|panelBox::body {...}-
And the following selector can be used to change the properties of - the dark panelBox body for panelBox which do not have a header:
-af|panelBox::content-dark af|panelBox::body {...}-
In order to make it easier to apply common style properties across - panelBox of different background types, several alias styles are - exposed. For example, the .AFPanelBoxDarkBackground:alias aliased - style provides a way to set the background color for all dark - panelBox. This aliased style is used regardless of whether the outer - container uses the af|panelBox::dark or af|panelBox::content-dark - style class (ie. whether or not a header is present).
-The panelBox defines four sets of icons: one set for each background - type. Customizers are not required to specify icons for all of the - different icon names. If an icon is omitted, the panelBox will - attempt to expand to fill any empty space.
@@ -1582,397 +1563,76 @@ | Description | ||
---|---|---|---|
af|panelBox::body | -Styles the body region. The body region is rendered whether or - not the panelBox has a header. | -||
af|panelBox::header | -Styles the header region. | -||
af|panelBox::dark | -Styles the outer container of the dark panelBox when there is a - header. | -||
af|panelBox::medium | -Styles the outer container of the medium panelBox when there is + | af|panelBox::transparent | +Styles the container of transparent panelBox when there is a header. |
af|panelBox::light | -Styles the outer container of light panelBox when there is a + | Styles the container of light panelBox when there is a header. | |
af|panelBox::transparent | -Styles the outer container of transparent panelBox when there is + | af|panelBox::medium | +Styles the container of the medium panelBox when there is a header. |
af|panelBox::content-dark | -Styles the dark panelBox when there is no header. | -||
af|panelBox::content-medium | -Styles the medium panelBox when there is no header. | -||
af|panelBox::content-light | -Styles the light panelBox when there is no header. | -||
af|panelBox::content-transparent | -Styles the transparent panelBox when there is no header. | -||
.AFPanelBox:alias | -This aliased style can be used to specify common properties that - are shared by the af|panelBox::dark, af|panelBox::medium, - af|panelBox::light and af|panelBox::transparent style classes - (classes when the panelBox has a header). | -||
.AFBoxContent:alias | -This aliased style can be used to specify common properties that - are shared by the af|panelBox::content-dark, - af|panelBox::content-medium, af|panelBox::content-light and - af|panelBox::content-transparent style classes. - AFShuttleBoxContent:alias includes this style. | -||
.AFPanelBoxBody:alias | -
- This aliased style class be used to specify common properties - that are shared by the four types of the - panelBox<Background> body regions. It is included by the - following selectors: -
|
- ||
.AFBoxContentBody:alias | -
- This aliased style class be used to specify common properties - that are shared by the four types of the - af|panelBox::content<Background> body regions. It is - included by the following selectors: -
|
- ||
.AFPanelBoxDarkBackground:alias | -
- This aliased style is used to set the background color for dark - panelBox. It is included by the following selectors: -
|
- ||
.AFPanelBoxMediumBackground:alias | -
- This aliased style is used to set the background color for - medium panelBox. It is included by the following selectors: -
|
- ||
.AFBoxBackground:alias | -
- This aliased style is used to set the background color for - light panelBox and for the seletMany/selectOrder shuttle's box. - It is included by the following selectors: -
|
- ||
- Icon Selectors - | -|||
Name | -Description | -||
af|panelBox::dark-header-start-icon | -This icon is rendered at the start of the header region for dark - panelBoxes. | -||
af|panelBox::dark-header-end-icon | -This icon is rendered at the end of the header region for dark - panelBoxes. | -||
af|panelBox::dark-header-background-icon | -This icon is rendered in the background of the header region for - dark panelBoxes. | -||
af|panelBox::dark-bottom-start-icon | -This icon is rendered in the body region of dark panelBoxes at - the bottom starting corner (ie. at the bottom left corner for - left to right languages.) | -||
af|panelBox::dark-bottom-end-icon | -This icon is rendered in the body region of dark panelBoxes at - the bottom ending corner (ie. at the bottom right corner for - left to right languages.) | -||
af|panelBox::dark-bottom-background-icon | -This icon is rendered in the body region of dark panelBoxes as - the background in between the af|panelBox::dark-bottom-start and - af|panelBox::dark-bottom-end icons. | -||
af|panelBox::dark-top-start-icon | -This icon is rendered in the body region of dark panelBoxes at - the top starting corner (ie. at the top left corner for left to - right languages.) Note: the top icons are only rendered for - panelBoxes which do not have headers. | -||
af|panelBox::dark-top-end-icon | -This icon is rendered in the body region of dark panelBoxes at - the top ending corner (ie. at the top right corner for left to - right languages.) Note: the top icons are only rendered for - panelBoxes which do not have headers. | -||
af|panelBox::dark-top-background-icon | -This icon is rendered in the body region of dark panelBoxes as - the background in between the af|panelBox::dark-top-start and - af|panelBox::dark-top-end icons. Note: the top icons are only - rendered for contentContainers which do not have headers. | -||
af|panelBox::dark-start-background-icon | -This icon is rendered as the background image on the starting - side of the body region in dark panelBoxes. | -||
af|panelBox::dark-end-background-icon | -This icon is rendered as the background image on the ending side - of the body region in dark panelBoxes. | -||
af|panelBox::medium-header-start-icon | -This icon is rendered at the start of the header region for - medium panelBoxes. | -||
af|panelBox::medium-header-end-icon | -This icon is rendered at the end of the header region for medium - panelBoxes. | -||
af|panelBox::medium-header-background-icon | -This icon is rendered in the background of the header region for - medium panelBoxes. | -||
af|panelBox::medium-bottom-start-icon | -This icon is rendered in the body region of medium panelBoxes at - the bottom starting corner (ie. at the bottom left corner for - left to right languages.) | -||
af|panelBox::medium-bottom-end-icon | -This icon is rendered in the body region of medium panelBoxes at - the bottom ending corner (ie. at the bottom right corner for - left to right languages.) | -||
af|panelBox::medium-bottom-background-icon | -This icon is rendered in the body region of medium panelBoxes as - the background in between the af|panelBox::medium-bottom-start - and af|panelBox::medium-bottom-end icons. | -||
af|panelBox::medium-top-start-icon | -This icon is rendered in the body region of medium panelBoxes at - the top starting corner (ie. at the top left corner for left to - right languages.) Note: the top icons are only rendered for - panelBoxes which do not have headers. | -||
af|panelBox::medium-top-end-icon | -This icon is rendered in the body region of medium panelBoxes at - the top ending corner (ie. at the top right corner for left to - right languages.) Note: the top icons are only rendered for - panelBoxes which do not have headers. | -||
af|panelBox::medium-top-background-icon | -This icon is rendered in the body region of medium panelBoxes as - the background in between the af|panelBox::medium-top-start and - af|panelBox::medium-top-end icons. Note: the top icons are only - rendered for contentContainers which do not have headers. | -||
af|panelBox::medium-start-background-icon | -This icon is rendered as the background image on the starting - side of the body region in medium panelBoxes. | -||
af|panelBox::medium-end-background-icon | -This icon is rendered as the background image on the ending side - of the body region in medium panelBoxes. | -||
af|panelBox::light-header-start-icon | -This icon is rendered at the start of the header region for - light panelBoxes. | -||
af|panelBox::light-header-end-icon | -This icon is rendered at the end of the header region for light - panelBoxes. | -||
af|panelBox::light-header-background-icon | -This icon is rendered in the background of the header region for - light panelBoxes. | -||
af|panelBox::light-bottom-start-icon | -This icon is rendered in the body region of light panelBoxes at - the bottom starting corner (ie. at the bottom left corner for - left to right languages.) | -||
af|panelBox::light-bottom-end-icon | -This icon is rendered in the body region of light panelBoxes at - the bottom ending corner (ie. at the bottom right corner for - left to right languages.) | -||
af|panelBox::light-bottom-background-icon | -This icon is rendered in the body region of light panelBoxes as - the background in between the af|panelBox::light-bottom-start - and af|panelBox::light-bottom-end icons. | -||
af|panelBox::light-top-start-icon | -This icon is rendered in the body region of light panelBoxes at - the top starting corner (ie. at the top left corner for left to - right languages.) Note: the top icons are only rendered for - panelBoxes which do not have headers. | -||
af|panelBox::light-top-end-icon | -This icon is rendered in the body region of light panelBoxes at - the top ending corner (ie. at the top right corner for left to - right languages.) Note: the top icons are only rendered for - panelBoxes which do not have headers. | -||
af|panelBox::light-top-background-icon | -This icon is rendered in the body region of light panelBoxes as - the background in between the af|panelBox::light-top-start and - af|panelBox::light-top-end icons. Note: the top icons are only - rendered for panelBoxes which do not have headers.w | -||
af|panelBox::light-start-background-icon | -This icon is rendered as the background image on the starting - side of the body region in light panelBoxes. | -||
af|panelBox::light-end-background-icon | -This icon is rendered as the background image on the ending side - of the body region in light panelBoxes. | +af|panelBox::dark | +Styles the container of the dark panelBox when there is a + header. |
af|panelBox::transparent-header-start-icon | -This icon is rendered at the start of the header region for - transparent panelBoxes. | +af|panelBox::content | +Styles the content region, that is the central frame of the box, + including both the header and the body. |
af|panelBox::transparent-header-end-icon | -This icon is rendered at the end of the header region for - transparent panelBoxes. | +af|panelBox::body | +Styles the body region. The body region is rendered whether or + not the panelBox has a header. |
af|panelBox::transparent-header-background-icon | -This icon is rendered in the background of the header region for - transparent panelBoxes. | +af|panelBox::header | +Styles the header region. |
af|panelBox::transparent-bottom-start-icon | -This icon is rendered in the body region of transparent - panelBoxes at the bottom starting corner (ie. at the bottom left - corner for left to right languages.) | +af|panelBox::top-start | +Styles the top start corner of the box's container. In LTR this is + the upper left corner. |
af|panelBox::transparent-bottom-end-icon | -This icon is rendered in the body region of transparent - panelBoxes at the bottom ending corner (ie. at the bottom right - corner for left to right languages.) | +af|panelBox::top | +Styles the top edge of the box's container. |
af|panelBox::transparent-bottom-background-icon | -This icon is rendered in the body region of transparent - panelBoxes as the background in between the - af|panelBox::transparent-bottom-start and - af|panelBox::transparent-bottom-end icons. | +af|panelBox::top-end | +Styles the top end corner of the box's container. In LTR this is + the upper right corner. |
af|panelBox::transparent-top-start-icon | -This icon is rendered in the body region of transparent - panelBoxes at the top starting corner (ie. at the top left - corner for left to right languages.) Note: the top icons are - only rendered for panelBoxes which do not have headers. | +af|panelBox::start | +Styles the start edge of the box's container. In LTR this is + the left side of the box. |
af|panelBox::transparent-top-end-icon | -This icon is rendered in the body region of transparent - panelBoxes at the top ending corner (ie. at the top right corner - for left to right languages.) Note: the top icons are only - rendered for panelBoxes which do not have headers. | +af|panelBox::end | +Styles the end edge of the box's container. In LTR this is + the right side of the box. |
af|panelBox::transparent-top-background-icon | -This icon is rendered in the body region of transparent - panelBoxes as the background in between the - af|panelBox::transparent-top-start and - af|panelBox::transparent-top-end icons. Note: the top icons are - only rendered for panelBoxes which do not have headers. | +af|panelBox::bottom-start | +Styles the bottom start corner of the box's container. In LTR this is + the lower left corner. |
af|panelBox::transparent-start-background-icon | -This icon is rendered as the background image on the starting - side of the body region in transparent panelBoxes. | +af|panelBox::bottom | +Styles the bottom edge of the box's container. |
af|panelBox::transparent-end-background-icon | -This icon is rendered as the background image on the ending side - of the body region in transparent panelBoxes. | +af|panelBox::bottom-end | +Styles the bottom end corner of the box's container. In LTR this is + the lower right corner. |