[DND] Shadows Stuff
#1
Putting up the codes

Moonlit Beach
CODE
[html]

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. Pellentesque pulvinar, felis et porttitor auctor, odio augue auctor nisi, vitae ultrices enim felis tincidunt augue. Morbi arcu dui, tempus sit amet vehicula id, tincidunt sed elit. Maecenas ornare, arcu eu volutpat egestas, justo arcu aliquet urna, bibendum auctor sapien orci eget nunc


<style>
.shadowself .ft-ooc {font-style:italic;}
.shadowself p {padding:3px 20px 3px 20px; margin:0px; text-indent:35px;}
.shadowself b {color:#26577F; letter-spacing:-.2px;}
.shadowself {background-color:#1F4752; background-image:url(http://i1209.photobucket.com/albums/cc3 ... falm-1.jpg); background-position:top center; background-repeat:no-repeat; padding:480px 0px 10px 0px; border:1px solid #000000; border-radius:20px; font-family: georgia, serif; font-size:12px; color:#000000; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:500px; text-align:justify; margin:0px auto;}
.shadowself .ft-separator{width:250px; border-bottom:1px dotted #000000; margin:0px auto;}
</style>
[/html]


Monster Within
CODE
[html]

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.


<style>
.monsterwithin .ooc {font-style:italic; }
.monsterwithin p {padding:2px 0px; margin:0px; text-indent:35px;}
.monsterwithin b {color:#CBCACA; letter-spacing:-.2px; text-shadow:#000000 2px 2px 2px; }
.monsterwithin {background-color:#000000; background-image:url(http://i1209.photobucket.com/albums/cc3 ... fafw-1.jpg); background-position:top center; background-repeat:no-repeat; border:2px solid #FFFFFF; font-family: georgia, serif; font-size:12px; color:#000000; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:350px; text-align:justify; }
.monsterwithin-border {width:352px; border:1px solid #000000; margin:0 auto;}
.monsterwithin .inner {margin:150px 10px 10px 10px; padding:10px; background-image:url(http://sleepyglow.net/souls/25pct_white.png); border:1px solid #000000; border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px;}
</style>[/html]


Tomb Stone
CODE
[html]

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. Pellentesque pulvinar, felis et porttitor auctor, odio augue auctor nisi, vitae ultrices enim felis tincidunt augue. Morbi arcu dui, tempus sit amet vehicula id, tincidunt sed elit. Maecenas ornare, arcu eu volutpat egestas, justo arcu aliquet urna, bibendum auctor sapien orci eget nunc


Shadowfang
<style>
.shadowpain1 .ft-ooc {font-style:italic;}
.shadowpain1-header {font-size:25px; text-align:right; padding:10px 20px; font-family:papyrus, sans-serif; color:#DD2200; text-shadow:#4C2D11 0px 0px 5px;}
.shadowpain1 p {padding:3px 20px 3px 20px; margin:0px; text-indent:35px;}
.shadowpain1 b {color:#DD2200; letter-spacing:-.2px;}
.shadowpain1 {background-color:#3C0C00; background-image:url(http://i1209.photobucket.com/albums/cc3 ... atig-1.jpg); background-position:top center; background-repeat:no-repeat; padding:250px 0px 10px 0px; border:1px solid #000000; margin:0px auto; font-family: georgia, serif; font-size:12px; color:#000000; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:375px; text-align:justify; }
.shadowpain1 .ft-separator{width:250px; border-bottom:1px dotted #000000; margin:0px auto;}
</style>
[/html]


New Dawn
CODE
[html]

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. Pellentesque pulvinar, felis et porttitor auctor, odio augue auctor nisi, vitae ultrices enim felis tincidunt augue. Morbi arcu dui, tempus sit amet vehicula id, tincidunt sed elit. Maecenas ornare, arcu eu volutpat egestas, justo arcu aliquet urna, bibendum auctor sapien orci eget nunc


<style>
.newdawn3 .ft-ooc {font-style:italic;}
.newdawn3 p {padding:3px 20px 3px 20px; margin:0px; text-indent:35px;}
.newdawn3 b {color:#A67C15; letter-spacing:-.2px;}
.newdawn3 {background-color:#000000; background-image:url(http://i1209.photobucket.com/albums/cc3 ... xm0c-1.jpg); background-position:top center; background-repeat:no-repeat; padding:200px 0px 10px 0px; border:1px solid #000000; border-radius:15px; margin:0px auto; font-family: georgia, serif; font-size:12px; color:#6E571D; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:400px; text-align:justify; }
.newdawn3 .ft-separator{width:250px; border-bottom:1px dotted #A67C15; margin:0px auto;}
</style>
[/html]


Sweet Love
CODE
[html]

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.


<style>
.shadowlove .ooc {font-style:italic; }
.shadowlove p {padding:2px 0px; margin:0px; text-indent:35px;}
.shadowlove b {color:#CBCACA; letter-spacing:-.2px; text-shadow:#000000 2px 2px 2px; }
.shadowlove {background-color:#000000; background-image:url(http://i1209.photobucket.com/albums/cc3 ... 57pt-1.jpg); background-position:top center; background-repeat:no-repeat; border:2px solid #FFFFFF; font-family: georgia, serif; font-size:12px; color:#FFFFFF; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:500px; text-align:justify; }
.shadowlove-border {width:479px; border:1px solid #000000; margin:0 auto;}
.shadowlove .inner {margin:280px 10px 10px 10px; padding:10px; background-image:url(http://sleepyglow.net/souls/25pct_white.png); border:1px solid #000000; border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px; height:275px; overflow:auto;}
</style>[/html]


Moon Eyes
CODE
[html]

Shadow

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. Pellentesque pulvinar, felis et porttitor auctor, odio augue auctor nisi, vitae ultrices enim felis tincidunt augue. Morbi arcu dui, tempus sit amet vehicula id, tincidunt sed elit. Maecenas ornare, arcu eu volutpat egestas, justo arcu aliquet urna, bibendum auctor sapien orci eget nunc


<style>
.badbackground .ft-ooc {font-style:italic;}
.badbackground-header {font-size:25px; text-align:right; padding:10px 20px; color:#FF4000; text-shadow:#4C2D11 0px 0px 5px;}
.badbackground p {padding:3px 20px 3px 20px; margin:0px; text-indent:35px;}
.badbackground b {color:#ff4000; letter-spacing:-.2px;}
.badbackground {background-color:#000000; background-image:url(http://i1209.photobucket.com/albums/cc3 ... moon-1.png); background-position:top center; background-repeat:no-repeat; padding:300px 0px 10px 0px; border:1px solid #FF571F; font-family: georgia, serif; font-size:12px; color:#D33500; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:379px; text-align:justify; }
.badbackground-border {width:381px; border:1px solid #000000; margin:0px auto; }
.badbackground .ft-separator{width:250px; border-bottom:1px dotted #D33500; margin:0px auto;}
</style>
[/html]


Mountain top
CODE
[html]

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. Pellentesque pulvinar, felis et porttitor auctor, odio augue auctor nisi, vitae ultrices enim felis tincidunt augue. Morbi arcu dui, tempus sit amet vehicula id, tincidunt sed elit. Maecenas ornare, arcu eu volutpat egestas, justo arcu aliquet urna, bibendum auctor sapien orci eget nunc


<style>
.shadowmountain .ft-ooc {font-style:italic;}
.shadowmountain p {padding:3px 20px 3px 20px; margin:0px; text-indent:35px;}
.shadowmountain b {color:#98F0DE; letter-spacing:-.2px;}
.shadowmountain {background-color:#F3F8F7; background-image:url(http://i1209.photobucket.com/albums/cc3 ... lit0-1.jpg); background-position:bottom center; background-repeat:no-repeat; padding:10px 0px 200px 0px; border:1px solid #C5F5EB; font-family: georgia, serif; font-size:12px; color:#000000; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:400px; text-align:justify; }
.shadowmountain-border {width:402px; border:1px solid #000000; margin:0px auto; }
.shadowmountain .ft-separator{width:250px; border-bottom:1px dotted #E2F7F3; margin:0px auto;}
</style>
[/html]


Dark Path
CODE
[html]

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.


<style>
.darkpath .ooc {font-style:italic; }
.darkpath p {padding:2px 0px; margin:0px; text-indent:35px;}
.darkpath b {color:#CBCACA; letter-spacing:-.2px; text-shadow:#000000 2px 2px 2px; }
.darkpath {background-color:#000000; background-image:url(http://i1209.photobucket.com/albums/cc3 ... 5isl-1.jpg); background-position:top center; background-repeat:no-repeat; border:2px solid #FFFFFF; font-family: georgia, serif; font-size:12px; color:#FFFFFF; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:475px; text-align:justify; }
.darkpath-border {width:479px; border:1px solid #000000; margin:0 auto;}
.darkpath .inner {margin:150px 10px 10px 10px; padding:10px; background-image:url(http://sleepyglow.net/souls/25pct_white.png); border:1px solid #000000; border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px;}
</style>[/html]


ShadowWalker
CODE
[html]

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.


<style>
.darkpath .ooc {font-style:italic; }
.darkpath p {padding:2px 0px; margin:0px; text-indent:35px;}
.darkpath b {color:#CBCACA; letter-spacing:-.2px; text-shadow:#000000 2px 2px 2px; }
.darkpath {background-color:#000000; background-image:url(http://i1209.photobucket.com/albums/cc3 ... 5isl-1.jpg); background-position:top center; background-repeat:no-repeat; border:2px solid #FFFFFF; font-family: georgia, serif; font-size:12px; color:#FFFFFF; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:475px; text-align:justify; }
.darkpath-border {width:479px; border:1px solid #000000; margin:0 auto;}
.darkpath .inner {margin:150px 10px 10px 10px; padding:10px; background-image:url(http://sleepyglow.net/souls/25pct_white.png); border:1px solid #000000; border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px;}
</style>[/html]


Secret Garden
CODE
[html]

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. Pellentesque pulvinar, felis et porttitor auctor, odio augue auctor nisi, vitae ultrices enim felis tincidunt augue. Morbi arcu dui, tempus sit amet vehicula id, tincidunt sed elit. Maecenas ornare, arcu eu volutpat egestas, justo arcu aliquet urna, bibendum auctor sapien orci eget nunc


<style>
.shadowgarden .ft-ooc {font-style:italic;}
.freetable-a01 p {padding:3px 20px 3px 20px; margin:0px; text-indent:35px;}
.shadowgarden b {color:#006500; letter-spacing:-.2px;}
.shadowgarden {background-color:#2A7A11; background-image:url(http://i1209.photobucket.com/albums/cc3 ... 92y0-1.jpg); background-position:bottom center; background-repeat:no-repeat; padding:10px 0px 230px 0px; border:1px solid #000000; margin:0px auto; border-radius:15px; font-family: georgia, serif; font-size:12px; color:#000000; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:400px; text-align:justify; }
.shadowgarden .ft-separator{width:250px; border-bottom:1px dotted #A67C15; margin:0px auto;}
</style>[/html]


Text Table
CODE
[html]

Word Count → 310 :: Out of Character text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.

<style>
.shadowleaf-box {background-image:url(http://i1209.photobucket.com/albums/cc3 ... v8aw-1.png); background-repeat:no-repeat; background-position: top center; width:150px; height:119px; float:right; margin:3px; }
.shadowleaf {font-family:'times new roman', times, serif; font-size: 14px; letter-spacing:0px; word-spacing:2px; text-align: left; margin:0px 25px;}
.shadowleaf p.ooc {font-style:italic; font-family:arial, helvetica, sans-serif; font-size:12px; text-align:justify; text-indent:0px; padding:0px 5px;}
.shadowleaf p.ooc + p {padding:0px 5px;}
.shadowleaf .wc {text-transform: uppercase; font-weight:bold;}
.shadowleaf p {text-indent: 25px; margin:0px; padding:10px 5px;}
.shadowleaf b {letter-spacing:1px; font-family:georgia, serif; font-size:12px; letter-spacing:-.05em;}
</style>
[/html]


Dark Look
CODE
[html]

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.


<style>
.mlace .ooc {font-style:italic; }
.mlace p {padding:2px 0px; margin:0px; text-indent:35px;}
.mlace b {color:#CBCACA; letter-spacing:-.2px; text-shadow:#000000 2px 2px 2px; }
.mlace {background-color:#000000; background-image:url(http://i1209.photobucket.com/albums/cc3 ... tock-1.png); background-position:top center; background-repeat:no-repeat; border:2px solid #FFFFFF; font-family: georgia, serif; font-size:12px; color:#FFFFFF; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:500px; text-align:justify; }
.mlace-border {width:504px; border:1px solid #000000; margin:0 auto;}
.mlace .inner {margin:20px 20px 20px 20px; padding:10px; background-image:url(http://sleepyglow.net/souls/25pct_white.png); border:1px solid #000000; border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px; height:275px; overflow:auto;}
</style>[/html]


Shadow Ice
CODE
[html]

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. Pellentesque pulvinar, felis et porttitor auctor, odio augue auctor nisi, vitae ultrices enim felis tincidunt augue. Morbi arcu dui, tempus sit amet vehicula id, tincidunt sed elit. Maecenas ornare, arcu eu volutpat egestas, justo arcu aliquet urna, bibendum auctor sapien orci eget nunc


<style>
.shadowice .ft-ooc {font-style:italic;}
.shadowice p {padding:3px 20px 3px 20px; margin:0px; text-indent:35px;}
.shadowice b {color:#000000; letter-spacing:-.2px;}
.shadowice {background-color:#0C0948; background-image:url(http://i1209.photobucket.com/albums/cc3 ... lena-1.jpg); background-position:top center; background-repeat:no-repeat; padding:350px 0px 10px 0px; border:1px solid #000000; font-family: georgia, serif; font-size:12px; color:#150E89; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:400px; text-align:justify; }
.shadowice-border {width:402px; border:1px solid #000000; margin:0px auto; }
.shadowice .ft-separator{width:250px; border-bottom:1px dotted #000000; margin:0px auto;}
</style>
[/html]


Forum Jump: