InfoFacts: Tab
Mark it with a tab
Tab is designed to create an easy to see point of data that is accompanied by the explanation of that data in a colored box to the right. This is done with paragraph Types with the first paragraph being the tab. Tabs should be small bits of data just a few characters in length.
OmniUpdate users just type the text normally using the paragraph type.
All p tags in the editable zone will be styled like this.
Code Example:
<p> Data</p> -- larger font with underlined
<p>Why this is important</p>
<p>Why this is important</p>
CSS Style
infofacts_tab_univBlue
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
CSS Style
infofacts_tab_medBlue
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
CSS Style
infofacts_tab_lightBlue
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
CSS STYLE
infofacts_tab_gray
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
CSS STYLE
infofacts_tab_orange
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
CSS STYLE
infofacts_tab_beige
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
CSS STYLE
infofacts_tab_black
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
CSS STYLE
infofacts_tab_white
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
CSS Style
infofacts_tab_gradient
100%
what we try to give each day
what you'd like to achieve when completing any task you take on