Crystal Dreams and Wandering Shadows

Jace Wolfe · 02-03-2011, 11:11 AM

[html]

OOC here!

Roleplay post here

~*~*~*~*~*~*~*~*~*~

Table by Kaena Lykoi <3

Code:
[doHTML]<div class="jace-mountains-border"><div class="jace-mountains">

<p class="ooc">OOC here!</p>

<p>Roleplay post here</p>

<p>[color=cyan]~*~*~*~*~*~*~*~*~*~[/color]</p>

<p>[color=black]Table by Kaena Lykoi <3[/color]</p>

</div></div>

<style>

.jace-mountains .ooc {font-style:italic; }

.jace-mountains p {padding:0px 20px 5px 20px; margin:0px; text-indent:35px;}

.jace-mountains b {color:#16323D; letter-spacing:-.2px;}

.jace-mountains {background-color:#BAD9E5; background-image:url(http://sleepyglow.net/souls/gifts/2010oct/jace.png); background-position:bottom center; background-repeat:no-repeat; padding:10px 0px 150px 0px; border:1px solid #16323D; font-family: georgia, serif; font-size:12px; color:#42616D; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:400px; text-align:justify;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.jace-mountains-border {width:402px; border:1px solid #000000; margin:0 auto; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5x; box-shadow:3px 3px 4px #2A2A2A; -moz-box-shadow:3px 3px 4px #2A2A2A; -webkit-box-shadow:3px 3px 4px #2A2A2A;}

</style>[/doHTML]

[html]

OOC here!

rp post here

~*~*~*~*~*~*~*~*~*~

Table by Kaena Lykoi <3

Code:
[doHTML]<div class="jace-sunset-border"><div class="jace-sunset">

<p class="ooc">OOC here!</p>

<p>rp post here</p>

<p>[color=orangered]~*~*~*~*~*~*~*~*~*~[/color]</p>

<p>[color=black]Table by Kaena Lykoi <3[/color]</p>

</div></div>

<style>

.jace-sunset .ooc {font-style:italic; }

.jace-sunset p {padding:0px 20px 5px 20px; margin:0px; text-indent:35px;}

.jace-sunset b {color:#E07E3A; letter-spacing:-.2px;}

.jace-sunset {background-color:#6D2C01; background-image:url(http://sleepyglow.net/souls/gifts/2010oct/jace2.png); background-position:top center; background-repeat:no-repeat; padding:181px 0px 10px 0px; border:1px solid #E07E3A; font-family: georgia, serif; font-size:12px; color:#341500; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:400px; text-align:justify;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.jace-sunset-border {width:402px; border:1px solid #000000; margin:0 auto; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5x; box-shadow:3px 3px 4px #2A2A2A; -moz-box-shadow:3px 3px 4px #2A2A2A; -webkit-box-shadow:3px 3px 4px #2A2A2A;}

</style>[/doHTML]

[html]

occgoodnessss

#00+

[/html]

Code:
[dohtml]<div class="jace01afreeb1-border1"><div class="jace01afreeb1">

<p class="jace01afreeb1-ooc">occgoodnessss</p>

<div class="jace01afreeb1-line1"></div>

<p></p>

</div></div>

<style type="text/css">

.jace01afreeb1 b {font-weight:bold; color:#e4d2ff; letter-spacing:1px; text-shadow: 0.1em 0.1em 0.2em #150e27; }

.jace01afreeb1-ooc {font-style:italic; padding:0px; font-family: Georgia, serif; font-size:12px; color:#a9a1bc; text-align:left;}

.jace01afreeb1 p {text-indent:0px; padding:5px 15px; margin:0px;}

.jace01afreeb1 {margin:0 auto; width:500px; background-color:#362462; background-image:url(http://img.photobucket.com/albums/v121/allifitz/Tables/Jacefreeb001a.png); background-position:top center; background-repeat:no-repeat; border:2px solid #cbc6e1; padding: 160px 0px 10px 0px; font-family: Georgia, serif; font-size:12px; color:#a9a1bc; letter-spacing:.4px; word-spacing:.8px; line-height:12.3px; text-align:justify;}

.jace01afreeb1-border1 {width:504px; border:1px solid #000000; margin:0 auto;}

.jace01afreeb1-line1 {width:470px; border-bottom:1px dotted #6e5c91; margin:0 auto 3px auto;}

</style> <center><div style="width:500px; font-size:11px; font-family: Georgia, serif; style:italics; text-align:right;">#00+</div></center>[/dohtml]

[html]

Out of Character

Coding by Sie.

ooc text.

In Character

Code:
[doHTML]<center><div class="Jace-Poison-b"><div class="Jace-Poison"> <div class="Jace-Poison-header">Out of Character</div><p class="Jace-Poison-ooc">Coding by Sie.<br />

ooc text.</p>

<div class="Jace-Poison-header">In Character</div>

<p></p>

</div></div> <style> 

.Jace-Poison p {padding:0px 10px 10px 10px; margin:0px; text-indent:30px;}

.Jace-Poison b {color:#753726; text-shadow:#753726 0px 0px 4px;}

.Jace-Poison-b {width:361px; border:1px solid #000000; margin:0px auto; font-family: verdana; font-size:12px;}

.Jace-Poison-header {font-family:tempus sans itc, serif; color:#753726; text-shadow:#753726 0px 0px 4px; float: right; margin:5px; text-transform:uppercase; font-size:15px; font-weight:bold; letter-spacing:1px;}

.Jace-Poison-ooc {font-family:vivian; font-size:11px; letter-spacing:.4px; font-style:italic; }

.Jace-Poison {background-color:#edd9b8; padding:0px 0px 10px 0px; border:1px solid #FFFFFF; font-family: trebuchet ms; font-size:12px; color:#000000; letter-spacing:.3px; word-spacing:2px; line-height:14px; width:359px; text-align:justify; background-image:url(http://img508.imageshack.us/img508/5919/jacei.png); background-position:bottom center; background-repeat:no-repeat; padding:10px 0px 310px 0px; } </style>

</center>[/doHTML]

[html]

Out of Character

Coding by Sie.

ooc text.

In Character

Code:
[doHTML]<center><div class="Jace-Poison2-b"><div class="Jace-Poison2"> <div class="Jace-Poison2-header">Out of Character</div><p class="Jace-Poison2-ooc">Coding by Sie.<br />

ooc text.</p>

<div class="Jace-Poison2-header">In Character</div>

<p></p>

</div></div> <style> 

.Jace-Poison2 p {padding:0px 10px 10px 10px; margin:0px; text-indent:30px;}

.Jace-Poison2 b {color:#753726; text-shadow:#753726 0px 0px 4px;}

.Jace-Poison2-b {width:361px; border:1px solid #000000; margin:0px auto; font-family: verdana; font-size:12px;}

.Jace-Poison2-header {font-family:tempus sans itc, serif; color:#753726; text-shadow:#753726 0px 0px 4px; float: right; margin:5px; text-transform:uppercase; font-size:15px; font-weight:bold; letter-spacing:1px;}

.Jace-Poison2-ooc {font-family:vivian; font-size:11px; letter-spacing:.4px; font-style:italic; }

.Jace-Poison2 {background-color:#edd9b8; padding:0px 0px 10px 0px; border:1px solid #FFFFFF; font-family: trebuchet ms; font-size:12px; color:#000000; letter-spacing:.3px; word-spacing:2px; line-height:14px; width:359px; text-align:justify; background-image:url(http://img805.imageshack.us/img805/38/jace2.png); background-position:bottom center; background-repeat:no-repeat; padding:10px 0px 200px 0px; } </style>

</center>[/doHTML]

[html]

this is ooc!

Code:
[doHTML]<div class="jace-b01-border"><div class="jace-b01">

<p class="ooc">this is ooc!</p>

<div class="separator"></div>

<p>

</div></div>

<style>

.jace-b01 .ooc {font-style:italic; }

.jace-b01 p {padding:0px 35px 5px 35px; margin:0px; text-indent:35px;}

.jace-b01 b {color:#fff; text-shadow:1px 1px 2px #000;}

.jace-b01 {background-color:#010123; background-image:url(http://i.imgur.com/KPM6Q.png); background-position:bottom center; background-repeat:no-repeat; padding:10px 0px 50px 0px; border:1px solid #D0D9E1; font-family: georgia, serif; font-size:11px; line-height:13px; color:#442833; width:475px; text-align:justify; }

.jace-b01-border {width:477px; border:1px solid #000000; margin:0 auto; }

.jace-b01 .separator{width:322px; border-bottom:1px dashed #fff; margin:0 auto 5px auto;}

</style>[/doHTML]

[html]

Out of Character Chit-chat. (:

Code:
[dohtml]<p><div class="jace-flower74"> <div class="text"><div class="ooc pad">Out of Character Chit-chat. (:</div>

<div class="ic pad">

<p><p>

</p>

</div></div>

<style type="text/css">

.jace-flower74 b {font-weight:bold; color:#9E7BFF;  }

.jace-flower74 p {text-indent:25px; padding:0; margin:0px;}

.jace-flower74 {margin:0 auto; width:413px; background-color:#99007a;  border:3px solid #000000; padding: 337px 0px 5px 0px; font-family: Georgia, serif; font-size:1.2em; color:#C38EC7; line-height:1.3em; text-align:justify;background-image:url(http://i47.servimg.com/u/f47/15/57/31/07/flower11.jpg); background-position:top center; background-repeat:no-repeat;}

.jace-flower74 .text {border-top:3px solid #000000;}

.jace-flower74 .pad {padding:15px}

.jace-flower74 .ooc {font-style:italic;border-bottom:3px solid #000;}

</style>[/dohtml]

[html]

Word Count → 000

mall-caps;border-bottom:1px dotted;letter-spacing:1px;}
</style>[/html]

Code:
[doHTML]<div class="jacetext">

<p class="ooc"><b>Word Count →</b> 000

<br /></p>

<div class="divider"></div>

</div>

<style>

.jacetext {margin:0px auto;width:450px;background-color:none;background-image:url();background-repeat:no-repeat;background-position:bottom;border:none;padding:0px;font-family:Georgia;font-size:12px;line-height:16px;text-align:justify;margin-top:10px;}

.jacetext .ooc {font-style:italic;font-size:11px;line-height:15px;text-align:center;margin:2px;text-indent:0px;}

.jacetext .ooc b {font-weight:bold;font-style:normal;}

.jacetext .divider {border-bottom:1px dotted;}

.jacetext p {text-indent:20px;margin:0px;padding:5px 10px;}

.jacetext b {font-weight:bold;letter-spacing:1px;}

.jacetext i {font-style:italic;letter-spacing:1px;}

.jacetext u {font-style:italic;text-decoration:none;font-variant:small-caps;border-bottom:1px dotted;letter-spacing:1px;}

</style>[/doHTML]

[html]

_{ooc text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.}

Code:
[dohtml]

<div class="GEMSDB-e05-b"><sub>ooc text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</sub><div class="GEMSDB-e05">

<div class="GEMSDB-e05-name"></div>

<div class="GEMSDB-e05-name"></div>

<p></p>

</div></div>

<style>

.GEMSDB-e05 p {padding:0px 20px 10px 20px; margin:0px; text-indent:30px;}

.GEMSDB-e05 b {color:#cceeee;text-shadow:#2277bb 0px 0px 5px;}

.GEMSDB-e05-b {width:452px; border:0px solid #000000; margin:0px auto;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px;}

.GEMSDB-e05-name {font-family:georgia, serif;}

.GEMSDB-e05-ooc {font-family:arial, helvetica, sans-serif; font-size:12px; letter-spacing:.4px; font-style:italic; }

.GEMSDB-e05 {background-color:#8ec7ef; border:1px solid #8ec7ef; background-image:url(http://i.imgur.com/qce1w.png); background-position:top center; background-repeat:no-repeat;font-family: georgia, serif; font-size:12px; color:#ccffff; letter-spacing:.3px; word-spacing:2px; line-height:14px; width:450px; text-align:justify; padding:330px 0px 10px 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px;}

</style>

[/dohtml]

[html]

OOC: Word Count:

Jace walks. "Jace talks."

Code:
[doHTML]

<div class="jaceypoo">

<p class="ooc">OOC: Word Count: </p>

<hr width=80%>

<p>Jace walks. <b>"Jace talks."</b></p>

</div>

<style type="text/css">

.jaceypoo b {font-weight:bold; color:#fec953; letter-spacing:1px; }

.jaceypoo .ooc { font-style:italic; font-family:verdana, sans-serif; font-size:11px;}

.jaceypoo p {text-indent:25px; padding:5px 10px; margin:0px;}

.jaceypoo {margin:0px auto; width:400px; background-color:#c46d2b; background-image:url(http://i55.tinypic.com/2912jid.png); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 250px 0px 10px 0px; font-family: georgia, sans-serif; font-size:12px; color:#452004; line-height:16px; letter-spacing:.5px; text-align:justify;}

</style>

[/doHTML]

[html]

Jace Wolfe

Word Count:: 000 || OOC:: Hullo!

Code:
[dohtml]

<div class="jwtxt2">

<div class="jwtxt2-box"></div>

<div class="lyrics">Jace Wolfe </div>

<div class="ooc"><p>Word Count:: 000 || OOC:: Hullo!</p></div>

<P></p>

<P></p>

</div>

<style>

.jwtxt2 .lyrics {font-size:35px; font-weight:bold; font-family: 'Zeyada' , cursive, serif; letter-spacing:-1px; word-spacing:4px; text-transform:uppercase; text-align:center;}

.jwtxt2-box {background-image:url(http://www.iaza.com/work/110808C/iaza13533127198700.gif); background-repeat:no-repeat; background-position: top center; width:200px; height:200px; float:right; margin:3px; }

.jwtxt2 {font-family:'times new roman', times, serif; font-size: 14px;  letter-spacing:0px;  word-spacing:2px;  text-align: left; margin:0px 25px;}

.jwtxt2 p.ooc {font-style:italic; font-family:arial, helvetica, sans-serif; font-size:12px; text-align:justify; text-indent:0px; padding:0px 5px;}

.jwtxt2 p.ooc + p {padding:0px 5px;}

.jwtxt2 .wc {text-transform: uppercase; font-weight:bold;}

.jwtxt2 p {text-indent: 25px; margin:0px; padding:10px 5px;}

.jwtxt2 b {letter-spacing:1px; font-family:times new roman, serif; font-size:16px; color:#F50A4A; letter-spacing:-.05em;}</style><link href='http://fonts.googleapis.com/css?family=Zeyada' rel='stylesheet' type='text/css'>[/doHTML]

[html]

Jace Wolfe

Word Count:: 000 || OOC:: Hullo!

Code:
[dohtml]

<div class="jwtxt">

<div class="jwtxt-box"></div>

<div class="lyrics">Jace Wolfe </div>

<div class="ooc"><p>Word Count:: 000 || OOC:: Hullo!</p></div>

<P></p>

<P></p>

</div>

<style>

.jwtxt .lyrics {font-size:38px; font-weight:bold; font-family: 'Zeyada' , cursive, serif; letter-spacing:-1px; word-spacing:4px; text-transform:uppercase; text-align:center;}

.jw-box {background-image:url(); background-repeat:no-repeat; background-position: top center; width:200px; height:200px; float:right; margin:3px; }

.jwtxt {font-family:'times new roman', times, serif; font-size: 14px;  letter-spacing:0px;  word-spacing:2px;  text-align: left; margin:0px 25px;}

.jwtxt p.ooc {font-style:italic; font-family:arial, helvetica, sans-serif; font-size:12px; text-align:justify; text-indent:0px; padding:0px 5px;}

.jwtxt p.ooc + p {padding:0px 5px;}

.jwtxt .wc {text-transform: uppercase; font-weight:bold;}

.jwtxt p {text-indent: 25px; margin:0px; padding:10px 5px;}

.jwtxt b {letter-spacing:1px; font-family:times new roman, serif; font-size:16px; letter-spacing:-.05em;}

</style><link href='http://fonts.googleapis.com/css?family=Zeyada' rel='stylesheet' type='text/css'>[/doHTML]

[html]

OOC sup bitches? / +yo numbah!

Code:
[dohtml]  <center><div style="width:420px; padding: 3px 0px 3px 0px; font-size:11px; font-family: Georgia,serif; letter-spacing:.6px; word-spacing:.9x; line-height:6px; font-style:italic; text-align:right;">OOC sup bitches? / +yo numbah!</div></center>

<div class="jacebot">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit eleifend placerat. In metus felis, auctor id lacinia non, consequat ac justo. Ut nec lacus mi. Sed bibendum laoreet nibh, sit amet ullamcorper nibh hendrerit a. Aliquam erat volutpat. Vestibulum condimentum tempor malesuada. <b>Nam nibh magna, tempor in ornare elementum,</b> eleifend a sem. Vivamus eget fringilla sapien. Duis commodo justo sit amet nisl varius tempor. Morbi condimentum leo ut ante rhoncus accumsan. Suspendisse ac ullamcorper turpis. Duis ornare consequat eleifend. Quisque euismod facilisis sapien, <p>

Eget sagittis nunc auctor id. Aenean enim risus, accumsan et imperdiet id, vulputate in ante. Nunc mattis imperdiet sagittis. Pellentesque et vestibulum enim. Morbi semper, nunc eget laoreet congue, purus nisl aliquet purus, eget rhoncus ante nibh in augue.<p>

In tristique orci ut tellus mattis at condimentum odio laoreet. In sit amet metus odio. Vestibulum enim felis, blandit hendrerit faucibus in, consectetur molestie urna. Vestibulum purus turpis, porttitor eget bibendum vitae, ultricies nec eros. Aenean ultricies cursus ipsum, vel adipiscing magna dapibus quis. Duis molestie nisi vel eros sodales sed tincidunt ipsum bibendum. Curabitur tristique rutrum ornare. Nullam dignissim tortor eu erat commodo semper. Cras dapibus, dui ac feugiat varius, magna sapien condimentum quam, in hendrerit mauris lectus non lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. <b>Sed lectus sapien, tincidunt feugiat sagittis vitae, commodo quis est.</b> Mauris tincidunt bibendum arcu, a ultrices justo hendrerit eu. Duis quis lectus sed mi venenatis sodales. 

</p>

</div>

<style type="text/css">

.jacebot b {font-weight:bold; color:#eca105; letter-spacing:1px; text-shadow: 0.1em 0.1em 0.2em #2e0503; }

.jacebot p {text-indent:0px; padding:5px 16px; margin:0px;}

.jacebot {margin:0 auto; width:420px; background-color:#721313; background-image:url(http://i54.tinypic.com/33y13rl.png); background-position:top center; background-repeat:no-repeat; border:1px solid #0b052c; padding: 310px 0px 7px 0px; font-family: Georgia, serif; font-size:12px; color:#b8491f; text-shadow: 0.1em 0.1em 0.2em #; letter-spacing:.6px; word-spacing:.9x; line-height:13.3px; text-align:justify;}

.jacebot p b:before { content: open-quote; }

.jacebot p b:after {content: close-quote; }

</style>

[/dohtml]

[html]

OOC sup bitches? / +yo numbah!

Morbi hendrerit eleifend placerat. In metus felis, auctor id lacinia non, consequat ac justo. Sed bibendum laoreet nibh, sit amet ullamcorper nibh hendrerit a. Aliquam erat volutpat. Vestibulum condimentum tempor malesuada. Nam nibh magna, tempor in ornare elementum, eleifend a sem.

Curabitur tristique rutrum ornare. Nullam dignissim tortor eu erat commodo semper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed lectus sapien, tincidunt feugiat sagittis vitae, commodo quis est. Mauris tincidunt bibendum arcu, a ultrices justo hendrerit eu. Duis quis lectus sed mi venenatis sodales.

Code:
[dohtml]  <center><div style="width:400px; padding: 3px 0px 3px 0px; font-size:11px; font-family: Georgia,serif; letter-spacing:.6px; word-spacing:.9x; line-height:5px; font-style:italic; text-align:right;">OOC sup bitches? / +yo numbah!</div></center>

<div class="jaceyboo">

<p></p>

</div>

<style type="text/css">

.jaceyboo b {font-weight:bold; color:#81314a; letter-spacing:1px; text-shadow: 0.1em 0.1em 0.2em #390c1a; }

.jaceyboo p {text-indent:0px; padding:5px 16px; margin:0px;}

.jaceyboo {margin:0 auto; width:440px; background-color:#67263a; background-image:url(http://i56.tinypic.com/5zo1om.png); background-position:top center; background-repeat:no-repeat; border:1px solid #0b052c; padding: 227px 0px 7px 0px; font-family: Georgia, serif; font-size:12px; color:#7f4959; text-shadow: 0.1em 0.1em 0.2em #; letter-spacing:.6px; word-spacing:.9x; line-height:13.3px; text-align:justify;}

.jaceyboo p b:before { content: open-quote; }

.jaceyboo p b:after {content: close-quote; }

</style>

[/dohtml]

[html]

WC:000+ - OOC blah would go here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis congue nisi ut nunc adipiscing eget vulputate quam mollis. Aliquam a urna vel nibh euismod scelerisque vitae in nisl. Maecenas ac est tortor, ac sollicitudin odio. Nunc bibendum iaculis ultrices. Nulla at felis non velit egestas imperdiet. Maecenas ultrices dapibus libero facilisis placerat.

“Vivamus eu ante sed massa rutrum tincidunt.” Nulla fermentum interdum ante sed cursus. Donec et massa eget erat interdum pharetra quis id eros. Praesent in leo ut magna vulputate blandit quis non eros. Fusce ultricies, justo quis bibendum scelerisque, leo metus condimentum leo, nec consequat metus ante in elit. Curabitur quam odio, auctor nec ultrices et, mattis a augue. Curabitur id enim id orci mollis luctus. Duis id velit ac nulla cursus ornare sit amet quis turpis.

Image courtesy of Hermés@Flickr; Table by the Mentors!

Code:
[doHTML]<center><div class="K22911_ja1-border"><div class="K22911_ja1"><p class="ooc"><b>WC:</b>000+ - OOC blah would go here</p><p></p><P></p></div></div><p class="template-credit">Image courtesy of [URL=http://www.flickr.com/photos/hermes-/]Hermés@Flickr[/URL]; Table by <a href="?viewtopic.php?t=17301">the Mentors!</a></p><style>

.K22911_ja1 .ooc {font-size:10px; font-style:italic;}

.K22911_ja1 p {padding:0px 15px 5px 15px; margin:0px; text-indent:25px;}

.K22911_ja1 b {font-family:verdana; color:#c4b095; margin:5px; font-size:10px; font-weight:bold; letter-spacing:1px;}

.K22911_ja1 {background-color:#222023;  font-family: verdana, serif; font-size:12px; color:#5a5d64; line-height:16px; width:500px; text-align:justify; background-image:url(http://img847.imageshack.us/img847/3175/jace.png); background-position:top center; background-repeat:no-repeat; padding:315px 0px 10px 0px; border:1px solid #FFFFFF; border-radius:8px; } .K22911_ja1-border {width:502px; border:1px solid #000000; margin:0 auto; border-radius:8px;}

p.template-credit {text-indent:0px; text-align:center; font-size:10px; font-style:italic; width:425px; text-align:center; margin:0px auto;}</style></center>[/doHTML]

[html]

out of character text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut ipsum ut sem posuere adipiscing. Proin aliquam lectus diam, id dictum nunc. Maecenas in augue tortor, sed viverra libero. “Morbi urna eros,” facilisis id malesuada a, auctor eget est. In hac habitasse platea dictumst. Ut neque nulla, dignissim ut viverra ac, vehicula vitae neque. Aenean vel libero a nibh luctus volutpat et sed ligula.

Code:
[dohtml]<div class="jacemountain">

<p class="ooc">out of character text</p>

<p></p>

<style type="text/css">

.jacemountain b {font-weight:bold; color:#142d45; letter-spacing:1px;}

.jacemountain .ooc { font-style:italic; padding:0px 10px; font-family:verdana, sans-serif; font-size:11px; text-align:right;}

.jacemountain p {text-indent:25px; padding:5px 10px; margin:0px;}

.jacemountain {margin:0px auto; width:475px; background-color:#476b85; background-image:url(http://i55.tinypic.com/15mczo6.jpg); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 450px 0px 3px 0px; font-family: georgia, sans-serif; font-size:12px; color:#fef4e7; line-height:16px; letter-spacing:.5px; text-align:justify;}

</style>[/dohtml]

[html]

out of character text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut ipsum ut sem posuere adipiscing. Proin aliquam lectus diam, id dictum nunc. Maecenas in augue tortor, sed viverra libero. “Morbi urna eros,” facilisis id malesuada a, auctor eget est. In hac habitasse platea dictumst. Ut neque nulla, dignissim ut viverra ac, vehicula vitae neque. Aenean vel libero a nibh luctus volutpat et sed ligula.

Code:
[dohtml]

<div class="jacedove">

<p class="ooc">out of character text</p>

<p></p>

<style type="text/css">

.jacedove b {font-weight:bold; color:#ffffff; letter-spacing:1px; }

.jacedove .ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:11px;}

.jacedove p {text-indent:25px; padding:5px 10px; margin:0px;}

.jacedove {margin:0px auto; width:391px; background-color:#000000; background-image:url(http://i.imgur.com/VZZH2.png); background-position:bottom center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 300px 0px; font-family: georgia, sans-serif; font-size:12px; color:#f0e3d1; line-height:16px; letter-spacing:.5px; text-align:justify;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px;}

</style>

[/dohtml]

[html]

Out of Character

ooc text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

In Character

Code:
[dohtml]<div class="jace22-b"><div class="jace22">

<div class="jace22-header">Out of Character</div>

<p class="jace22-ooc">ooc text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>

<div class="jace22-header">In Character</div>

</div></div>

<style>

.jace22 p {padding:0px 20px 10px 20px; margin:0px; text-indent:30px;}

.jace22 b {color:#171816;}

.jace22-b {width:402px; border:1px solid #000000; margin:0px auto;}

.jace22-header {font-family:georgia, serif; color:#DDE6CF; text-shadow:#1C0A00 0px 0px 4px; float: right; margin:5px; text-transform:uppercase; font-size:15px; font-weight:bold; letter-spacing:1px;}

.jace22-ooc {font-family:verdana, sans-serif; font-size:11px; letter-spacing:.4px; font-style:italic; }

.jace22 {background-color:#A9B8CF; padding:0px 0px 10px 0px; border:1px solid #DDE6CF; font-family: georgia, serif; font-size:12px; color:#474844; letter-spacing:.3px; word-spacing:2px; line-height:14px; width:400px; text-align:justify; background-image:url(http://i1209.photobucket.com/albums/cc382/Skitty5/winter_scene_stock_by_wyldraven-d49gs6f-1.jpg); background-position:bottom center; background-repeat:no-repeat; padding:10px 0px 240px 0px; }

</style>

[/dohtml]

Find

Login




Remember me Lost Password?