Grid system

.grid

s1o2
s1o2
s1o3
s2o3

.grid_space

s1o2
s1o2
s1o3
s2o3

.line > .grid

s1o2
s1o2
s1o3
s2o3

.line > .grid_space

s1o2
s1o2
s1o3
s2o3

.line_space > .grid_space

s1o2
s1o2
s1o3
s2o3

.line_space > .grid > .grid_space

s1o3
s2o3
s1o2
s1o2
s1o2
s1o2
s1o3
s1o3
s1o3

Grid sizes

s1o1
s1o2
s1o2
s1o3
s2o3
s1o4
s3o4
s1o5
s4o5
s1o6
s5o6
s1o7
s6o7
s1o8
s7o8
gr1
gr2

Typography

.link_default

Preview

.link_read_more

Preview

.title_content

Preview

.title_content_sub

Preview

.title_comment

Preview

.title_extra

Preview

Box

.box_comment

Preview

.box_extra

Preview

.box_default

Preview

.box_code

.box_infoline

Posted by MY_USER on 21.04.2014 at 11:36

.box_quote

Redaxscript is an ultra lightweight CMS.

Some text after .box_quote to demonstrate the spaces.

.box_line

Form elements

.form_search > .field_search ~ .button_search

.field_{type}

Icon

.icon_flag

en

Media

.image + .image_default

default image

.player + .player_default

Interface

ul.list_default

  • One
  • Two
  • Three

ol.list_default

  1. One
  2. Two
  3. Three

ol.list_search_result

  1. Preview 01.01.2012
  2. Preview 01.01.2012

.list_breadcrumb

.list_pagination

.list_tab ~ .box_tab

One
Two
Three

.accordion + .accordion_default (div > h3 + div)

One

One

Two

Two

Three

Three

.accordion + .accordion_default (fieldset > legend + div)

One
One
Two
Two
Three
Three

.has_tooltip > .tooltip

.tooltip_default Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
.tooltip_alternative Lorem ipsum dolor sit amet.

Tables

.table + .table_default

One Two Three Four Five
One Two Three Four Five
Preview Preview Preview Preview Preview
Preview Preview Preview Preview Preview
Preview Preview Preview Preview Preview

.table + .table_default

Preview Preview Preview Preview Preview
Preview Preview Preview Preview Preview
Preview Preview Preview Preview Preview

Dialog

.js_confirm

Confirm

.title_dialog_default ~ .box_dialog_default

Confirm

Do you want to continue?

Ok Cancel

Notes

.box_note

.note_error link
.note_warning link
.note_success link
.note_info link

.field_note

Powered by Redaxscript 2.0.2 :: Design and realization by Jörg Steinhauer & Henry Ruhs