Вы находитесь на странице: 1из 14

Style Gallery

This file gives brief examples covering all defined line styles and other functions available in multicolrule.
See the documentation for instructions on how to set them in your own documents.

Works without Tikz


Default

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Solid

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Double (+ color test)

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Triple (+ color-model test)

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

1
Dots
..
Lorem ipsum dolor sit amet, consectetuer adip- .. ultrices. Phasellus eu tellus sit amet tortor gravida
..
iscing elit. Ut purus elit, vestibulum ut, placerat ac, .. placerat. Integer sapien est, iaculis in, pretium quis,
..
adipiscing vitae, felis. Curabitur dictum gravida .. viverra ac, nunc. Praesent eget sem vel leo ultrices
..
mauris. Nam arcu libero, nonummy eget, con- .. bibendum. Aenean faucibus. Morbi dolor nulla,
..
sectetuer id, vulputate a, magna. Donec vehicula .. malesuada eu, pulvinar at, mollis ac, nulla. Cur-
..
augue eu neque. Pellentesque habitant morbi tris- .. abitur auctor semper nulla. Donec varius orci eget
..
tique senectus et netus et malesuada fames ac turpis .. risus. Duis nibh mi, congue eu, accumsan eleifend,
..
egestas. Mauris ut leo. Cras viverra metus rhon- .. sagittis quis, diam. Duis eget orci sit amet orci dig-
..
cus sem. Nulla et lectus vestibulum urna fringilla . nissim rutrum.

Dense Dots
...
Lorem ipsum dolor sit amet, consectetuer adip- ... ultrices. Phasellus eu tellus sit amet tortor gravida
...
iscing elit. Ut purus elit, vestibulum ut, placerat ac, ... placerat. Integer sapien est, iaculis in, pretium quis,
...
adipiscing vitae, felis. Curabitur dictum gravida ... viverra ac, nunc. Praesent eget sem vel leo ultrices
...
mauris. Nam arcu libero, nonummy eget, con- ... bibendum. Aenean faucibus. Morbi dolor nulla,
...
sectetuer id, vulputate a, magna. Donec vehicula ... malesuada eu, pulvinar at, mollis ac, nulla. Cur-
...
augue eu neque. Pellentesque habitant morbi tris- ... abitur auctor semper nulla. Donec varius orci eget
...
tique senectus et netus et malesuada fames ac turpis ... risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- ... sagittis quis, diam. Duis eget orci sit amet orci dig-
...
cus sem. Nulla et lectus vestibulum urna fringilla ... nissim rutrum.
.

Loose Dots
.
Lorem ipsum dolor sit amet, consectetuer adip- . ultrices. Phasellus eu tellus sit amet tortor gravida
.
iscing elit. Ut purus elit, vestibulum ut, placerat ac, . placerat. Integer sapien est, iaculis in, pretium quis,
.
adipiscing vitae, felis. Curabitur dictum gravida . viverra ac, nunc. Praesent eget sem vel leo ultrices
.
.
mauris. Nam arcu libero, nonummy eget, con- . bibendum. Aenean faucibus. Morbi dolor nulla,
.
sectetuer id, vulputate a, magna. Donec vehicula . malesuada eu, pulvinar at, mollis ac, nulla. Cur-
.
.
augue eu neque. Pellentesque habitant morbi tris- . abitur auctor semper nulla. Donec varius orci eget
.
tique senectus et netus et malesuada fames ac turpis . risus. Duis nibh mi, congue eu, accumsan eleifend,
.
egestas. Mauris ut leo. Cras viverra metus rhon- . sagittis quis, diam. Duis eget orci sit amet orci dig-
.
.
cus sem. Nulla et lectus vestibulum urna fringilla . nissim rutrum.

Dashed (ultra-thin)

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Densely Dashed (very-thin)

Lorem ipsum dolor sit amet, consectetuer adip- sectetuer id, vulputate a, magna. Donec vehicula
iscing elit. Ut purus elit, vestibulum ut, placerat ac, augue eu neque. Pellentesque habitant morbi tris-
adipiscing vitae, felis. Curabitur dictum gravida tique senectus et netus et malesuada fames ac turpis
mauris. Nam arcu libero, nonummy eget, con- egestas. Mauris ut leo. Cras viverra metus rhon-

2
cus sem. Nulla et lectus vestibulum urna fringilla malesuada eu, pulvinar at, mollis ac, nulla. Cur-
ultrices. Phasellus eu tellus sit amet tortor gravida abitur auctor semper nulla. Donec varius orci eget
placerat. Integer sapien est, iaculis in, pretium quis, risus. Duis nibh mi, congue eu, accumsan eleifend,
viverra ac, nunc. Praesent eget sem vel leo ultrices sagittis quis, diam. Duis eget orci sit amet orci dig-
bibendum. Aenean faucibus. Morbi dolor nulla, nissim rutrum.

