Guide CSS classes

.application

The .application class specifies overall style properties for a Guide.

Property

Default value

backgroundAlpha

1.0

backgroundColor

#336699

backgroundGradientColors

#336699, #3366CC

basewrapper

ga.wrappers.LeftAccordion

paddingBottom

10

paddingLeft

10

paddingRight

10

paddingTop

5

version

1.0.0

.buttons

The .buttons class defines the style properties for button objects.

Property

Default value

alpha

1.0

backgroundAlpha

1.0

color

#FFFFFF

fillAlphas

1.0,1.0

fillColors

#336699, #006699

themeColor

#336699

.fieldhelp

The .fieldhelp class specifies properties for field level help in a Guide.

Property

Default value

backgroundColor

#666666

borderColor

#666666

color

#FFFFFF

dropShadowEnabled

true

gradientColors

#333333, #666666

fontSize

12

fontStyle

normal

fontWeight

normal

textDecoration

normal

.guide

The .guide class specifies style properties for the top-level layer of the Guide application in the Guide layout definition.

.guidehelp

The .guidehelp class specifies properties for Guide-level help on a Guide.

Property

Default value

alpha

1.0

backgroundAlpha

1.0

backgroundColor

#FFFFFF

borderColor

#336699

color

#FFFFFF

cornerRadius

10

headerAlphas

1.0,1.0

headerColors

#336699, #336699

roundedBottomCorners

true

textDecoration

normal

.layoutobjects

The .layoutobjects class defines the margins around an object within a panel layout.

Property

Default value

paddingBottom

 

paddingLeft

 

paddingRight

 

paddingTop

 

.layoutrepeaterobjects

The .layoutrepeaterobjects class defines the margins around an object within a repeating panel layout.

Property

Default value

paddingBottom

20

paddingLeft

25

paddingRight

25

paddingTop

25

.logo

The .logo class controls the space reserved for a logo graphic.

Property

Default value

paddingBottom

0

paddingRight

0

.navigationbase

The .navigationbase class specifies that area that surrounds the navigation buttons.

Property

Default value

horizontalAlign

center

paddingBottom

10

paddingLeft

50

paddingRight

50

paddingTop

10

.navigationlevel1

The .navigationlevel1 class specifies properties for the first level navigation heading.

Property

Default value

backgroundAlpha

0

backgroundColor

#FFFFFF

borderStyle

none

color

#0b333c

fillColors

#336699

fontSize

14

fontWeight

bold

rollOverColor

#006699

selectionColor

#FFFFFF

textDecoration

normal

textRollOverColor

#333333

textSelectedColor

#000000

themeColor

#006699

.navigationlevel2

The .navigationlevel2 class specifies properties for the second-level navigation heading.

Property

Default value

alpha

1.0

backgroundColor

#006699

color

#FFFFFF

fillColors

#3399CC, #3399CC

fontSize

12

fontWeight

normal

rollOverColor

#006699

selectionColor

#006699

textDecoration

normal

textRollOverColor

#333333

textSelectedColor

#000000

themeColor

#006699

.navigationlevel3

The .navigationlevel3 class specifies properties for the third level navigation heading.

Property

Default value

backgroundColor

#FFFFFF

color

#0b333c

fillColors

#FFFFFF, #FFFFFF

fontSize

14

fontWeight

bold

rollOverColor

#FFFFFF

selectionColor

#FFFFFF

textDecoration

normal

textRollOverColor

#888888

textSelectedColor

#FFFFFF

themeColor

#FFFFFF

.navigationlevel4

The .navigationlevel4 class specifies properties for the fourth level navigation heading.

Property

Default value

backgroundColor

#FFFFFF

color

#0b333c

fillColors

#FFFFFF, #FFFFFF

fontSize

14

fontWeight

bold

rollOverColor

#FFFFFF

selectionColor

#FFFFFF

textDecoration

normal

textRollOverColor

#888888

textSelectedColor

#FFFFFF

themeColor

#FFFFFF

.navigationlevel5

The .navigationlevel5 class specifies properties for the fifth level navigation heading.

Property

Default value

backgroundColor

#FFFFFF

color

#0b333c

fillColors

#FFFFFF, #FFFFFF

fontSize

9

fontWeight

normal

rollOverColor

#FFFFFF

