Alex's goodies

[Neela Garcia]

Sierra Bianchi (Upcoming)

Graphics


By Sie

Tables

By Haley
[html]

out of character text

<style type="text/css">
.sierrasky b {font-weight:bold; color:#ffffff; letter-spacing:1px; }
.sierrasky .ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:11px;}
.sierrasky p {text-indent:25px; padding:5px 10px; margin:0px;}
.sierrasky {margin:0px auto; width:500px; background-color:#012035; background-image:url(http://i.imgur.com/ntv3d.jpg); background-position:bottom center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 350px 0px; font-family: georgia, sans-serif; font-size:12px; color:#4f96c2; line-height:16px; letter-spacing:.5px; text-align:justify;}
</style>
[/html]

Code:

[doHTML]
<div class="sierrasky">
<p class="ooc">out of character text</p>

<p></p>

<style type="text/css">
.sierrasky b {font-weight:bold; color:#ffffff; letter-spacing:1px; }
.sierrasky .ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:11px;}
.sierrasky p {text-indent:25px; padding:5px 10px; margin:0px;}
.sierrasky {margin:0px auto; width:500px; background-color:#012035; background-image:url(http://i.imgur.com/ntv3d.jpg); background-position:bottom center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 350px 0px; font-family: georgia, sans-serif; font-size:12px; color:#4f96c2; line-height:16px; letter-spacing:.5px; text-align:justify;}
</style>
[/doHTML]

By Sammie[html]

Ooc. O_o

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dapibus sapien a sapien dapibus vestibulum. Nam sed scelerisque eros. Nam pellentesque sodales magna sit amet tincidunt. Pellentesque facilisis magna ut sapien facilisis varius. Fusce adipiscing, felis quis viverra tristique, risus erat adipiscing odio, sed suscipit purus tortor et odio. "Etiam nec eros nibh." Phasellus tristique ligula eget justo euismod vitae rutrum nisi luctus. Vestibulum posuere pharetra nunc et mattis. Pellentesque ultricies interdum nisl, sit amet viverra tortor vulputate eu. Cras justo turpis, rhoncus eget mollis at, pretium eget mi. Integer dapibus consectetur arcu, nec sollicitudin mauris vestibulum at.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dapibus sapien a sapien dapibus vestibulum. Nam sed scelerisque eros. Nam pellentesque sodales magna sit amet tincidunt. Pellentesque facilisis magna ut sapien facilisis varius. Fusce adipiscing, felis quis viverra tristique, risus erat adipiscing odio, sed suscipit purus tortor et odio. "Etiam nec eros nibh." Phasellus tristique ligula eget justo euismod vitae rutrum nisi luctus. Vestibulum posuere pharetra nunc et mattis. Pellentesque ultricies interdum nisl, sit amet viverra tortor vulputate eu. Cras justo turpis, rhoncus eget mollis at, pretium eget mi. Integer dapibus consectetur arcu, nec sollicitudin mauris vestibulum at.

<style>
.cierramap p {padding:2px 0px; margin:0px; text-indent:35px;}
.cierramap b {color:#000000; letter-spacing:.2px; text-shadow:#3a1f04 0px 1px 0px; }
.cierramap {background-color:#59320b; background-image:url(http://i45.tinypic.com/2yn1g5h.png); background-position:top center; background-repeat:no-repeat; border:1px solid #1d2425; margin:0 auto; font-family: verdana; font-size:10px; color:#000000; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:490px; text-align:justify;margin:0 auto;}
.cierramap .inner {margin:360px 10px 10px 10px; padding:10px; height:250px; overflow:auto;}
</style>[/html]

Code:

[dohtml]<center><div style="width:490px; padding: 3px 0px 3px 0px; font-size:11px; font-family: Georgia,serif; letter-spacing:.6px; word-spacing:.9x; line-height:13px; font-style:italic; text-align:right;">Ooc. O_o </div></center><div class="cierramap"><div class="inner">


<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dapibus sapien a sapien dapibus vestibulum. Nam sed scelerisque eros. Nam pellentesque sodales magna sit amet tincidunt. Pellentesque facilisis magna ut sapien facilisis varius. Fusce adipiscing, felis quis viverra tristique, risus erat adipiscing odio, sed suscipit purus tortor et odio. <b>"Etiam nec eros nibh."</b> Phasellus tristique ligula eget justo euismod vitae rutrum nisi luctus. Vestibulum posuere pharetra nunc et mattis. Pellentesque ultricies interdum nisl, sit amet viverra tortor vulputate eu. Cras justo turpis, rhoncus eget mollis at, pretium eget mi. Integer dapibus consectetur arcu, nec sollicitudin mauris vestibulum at.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dapibus sapien a sapien dapibus vestibulum. Nam sed scelerisque eros. Nam pellentesque sodales magna sit amet tincidunt. Pellentesque facilisis magna ut sapien facilisis varius. Fusce adipiscing, felis quis viverra tristique, risus erat adipiscing odio, sed suscipit purus tortor et odio. <b>"Etiam nec eros nibh."</b> Phasellus tristique ligula eget justo euismod vitae rutrum nisi luctus. Vestibulum posuere pharetra nunc et mattis. Pellentesque ultricies interdum nisl, sit amet viverra tortor vulputate eu. Cras justo turpis, rhoncus eget mollis at, pretium eget mi. Integer dapibus consectetur arcu, nec sollicitudin mauris vestibulum at.</p>


</div></div>
<style>
.cierramap p {padding:2px 0px; margin:0px; text-indent:35px;}
.cierramap b {color:#000000; letter-spacing:.2px; text-shadow:#3a1f04 0px 1px 0px; }
.cierramap {background-color:#59320b; background-image:url(http://i45.tinypic.com/2yn1g5h.png); background-position:top center; background-repeat:no-repeat; border:1px solid #1d2425; margin:0 auto; font-family: verdana; font-size:10px; color:#000000; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:490px; text-align:justify;margin:0 auto;}
.cierramap .inner {margin:360px 10px 10px 10px; padding:10px; height:250px; overflow:auto;}
</style></center>[/dohtml]