Loosely Dashed (thin)

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Dotted (semithick)

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Densely Dotted (thick)

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Loosely Dotted (very thick)

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

3
Custom Tile

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, \ placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula \ malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- \ sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Custom Pattern

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula  malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Tikz Only
Circles

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Dense Circles

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Loose Circles

Lorem ipsum dolor sit amet, consectetuer adip- adipiscing vitae, felis. Curabitur dictum gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, mauris. Nam arcu libero, nonummy eget, con-

4
sectetuer id, vulputate a, magna. Donec vehicula viverra ac, nunc. Praesent eget sem vel leo ultrices
augue eu neque. Pellentesque habitant morbi tris- bibendum. Aenean faucibus. Morbi dolor nulla,
tique senectus et netus et malesuada fames ac turpis malesuada eu, pulvinar at, mollis ac, nulla. Cur-
egestas. Mauris ut leo. Cras viverra metus rhon- abitur auctor semper nulla. Donec varius orci eget
cus sem. Nulla et lectus vestibulum urna fringilla risus. Duis nibh mi, congue eu, accumsan eleifend,
ultrices. Phasellus eu tellus sit amet tortor gravida sagittis quis, diam. Duis eget orci sit amet orci dig-
placerat. Integer sapien est, iaculis in, pretium quis, nissim rutrum.

Solid Circles

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Dense Solid Circles

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Loose Solid Circles

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Dash-Dot (ultra-thick)

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

5
Densely Dash-Dot

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Loosely Dash-Dot

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Dash-Dot-Dot

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Densely Dash-Dot-Dot

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Loosely Dash-Dot-Dot

Lorem ipsum dolor sit amet, consectetuer adip- sectetuer id, vulputate a, magna. Donec vehicula
iscing elit. Ut purus elit, vestibulum ut, placerat ac, augue eu neque. Pellentesque habitant morbi tris-
adipiscing vitae, felis. Curabitur dictum gravida tique senectus et netus et malesuada fames ac turpis
mauris. Nam arcu libero, nonummy eget, con- egestas. Mauris ut leo. Cras viverra metus rhon-

6
cus sem. Nulla et lectus vestibulum urna fringilla malesuada eu, pulvinar at, mollis ac, nulla. Cur-
ultrices. Phasellus eu tellus sit amet tortor gravida abitur auctor semper nulla. Donec varius orci eget
placerat. Integer sapien est, iaculis in, pretium quis, risus. Duis nibh mi, congue eu, accumsan eleifend,
viverra ac, nunc. Praesent eget sem vel leo ultrices sagittis quis, diam. Duis eget orci sit amet orci dig-
bibendum. Aenean faucibus. Morbi dolor nulla, nissim rutrum.

Custom Line

Lorem ipsum dolor sit amet, consectetuer adip- risus. Duis nibh mi, congue eu, accumsan eleifend,
iscing elit. Ut purus elit, vestibulum ut, placerat ac, sagittis quis, diam. Duis eget orci sit amet orci dig-
adipiscing vitae, felis. Curabitur dictum gravida nissim rutrum.
mauris. Nam arcu libero, nonummy eget, con- Nam dui ligula, fringilla a, euismod sodales, sol-
sectetuer id, vulputate a, magna. Donec vehicula licitudin vel, wisi. Morbi auctor lorem non justo.
augue eu neque. Pellentesque habitant morbi tris- Nam lacus libero, pretium at, lobortis vitae, ul-
tique senectus et netus et malesuada fames ac turpis tricies et, tellus. Donec aliquet, tortor sed accumsan
egestas. Mauris ut leo. Cras viverra metus rhon- bibendum, erat ligula aliquet magna, vitae ornare
cus sem. Nulla et lectus vestibulum urna fringilla odio metus a mi. Morbi ac orci et nisl hendrerit
ultrices. Phasellus eu tellus sit amet tortor gravida mollis. Suspendisse ut massa. Cras nec ante. Pel-
placerat. Integer sapien est, iaculis in, pretium quis, lentesque a nulla. Cum sociis natoque penatibus
viverra ac, nunc. Praesent eget sem vel leo ultrices et magnis dis parturient montes, nascetur ridiculus
bibendum. Aenean faucibus. Morbi dolor nulla, mus. Aliquam tincidunt urna. Nulla ullamcorper
malesuada eu, pulvinar at, mollis ac, nulla. Cur- vestibulum turpis. Pellentesque cursus luctus mau-
abitur auctor semper nulla. Donec varius orci eget ris.

Custom line that is too wide for the separator

