ActiveWAFL Global Styles Overview

ActiveWAFL applies default styling to some HTML elements for easier and faster development of professional-looking web applications. Several custom CSS classes are also provided for streamlined UI development.

HTML Elements Default Styling

table
Header 1 Header 2 Header 3
This is what it looks like
h1

This is what I look like

h2

This is what I look like

h3

This is what I look like

h4

This is what I look like

h5
This is what I look like
h6
This is what I look like

Contextual Indicators

class="Info"
class="Warning"
class="Urgent"

Alert Header

On an alert

Notification Header

On a notification

Inset Header

On an inset
On some text

Alert Header

On an alert

Notification Header

On a notification

Inset Header

On an inset
On some text

Alert Header

On an alert

Notification Header

On a notification

Inset Header

On an inset
On some text

Lists

ul
  • Item 1 Here
  • Item 2 Here
  • Item 3 Here
ol
  1. Item 1 Here
  2. Item 2 Here
  3. Item 3 Here

Tables

table class="Bordered"
Column 1 Column 2 Column 3
This is what it looks like
table class="Bordered NoHover"
Column 1 Column 2 Column 3
This is what it looks like
table class="Bordered Striped"
Column 1 Column 2 Column 3
This is what it looks like
This is what it looks like
table class="Bordered Striped NoHover"
Column 1 Column 2 Column 3
This is what it looks like
This is what it looks like
table class="NoInnerBorder"
Column 1 Column 2 Column 3
This is what it looks like
This is what it looks like

Fonts and Text

class="Title"
Notice My Nice Underline