Difference between revisions of "Template:Textbox"

From Custom Mario Kart
Jump to navigation Jump to search
(Solution for equal signs)
 
(16 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<includeonly><div class="textbox {{#if: {{{1}}} | {{{1}}} }}">
+
<includeonly><div class="textbox {{{1|}}}"><!--
−
{{#if: {{{2}}} |<div class="textbox-head">{{{2}}}</div>}}
+
-->{{#if:{{{2|}}}|<div class=textbox-head>{{{2}}}</div>}}<!--
−
<div class="textbox-body">{{{3}}}</div></div></includeonly><noinclude>
+
-->{{#if:{{{3|}}}|<div class=textbox-body>{{{3}}}</div>}}<!--
 +
--></div></includeonly><noinclude>
 
== Usage ==
 
== Usage ==
−
This whole template is css supported!
+
 
−
usage: '''<nowiki>{{textbox|attributes|head|body}}</nowiki>'''
+
''textbox'' elements create CSS based boxes and tables. The presentation is controlled by [[MediaWiki:Common.css]].
−
  or with tables: '''class="textbox class"'''
+
        Usage: '''<nowiki>{{textbox|attributes|head_line|text}}</nowiki>'''
 +
  or in tables: '''class="textbox attributes"'''
 
<ul>
 
<ul>
 
<li>
 
<li>
−
'''attributes''': Empty or '''one''' of the following keywords:
+
'''attributes''' is one or more of the following keywords:
−
* 'red', 'green', 'cyan': setup color.
+
* Color scheme:
−
** '''Guide:''' Use 'green' for summaries, 'red' for warnings, alerts and attentions and blue (not set) fpr standard text boxes.
+
** '''news''': news (=cyan)
−
* 'news': special style for news on main page.
+
* Concrete colors: '''red''', '''orange''', '''yellow''', '''green''', '''cyan''', '''blue''', '''magenta''', '''white''', '''gray''' and '''black'''
−
The default color is blue.
+
* Alignment:
−
Add the any number of the following keywords to modify the layout:
+
** '''center''': centered text.
−
* 'center': center the body text
+
** '''float-left''': ''left floated'' textbox or table.
−
* 'float-left': create a left floated table.
+
** '''float-right''': ''right floated'' textbox or table.
−
* 'float-right': create a right floated table.
+
* Options:
−
' 'grid': enable a colored grid between cells in tables.
+
** '''headline''': The first line is a column header and will be set with a emphasized color.
 +
** '''grid''': A colored grid (tables only).
 +
** '''alt''': Alternating row colors (tables only).
 +
** '''large''': Head line and text is enlarged by 20%.
 +
** '''huge''': Head line and text is enlarged by 40%.
 
</li>
 
</li>
−
<li>'''head ''': Empty ot text for head line.</li>
+
<li>'''head_line''': The head line of the textbox or table, always centered.</li>
−
<li>'''body''': Any text for inside of the box.</li>
+
<li>'''text''': free wiki text for textbox body.</li>
 
</ul>
 
</ul>
 +
If '''head_line''' or '''text''' contains an equal sign (=), use <tt>'''<nowiki>{{=}}</nowiki>'''</tt> instead.
 +
 +
== Textbox Examples ==
 +
 +
{{textbox||standard textbox|Textbox without attributes}}
 +
 +
=== Named schemas for special usage ===
 +
 +
This named schemes are preferred over the concrete colors.
 +
 +
{{textbox|news|Table 'news'|
 +
'''Attributes:''' news
 +
 +
A short sentence.
 +
 +
A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
}}
 +
 +
=== Concrete Colors ===
 +
 +
Textbox examples with alternating attributes:
 +
 +
{{textbox|red|Table 'red'|
 +
'''Attributes:''' red
 +
 +
A short sentence.
 +
 +
A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
}}
 +
 +
{{textbox|orange large|Table 'orange large'|
 +
'''Attributes:''' orange large
  
−
Edit this tempalte to explore the simple usage of this template and the same named css style.
+
A short sentence.
  
−
== Textbox Examples ==
+
A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
}}
 +
 
 +
{{textbox|yellow huge|Table 'yellow huge'|
 +
'''Attributes:''' yellow huge
 +
 
 +
A short sentence.
 +
 
 +
A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
}}
 +
 
 +
{{textbox|green center|Table 'green center'|
 +
'''Attributes:''' green center
 +
 
 +
A short sentence.
 +
 
 +
A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
}}
 +
 
 +
{{textbox|cyan|Table 'cyan'|
 +
'''Attributes:''' cyan
 +
 
 +
A short sentence.
 +
 
 +
A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
}}
 +
 
 +
{{textbox|blue large|Table 'blue large'|
 +
'''Attributes:''' blue large
 +
 
 +
A short sentence.
 +
 
 +
A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
}}
 +
 
 +
{{textbox|magenta huge|Table 'magenta huge'|
 +
'''Attributes:''' magenta huge
 +
 
 +
A short sentence.
 +
 
 +
A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
}}
 +
 
 +
{{textbox|white center|Table 'white center'|
 +
'''Attributes:''' white center
 +
 
 +
A short sentence.
  
−
{{textbox||Blue Title|This is an text box. The standard color is blue}}
+
A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
}}
  
−
{{textbox|red center|Red Title|Red colored boxes are also possible. The text is centered.}}
+
{{textbox|gray|Table 'gray'|
 +
'''Attributes:''' gray
  
−
{{textbox|green|Green Title|Green colored boxes are also possible.}}
+
A short sentence.
  
−
{{textbox|cyan|Cyan Title|Cyan colored boxes are also possible.}}
+
A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
}}
  
−
{{textbox|center||This is centered text in a box without header.}}
+
{{textbox|black large|Table 'black large'|
 +
'''Attributes:''' black large
  
−
{{textbox|news|News|A news box. At this moment a news box looks like a cyan box, but this may change.}}
+
A short sentence.
  
−
The rounded corners and the shadows are part of HTML5 and modeled in CSS. Modern browsers like Firefox, Opera, Chrome and others support that, but not the Internet Explorer.
+
A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.  
 +
}}
  
 
== Table Examples ==
 
== Table Examples ==
  
−
{| class="textbox float-right grid red"
+
The following examples show tables with alternating attribute.
−
|+ Caption
+
The right tables use additionally ''float-right'.
 +
 
 +
<div class="float-right">
 +
{| class="textbox red alt grid float-right"
 +
|+ Table 'red alt grid float-right'
 +
|-
 +
!Attributes:
 +
|red alt grid float-right
 +
|-
 +
!Text 1:
 +
|A short sentence.
 +
|-
 +
!Text 2:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 3:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 4:
 +
|A short sentence.
 +
|}
 +
 
 +
{| class="textbox orange alt float-right"
 +
|+ Table 'orange alt float-right'
 +
|-
 +
!Attributes:
 +
|orange alt float-right
 +
|-
 +
!Text 1:
 +
|A short sentence.
 +
|-
 +
!Text 2:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 3:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 4:
 +
|A short sentence.
 +
|}
 +
 
 +
{| class="textbox yellow grid float-right"
 +
|+ Table 'yellow grid float-right'
 +
|-
 +
!Attributes:
 +
|yellow grid float-right
 +
|-
 +
!Text 1:
 +
|A short sentence.
 +
|-
 +
!Text 2:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 3:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 4:
 +
|A short sentence.
 +
|}
 +
 
 +
{| class="textbox green float-right"
 +
|+ Table 'green float-right'
 +
|-
 +
!Attributes:
 +
|green float-right
 +
|-
 +
!Text 1:
 +
|A short sentence.
 +
|-
 +
!Text 2:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 
|-
 
|-
−
! Attributes:
+
!Text 3:
−
| float-right grid red
+
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 
|-
 
|-
−
! Info:
+
!Text 4:
−
| Floated tables have always a limited width.
+
|A short sentence.
 
|}
 
|}
  
−
{| class="textbox"
+
{| class="textbox cyan alt grid float-right"
−
|+ Caption
+
|+ Table 'cyan alt grid float-right'
 
|-
 
|-
−
! Attributes:
+
!Attributes:
−
| (none)
+
|cyan alt grid float-right
 
|-
 
|-
−
! Info 1:
+
!Text 1:
−
| Non floated tables uses as default the whole parent width.
+
|A short sentence.
 
|-
 
|-
−
! Info 2:
+
!Text 2:
−
| This table is set without 'grid'.
+
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 3:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 4:
 +
|A short sentence.
 
|}
 
|}
  
−
{| class="textbox grid"
+
{| class="textbox blue alt float-right"
−
|+ Caption
+
|+ Table 'blue alt float-right'
 +
|-
 +
!Attributes:
 +
|blue alt float-right
 +
|-
 +
!Text 1:
 +
|A short sentence.
 +
|-
 +
!Text 2:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 3:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 4:
 +
|A short sentence.
 +
|}
 +
 
 +
{| class="textbox magenta grid float-right"
 +
|+ Table 'magenta grid float-right'
 +
|-
 +
!Attributes:
 +
|magenta grid float-right
 +
|-
 +
!Text 1:
 +
|A short sentence.
 +
|-
 +
!Text 2:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 3:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 4:
 +
|A short sentence.
 +
|}
 +
 
 +
{| class="textbox white float-right"
 +
|+ Table 'white float-right'
 +
|-
 +
!Attributes:
 +
|white float-right
 +
|-
 +
!Text 1:
 +
|A short sentence.
 +
|-
 +
!Text 2:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 3:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 4:
 +
|A short sentence.
 +
|}
 +
 
 +
{| class="textbox gray alt grid float-right"
 +
|+ Table 'gray alt grid float-right'
 +
|-
 +
!Attributes:
 +
|gray alt grid float-right
 +
|-
 +
!Text 1:
 +
|A short sentence.
 +
|-
 +
!Text 2:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 3:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 4:
 +
|A short sentence.
 +
|}
 +
 
 +
{| class="textbox black alt float-right"
 +
|+ Table 'black alt float-right'
 +
|-
 +
!Attributes:
 +
|black alt float-right
 +
|-
 +
!Text 1:
 +
|A short sentence.
 +
|-
 +
!Text 2:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 3:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 4:
 +
|A short sentence.
 +
|}
 +
 
 +
</div>
 +
 
 +
{| class="textbox red headline"
 +
|+ Table 'red headline'
 +
|-
 +
!&lt;th>
 +
!&lt;td>
 +
|-
 +
!Attributes:
 +
|red headline
 +
|-
 +
!Text 1:
 +
|A short sentence.
 +
|-
 +
!Text 2:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 3:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 4:
 +
|A short sentence.
 +
|}
 +
 
 +
{| class="textbox orange grid headline"
 +
|+ Table 'orange grid headline'
 +
|-
 +
!&lt;th>
 +
!&lt;td>
 +
|-
 +
!Attributes:
 +
|orange grid headline
 +
|-
 +
!Text 1:
 +
|A short sentence.
 +
|-
 +
!Text 2:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 3:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 4:
 +
|A short sentence.
 +
|}
 +
 
 +
{| class="textbox yellow alt headline"
 +
|+ Table 'yellow alt headline'
 +
|-
 +
!&lt;th>
 +
!&lt;td>
 +
|-
 +
!Attributes:
 +
|yellow alt headline
 +
|-
 +
!Text 1:
 +
|A short sentence.
 +
|-
 +
!Text 2:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 3:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 4:
 +
|A short sentence.
 +
|}
 +
 
 +
{| class="textbox green alt grid headline"
 +
|+ Table 'green alt grid headline'
 +
|-
 +
!&lt;th>
 +
!&lt;td>
 +
|-
 +
!Attributes:
 +
|green alt grid headline
 +
|-
 +
!Text 1:
 +
|A short sentence.
 +
|-
 +
!Text 2:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 3:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 4:
 +
|A short sentence.
 +
|}
 +
 
 +
{| class="textbox cyan headline"
 +
|+ Table 'cyan headline'
 +
|-
 +
!&lt;th>
 +
!&lt;td>
 +
|-
 +
!Attributes:
 +
|cyan headline
 +
|-
 +
!Text 1:
 +
|A short sentence.
 +
|-
 +
!Text 2:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 3:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 4:
 +
|A short sentence.
 +
|}
 +
 
 +
{| class="textbox blue large grid headline"
 +
|+ Table 'blue large grid headline'
 +
|-
 +
!&lt;th>
 +
!&lt;td>
 +
|-
 +
!Attributes:
 +
|blue large grid headline
 +
|-
 +
!Text 1:
 +
|A short sentence.
 +
|-
 +
!Text 2:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 3:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 4:
 +
|A short sentence.
 +
|}
 +
 
 +
{| class="textbox magenta huge alt headline"
 +
|+ Table 'magenta huge alt headline'
 +
|-
 +
!&lt;th>
 +
!&lt;td>
 +
|-
 +
!Attributes:
 +
|magenta huge alt headline
 +
|-
 +
!Text 1:
 +
|A short sentence.
 +
|-
 +
!Text 2:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 3:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 4:
 +
|A short sentence.
 +
|}
 +
 
 +
{| class="textbox white center alt grid headline"
 +
|+ Table 'white center alt grid headline'
 +
|-
 +
!&lt;th>
 +
!&lt;td>
 +
|-
 +
!Attributes:
 +
|white center alt grid headline
 +
|-
 +
!Text 1:
 +
|A short sentence.
 +
|-
 +
!Text 2:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 3:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 4:
 +
|A short sentence.
 +
|}
 +
 
 +
{| class="textbox gray headline"
 +
|+ Table 'gray headline'
 +
|-
 +
!&lt;th>
 +
!&lt;td>
 +
|-
 +
!Attributes:
 +
|gray headline
 +
|-
 +
!Text 1:
 +
|A short sentence.
 +
|-
 +
!Text 2:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 3:
 +
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 +
|-
 +
!Text 4:
 +
|A short sentence.
 +
|}
 +
 
 +
{| class="textbox black grid headline"
 +
|+ Table 'black grid headline'
 +
|-
 +
!&lt;th>
 +
!&lt;td>
 +
|-
 +
!Attributes:
 +
|black grid headline
 +
|-
 +
!Text 1:
 +
|A short sentence.
 
|-
 
|-
−
! Attributes:
+
!Text 2:
−
| grid
+
|A longer message. The message is repeated several times. A longer message. The message is repeated several times.
 
|-
 
|-
−
! Info 1:
+
!Text 3:
−
| Non floated tables uses as default the whole parent width.
+
|A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.  
 
|-
 
|-
−
! Info 2:
+
!Text 4:
−
| This is the same table like above, but with 'grid'.
+
|A short sentence.
 
|}
 
|}
  
 
</noinclude>
 
</noinclude>

Latest revision as of 10:24, 25 August 2019

Usage

textbox elements create CSS based boxes and tables. The presentation is controlled by MediaWiki:Common.css. 

       Usage: {{textbox|attributes|head_line|text}}
or in tables: class="textbox attributes"
  • attributes is one or more of the following keywords:
    • Color scheme:
      • news: news (=cyan)
    • Concrete colors: red, orange, yellow, green, cyan, blue, magenta, white, gray and black
    • Alignment:
      • center: centered text.
      • float-left: left floated textbox or table.
      • float-right: right floated textbox or table.
    • Options:
      • headline: The first line is a column header and will be set with a emphasized color.
      • grid: A colored grid (tables only).
      • alt: Alternating row colors (tables only).
      • large: Head line and text is enlarged by 20%.
      • huge: Head line and text is enlarged by 40%.
  • head_line: The head line of the textbox or table, always centered.
  • text: free wiki text for textbox body.

If head_line or text contains an equal sign (=), use {{=}} instead.

Textbox Examples

standard textbox
Textbox without attributes

Named schemas for special usage

This named schemes are preferred over the concrete colors.

Table 'news'

Attributes: news

A short sentence.

A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.

Concrete Colors

Textbox examples with alternating attributes:

Table 'red'

Attributes: red

A short sentence.

A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.

Table 'orange large'

Attributes: orange large

A short sentence.

A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.

Table 'yellow huge'

Attributes: yellow huge

A short sentence.

A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.

Table 'green center'

Attributes: green center

A short sentence.

A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.

Table 'cyan'

Attributes: cyan

A short sentence.

A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.

Table 'blue large'

Attributes: blue large

A short sentence.

A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.

Table 'magenta huge'

Attributes: magenta huge

A short sentence.

A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.

Table 'white center'

Attributes: white center

A short sentence.

A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.

Table 'gray'

Attributes: gray

A short sentence.

A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.

Table 'black large'

Attributes: black large

A short sentence.

A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.

Table Examples

The following examples show tables with alternating attribute. The right tables use additionally float-right'.

Table 'red alt grid float-right'
Attributes: red alt grid float-right
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'orange alt float-right'
Attributes: orange alt float-right
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'yellow grid float-right'
Attributes: yellow grid float-right
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'green float-right'
Attributes: green float-right
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'cyan alt grid float-right'
Attributes: cyan alt grid float-right
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'blue alt float-right'
Attributes: blue alt float-right
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'magenta grid float-right'
Attributes: magenta grid float-right
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'white float-right'
Attributes: white float-right
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'gray alt grid float-right'
Attributes: gray alt grid float-right
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'black alt float-right'
Attributes: black alt float-right
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'red headline'
<th> <td>
Attributes: red headline
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'orange grid headline'
<th> <td>
Attributes: orange grid headline
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'yellow alt headline'
<th> <td>
Attributes: yellow alt headline
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'green alt grid headline'
<th> <td>
Attributes: green alt grid headline
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'cyan headline'
<th> <td>
Attributes: cyan headline
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'blue large grid headline'
<th> <td>
Attributes: blue large grid headline
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'magenta huge alt headline'
<th> <td>
Attributes: magenta huge alt headline
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'white center alt grid headline'
<th> <td>
Attributes: white center alt grid headline
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'gray headline'
<th> <td>
Attributes: gray headline
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.
Table 'black grid headline'
<th> <td>
Attributes: black grid headline
Text 1: A short sentence.
Text 2: A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 3: A longer message. The message is repeated several times. A longer message. The message is repeated several times. A longer message. The message is repeated several times.
Text 4: A short sentence.


Retrieved from "https://wiki.tockdom.com/w/index.php?title=Template:Textbox&oldid=174640"