Skinning Daisy

Ideas

• Creating a Gallery of daisy skins available for download.
• Better documentation of all the variables available in the xlst (especially layout.xsl)
• Way to add more variables to skinconf.xml to make more flexible skins for those of us who host multiple similar sites
• Create more stylesheets and separate various functions
• example (from discussion)

• reset.css - contains tags that reset all margins, padding, font size
  etc. to give you a browser independent starting point

• layout.css - contains only layout related attributes (margins, padding etc.)

• typography.css - contains only font related attributes (font, size, text
  alignment etc.)

• graphics.css - contains only colors and graphics (background, borders,
  colors etc.)

• doctypespecific.css - contains specific styling for one or more
  documentTypes.

  style.css is basically the file that call it all:

  @import reset.css
  @import layout.css
  @import typography.css
  @import graphics.css

• Current UCSF Model
• layout.css - contains only layout related attributes (margins, padding etc.)
• color.css -contains only colors and graphics (background, borders,
  colors etc.)
• fonts.css - contains only font related attributes (font, size, text
  alignment etc.)

Links

• Discussion started on the daisy-list about a new skin.

Fields