Settings & Classes MODAL

Nam posuere, felis sed feugiat viverra, quam felis dapibus eros, vitae pulvinar nisl quam ut eros. Curabitur eget fringilla mi. Vivamus sed justo sit amet elit malesuada bibendum. Pellentesque consectetur blandit nisl, a eleifend arcu adipiscing eu. In et neque nec urna mollis fermentum gravida at turpis. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.

Table of Basic Classes

class description usable tags

clear

Use for clearing of float left/right elements inside of element with this class.

any block tag

clean-margin

clean-padding

It will set margin of element to 0px.

It will set padding of element to 0px. It will preserve left padding in UL.standard and OL.standard tags.

any tag

any tag

hidden

display

It will set display: none style. It is used in sliding boxes for example.

It will set display: block style. It can be used for displaying of hidden elements.

any tag

any tag

half

trio

quad

full

It will set width to 48%. It can be used for creating half column with approximate dimension.

It will set width to 31%. It can be used for creating 1/3 column with approximate dimension.

It will set width to 23%. It can be used for creating 1/4 column with approximate dimension.

It will set width to 100%. It can be used for creating full width column. It is recomended to use for elements with no left/right paddings or left/right borders.

any block tag

any block tag

any block tag

any block tag

size-80

size-120

size-150

size-170

size-200

It will set width: 80px on the element. The real size of the element may be increased by left/right paddings.

It will set width: 120px on the element. The real size of the element may be increased by left/right paddings.

It will set width: 150px on the element. The real size of the element may be increased by left/right paddings.

It will set width: 170px on the element. The real size of the element may be increased by left/right paddings.

It will set width: 200px on the element. The real size of the element may be increased by left/right paddings.

any block tag

any block tag

any block tag

any block tag

any block tag

fl

fr

fl-space

fr-space

fl-space2

fr-space2

It will set float: left to an element.

It will set float: right to an element.

It will set float: left and margin-right: 5px to an element.

It will set float: right and margin-left: 5px to an element.

It will set float: left and margin-right: 10px to an element.

It will set float: right and margin-left: 10px to an element.

any tag

any tag

any tag

any tag

any tag

any tag

bt-space0

bt-space5

bt-space10

bt-space15

bt-space20

bt-space30

bt-space40

It will set margin-bottom: 0px to an element.

It will set margin-bottom: 5px to an element.

It will set margin-bottom: 10px to an element.

It will set margin-bottom: 15px to an element.

It will set margin-bottom: 20px to an element.

It will set margin-bottom: 30px to an element.

It will set margin-bottom: 40px to an element.

any tag

any tag

any tag

any tag

any tag

any tag

any tag

ln-normal

It will set line-height: normal.

any block tag

left

center

right

block

It will set text-align: left.

It will set text-align: center and margin: auto.

It will set text-align: right.

It will set text-align: justify and display: block on IMG tag .

any block tag

any block tag

any block tag

any block tag / img tag

button

button green

button red

button blue

button grey

It will set button style to an element. The color of the button is set by next class.

Green button

Red button

Blue button

Grey button

a, span, input

rule

rule2

It will create single embossed line.

It will create double embossed line.

div

div

cr-help

It will set cursor: help style to an element.

any tag

mark

mark_blue

It will create white box with grey border.

It will create blue box with grey border.

div

div

close

Other setting: See the Styles pages for other class settings, too. Modal window sizes are described in Dashboard page - Open Modal icon. Next classes and settings are described in the relevant pages, too (like forms, tables, galleries, etc.).