The MindTouch F1 contextual help dialog comes with a default theme that does not require initialization.
To capitalize on the new features available in CSS 3, the Broadway theme makes use of CSS-based gradients, drop shadows and rounded corners. Broadway is best viewed in CSS 3 compliant browsers. To add the Broadway theme to your F1 contextual help instance, add the broadway.js script to your code.
<script src="//cdn.mindtouch.us/f1.js"></script> <script src="//cdn.mindtouch.us/f1/broadway.js"></script>
The Kalmia theme was created to demonstrate how far you can customize F1contextual help. Kalmia includes custom icons without labels for the dialog controls, icon rollovers, a search box without a button, and semi-transparent background images used in the header and footer in conjunction with transparent iframes for custom background images. To use this theme, add the kalmia.js script to your page.
<script src="//cdn.mindtouch.us/f1.js"></script> <script src="//cdn.mindtouch.us/f1/kalmia.js"></script>
If you want to further customize your F1 contextual help dialog, visit our tutorial on Customize F1 contextual help with CSS.