CSS Test File

This file contains a lot of elements commonly used in InterWorx to help with styling choices in the development of new themes. This page includes all CSS pages as a real live InterWorx page would.

These first two paragraphs will show what the default text in the theme will look like.

This is an H1 element

This is an H2 element

This is an H3 element

This is an H4 element

.iw-alert
.iw-positive
.iw-neutral
.iw-negative
.iw-alert .iw-box
.iw-positive .iw-box
.iw-neutral .iw-box
.iw-negative .iw-box
Message boxes can also have extra classes on them. This one has .center
This one has .right
.iw-table .iw-table-hd
Column 1 Heading Column 2 Heading Column 3 Heading
.iw-table-input is used on table rows that have inputs in them.
This will almost always be at the top of a table, usually below a header row.
.iw-table .row1 .ruler
table .iw-positive .iw-box
table .iw-positive .iw-box a
.iw-table .row2 .ruler
table .iw-neutral .iw-box
table .iw-neutral .iw-box a
.row1 and .row2 are used in tables to help keep your place.
.ruler is used in the InterWorx themes to allow highlighting of the row the mouse is currently over.
table .iw-negative .iw-box
table .iw-negative .iw-box a
.iw-table .iw-table-ft
.iw-box .hd
.iw-box .bd

This is the body of an iw-box class. This class is used most noticibly on the page displayed on initial login.

.iw-box .ft
Tables can also be nested inside other tables.
.iw-table .iw-table .iw-table-hd td Header 2 Header 3 Header 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
.iw-table .row2 .iw-table .iw-table-hd td Header 2 Header 3 Header 4
Tables inside rows can be specifically styled. Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4