Chameleon CSS Element Page

Chameleon

• Get unbeatably gorgeous shop views with SASSIE Chameleon.
• It's Incredi-Flexible! Any Images, Any Fonts, Any Colors.
• Select a Theme or Design Your Own!

SASSIE Question-Type divs that can be styled:

• • css class or ID element

    • Definition

• Common Question Types

  • .question-list dt.qfmt9

    • Multicheckbox

  • .question-list dt.qfmt10

    • Yes/No

  • .question-list dt.qfmt11

    • Checkbox

  • .question-list dt.qfmt12

    • Radio Button

  • .question-list dt.qfmt13

    • Pull Down Menu

  • .question-list dt.qfmt14

    • Yes/No/NA

  • .question-list dt.qfmt15

    • Scored Number

  • .question-list dt.qfmt20

    • Number

  • .question-list dt.qfmt21

    • Currency

  • .question-list dt.qfmt22

    • Measurement

  • .question-list dt.qfmt23

    • Time Length

  • .question-list dt.qfmt24

    • Time of Day

  • .question-list dt.qfmt25

    • Date

  • .question-list dt.qfmt30

    • Link

  • .question-list dt.qfmt31

    • Text

  • .question-list dt.qfmt32

    • Narrative

  • .question-list dt.qfmt33

    • Picture Upload

  • .question-list dt.qfmt34

    • Audio Upload

  • .question-list dt.qfmt39

    • Recorded Phone Call

  • .question-list dt.qfmt41

    • Big Header

  • .question-list dt.qfmt42

    • Medium Header

  • .question-list dt.qfmt43

    • Small Header

  • .question-list dt.qfmt45

    • Red Remarks

  • .question-list dt.qfmt46

    • Black Remarks

  • .question-list dt.qfmt47

    • Question Header

  • .question-list dt.qfmt49

    • Variable

  • .question-list dt.qfmt50

    • Picture

  • .question-list dt.qfmt60

    • Grids

  • .question-list dt.qfmt62

    • Page Break

  • .question-list dt.qfmt63

    • Normative

• Shop Views

  • body.shop

    • Page that contains the Shop View

  • .shop #container

    • Background for content area

  • #header

    • The sidebar

  • #header .widget

    • A widget in the sidebar

  • .shop .widget

    • A widget in the main content area

  • .widget h5

    • Widget title text

  • .question-list

    • The Question list (see q-types above)

  • .question-footer

    • Footer of Shop View

• Dash boards

  • #stage

    • Rectangle that contains the Dashboard

  • span#current_period_descriptor

    • Dashboard header text colors

  • span#last_period_descriptor

    • Dashboard header text colors

  • #stage .widget

    • Dashboard widget

  • #stage .widget h5

    • Dashboard widget title text

• Common Images Used

  • body

    • bg_header.gif or bg.gif Whole page background

  • #container

    • bg_container.jpg Background for content area

  • #header

    • bg_side_header.gif Sidebar background

  • #header .widget

    • bg_side.gif This image divides widgets in the sidebar

  • .controls input or .buttons input

    • bg_buttons.gif Add an image to buttons

  • .widget

    • bg_widget_300.gif Panel background

  • .question-header

    • bg_title_bar.gif header for whole question list

  • .question-list dt.qfmt32

    • bg_description_bar.gif Background for Narratives

  • .question-list dt.qfmt33

    • bg_description_bar.gif Background for Picture Uploads

  • .question-list dt.qfmt34

    • bg_description_bar.gif Background for Audio Uploads

  • .question-list dt.qfmt39

    • bg_description_bar.gif Background for Phone Calls

  • .question-list dt.qfmt41

    • bg_big_bar.gif Big Header

  • .question-list dt.qfmt42

    • bg_medium_bar.gif Medium Header

  • .question-list dt.qfmt43

    • bg_small_bar.gif Small Header

  • .question-list dt.qfmt60

    • bg_description_bar.gif Background for Grids

  • .grid_table th

    • bg_grid_header.gif Background for Grids header

  • .question-footer

    • bg_footer.gif Footer image