Lorem ipsum dolor sit amet, consectetuer adip- risus. Duis nibh mi, congue eu, accumsan eleifend,
iscing elit. Ut purus elit, vestibulum ut, placerat ac, sagittis quis, diam. Duis eget orci sit amet orci dig-
adipiscing vitae, felis. Curabitur dictum gravida nissim rutrum.
mauris. Nam arcu libero, nonummy eget, con- Nam dui ligula, fringilla a, euismod sodales, sol-
sectetuer id, vulputate a, magna. Donec vehicula licitudin vel, wisi. Morbi auctor lorem non justo.
augue eu neque. Pellentesque habitant morbi tris- Nam lacus libero, pretium at, lobortis vitae, ul-
tique senectus et netus et malesuada fames ac turpis tricies et, tellus. Donec aliquet, tortor sed accumsan
egestas. Mauris ut leo. Cras viverra metus rhon- bibendum, erat ligula aliquet magna, vitae ornare
cus sem. Nulla et lectus vestibulum urna fringilla odio metus a mi. Morbi ac orci et nisl hendrerit
ultrices. Phasellus eu tellus sit amet tortor gravida mollis. Suspendisse ut massa. Cras nec ante. Pel-
placerat. Integer sapien est, iaculis in, pretium quis, lentesque a nulla. Cum sociis natoque penatibus
viverra ac, nunc. Praesent eget sem vel leo ultrices et magnis dis parturient montes, nascetur ridiculus
bibendum. Aenean faucibus. Morbi dolor nulla, mus. Aliquam tincidunt urna. Nulla ullamcorper
malesuada eu, pulvinar at, mollis ac, nulla. Cur- vestibulum turpis. Pellentesque cursus luctus mau-
abitur auctor semper nulla. Donec varius orci eget ris.

Custom line with horizontal lines flush with vertical rule

Lorem ipsum dolor sit amet, consectetuer adip- placerat. Integer sapien est, iaculis in, pretium quis,
iscing elit. Ut purus elit, vestibulum ut, placerat ac, viverra ac, nunc. Praesent eget sem vel leo ultrices
adipiscing vitae, felis. Curabitur dictum gravida bibendum. Aenean faucibus. Morbi dolor nulla,
mauris. Nam arcu libero, nonummy eget, con- malesuada eu, pulvinar at, mollis ac, nulla. Cur-
sectetuer id, vulputate a, magna. Donec vehicula abitur auctor semper nulla. Donec varius orci eget
augue eu neque. Pellentesque habitant morbi tris- risus. Duis nibh mi, congue eu, accumsan eleifend,
tique senectus et netus et malesuada fames ac turpis sagittis quis, diam. Duis eget orci sit amet orci dig-
egestas. Mauris ut leo. Cras viverra metus rhon- nissim rutrum.
cus sem. Nulla et lectus vestibulum urna fringilla Nam dui ligula, fringilla a, euismod sodales, sol-
ultrices. Phasellus eu tellus sit amet tortor gravida licitudin vel, wisi. Morbi auctor lorem non justo.

7
Nam lacus libero, pretium at, lobortis vitae, ul- lentesque a nulla. Cum sociis natoque penatibus
tricies et, tellus. Donec aliquet, tortor sed accumsan et magnis dis parturient montes, nascetur ridiculus
bibendum, erat ligula aliquet magna, vitae ornare mus. Aliquam tincidunt urna. Nulla ullamcorper
odio metus a mi. Morbi ac orci et nisl hendrerit vestibulum turpis. Pellentesque cursus luctus mau-
mollis. Suspendisse ut massa. Cras nec ante. Pel- ris.

Extended Rules
Solid – extend bottom 16pt

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Dots – extend top 16pt


..
..
..
Lorem ipsum dolor sit amet, consectetuer adip- .. ultrices. Phasellus eu tellus sit amet tortor gravida
..
iscing elit. Ut purus elit, vestibulum ut, placerat ac, .. placerat. Integer sapien est, iaculis in, pretium quis,
..
adipiscing vitae, felis. Curabitur dictum gravida .. viverra ac, nunc. Praesent eget sem vel leo ultrices
..
mauris. Nam arcu libero, nonummy eget, con- .. bibendum. Aenean faucibus. Morbi dolor nulla,
..
sectetuer id, vulputate a, magna. Donec vehicula .. malesuada eu, pulvinar at, mollis ac, nulla. Cur-
..
augue eu neque. Pellentesque habitant morbi tris- .. abitur auctor semper nulla. Donec varius orci eget
..
tique senectus et netus et malesuada fames ac turpis .. risus. Duis nibh mi, congue eu, accumsan eleifend,
..
egestas. Mauris ut leo. Cras viverra metus rhon- .. sagittis quis, diam. Duis eget orci sit amet orci dig-
..
cus sem. Nulla et lectus vestibulum urna fringilla .. nissim rutrum.

Dashed – expand -8pt

