dream in black and white
#1
[html]

Shandom Qi’Vaex

'Souls Wiki Profile

Detailed Profile
Current Gamma of New Dawn.
2011 :: to live and discover again
  1. Δ under starry skies (October 2011)

    Shandom meets Ayita, and they talk for a brief time before parting ways. It is his first encounter with another member of Cour des Miracles.


  2. Δ his reflection (October 2011)

    Shandom meets Terra while he muses outside of Cour des Miracles. They do not get along at first, but he quickly realizes she is harmless and innocent. The pair goes for a swim before heading back to their mutual pack.


  3. Δ Trap the World in Friendship (October 2011) (M)

    Shandom meets Saxif, and she shows him how to tie a knot and create a trap. They soon give in to mutual sexual desire, and Shandom has his first encounter in Optime form.


  4. Δ Deviation Ecstatic (October 2011)

    Shandom wanders in the Dampwoods, and meets Caprica. He finds her very beautiful, and he opens up to her more than any other wolf he has met since his arrival in ‘Souls. The pair makes arrangements to meet again.


  5. Δ losing my religion (November 2011)

    With his friend Terra, Shandom attempts to select a hotel room so as to further involve himself in Cour des Miracles. In this process, however, Shandom realizes he is not quite cut out for this humanized style of living. His discontent grows.


  6. Δ the crumbling difference between wrong and right (November 2011)

    Shandom encounters Princess Chance, and is not only shocked by her name but her style of dress.


  7. Δ plunder and blunder (November 2011)

    Shandom meets Skoll Haskel, the son of Ayita and Vigilante. He is slightly taken aback by the rambunctious pup, but soon agrees to go looking for Pirates and act as the young Prince’s body guard.


  8. Δ the queen of carthage (November 2011)

    Shandom sees Caprica again outside of Cour des Miracles, and the duo goes deer hunting and enjoy conversation.


  9. Δ all this madness (November 2011)

    Shandom stumbles across a deserted human church in Halifax, and is struck by the madness of the emerging Luperci culture. He attempts to explain this to Terra, but she does not understand his opinion. Eventually, he tells her he is leaving Cour des Miracles.


  10. Δ build me up, buttercup (November 2011) (M)

    Shandom sees Gemma outside the Aniwayan borders, and they have a deliciously risqué one night stand.

  11. Δ who I’m meant to be (December 2011)

    Shandom leaves Cour des Miracles to find a life more suited to him in the North.


  12. Δ Leave all your longing behind (December 2011)

    Shandom meets Titania as she marks the land for New Dawn. The pair speaks for a bit, and Shandom discovers her intention to start a new pack. He expresses a desire to join, despite her age, and is relieved to discover there are wolves that still act like wolves.


  13. Δ inaniloquent (December 2011)

    While walking in his Optime form, Shandom trips on a root and finds himself stuck. Luckily, Naniko, the Alphess of the nearby Anathema, finds him and cuts him free.



    2011 :: of changes
  14. Ω Dawn of a New Day (January 2012)

    Shandom attends the first packmeeting for his new pack, New Dawn. Here, he meets the rest of his pack mates and realizes how grateful he is to be in a place like his home.

  15. Ω just go with the season (January 2012)

    Shandom explores New Dawn, and meets Augustus.

  16. Ω beyond the trees, over the clouds (January 2012)

    Shandom meets another one of his new packmates, Morcedai de Fonte.

  17. Ω this life to share (January 2012)

    Shandom responds to Titania’s gathering call, but quickly regrets it. She asks the gathered wolves to tell their stories, and the male struggles with it before deciding honestly – or at least mostly honest – story is the best approach. He also listens to others' stories, and realizes he is not the only one with darkness.


  18. Ω of childhood and paper cranes (January 2012)

    After mentioning to him that she would like to hear more of his background - which Shandom assumes to mean an explanation of his crimes - he seeks out Titania to tell her the rest of his sordid tale.