selectionColor

#FFFFFF

textDecoration

normal

themeColor

#FFFFFF

.navigationOver

The .navigationOver class specifies the border color that is used when the Guide filler moves the pointer over a navigation control.

Property

Default value

fillColors

#3366CC, #3366CC

.navigationSelected

The .navigationSelected class specifies the background color that is used when the Guide filler selects a navigation control.

Property

Default value

fillColors

#3366CC, #3366CC

.panelcaption

The .panelcaption class defines the text attributes of field captions in a panel.

Property

Default value

color

#333333

fontSize

12

fontStyle

normal

fontWeight

normal

textDecoration

normal

.paneldata

The .paneldata class defines the properties for the area of a panel layout that displays Guide objects and data.

Property

Default value

backgroundAlpha

1.0

backgroundColor

#FFFFFF

borderAlpha

1.0

borderColor

#336699

color

#FFFFFF

cornerRadius

10

headerAlphas

1.0,1.0

headerColors

#336699, #336699

roundedBottomCorners

true

.panelhelp

The .panelhelp class specifies a background color for the help that appears in the data entry panel.

Property

Default value

alpha

1.0

backgroundAlpha

1.0

backgroundColor

#999999

borderColor

#336699

borderStyle

solid

color

#000000

cornerRadius

5

headerAlphas

1.0, 1.0

headerColors

#336699, #336699

.panelitem

The .panelitem class specifies style properties for Guide fields.

Property

Default value

backgroundAlpha

1.0

backgroundColor

#CCCCCC

borderStyle

inset

color

#333333

dropShadowEnabled

false

fontSize

12

fontStyle

normal

fontWeight

normal

textDecoration

normal

themeColor

#336699

.panelnav

The .panelnav class defines the colors for the controls in the navigation panel, such as accordions or tabs.

Property

Default value

backgroundAlpha

1.0

backgroundColor

#FFFFFF

barColor

#3366cc

borderAlpha

1.0

borderColor

#336699

color

#FFFFFF

cornerRadius

10

headerAlphas

1.0, 1.0

headerColors

#336699, #336699

roundedBottomCorners

true

.paneltext

The .paneltext class defines text attributes of the panel text.

Property

Default value

color

#000000

fontSize

12

fontStyle

normal

fontWeight

normal

textDecoration

normal

.progressbar

The .progressbar class defines the background colors of the progress bar.

Property

Default value

backgroundColor

#336699

barColor

#336699

.repeater

The .repeater class defines the background colors of the repeater components.

Property

Default value

backgroundColor

#336699

themeColor

#336699

.videocontrol

The .videocontrol class controls the color of the background and of text.

Property

Default value

backgroundColor

#AFAFAF

color

#000000

ComboBox

The ComboBox class specifies the default styles for all drop-down lists in a Guide.

Property

Default value

color

#000000

dropShadowEnabled

true

fontFamily

Myriad Pro

fontSize

11

DateField

The DateField class specifies the default formatting for all date fields in a Guide.

Property

Default value

color

#000000

dropShadowEnabled

true

fontFamily

Myriad Pro

fontSize

12

GAIcon

The GAIcon class specifies the format for the logo in a Guide.

Property

Default value

iconColors

#336699, #336699

iconTextColor

#FFFFFF

Label

The Label class specifies the format for static text in a Guide.

Property

Default value

color

#000000

RadioButton

The RadioButton class specifies formatting for all radio buttons used in a Guide.

Property

Default value

dropShadowEnabled

true

fontFamily

Myriad Pro

fontSize

12

TextInput

The TextInput class specifies the format for all text fields used in a Guide.

Property

Default value

color

#000000

dropShadowEnabled

true

fontFamily

Myriad Pro

fontSize

12

TextInputMask

The TextInputMask class specifies the style properties of the mask input comb field. It provides visual cues to the Guide filler, to enable guided data entry. For example, a postal code field displays as a field with six cells.

Property

Default value

backgroundColor

#333333

cellColor

#CCCCCC

TextInputSymbol

The TextInputSymbol class specifies the format for currency symbols that are used in a Guide.

Property

Default value

prefixBackgroundColor

#333333

prefixColor

#CCCCCC

suffixBackgroundColor

#333333

suffixColor

#CCCCCC

// Ethnio survey code removed