This page shows various boxes and panels.
The basic "panel" (H2)
This structure is called "panel" and uses the width class "w80" which is 80% on a desktop but increases to 100% as screens get smaller.
Other sizes are can be seen on the widths page.
Panel with class "lightcolour"
This structure is called "panel" with the class "lightcolour" and uses the width class "w70" which is 70% on a desktop but increases to 100% as screens get smaller.
Panel with class "darkcolour"
This structure is called "panel" with the class "darkcolour" and uses the width class "w60" which is 60% on a desktop but increases to 100% as screens get smaller.
Panel with class "blackcolour"
This structure is called "panel" with the class "blackcolour" and uses the width class "w50" which is 50% on a desktop but increases to 100% as screens get smaller.
Panel with class "nocolour"
This structure is called "panel" with the class "nocolour" and uses the width class "w50" which is 50% on a desktop but increases to 100% as screens get smaller.
This is a messagebox with class "alert".
This is a messagebox with class "success".
This is a messagebox with default class "note".