Buttons and typography

[title_row header=“Buttons and typography“] [row header=“buttons“] [half_column] small medium big [sourcecode language=“html“] [[button size="small" link="#" color="default"]small[/button]] [/sourcecode] [sourcecode language=“html“] [[button size="medium" link="#" color="default"]medium[/button]] [/sourcecode] [sourcecode language=“html“] [[button size="big" link="#" color="default"]big[/button]] [/sourcecode]

---

[sourcecode language=“html“] [[button link="#" color="default"]default[/button]] [/sourcecode] [sourcecode language=“html“] [[button link="#" color="gray"]gray[/button]] [/sourcecode]

---

custom [sourcecode language=“html“] [[button link="#" width="200" bgcolor="#9a0909" textcolor="#0d0326"
hoverbgcolor="#2ba192" hovertextcolor="#360fc2"]custom[/button]] [/sourcecode][/half_column] [half_column]

parameters

• size : small; medium; big;
• link
• linktarget : _blank; – current (if left empty) or new window
• width – button width
• color : none; default; gray; black; white; blue; green; red; yellow; orange; pink; magenta;
  – used only if „bgcolor“ option is empty
• bgcolor – background color
• textcolor – text color
• hoverbgcolor – hover background color
• hovertextcolor – hover text color
• align: left; right; – center align used if left empty
• nofollow: true; false;

[/half_column] [/row] [row header=“Quote“] [three_quarters_column] [blockquote cite=“Author Author“]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur[/blockquote] [/three_quarters_column] [quarter_column][sourcecode language=“html“] [[[blockquote
cite="Author Author"] Lorem ipsum…
[/blockquote]]] [/sourcecode]

parameters

• size : small; medium; large;
• cite (optional) – author name

[/quarter_column] [/row] [row header=“List“] [quarter_column][list style=“1″]

• list item
• list item
• list item

[/list][/quarter_column] [quarter_column][list style=“2″]

• list item
• list item
• list item

[/list][/quarter_column] [quarter_column][list style=“3″]

• list item
• list item
• list item

[/list][/quarter_column] [quarter_column][list style=“4″]

• list item
• list item
• list item

[/list][/quarter_column] [/row] [row] [quarter_column][sourcecode language=“html“] [[[list style="1"] <ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
[/list]]] [/sourcecode][/quarter_column] [quarter_column][sourcecode language=“html“] [[[list style="2"]…[/list]]] [/sourcecode][/quarter_column] [quarter_column][sourcecode language=“html“] [[[list style="3"]…[/list]]] [/sourcecode][/quarter_column] [quarter_column][sourcecode language=“html“] [[[list style="4"]…[/list]]] [/sourcecode]

parameters

• style : 1; 2; 3; 4;

[/quarter_column] [/row] [row header=“Checker“] [one_twelfth_column][/one_twelfth_column] [one_twelfth_column] [checker][checker value=“no“] [/one_twelfth_column] [one_twelfth_column][/one_twelfth_column] [third_column][sourcecode language=“html“] [[[checker]]] [/sourcecode] [sourcecode language=“html“] [[[checker value="no"]]] [/sourcecode][/third_column] [third_column]

parameters

• value : yes; no; – positive or negative checker

[/third_column] [/row]