Demo pages

This theme is called "Bloo", for the obvious reasons: the dominant color is blue and I couldn't think of a better name. The theme features:

  • 1 style, 1 layout, 1 navigation and 2 article templates,
  • Cufon font replacement on headers and navigation, using (open source font) Junction,
  • a flyout navigation,
  • a footer that sticks to the bottom of the window,
  • a grid based design (click here to see the grid),
  • a stylesheet with background and color properties grouped, for easy customization,
  • tested in Firefox 3, IE5, 6, 7 and 8beta, Safari 3 and Chrome and works fine in all those browsers,
  • valid HTML & CSS.

This theme is licensed under the GNU GPL v2, with exeption of the Cufon code (MIT license) and the Junction font (SIL Open Font License).

How to use this theme

You can apply this theme to your WebGUI site in a few simple steps:

  • Import the package (to /root),
  • edit your homepage and set the style template to "Bloo style",
  • do the same for the user function style in Settings > UI.
  • replace the file /bloo-images/logo.png with your own logo.
  • edit the text in the footer (/bloo-theme/bloo-footer),
  • now you can use any templates for the content, but the theme's own layout and article templates will probably look best.

Good luck!

How to use this theme

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Read more