Line 1: Line 1:
 
This page contains an overview of code elements that can be used to style content within the wiki.
 
This page contains an overview of code elements that can be used to style content within the wiki.
=== Basic Design Elements ===
+
== Basic Design Elements ==
 
<code><nowiki>'''Bold text'''</nowiki></code>
 
<code><nowiki>'''Bold text'''</nowiki></code>
 
'''Bold text'''
 
'''Bold text'''
Line 13: Line 13:
 
[http://www.google.com Link to external site]
 
[http://www.google.com Link to external site]
  
=== HTML Tables ===
+
== HTML Tables ==
 
<table class="table">
 
<table class="table">
 
<tr>
 
<tr>
Line 45: Line 45:
 
</table>
 
</table>
  
=== Bootstrap specific design elements ===
+
== Bootstrap specific design elements ==
  
== Alert Messages ==
+
=== Alert Messages ===
 
Usage: <code><nowiki>
 
Usage: <code><nowiki>
 
{{alert|This is your message|alert-danger}}
 
{{alert|This is your message|alert-danger}}
Line 59: Line 59:
 
{{alert|This is an alert message! (alert-info)|alert-info}}
 
{{alert|This is an alert message! (alert-info)|alert-info}}
  
== Tooltips ==
+
=== Tooltips ===
 
Usage: <code><nowiki>{{tip|Something|This is the tooltip!}}</nowiki></code> or <code><nowiki>{{tip|[[A Link]]|This is the tooltip!}}</nowiki></code>
 
Usage: <code><nowiki>{{tip|Something|This is the tooltip!}}</nowiki></code> or <code><nowiki>{{tip|[[A Link]]|This is the tooltip!}}</nowiki></code>
  
Line 68: Line 68:
 
{{tip|[[A Link]]|This is the tooltip!}}
 
{{tip|[[A Link]]|This is the tooltip!}}
  
== Popovers ==
+
=== Popovers ===

Revision as of 15:43, 31 October 2012

This page contains an overview of code elements that can be used to style content within the wiki.

Basic Design Elements

'''Bold text''' Bold text

''Italic text'' Italic text

[[Link to internal page]] Link to internal page

[http://www.google.com Link to external site] Link to external site

HTML Tables

Heading 1 Heading 2 Heading 3 Heading 4 Heading 5
Row 1-1 Row 1-2 Row 1-3 Row 1-4 Row 1-5
Row 2-1 Row 2-2 Row 2-3 Row 2-4 Row 2-5
Row 3-1 Row 3-2 Row 3-3 Row 3-4 Row 3-5

Bootstrap specific design elements

Alert Messages

Usage: {{alert|This is your message|alert-danger}}

Examples

Warning: This is an alert message! (alert-danger)
Caution: This is an alert message! (alert-warning)
Green Infrastructure: This is an alert message! (alert-success)
Information: This is an alert message! (alert-info)

Tooltips

Usage: {{tip|Something|This is the tooltip!}} or {{tip|[[A Link]]|This is the tooltip!}}

Examples

Something

A Link

Popovers