User Insight Style & Tip Guide
The content_title block should always be set to "text".
This is another section title, designated by the H2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum posuere orci. Integer sit amet velit non magna suscipit malesuada. Cras ut lectus at eros molestie scelerisque. Praesent lectus. Suspendisse porttitor feugiat felis? Phasellus arcu nulla, mattis sed, accumsan nec, imperdiet a, purus.
A subsection of the H2, designated by the H3
Ut in mi. Cras sapien. Vestibulum congue mauris eget libero! Suspendisse vel tortor molestie neque pulvinar ultricies. Curabitur id leo sed leo sollicitudin euismod. Sed non sapien sit amet mi imperdiet sodales. Nam ut ante sed nisl gravida faucibus.
A subsection of H3, designated by H4
Sed eget turpis. Nulla facilisi. Mauris vel ante in orci pharetra venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus sapien. Pellentesque egestas nunc.
Tooltips
1. Tooltips are easy to create. Simply create an HTML link:
<a href="link">This is a link</a>.
2. Add a class to the link, like so:
<a href="link" class="tip">This is a link</a>.
3. Finally, add the title which will be the content of the tooltip :
<a href="link" class="tip" title="This is the description of the link that will appear in the tooltip!">This is a link</a>.
That's it. The completed link should look like this: This is a link.
Images
Images in the main content area will automatically appear to have a light-grey and white framed border for consistency. By default, the images will not automatically wrap, however, if you wish to wrap the surrounding text around the image as depicted here, add class="float" to the image HTML. THe image will float left and be spaced away from the text.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nulla nunc, cursus et, faucibus eget, lobortis vel, neque. Nullam sed quam. Quisque laoreet; leo adipiscing tristique ultricies, nulla elit faucibus nisi, vel vehicula diam erat non lacus. Nulla in felis? Vestibulum facilisis. Praesent faucibus iaculis felis. Quisque libero velit, vehicula vel, fermentum in, fermentum vel, diam! Aenean sem
The above effect is defining the images' class as singleimage, so class="singleimage". Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nulla nunc, cursus et, faucibus eget, lobortis vel, neque. Nullam sed quam. Quisque laoreet; leo adipiscing tristique ultricies, nulla elit faucibus nisi, vel vehicula diam erat non lacus. Nulla in felis? Vestibulum facilisis. Praesent faucibus iaculis felis. Quisque libero velit, vehicula vel, fermentum in, fermentum vel, diam! Aenean sem eros, condimentum in; ultrices eu, aliquet nec, dui. Sed neque nunc, suscipit non, sagittis et, ornare ut, augue. Curabitur eu enim. Nam commodo dui ut sapien. Integer malesuada. Praesent turpis pede, faucibus ac, tristique sit amet, cursus ac, nulla?