Lorem ipsum dolor sit amet, consectetuer adip- ultrices. Phasellus eu tellus sit amet tortor gravida
iscing elit. Ut purus elit, vestibulum ut, placerat ac, placerat. Integer sapien est, iaculis in, pretium quis,
adipiscing vitae, felis. Curabitur dictum gravida viverra ac, nunc. Praesent eget sem vel leo ultrices
mauris. Nam arcu libero, nonummy eget, con- bibendum. Aenean faucibus. Morbi dolor nulla,
sectetuer id, vulputate a, magna. Donec vehicula malesuada eu, pulvinar at, mollis ac, nulla. Cur-
augue eu neque. Pellentesque habitant morbi tris- abitur auctor semper nulla. Donec varius orci eget
tique senectus et netus et malesuada fames ac turpis risus. Duis nibh mi, congue eu, accumsan eleifend,
egestas. Mauris ut leo. Cras viverra metus rhon- sagittis quis, diam. Duis eget orci sit amet orci dig-
cus sem. Nulla et lectus vestibulum urna fringilla nissim rutrum.

Dots – expand 8pt


..
..
Lorem ipsum dolor sit amet, consectetuer adip- .. augue eu neque. Pellentesque habitant morbi tris-
..
iscing elit. Ut purus elit, vestibulum ut, placerat ac, .. tique senectus et netus et malesuada fames ac turpis
..
adipiscing vitae, felis. Curabitur dictum gravida .. egestas. Mauris ut leo. Cras viverra metus rhon-
..
mauris. Nam arcu libero, nonummy eget, con- .. cus sem. Nulla et lectus vestibulum urna fringilla
..
sectetuer id, vulputate a, magna. Donec vehicula .. ultrices. Phasellus eu tellus sit amet tortor gravida
..
..

8
..
..
placerat. Integer sapien est, iaculis in, pretium quis, .. abitur auctor semper nulla. Donec varius orci eget
..
viverra ac, nunc. Praesent eget sem vel leo ultrices .. risus. Duis nibh mi, congue eu, accumsan eleifend,
..
bibendum. Aenean faucibus. Morbi dolor nulla, .. sagittis quis, diam. Duis eget orci sit amet orci dig-
..
malesuada eu, pulvinar at, mollis ac, nulla. Cur- .. nissim rutrum.
..

Dots – shift 16pt

Lorem ipsum dolor sit amet, consectetuer adip- risus. Duis nibh mi, congue eu, accumsan eleifend,
iscing elit. Ut purus elit, vestibulum ut, placerat ac, .. sagittis quis, diam. Duis eget orci sit amet orci dig-
..
adipiscing vitae, felis. Curabitur dictum gravida .. nissim rutrum.
..
mauris. Nam arcu libero, nonummy eget, con- .. Nam dui ligula, fringilla a, euismod sodales, sol-
..
sectetuer id, vulputate a, magna. Donec vehicula .. licitudin vel, wisi. Morbi auctor lorem non justo.
..
augue eu neque. Pellentesque habitant morbi tris- .. Nam lacus libero, pretium at, lobortis vitae, ul-
..
tique senectus et netus et malesuada fames ac turpis .. tricies et, tellus. Donec aliquet, tortor sed accumsan
..
egestas. Mauris ut leo. Cras viverra metus rhon- .. bibendum, erat ligula aliquet magna, vitae ornare
..
cus sem. Nulla et lectus vestibulum urna fringilla .. odio metus a mi. Morbi ac orci et nisl hendrerit
..
ultrices. Phasellus eu tellus sit amet tortor gravida .. mollis. Suspendisse ut massa. Cras nec ante. Pel-
..
placerat. Integer sapien est, iaculis in, pretium quis, .. lentesque a nulla. Cum sociis natoque penatibus
..
viverra ac, nunc. Praesent eget sem vel leo ultrices .. et magnis dis parturient montes, nascetur ridiculus
..
bibendum. Aenean faucibus. Morbi dolor nulla, .. mus. Aliquam tincidunt urna. Nulla ullamcorper
..
malesuada eu, pulvinar at, mollis ac, nulla. Cur- .. vestibulum turpis. Pellentesque cursus luctus mau-
..
abitur auctor semper nulla. Donec varius orci eget .. ris.
..
..

Extend-fill with extend-reserve

Lorem ipsum dolor sit amet, consectetuer adip- risus. Duis nibh mi, congue eu, accumsan eleifend,
iscing elit. Ut purus elit, vestibulum ut, placerat ac, sagittis quis, diam. Duis eget orci sit amet orci dig-
adipiscing vitae, felis. Curabitur dictum gravida nissim rutrum.
mauris. Nam arcu libero, nonummy eget, con- Nam dui ligula, fringilla a, euismod sodales, sol-
sectetuer id, vulputate a, magna. Donec vehicula licitudin vel, wisi. Morbi auctor lorem non justo.
augue eu neque. Pellentesque habitant morbi tris- Nam lacus libero, pretium at, lobortis vitae, ul-
tique senectus et netus et malesuada fames ac turpis tricies et, tellus. Donec aliquet, tortor sed accumsan
egestas. Mauris ut leo. Cras viverra metus rhon- bibendum, erat ligula aliquet magna, vitae ornare
cus sem. Nulla et lectus vestibulum urna fringilla odio metus a mi. Morbi ac orci et nisl hendrerit
ultrices. Phasellus eu tellus sit amet tortor gravida mollis. Suspendisse ut massa. Cras nec ante. Pel-
placerat. Integer sapien est, iaculis in, pretium quis, lentesque a nulla. Cum sociis natoque penatibus
viverra ac, nunc. Praesent eget sem vel leo ultrices et magnis dis parturient montes, nascetur ridiculus
bibendum. Aenean faucibus. Morbi dolor nulla, mus. Aliquam tincidunt urna. Nulla ullamcorper
malesuada eu, pulvinar at, mollis ac, nulla. Cur- vestibulum turpis. Pellentesque cursus luctus mau-
abitur auctor semper nulla. Donec varius orci eget ris.