Very Simple Character Archive by Sie!
<style>
.vsca-credit { width:95%; margin:0 auto; font-family:georgia, serif; font-size:10px; text-transform:uppercase; letter-spacing:.05px; text-align:right;}
/*Just some general notes: You can use this to keep track of your Word of the Day or game points, too. It counts them automatically for you, then. 8D An example of this can be found in Sie's postlog (http://www.soulsrpg.com/ipb/index ... st&p=95421). Please feel free to quote the post and lift that example, though I swear there's nothing different about that code than the code provided here! Also, remember, if you use the basic DIV shell in multiple posts, you only need to include the CSS once! That's it! And then you can control all of your archives with one CSS, if you please! If not, and you want multiple different layouts for each character and you plan to customise each one, *PLEASE* remember to change your class names from .char to your character's name or another unique identification, otherwise your CSSes will overlap and it will be bad.*/
.char-archive {width:95%; margin:0 auto; font-family:'times new roman', times, serif; font-size:14px;}
/* Main DIV control. This controls your base text. If you want a background or border, you can add them here. You can combine this with my pure css table tutorial, sort of, and set a background image with padding to make it pretty, if you want. Big Grin*/
.char-archive li {padding:2px 0px; margin:0px; list-style-type: decimal-leading-zero; font-weight:bold;}
/*This controls the list items and gives them 2px padding on the top and bottom, 0px padding to the left and right, and a leading zero on the list numbers. It also makes the font weight of the numbers bold.*/
.char-archive li em {font-family:georgia, serif; font-size:12px; letter-spacing:-.1px; line-height:16px; font-style:normal; font-weight:normal; }
/*This is so that we can use a different text/font weight/color/etc for our numbers, and have our actual list item content text differ from the numbers. COOL RITE? */
.char-archive ol { list-style-position:inside; padding:0px; margin:0px; }
/* This sets the position of the numbers inside; you can also have them display outside, if you like, which will push all of the text over to the right and separate out the numbers to the left slightly. I wouldn't mess with the padding or margin unless you want to add spacing around your archive list.*/
.char-archive p {text-indent:25px; margin:0px; padding:0px; }
/*Gives your paragraphs a text indent. I generally only would wrap the thread description with a paragraph tag. If you want to give your thread description a little padding or margin or something, you can adjust those values.*/
.char-archive-warn {color:#AA0000; font-weight:bold;} /*Mature thread warning text color and weight. Please remember to mark your mature threads in their titles, the first post with the provided warnings, (http://www.soulsrpg.com/ipb/index ... t&p=107437), and in profiles, archives, and post logs. Anywhere you can give people a heads up about a mature thread is good.*/
.char-archive li a {text-transform:lowercase;}
/*Controls the links used in your list items. If you want all of them to display upper or lowercase, I would recommend setting it via CSS rather than manually typing it in capitalized or all lowercase, because it is far, far easier to go back and change things later if you use CSS to set such things. Smile I typed all of the thread titles in my character archives as properly capitalized and just set the links to display as lowercase. Remember, the fact that the a tag is declared after the li tag means that only links within your list items will change; any links outside of this (e.g., where the Wiki Profile / Detailed Profile links are) are not affected.*/
.char-post {font-size:15px; color:#8C0404;}
/*If you want to use the little symbols, this controls their color and size. I like for the symbols to stick out from the rest of the text, hence the color. They also don't look very good at smaller sizes, that is why they are set for 15px. Feel free to experiment, of course. :3*/
.char-archive .separator { font-family:'times new roman', times, serif; font-size:17px; text-transform:uppercase; border-bottom:1px dotted #000000; font-weight:bold; text-align:right; padding-right:10%;}
/*This is the separator control. Font variables and so forth. A note for the separators, you have to place them WITHIN a list item tag (li) in order for them to function properly for every instance except the first one, which is placed outside of the first ordered list tag (ol). An example of this has been done for you--please remember this, otherwise the separators are liable to break something somehow and you will have to rescue your codez and it will not be fun. */
.char-header {font-family:georgia, serif; font-size:22px; text-transform:uppercase; letter-spacing:1px; font-weight:bold; }
/*Controls the "Character Name" part's font and etc.*/
.char-title {width:50%; float:left;}
/* Makes the part with your character name and the notes beneath it float to the left. You can change this to right, just remember to set char-notes float to left. */
.char-notes {float:right; width:50%;}
/*Makes your character notes float to the right. You can change this to left, just remember to set char-post float to right too.*/
.char-list {clear:both; padding-top:10px;}
/*This makes your list clear the title and character notes divs. Don't touch this.;P You can change the padding so that there is a different amount between the thread list and your upper two divs; beyond that leave this part alone.*/
</style>

[/html]
#2
[html]
http://i73.photobucket.com/albums/i235/ ... omsid2.png); background-position: top center; background-repeat: no-repeat; padding-top:350px; font-family:verdana; font-size:10px; line-height:13px; ">


OOC here!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus, erat at egestas congue, leo felis ultricies sapien, quis pretium mi nibh nec erat. Nullam a venenatis risus. Vestibulum fermentum ultrices semper. “Donec pellentesque condimentum pretium.” Cras ante nulla, interdum id volutpat et, lacinia sed augue. Aenean vitae libero sed quam ultricies facilisis ac quis velit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus, erat at egestas congue, leo felis ultricies sapien, quis pretium mi nibh nec erat. Nullam a venenatis risus. Vestibulum fermentum ultrices semper. “Donec pellentesque condimentum pretium.” Cras ante nulla, interdum id volutpat et, lacinia sed augue. Aenean vitae libero sed quam ultricies facilisis ac quis velit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus, erat at egestas congue, leo felis ultricies sapien, quis pretium mi nibh nec erat. Nullam a venenatis risus. Vestibulum fermentum ultrices semper. “Donec pellentesque condimentum pretium.” Cras ante nulla, interdum id volutpat et, lacinia sed augue. Aenean vitae libero sed quam ultricies facilisis ac quis velit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus, erat at egestas congue, leo felis ultricies sapien, quis pretium mi nibh nec erat. Nullam a venenatis risus. Vestibulum fermentum ultrices semper. “Donec pellentesque condimentum pretium.” Cras ante nulla, interdum id volutpat et, lacinia sed augue. Aenean vitae libero sed quam ultricies facilisis ac quis velit.



Text only between these to make paragraphs. Bold text Italic






Table by Marie

<style>
.Shandom p {padding:5px 10px; margin:0px; text-indent:45px;}
.Shandom i {color:#ffffff; letter-spacing:.5px; font-family:times new roman, times, serif; font-size:14px; }
.Shandom b {color:#ffffff; letter-spacing:.5px; font-family:times new roman, times, serif; font-size:14px; }
.Shandom {font-family: georgia, serif; font-size:12px; color:#000000; letter-spacing:.-.5px; word-spacing:.3px; line-height:18px; width:350px; text-align:left; padding:0px 0px 10px 0px; margin:0px auto; }</style>
[/html]

Code:
[dohtml]
<center><div style='width:504px;'><div style='float:left;width:150px;height:500px;border:1px solid black;background-image:url(http://i73.photobucket.com/albums/i235/bane_22/Sets/Shandomsid1.png);background-repeat:no-repeat;background-color:#ffffff;'></div>
<div style="float:right; width:348px;padding:1px;border:1px solid black;background-color:#7eb891; background-image: url(http://i73.photobucket.com/albums/i235/bane_22/Sets/Shandomsid2.png); background-position: top center; background-repeat: no-repeat; padding-top:350px; font-family:verdana; font-size:10px; line-height:13px; ">

<div class="Shandom">

<p>OOC here!</p>
<p>
<i>Lorem ipsum</i> dolor sit amet, consectetur adipiscing elit. Donec rhoncus, erat at egestas congue, leo felis ultricies sapien, quis pretium mi nibh nec erat. Nullam a venenatis risus. Vestibulum fermentum ultrices semper.<b> “Donec pellentesque condimentum pretium.”</b> Cras ante nulla, interdum id volutpat et, lacinia sed augue. Aenean vitae libero sed quam ultricies facilisis ac quis velit.</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus, erat at egestas congue, leo felis ultricies sapien, quis pretium mi nibh nec erat. Nullam a venenatis risus. Vestibulum fermentum ultrices semper. <b>“Donec pellentesque condimentum pretium.”</b> Cras ante nulla, interdum id volutpat et, lacinia sed augue. Aenean vitae libero sed quam ultricies facilisis ac quis velit.</p><p>
<i>Lorem ipsum</i> dolor sit amet, consectetur adipiscing elit. Donec rhoncus, erat at egestas congue, leo felis ultricies sapien, quis pretium mi nibh nec erat. Nullam a venenatis risus. Vestibulum fermentum ultrices semper.<b> “Donec pellentesque condimentum pretium.”</b> Cras ante nulla, interdum id volutpat et, lacinia sed augue. Aenean vitae libero sed quam ultricies facilisis ac quis velit.</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus, erat at egestas congue, leo felis ultricies sapien, quis pretium mi nibh nec erat. Nullam a venenatis risus. Vestibulum fermentum ultrices semper. <b>“Donec pellentesque condimentum pretium.”</b> Cras ante nulla, interdum id volutpat et, lacinia sed augue. Aenean vitae libero sed quam ultricies facilisis ac quis velit.</p>


<p>
Text only between these to make paragraphs. <b>Bold text</b> <i>Italic</i>
</p>


</div>
</div>

<div style='clear:both;'></div>

</div>

</center><center> Table by Marie</center>
<style>
.Shandom p {padding:5px 10px; margin:0px; text-indent:45px;}
.Shandom i {color:#ffffff; letter-spacing:.5px; font-family:times new roman, times, serif; font-size:14px; }
.Shandom b {color:#ffffff; letter-spacing:.5px; font-family:times new roman, times, serif; font-size:14px; }
.Shandom {font-family: georgia, serif; font-size:12px; color:#000000;  letter-spacing:.-.5px; word-spacing:.3px; line-height:18px; width:350px; text-align:left; padding:0px 0px 10px 0px; margin:0px auto; }</style>
[/dohtml]



[html]
.: OOC :: WC :.

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.


This is another paragraph because that's what I do. 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.


Nuki is great and that rhymes with plate which sounds like go to bed Nuki! 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.


Just showing more examples of paragraph starters. 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.


<style type="text/css">
.Shandom_RockOcean b {font-weight:bold; color:#fcdbd7; font-size:16; letter-spacing:.5px; font-family:Arial; text-shadow:1px 1px 1px #7c7c7c; }
.Shandom_RockOcean .ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:11px;}
.Shandom_RockOcean p {text-indent:25px; padding:5px 18px 10px 18px; margin:0px;}
.Shandom_RockOcean {margin:0px auto; width:500px; background-color:#8cb3c1; background-image:url(http://i.imgur.com/XwVqr.jpg); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 150px 0px 10px 0px; font-family:Arial, sans-serif; font-size:12px; color:#1e566a; line-height:16px; letter-spacing:.5px; text-align:justify;}
.Shandom_RockOcean p:first-letter {font-size:25px;font-weight:normal;font-family:'Marck Script';}
</style>[/html]



Code:
  [dohtml]
<center><div style="width:500px; font-size:11px; font-family: Georgia, serif; style:italics; text-align:right;">.: OOC :: WC :.</div></center>
<div class="Shandom_RockOcean">
<p>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. <b>“Morbi urna eros,”</b> 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.</p>

<P>This is another paragraph because that's what I do. 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.</P>

<P>Nuki is great and that rhymes with plate which sounds like go to bed Nuki! 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.</p>

<p>Just showing more examples of paragraph starters. 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. </P>

</div>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Marck Script">
<style type="text/css">
.Shandom_RockOcean b {font-weight:bold; color:#fcdbd7; font-size:16; letter-spacing:.5px; font-family:Arial; text-shadow:1px 1px 1px #7c7c7c; }
.Shandom_RockOcean .ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:11px;}
.Shandom_RockOcean p {text-indent:25px; padding:5px 18px 10px 18px; margin:0px;}
.Shandom_RockOcean {margin:0px auto; width:500px; background-color:#8cb3c1; background-image:url(http://i.imgur.com/XwVqr.jpg); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 150px 0px 10px 0px; font-family:Arial, sans-serif; font-size:12px; color:#1e566a; line-height:16px; letter-spacing:.5px; text-align:justify;}
.Shandom_RockOcean p:first-letter {font-size:25px;font-weight:normal;font-family:'Marck Script';}
</style>[/dohtml]




[html]
000+
ooc

IC


<style type="text/css">
.mustfall b {font-weight:normal; color:#d2e9fe; letter-spacing:.5px;line-height:12px;text-shadow:#182d42 0px 0px 3px; }
.mustfall .ooc {font-style:italic; padding: 5px 5px 20px 5px; font-family:verdana, sans-serif; font-size:11px; color:#cfd8da; text-align:center; text-shadow:#04050b 0px 1px 1px;}
.mustfall p {text-indent:25px; padding:5px 15px 0px 15px; margin:0px;}
.mustfall {margin:0 auto; width:500px; background-color:#4076bb; background-image:url(http://i.imgur.com/lnGAO.jpg); background-position:top center; background-repeat:no-repeat; border:1px solid #4076bb; padding: 270px 0px 10px 0px; font-family: Times new Roman, sans-serif; font-size:13px; color:#9bdcfe; line-height:16px; letter-spacing:.5px; text-align:justify;word-spacing:.5px;}
</style>
[/html]

Code:
[dohtml]
<div class="mustfall">
<div class="ooc">000+<br>ooc </div>

<p>IC</p>

</div>
<style type="text/css">
.mustfall b {font-weight:normal; color:#d2e9fe; letter-spacing:.5px;line-height:12px;text-shadow:#182d42 0px 0px 3px; }
.mustfall .ooc {font-style:italic; padding: 5px 5px 20px 5px; font-family:verdana, sans-serif; font-size:11px; color:#cfd8da; text-align:center; text-shadow:#04050b 0px 1px 1px;}
.mustfall p {text-indent:25px; padding:5px 15px 0px 15px; margin:0px;}
.mustfall {margin:0 auto; width:500px; background-color:#4076bb; background-image:url(http://i.imgur.com/lnGAO.jpg); background-position:top center; background-repeat:no-repeat; border:1px solid #4076bb; padding: 270px 0px 10px 0px; font-family: Times new Roman, sans-serif; font-size:13px; color:#9bdcfe; line-height:16px; letter-spacing:.5px; text-align:justify;word-spacing:.5px;}
</style>
[/dohtml]



[html]
000+
ooc

ic


<style type="text/css">
.herface b {font-weight:normal; color:#d2e9fe; letter-spacing:.5px;line-height:12px;text-shadow:#182d42 0px 0px 3px; }
.herface .ooc {font-style:italic; padding: 5px 5px 10px 5px; font-family:verdana, sans-serif; font-size:11px; color:#3e606c; text-align:center; text-shadow:#e1ede6 0px 1px 1px;}
.herface p {text-indent:25px; padding:5px 15px 0px 15px; margin:0px;}
.herface {margin:0 auto; width:500px; background-color:#91a5ac; background-image:url(http://i.imgur.com/7AZmy.jpg); background-position:top center; background-repeat:no-repeat; border:1px solid #3e606c; padding: 150px 0px 10px 0px; font-family: Times new Roman, sans-serif; font-size:13px; color:#3e606c; line-height:16px; letter-spacing:.5px; text-align:justify;word-spacing:.5px;}
</style>
[/html]

Code:
[dohtml]
<div class="herface">
<div class="ooc">000+<br>ooc </div>

<p>ic</p>

</div>
<style type="text/css">
.herface b {font-weight:normal; color:#d2e9fe; letter-spacing:.5px;line-height:12px;text-shadow:#182d42 0px 0px 3px; }
.herface .ooc {font-style:italic; padding: 5px 5px 10px 5px; font-family:verdana, sans-serif; font-size:11px; color:#3e606c; text-align:center; text-shadow:#e1ede6 0px 1px 1px;}
.herface p {text-indent:25px; padding:5px 15px 0px 15px; margin:0px;}
.herface {margin:0 auto; width:500px; background-color:#91a5ac; background-image:url(http://i.imgur.com/7AZmy.jpg); background-position:top center; background-repeat:no-repeat; border:1px solid #3e606c; padding: 150px 0px 10px 0px; font-family: Times new Roman, sans-serif; font-size:13px; color:#3e606c; line-height:16px; letter-spacing:.5px; text-align:justify;word-spacing:.5px;}
</style>
[/dohtml]

[html]

occ here

Word Count → 000


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus, erat at egestas congue, leo felis ultricies sapien, quis pretium mi nibh nec erat. Nullam a venenatis risus. Vestibulum fermentum ultrices semper. “Donec pellentesque condimentum pretium.” Cras ante nulla, interdum id volutpat et, lacinia sed augue. Aenean vitae libero sed quam ultricies facilisis ac quis velit.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus, erat at egestas congue, leo felis ultricies sapien, quis pretium mi nibh nec erat. Nullam a venenatis risus. Vestibulum fermentum ultrices semper. “Donec pellentesque condimentum pretium.” Cras ante nulla, interdum id volutpat et, lacinia sed augue. Aenean vitae libero sed quam ultricies facilisis ac quis velit.


Table by Aly, code by the Mentors!

<style>
.shandom-rainingocean { background-image:url(http://i.imgur.com/CyXa0.png); background-repeat:no-repeat; background-position:bottom center; background-color:#d2e9ef; width:500px; margin:0px auto; text-align: left; padding:10px 0px 275px 0px; color:#; font-family:georgia, serif; font-size:12px; line-height:18px; border:1px solid #FFFFFF; outline:1px solid #000000;}
.shandom-rainingocean b {color:#FFFFFF; }
.shandom-rainingocean p { color:#00303d; text-indent:40px; padding:5px 15px; margin:0px; }
.shandom-rainingocean p.ooc { font-family:arial, helvetica, sans-serif; font-size:11px; }
.shandom-rainingocean .name { font-size:45px; font-family:arial, helvetica, sans-serif; text-transform:uppercase; text-align:right; margin:0px 45px 15px 0px; color:#FFFFFF; text-shadow:#000000 2px 2px 1px; }
p.template-credit {text-indent:0px; text-align:center; font-size:10px; font-style:italic; width:425px; text-align:center; margin:0px auto;}
.shandom-rainingocean .wordcount {color:#FFFFFF; letter-spacing:0px; font-size:11px; font-weight:bold; border-top:1px dotted #8c8c8c; text-align:right; padding:0px 5px; text-transform:uppercase; margin:0px 15px 15px 15px;}
p.template-credit {text-indent:0px; text-align:center; font-size:10px; font-style:italic; width:425px; text-align:center; margin:0px auto;}

</style>
[/html]

Code:
[dohtml]<div class="shandom-rainingocean">
<div class="name"></div>
<p class="ooc"><i>occ here</i></p>
<p class="wordcount">Word Count → 000</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus, erat at egestas congue, leo felis ultricies sapien, quis pretium mi nibh nec erat. Nullam a venenatis risus. Vestibulum fermentum ultrices semper. <b>“Donec pellentesque condimentum pretium.”</b> Cras ante nulla, interdum id volutpat et, lacinia sed augue. Aenean vitae libero sed quam ultricies facilisis ac quis velit.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus, erat at egestas congue, leo felis ultricies sapien, quis pretium mi nibh nec erat. Nullam a venenatis risus. Vestibulum fermentum ultrices semper. <b>“Donec pellentesque condimentum pretium.”</b> Cras ante nulla, interdum id volutpat et, lacinia sed augue. Aenean vitae libero sed quam ultricies facilisis ac quis velit.</p>

</div>
<p class="template-credit">Table by Aly, code by <a href="?viewtopic.php?t=17301">the Mentors!</a></p>
<style>
.shandom-rainingocean { background-image:url(http://i.imgur.com/CyXa0.png); background-repeat:no-repeat; background-position:bottom center; background-color:#d2e9ef; width:500px; margin:0px auto; text-align: left; padding:10px 0px 275px 0px; color:#; font-family:georgia, serif; font-size:12px; line-height:18px; border:1px solid #FFFFFF; outline:1px solid #000000;}
.shandom-rainingocean b {color:#FFFFFF; }
.shandom-rainingocean p { color:#00303d; text-indent:40px; padding:5px 15px; margin:0px; }
.shandom-rainingocean p.ooc { font-family:arial, helvetica, sans-serif; font-size:11px; }
.shandom-rainingocean .name { font-size:45px; font-family:arial, helvetica, sans-serif; text-transform:uppercase; text-align:right; margin:0px 45px 15px 0px; color:#FFFFFF; text-shadow:#000000 2px 2px 1px; }
p.template-credit {text-indent:0px; text-align:center; font-size:10px; font-style:italic; width:425px; text-align:center; margin:0px auto;}
.shandom-rainingocean .wordcount {color:#FFFFFF; letter-spacing:0px; font-size:11px; font-weight:bold; border-top:1px dotted #8c8c8c; text-align:right; padding:0px 5px; text-transform:uppercase; margin:0px 15px 15px 15px;}
p.template-credit {text-indent:0px; text-align:center; font-size:10px; font-style:italic; width:425px; text-align:center; margin:0px auto;}

</style>
[/dohtml]



[html]

OOC here.

Word Count → 000


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla malesuada, libero in venenatis volutpat, elit tellus cursus lacus, quis facilisis ligula sapien nec nisl. In sed pellentesque elit. Quisque non velit eu quam ullamcorper lacinia. Praesent consequat, odio ut vestibulum bibendum, enim nunc interdum lectus, eget tristique tellus mi id metus. Ut pretium, ligula quis mattis iaculis, tortor mi iaculis leo, non tincidunt orci quam eu elit. Proin viverra auctor justo, vel convallis dui faucibus ac. Nunc vel nulla turpis, ac condimentum sem. Cras porta dolor quis diam pulvinar tempor. Praesent vehicula pulvinar dui, et malesuada orci vestibulum nec. Donec eget pretium odio.


Ut tempus metus a nisl ullamcorper ut dignissim risus gravida. Proin ipsum leo, commodo vitae sagittis porttitor, dapibus a sapien. Morbi tincidunt hendrerit elit, in gravida magna auctor eu. Ut laoreet blandit lacus, a tincidunt sem porttitor non. Etiam mi metus, tempus nec consectetur non, ultrices feugiat sapien. Nulla cursus consectetur suscipit. Sed convallis arcu sed sem blandit quis molestie tellus sodales. Pellentesque venenatis metus et urna lobortis lobortis. Vestibulum porttitor erat ac nibh scelerisque rutrum.


Morbi tincidunt, magna lobortis commodo pellentesque, dui erat interdum dolor, sit amet cursus mauris neque eu nisi. Vestibulum dapibus porta tortor eget ultricies. Donec porta faucibus mauris, non dictum augue adipiscing ut. Nunc euismod ante quam, in tempus neque. Mauris magna nisl, semper sed scelerisque vitae, facilisis semper diam. Etiam vel consectetur quam. Etiam non dolor sapien, vehicula consectetur dui. Curabitur dolor neque, pulvinar ut consequat a, iaculis et lorem. Phasellus.


<style type="text/css">
.shandomtree b {font-weight:bold; color:#8ca822; letter-spacing:1px; text-shadow:#141400 -1px 1px 1px;}
.shandomtree p {text-indent:25px; padding:5px 13px; margin:0px;}
.shandomtree {margin:0px auto; width:500px; background-color:#dadacd; background-image:url(http://i.imgur.com/PI9eI.png); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 395px 0px 3px 0px; font-family: georgia, sans-serif; font-size:12px; color:#141400; line-height:16px; letter-spacing:.5px; text-align:justify;}
.shandomtree .wordcount {color:#8ca822; letter-spacing:0px; font-size:11px; font-weight:bold; border-top:1px dashed #141400; text-align:right; padding:0px 5px; text-transform:uppercase; margin:0px 15px 15px 15px; text-shadow:#141400 -1px 1px 1px;}
.shandomtree .ooc {font-style:italic; font-size:11px;}
.shandomtree p b:before { content: open-quote; }
.shandomtree p b:after {content: close-quote; }
</style>[/html]

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

<p class="ooc">OOC here.</p>
<p class="wordcount">Word Count → 000</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla malesuada, libero in venenatis volutpat, elit tellus cursus lacus, quis facilisis ligula sapien nec nisl. In sed pellentesque elit. Quisque non velit eu quam ullamcorper lacinia. <b>Praesent consequat,</b> odio ut vestibulum bibendum, enim nunc interdum lectus, eget tristique tellus mi id metus. Ut pretium, ligula quis mattis iaculis, tortor mi iaculis leo, non tincidunt orci quam eu elit. Proin viverra auctor justo, vel convallis dui faucibus ac. Nunc vel nulla turpis, ac condimentum sem. Cras porta dolor quis diam pulvinar tempor. Praesent vehicula pulvinar dui, et malesuada orci vestibulum nec. Donec eget pretium odio. <p>

Ut tempus metus a nisl ullamcorper ut dignissim risus gravida. Proin ipsum leo, commodo vitae sagittis porttitor, dapibus a sapien. Morbi tincidunt hendrerit elit, in gravida magna auctor eu. Ut laoreet blandit lacus, a tincidunt sem porttitor non. Etiam mi metus, tempus nec consectetur non, ultrices feugiat sapien. Nulla cursus consectetur suscipit. Sed convallis arcu sed sem blandit quis molestie tellus sodales. Pellentesque venenatis metus et urna lobortis lobortis. Vestibulum porttitor erat ac nibh scelerisque rutrum. <p>

<b>Morbi tincidunt,</b> magna lobortis commodo pellentesque, dui erat interdum dolor, sit amet cursus mauris neque eu nisi. Vestibulum dapibus porta tortor eget ultricies. Donec porta faucibus mauris, non dictum augue adipiscing ut. Nunc euismod ante quam, in tempus neque. Mauris magna nisl, semper sed scelerisque vitae, facilisis semper diam. Etiam vel consectetur quam. Etiam non dolor sapien, vehicula consectetur dui. Curabitur dolor neque, pulvinar ut consequat a, iaculis et lorem. Phasellus.</p>

</div><style type="text/css">
.shandomtree b {font-weight:bold; color:#8ca822; letter-spacing:1px; text-shadow:#141400 -1px 1px 1px;}
.shandomtree p {text-indent:25px; padding:5px 13px; margin:0px;}
.shandomtree {margin:0px auto; width:500px; background-color:#dadacd; background-image:url(http://i.imgur.com/PI9eI.png); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 395px 0px 3px 0px; font-family: georgia, sans-serif; font-size:12px; color:#141400; line-height:16px; letter-spacing:.5px; text-align:justify;}
.shandomtree .wordcount {color:#8ca822; letter-spacing:0px; font-size:11px; font-weight:bold; border-top:1px dashed #141400; text-align:right; padding:0px 5px; text-transform:uppercase; margin:0px 15px 15px 15px; text-shadow:#141400 -1px 1px 1px;}
.shandomtree .ooc {font-style:italic; font-size:11px;}
.shandomtree p b:before { content: open-quote; }
.shandomtree p b:after {content: close-quote; }
</style>[/dohtml]



[html]
OOC / +count



WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS

*deep breath* WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS


<style type="text/css">
.shany b {font-weight:bold; color:#74502d; letter-spacing:1px; text-shadow: 0.1em 0.1em 0.2em #1e1002; }
.shany p {text-indent:0px; padding:5px 16px; margin:0px;}
.shany {margin:0 auto; width:480px; background-color:#382710; background-image:url(http://i.imgur.com/65R6z.png); background-position:top center; background-repeat:no-repeat; border:1px solid #0b052c; padding: 270px 0px 7px 0px; font-family: Georgia, serif; font-size:12px; color:#947f6a; text-shadow: 0.1em 0.1em 0.2em #; letter-spacing:.6px; word-spacing:.9x; line-height:13.3px; text-align:justify;}
.shany p b:before { content: open-quote; }
.shany p b:after {content: close-quote; }
</style>
[/html]



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:9px; font-style:italic; text-align:right;">OOC / +count</div></center>

<div class="shany"><p>

WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS
<p>
*deep breath* WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS


</p>
</div>
<style type="text/css">
.shany b {font-weight:bold; color:#74502d; letter-spacing:1px; text-shadow: 0.1em 0.1em 0.2em #1e1002; }
.shany p {text-indent:0px; padding:5px 16px; margin:0px;}
.shany {margin:0 auto; width:480px; background-color:#382710; background-image:url(http://i.imgur.com/65R6z.png); background-position:top center; background-repeat:no-repeat; border:1px solid #0b052c; padding: 270px 0px 7px 0px; font-family: Georgia, serif; font-size:12px; color:#947f6a; text-shadow: 0.1em 0.1em 0.2em #; letter-spacing:.6px; word-spacing:.9x; line-height:13.3px; text-align:justify;}
.shany p b:before { content: open-quote; }
.shany p b:after {content: close-quote; }
</style>
[/dohtml]


[html]

OOC here!


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer accumsan molestie metus, a dictum lacus dapibus quis. Fusce est lectus, tristique nec blandit ut, congue a lacus. Sed adipiscing dapibus arcu. Donec sollicitudin tempus semper. Aenean rutrum, neque condimentum placerat dignissim, risus est iaculis lorem, sit amet condimentum nisi erat non dui. Cras adipiscing pulvinar ultricies. In in lacus felis, at convallis justo. Etiam eros nulla, pharetra id convallis ac, tristique nec mi. Donec venenatis turpis imperdiet purus consectetur eget placerat tortor tincidunt. Sed sem dolor, aliquam sit amet bibendum vel, malesuada in ligula. Nam nec ultricies sem. Nam tincidunt condimentum tortor ac tempor. Cras orci justo, lacinia sed porttitor ut, interdum nec risus. Donec mauris mauris, venenatis et vehicula non, fermentum nec neque. Phasellus sollicitudin libero sed justo convallis ultrices.

Fusce tortor mi, malesuada non imperdiet sit amet, fringilla sit amet velit. Donec fermentum, diam nec ullamcorper tincidunt, dolor enim luctus erat, ut rutrum elit dolor ut lorem. Nam auctor semper erat, ac fringilla urna mollis imperdiet. Aenean eu nunc est, nec tempus nibh. Sed sit amet sagittis mauris. Aliquam mollis metus vulputate est vulputate et euismod ipsum vehicula. Curabitur non lacinia lacus. Vestibulum a lacus magna, eget mattis lectus.


<style type="text/css">
.waadoc b {font-weight:bold; color:#cad3ec; text-shadow:#16120d 1px 1px 2px;}
.waadoc p {padding:5px 15px; margin:0px; text-indent:0px;}
.waadoc {margin:0px auto; width:500px; background-color:#98938c; background-image:url(http://i.imgur.com/3zqrQ.png); background-position:top center; background-repeat:no-repeat; border:1px solid #595856; padding:250px 0px 5px 0px; font-family:georgia, sans-serif; font-size:12px; color:#3f4047; line-height:16px; text-align:justify; border-radius:10px;}
.waadoc .ooc {font-style:italic; font-size:11px; text-align:center;}
.waadoc p b:before { content: open-quote; }
.waadoc p b:after {content: close-quote; }
</style>
[/html]

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

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

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer accumsan molestie metus, a dictum lacus dapibus quis. Fusce est lectus, tristique nec blandit ut, congue a lacus. Sed adipiscing dapibus arcu. Donec sollicitudin tempus semper. Aenean rutrum, neque condimentum placerat dignissim, risus est iaculis lorem, sit amet condimentum nisi erat non dui. Cras adipiscing pulvinar ultricies. In in lacus felis, at convallis justo. <b>Etiam eros nulla,</b> pharetra id convallis ac, tristique nec mi. Donec venenatis turpis imperdiet purus consectetur eget placerat tortor tincidunt. Sed sem dolor, aliquam sit amet bibendum vel, malesuada in ligula. Nam nec ultricies sem. Nam tincidunt condimentum tortor ac tempor. Cras orci justo, lacinia sed porttitor ut, interdum nec risus. Donec mauris mauris, venenatis et vehicula non, fermentum nec neque. Phasellus sollicitudin libero sed justo convallis ultrices.
<p>
Fusce tortor mi, malesuada non imperdiet sit amet, fringilla sit amet velit. Donec fermentum, diam nec ullamcorper tincidunt, dolor enim luctus erat, ut rutrum elit dolor ut lorem. Nam auctor semper erat, ac fringilla urna mollis imperdiet. <b>Aenean eu nunc est, nec tempus nibh.</b> Sed sit amet sagittis mauris. Aliquam mollis metus vulputate est vulputate et euismod ipsum vehicula. Curabitur non lacinia lacus. Vestibulum a lacus magna, eget mattis lectus.
</p></div>

<style type="text/css">
.waadoc b {font-weight:bold; color:#cad3ec; text-shadow:#16120d 1px 1px 2px;}
.waadoc p {padding:5px 15px; margin:0px; text-indent:0px;}
.waadoc {margin:0px auto; width:500px; background-color:#98938c; background-image:url(http://i.imgur.com/3zqrQ.png); background-position:top center; background-repeat:no-repeat; border:1px solid #595856; padding:250px 0px 5px 0px; font-family:georgia, sans-serif; font-size:12px; color:#3f4047; line-height:16px; text-align:justify; border-radius:10px;}
.waadoc .ooc {font-style:italic; font-size:11px; text-align:center;}
.waadoc p b:before { content: open-quote; }
.waadoc p b:after {content: close-quote; }
</style>
[/dohtml]


Forum Jump: