Stylesheets

List of all stylesheets in WebGUI

These are all the stylesheets in the WebGUI core (included as snippets):

  • admin_ie7.css
  • poll.css
  • css03-ie.css
  • article.css
  • gallery-ie.css
  • webgui.css
  • matrix-ie.css
  • shelf-ie.css
  • layout.css
  • thingy-ie.css
  • shelf.css
  • navigation.css
  • admin.css
  • surveyedit.css
  • thingy.css
  • css03.css
  • survey.css
  • css02.css
  • css01.css
  • matrix.css
  • gallery.css
  • account.css

Inventory of styles to be added to wg-core.css

The rule is: Styles for an asset can be found in the asset-specific stylesheet, unless it has the "wg-" prefix. In that case it can be found in the "base" stylesheet.

The styles for these elements should be in wg-core.css:

  • pagination
  • asset controls
  • inline images (file/attachment icons)
  • "back"- and "read more"-links
  • submit buttons
  • ...

About this project

Each asset will have it's own stylesheet to go with the new templates. These stylesheets need a designated folder in the import node and have to be added to a bundle.

To do:

Make a stylesheets-folder in the import node. We'll add stylesheets for each asset (if necessary), as and when we work on the templates for that asset.

Condense IE styles into asset stylesheets

One stylesheet will contain all cross-template styles: wg-core.css. Classes and IDs which are referenced from this stylesheet should have the prefix "wg-" in their class/ID name.

Add existing stylesheets to the folder and to a "core" bundle.

The goal is to make a set of stylesheets which contain structural styling only (positioning, but not colors, fonts etc.). These stylesheets will probably be added to the /extras folder, to prevent overwriting by users. Users can make themes by adding their own theme.css (i.e. a stylesheet that adds colors etc. to the default css, or overrides it).

This is Tabitha's project.