And something at the end to show the reserved space.

9
Strut with extend-fill + extend-reserve

Lorem ipsum dolor sit amet, consectetuer adip- odio metus a mi. Morbi ac orci et nisl hendrerit
iscing elit. Ut purus elit, vestibulum ut, placerat ac, mollis. Suspendisse ut massa. Cras nec ante. Pel-
adipiscing vitae, felis. Curabitur dictum gravida lentesque a nulla. Cum sociis natoque penatibus
mauris. Nam arcu libero, nonummy eget, con- et magnis dis parturient montes, nascetur ridiculus
sectetuer id, vulputate a, magna. Donec vehicula mus. Aliquam tincidunt urna. Nulla ullamcorper
augue eu neque. Pellentesque habitant morbi tris- vestibulum turpis. Pellentesque cursus luctus mau-
tique senectus et netus et malesuada fames ac turpis ris.
egestas. Mauris ut leo. Cras viverra metus rhon-
cus sem. Nulla et lectus vestibulum urna fringilla Nulla malesuada porttitor diam. Donec felis
ultrices. Phasellus eu tellus sit amet tortor gravida erat, congue non, volutpat at, tincidunt tristique,
placerat. Integer sapien est, iaculis in, pretium quis, libero. Vivamus viverra fermentum felis. Donec
viverra ac, nunc. Praesent eget sem vel leo ultrices nonummy pellentesque ante. Phasellus adipiscing
bibendum. Aenean faucibus. Morbi dolor nulla, semper elit. Proin fermentum massa ac quam. Sed
malesuada eu, pulvinar at, mollis ac, nulla. Cur- diam turpis, molestie vitae, placerat a, molestie
abitur auctor semper nulla. Donec varius orci eget nec, leo. Maecenas lacinia. Nam ipsum ligula,
risus. Duis nibh mi, congue eu, accumsan eleifend, eleifend at, accumsan nec, suscipit a, ipsum. Morbi
sagittis quis, diam. Duis eget orci sit amet orci dig- blandit ligula feugiat magna. Nunc eleifend con-
nissim rutrum. sequat lorem. Sed lacinia nulla vitae enim. Pel-
Nam dui ligula, fringilla a, euismod sodales, sol- lentesque tincidunt purus vel magna. Integer non
licitudin vel, wisi. Morbi auctor lorem non justo. enim. Praesent euismod nunc eu purus. Donec
Nam lacus libero, pretium at, lobortis vitae, ul- bibendum quam in tellus. Nullam cursus pulvinar
tricies et, tellus. Donec aliquet, tortor sed accumsan lectus. Donec et mi. Nam vulputate metus eu enim.
bibendum, erat ligula aliquet magna, vitae ornare Vestibulum pellentesque felis eu massa.

This text is here to show the effect of the strut used as a separator above.

10
Patterns
Alternating Patterns

Lorem ipsum dolor sit amet, risus. Duis nibh mi, congue eu, congue non, volutpat at, tin-
consectetuer adipiscing elit. Ut  accumsan eleifend, sagittis quis,  cidunt tristique, libero. Viva-
purus elit, vestibulum ut, plac- diam. Duis eget orci sit amet mus viverra fermentum felis.
erat ac, adipiscing vitae, felis.  orci dignissim rutrum.  Donec nonummy pellentesque
Curabitur dictum gravida mau- Nam dui ligula, fringilla a, ante. Phasellus adipiscing sem-
ris. Nam arcu libero, nonummy  euismod sodales, sollicitudin vel,  per elit. Proin fermentum massa
eget, consectetuer id, vulputate wisi. Morbi auctor lorem non ac quam. Sed diam turpis, mo-
a, magna. Donec vehicula au-  justo. Nam lacus libero, pretium  lestie vitae, placerat a, molestie
gue eu neque. Pellentesque habi- at, lobortis vitae, ultricies et, nec, leo. Maecenas lacinia. Nam
tant morbi tristique senectus et tellus. Donec aliquet, tortor sed ipsum ligula, eleifend at, ac-
 
