Logo
Vino Vino; Photo 1
Vino Vino; Photo 2
Vino Vino; Photo 3
Vino Vino; Photo 4

Styles: Sample Formatting

Using its advanced theme implementation, the Maestro‑Web System has a flexible collection of html/css formatting options available to use when creating your own themed content. Listed below are some of the key formatting options available. If you change the current Theme, you will notice that all of the formatting updates appropriately. A shorthand theme selection is also available here: (theme set to Coffee)

w
v
u
t
t
s
s
p
m
l
i
f
d
c
c
c
Text Formatting

Standard text, .text - with a slight bottom margin.

Standard paragraph, p, .paragraph - with a bottom margin.

This is some 'emphasised' text.
This is some 'definition' text.
This is some 'abbreviation' text.
This is some  'pre-formatted'  text.
This is some 'cited' text.
This is some 'quoted' text.
This is some 'blockquote' text.

This is a text paragraph with some emphasised, definition, abbreviated, cited and quoted content.

This is a text paragraph with some big text, big.big text, small text, and small.small text.

This is a right-aligned text paragraph.

This is a centered text paragraph.

This is a left-aligned text paragraph

This is a justified text paragraph; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec orci erat. Pellentesque molestie elementum phasellus.

Colours & Notifications

This is standard coloured text, .textColour.

This is standard light text, .textLight.

This is standard dark text, .textDark.

This is coloured text, .colour.

This is light coloured text, .light.

This is dark coloured text, .dark.

Warning. i. This is a warning notification

Alert. i. This is an alert notification

Information. i. This is an info notification

Update. i. This is an update notification

This paragraph contains some highlighted text, some Information. Info text, some Update. Update text, some Warning. Warning text, some Alert. Alert text, some more highlighted text, and a loading notification: Loading...

Headers & Lists
Text Block

Heading 1, .textTitle

Heading 2, .textHeader

Heading 3, .textSection

Heading 4

Heading 5
Heading 6
  • Bullet 1
  • Bullet 2
  • Nested List:
    1. Bullet 1-1
    2. Bullet 1-2
  1. Item 1
  2. Item 2
  3. Item 3
Definition List
Definition 1-1
Definition 1-2
Definition Title
Definition 2-1
Definition 2-2
Forms & Input
Sample Form
Input 1:
Input 2:
Select:
Message:
Additional Input
Checkbox:
Input:

Additional Input

Radio Set:
 
Select:
Background & Borders

.bgInner

.border

.bgOuter

.borderTop

.borderLeft

.bgColour

.borderBottom

.textLight

.bgDark

.borderRight

.bgLight

.borderColour