Webmarketing LPs - Styleguide
Headings
.t1large Header
.t1 Header
.t2 Header
.t3 Header
.t4 Header
.t5 Header
.t6 Header
Default Text
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.
<small> or .small Default Text
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.
.medium1 Default Text
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.
.large1 Default Text
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.
Background Colors
<ul><li>..</li></ul> Unordered List
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Facilisis in pretium nisl aliquet
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Integer molestie lorem at massa
<ol><li>..</li></ol> Ordered List
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Facilisis in pretium nisl aliquet
- Integer molestie lorem at massa
<ul class="icon1"><li>..</li></ul> Unordered List with icon
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Facilisis in pretium nisl aliquet
- Integer molestie lorem at massa
<table>..</table> Table
| # | Column1 | Column2 | Column3 |
|---|---|---|---|
| - | - | - | - |
| 1 | Lorem ipsum | dolor sit | amet dolor |
| 2 | Consectetur | adipiscing | elit integer |
.icon-prev, icon-next, icon-up, icon-down (with hover .iconhover)
.icon-prev, icon-next, icon-up, icon-down (with background .bgicon and hover .iconhover)
.points3v (.active) Points 3
- 1
- 2
- 3
- 4
.tabs4 (.active) Tabs 4
Tab 1
Tab 2 active
Tab 3
.tabs5 (.active) Tabs 5
Tab 1
Tab 2 active
Tab 3
Forms
Default Iconset
icon-nexticon-previcon-upicon-down icon-callsignicon-callsign-roundicon-callsign-round-invicon-enlarge icon-decreaseicon-crossicon-cross-roundicon-cross-round-inv icon-plusicon-plus-roundicon-plus-round-invicon-minus icon-minus-roundicon-minus-round-invicon-searchicon-travel-children icon-add-roomicon-remove-roomicon-complete-dataicon-pencil icon-pencil2icon-phoneicon-emailicon-check icon-check-roundicon-check-round-invicon-360icon-map icon-openfoldericon-banicon-spinnericon-menu icon-basketicon-clipboardicon-dividericon-facebook icon-twittericon-googleplusicon-youtubeicon-pinterest icon-instagramicon-location
Default Form Iconset
icon-checkboxicon-checkbox-checkedicon-checkbox-disabledicon-radio icon-radio-checkedicon-radio-disabledicon-radio-checkeddisabledicon-calendar