netus et malesuada fames ac accumsan bibendum, erat ligula cumsan nec, suscipit a, ipsum.
turpis egestas. Mauris ut leo. aliquet magna, vitae ornare odio Morbi blandit ligula feugiat
Cras viverra metus rhoncus sem.  metus a mi. Morbi ac orci  magna. Nunc eleifend conse-
Nulla et lectus vestibulum urna et nisl hendrerit mollis. Sus- quat lorem. Sed lacinia nulla
fringilla ultrices. Phasellus eu  pendisse ut massa. Cras nec  vitae enim. Pellentesque tin-
tellus sit amet tortor gravida ante. Pellentesque a nulla. Cum cidunt purus vel magna. Integer
placerat. Integer sapien est, iac-  sociis natoque penatibus et mag-  non enim. Praesent euismod
ulis in, pretium quis, viverra ac, nis dis parturient montes, nasce- nunc eu purus. Donec biben-
nunc. Praesent eget sem vel leo  tur ridiculus mus. Aliquam tin-  dum quam in tellus. Nullam
ultrices bibendum. Aenean fau- cidunt urna. Nulla ullamcorper cursus pulvinar lectus. Donec
cibus. Morbi dolor nulla, male-  vestibulum turpis. Pellentesque  et mi. Nam vulputate metus eu
suada eu, pulvinar at, mollis ac, cursus luctus mauris. enim. Vestibulum pellentesque
nulla. Curabitur auctor semper Nulla malesuada portti- felis eu massa.
 
nulla. Donec varius orci eget tor diam. Donec felis erat,

Shrink and color first rule only

Lorem ipsum dolor sit amet, placerat. Integer sapien est, iac- at, lobortis vitae, ultricies et,
consectetuer adipiscing elit. Ut ulis in, pretium quis, viverra ac, tellus. Donec aliquet, tortor sed
purus elit, vestibulum ut, plac- nunc. Praesent eget sem vel leo accumsan bibendum, erat ligula
erat ac, adipiscing vitae, felis. ultrices bibendum. Aenean fau- aliquet magna, vitae ornare odio
Curabitur dictum gravida mau- cibus. Morbi dolor nulla, male- metus a mi. Morbi ac orci
ris. Nam arcu libero, nonummy suada eu, pulvinar at, mollis ac, et nisl hendrerit mollis. Sus-
eget, consectetuer id, vulputate nulla. Curabitur auctor semper pendisse ut massa. Cras nec
a, magna. Donec vehicula au- nulla. Donec varius orci eget ante. Pellentesque a nulla. Cum
gue eu neque. Pellentesque habi- risus. Duis nibh mi, congue eu, sociis natoque penatibus et mag-
tant morbi tristique senectus et accumsan eleifend, sagittis quis, nis dis parturient montes, nasce-
netus et malesuada fames ac diam. Duis eget orci sit amet tur ridiculus mus. Aliquam tin-
turpis egestas. Mauris ut leo. orci dignissim rutrum. cidunt urna. Nulla ullamcorper
Cras viverra metus rhoncus sem. Nam dui ligula, fringilla a, vestibulum turpis. Pellentesque
Nulla et lectus vestibulum urna euismod sodales, sollicitudin vel, cursus luctus mauris.
fringilla ultrices. Phasellus eu wisi. Morbi auctor lorem non
tellus sit amet tortor gravida justo. Nam lacus libero, pretium

Shrink and color second and third rules only

Lorem ipsum dolor placerat ac, adipiscing nonummy eget, con- Pellentesque habitant
sit amet, consectetuer vitae, felis. Curabitur sectetuer id, vulputate morbi tristique senec-
adipiscing elit. Ut pu- dictum gravida mau- a, magna. Donec ve- tus et netus et male-
rus elit, vestibulum ut, ris. Nam arcu libero, hicula augue eu neque. suada fames ac turpis

11
egestas. Mauris ut nean faucibus. Morbi fringilla a, euismod et nisl hendrerit mol-
leo. Cras viverra dolor nulla, malesuada sodales, sollicitudin lis. Suspendisse ut
metus rhoncus sem. eu, pulvinar at, mol- vel, wisi. Morbi auc- massa. Cras nec ante.
Nulla et lectus vestibu- lis ac, nulla. Cur- tor lorem non justo. Pellentesque a nulla.
lum urna fringilla ul- abitur auctor semper Nam lacus libero, Cum sociis natoque
trices. Phasellus eu nulla. Donec varius pretium at, lobortis penatibus et magnis
tellus sit amet tortor orci eget risus. Duis vitae, ultricies et, tel- dis parturient montes,
gravida placerat. In- nibh mi, congue eu, ac- lus. Donec aliquet, nascetur ridiculus mus.
teger sapien est, iac- cumsan eleifend, sagit- tortor sed accumsan Aliquam tincidunt
ulis in, pretium quis, tis quis, diam. Duis bibendum, erat ligula urna. Nulla ullamcor-
viverra ac, nunc. Prae- eget orci sit amet orci aliquet magna, vitae per vestibulum turpis.
sent eget sem vel leo ul- dignissim rutrum. ornare odio metus a Pellentesque cursus
trices bibendum. Ae- Nam dui ligula, mi. Morbi ac orci luctus mauris.

