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.
Attention: More about settings of modal windows is described in Dashboard - Open Modal icon.
Modal Window : size 800
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tristique, lorem id hendrerit sodales, nisl felis sollicitudin lacus, et facilisis felis quam at quam. Nullam vel nunc at sapien sagittis feugiat. Vestibulum est eros, condimentum ac sodales vel, iaculis vitae neque.
Nam nisl odio, scelerisque non venenatis quis, venenatis a leo. Cras non vehicula justo. Nam vel arcu sem. Suspendisse quam enim, dictum quis lacinia sed, lobortis eget libero. Suspendisse potenti. Suspendisse et ante vitae turpis vestibulum fermentum nec nec elit. Suspendisse ullamcorper lacus in arcu mollis fringilla porta mi placerat. Ut at elit non diam tristique scelerisque.
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 |
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.).