Growing and fading circles

Lorem ipsum dolor leo. Cras viverra nulla. Donec varius bibendum, erat ligula
sit amet, consectetuer metus rhoncus sem. orci eget risus. Duis aliquet magna, vitae
adipiscing elit. Ut pu- Nulla et lectus vestibu- nibh mi, congue eu, ac- ornare odio metus a
rus elit, vestibulum ut, lum urna fringilla ul- cumsan eleifend, sagit- mi. Morbi ac orci
placerat ac, adipiscing trices. Phasellus eu tis quis, diam. Duis et nisl hendrerit mol-
vitae, felis. Curabitur tellus sit amet tortor eget orci sit amet orci lis. Suspendisse ut
dictum gravida mau- gravida placerat. In- dignissim rutrum. massa. Cras nec ante.
ris. Nam arcu libero, teger sapien est, iac- Nam dui ligula, Pellentesque a nulla.
nonummy eget, con- ulis in, pretium quis, fringilla a, euismod Cum sociis natoque
sectetuer id, vulputate viverra ac, nunc. Prae- sodales, sollicitudin penatibus et magnis
a, magna. Donec ve- sent eget sem vel leo ul- vel, wisi. Morbi auc- dis parturient montes,
hicula augue eu neque. trices bibendum. Ae- tor lorem non justo. nascetur ridiculus mus.
Pellentesque habitant nean faucibus. Morbi Nam lacus libero, Aliquam tincidunt
morbi tristique senec- dolor nulla, malesuada pretium at, lobortis urna. Nulla ullamcor-
tus et netus et male- eu, pulvinar at, mol- vitae, ultricies et, tel- per vestibulum turpis.
suada fames ac turpis lis ac, nulla. Cur- lus. Donec aliquet, Pellentesque cursus
egestas. Mauris ut abitur auctor semper tortor sed accumsan luctus mauris.

The same, pattern cycling across environment boundary

Lorem ipsum dolor leo. Cras viverra nulla. Donec varius bibendum, erat ligula
sit amet, consectetuer metus rhoncus sem. orci eget risus. Duis aliquet magna, vitae
adipiscing elit. Ut pu- Nulla et lectus vestibu- nibh mi, congue eu, ac- ornare odio metus a
rus elit, vestibulum ut, lum urna fringilla ul- cumsan eleifend, sagit- mi. Morbi ac orci
placerat ac, adipiscing trices. Phasellus eu tis quis, diam. Duis et nisl hendrerit mol-
vitae, felis. Curabitur tellus sit amet tortor eget orci sit amet orci lis. Suspendisse ut
dictum gravida mau- gravida placerat. In- dignissim rutrum. massa. Cras nec ante.
ris. Nam arcu libero, teger sapien est, iac- Nam dui ligula, Pellentesque a nulla.
nonummy eget, con- ulis in, pretium quis, fringilla a, euismod Cum sociis natoque
sectetuer id, vulputate viverra ac, nunc. Prae- sodales, sollicitudin penatibus et magnis
a, magna. Donec ve- sent eget sem vel leo ul- vel, wisi. Morbi auc- dis parturient montes,
hicula augue eu neque. trices bibendum. Ae- tor lorem non justo. nascetur ridiculus mus.
Pellentesque habitant nean faucibus. Morbi Nam lacus libero, Aliquam tincidunt
morbi tristique senec- dolor nulla, malesuada pretium at, lobortis urna. Nulla ullamcor-
tus et netus et male- eu, pulvinar at, mol- vitae, ultricies et, tel- per vestibulum turpis.
suada fames ac turpis lis ac, nulla. Cur- lus. Donec aliquet, Pellentesque cursus
egestas. Mauris ut abitur auctor semper tortor sed accumsan luctus mauris.

12
Invisible middle divider with strut

Lorem ipsum dolor leo. Cras viverra nulla. Donec varius bibendum, erat ligula
sit amet, consectetuer metus rhoncus sem. orci eget risus. Duis aliquet magna, vitae
 
adipiscing elit. Ut pu- Nulla et lectus vestibu- nibh mi, congue eu, ac- ornare odio metus a
rus elit, vestibulum ut, lum urna fringilla ul- cumsan eleifend, sagit- mi. Morbi ac orci
placerat ac, adipiscing  trices. Phasellus eu tis quis, diam. Duis  et nisl hendrerit mol-
vitae, felis. Curabitur tellus sit amet tortor eget orci sit amet orci lis. Suspendisse ut
dictum gravida mau-  gravida placerat. In- dignissim rutrum.  massa. Cras nec ante.
ris. Nam arcu libero, teger sapien est, iac- Nam dui ligula, Pellentesque a nulla.
nonummy eget, con-  ulis in, pretium quis, fringilla a, euismod  Cum sociis natoque
sectetuer id, vulputate viverra ac, nunc. Prae- sodales, sollicitudin penatibus et magnis
a, magna. Donec ve-  sent eget sem vel leo ul- vel, wisi. Morbi auc-  dis parturient montes,
hicula augue eu neque. trices bibendum. Ae- tor lorem non justo. nascetur ridiculus mus.
Pellentesque habitant  nean faucibus. Morbi Nam lacus libero,  Aliquam tincidunt
morbi tristique senec- dolor nulla, malesuada pretium at, lobortis urna. Nulla ullamcor-
tus et netus et male- eu, pulvinar at, mol- vitae, ultricies et, tel- per vestibulum turpis.
 
suada fames ac turpis lis ac, nulla. Cur- lus. Donec aliquet, Pellentesque cursus
egestas. Mauris ut abitur auctor semper tortor sed accumsan luctus mauris.

Nested multicols environments

Lorem ipsum dolor sit amet, consectetuer adip- Lorem ipsum dolor sit amet, consectetuer adip-
iscing elit. Ut purus elit, vestibulum ut, placerat ac, iscing elit. Ut purus elit, vestibulum ut, placerat ac,
adipiscing vitae, felis. Curabitur dictum gravida adipiscing vitae, felis. Curabitur dictum gravida
mauris. Nam arcu libero, nonummy eget, con- mauris. Nam arcu libero, nonummy eget, con-
sectetuer id, vulputate a, magna. Donec vehicula sectetuer id, vulputate a, magna. Donec vehicula
augue eu neque. augue eu neque.

Lorem ipsum dolor placerat ac, adipiscing Lorem ipsum dolor placerat ac, adipiscing
sit amet, consectetuer vitae, felis. Curabitur sit amet, consectetuer vitae, felis. Curabitur
adipiscing elit. Ut pu- dictum gravida mau- adipiscing elit. Ut pu- dictum gravida mau-
rus elit, vestibulum ut, ris. rus elit, vestibulum ut, ris.

Lorem ipsum dolor sit amet, consectetuer adip- Lorem ipsum dolor sit amet, consectetuer adip-
iscing elit. Ut purus elit, vestibulum ut, placerat ac, iscing elit. Ut purus elit, vestibulum ut, placerat ac,
adipiscing vitae, felis. Curabitur dictum gravida adipiscing vitae, felis. Curabitur dictum gravida
mauris. Nam arcu libero, nonummy eget, con- mauris. Nam arcu libero, nonummy eget, con-
sectetuer id, vulputate a, magna. Donec vehicula sectetuer id, vulputate a, magna. Donec vehicula
augue eu neque. augue eu neque.

RTL Test
Reverse Columns Only

ultrices. Phasellus eu tellus sit amet tortor gravida Lorem ipsum dolor sit amet, consectetuer adip-
placerat. Integer sapien est, iaculis in, pretium quis, + iscing elit. Ut purus elit, vestibulum ut, placerat ac,
viverra ac, nunc. Praesent eget sem vel leo ultrices adipiscing vitae, felis. Curabitur dictum gravida
bibendum. Aenean faucibus. Morbi dolor nulla, + mauris. Nam arcu libero, nonummy eget, con-
malesuada eu, pulvinar at, mollis ac, nulla. Cur- sectetuer id, vulputate a, magna. Donec vehicula
abitur auctor semper nulla. Donec varius orci eget + augue eu neque. Pellentesque habitant morbi tris-
risus. Duis nibh mi, congue eu, accumsan eleifend, tique senectus et netus et malesuada fames ac turpis
sagittis quis, diam. Duis eget orci sit amet orci dig- + egestas. Mauris ut leo. Cras viverra metus rhon-
nissim rutrum. cus sem. Nulla et lectus vestibulum urna fringilla

13
Full RTL Mode

gravida tortor amet sit tellus eu Phasellus ultrices. adip- consectetuer amet, sit dolor ipsum Lorem
quis, pretium in, iaculis est, sapien Integer placerat. ac, placerat ut, vestibulum elit, purus Ut elit. iscing
ultrices leo vel sem eget Praesent nunc. ac, viverra gravida dictum Curabitur felis. vitae, adipiscing
nulla, dolor Morbi faucibus. Aenean bibendum. con- eget, nonummy libero, arcu Nam mauris.
Cur- nulla. ac, mollis at, pulvinar eu, malesuada vehicula Donec magna. a, vulputate id, sectetuer
eget orci varius Donec nulla. semper auctor abitur tris- morbi habitant Pellentesque neque. eu augue
eleifend, accumsan eu, congue mi, nibh Duis risus. turpis ac fames malesuada et netus et senectus tique
dig- orci amet sit orci eget Duis diam. quis, sagittis rhon- metus viverra Cras leo. ut Mauris egestas.
rutrum. nissim fringilla urna vestibulum lectus et Nulla sem. cus

14

Вам также может понравиться