with the lights out, it's less dangerous

Io Berlin · 04-10-2011, 02:20 PM

Io Tables

[html]

occgoodnessss

#00+

[/html]

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

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

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

</div></div>

<style type="text/css">

.IoBerlinfreebe01 b {font-weight:bold; color:#000000; letter-spacing:1px; text-shadow: 0.1em 0.1em 0.2em #f3f3f3; }

.IoBerlinfreebe01-ooc {font-style:italic; padding:0px; font-family: Georgia, serif; font-size:12px; color:#2a2a2a; text-align:right;}

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

.IoBerlinfreebe01 {margin:0 auto; width:480px; background-color:#eeeeee; background-image:url(http://img.photobucket.com/albums/v121/allifitz/Tables/IoBerlinfreeb1.png); background-position:top center; background-repeat:no-repeat; border:3px solid #f3f3f3; padding: 135px 0px 10px 0px; font-family: Georgia, serif; font-size:12px; color:#2a2a2a; letter-spacing:.3px; word-spacing:.8px; line-height:12px; text-align:justify;}

.IoBerlinfreebe01-border1 {width:486px; border:1px solid #494949; margin:0 auto;}

.IoBerlinfreebe01-line1 {width:450px; border-bottom:1px dotted #313131; margin:0 auto 3px auto;}

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

[html]

OOC here!

Word Count → 000

Code:
[doHTML]<div class="io-t51-border"><div class="io-t51"><div class="inner">

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

<p class="wordcount">Word Count → 000</p>

</div></div></div>

<style>

.io-t51 .ooc {font-style:italic; }

.io-t51 p {padding:2px 0px; margin:0px; text-indent:35px;}

.io-t51 b {color:#15282E; letter-spacing:-.2px; }

.io-t51 {background-color:#AFCDD7; background-image:url(http://i.imgur.com/o1xxF.png); background-position:bottom center; background-repeat:no-repeat; border:1px solid #D9F4FD; font-family: georgia, serif; font-size:12px; color:#40626D; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:475px; text-align:justify; }

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

.io-t51 .inner {margin:10px 10px 170px 10px; padding:10px; background-image:url(http://sleepyglow.net/souls/25pct_white.png); border-size:1px; border-width:1px; border-style: dotted; border-color:#40626D;}

.io-t51 .wordcount {color:#15282E; letter-spacing:0px; font-size:11px; font-weight:bold; margin:2px 10px; border-top:1px dotted #40626D; text-align:right; padding:0px 5px; text-transform:uppercase;}

</style>[/doHTML]

[html]

OOC here!

Word Count → 000

Code:
[doHTML]<div class="io-t52-border"><div class="io-t52"><div class="inner">

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

<p class="wordcount">Word Count → 000</p>

</div></div></div>

<style>

.io-t52 .ooc {font-style:italic; }

.io-t52 p {padding:2px 0px; margin:0px; text-indent:35px;}

.io-t52 b {color:#17211E; letter-spacing:-.2px; }

.io-t52 {background-color:#BBD0CB; background-image:url(http://i.imgur.com/13aka.png); background-position:bottom center; background-repeat:no-repeat; border:1px solid #D9F4FD; font-family: georgia, serif; font-size:12px; color:#3B4E48; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:475px; text-align:justify; }

.io-t52-border {width:479px; border:1px solid #000000; margin:0 auto;}

.io-t52 .inner {margin:10px 10px 120px 10px; padding:10px; background-image:url(http://sleepyglow.net/souls/25pct_white.png); border-size:1px; border-width:1px; border-style: dotted; border-color:#3B4E48;}

.io-t52 .wordcount {color:#17211E; letter-spacing:0px; font-size:11px; font-weight:bold; margin:2px 10px; border-top:1px dotted #3B4E48; text-align:right; padding:0px 5px; text-transform:uppercase;}

</style>[/doHTML]

[html]

OOC here!

Code:
[doHTML]<div class="io-t98">

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

</div>

<style>

.io-t98 .ooc {font-style:italic; font-size:11px; }

.io-t98 p {padding:5px 15px; margin:0px; text-indent:35px;}

.io-t98 b {color:#22352B; letter-spacing:0px; font-family:times new roman, times, serif; font-size:14px; }

.io-t98 {background-color:#AACAB9; background-image:url(http://i.imgur.com/JP6KX.png); background-position:top center; background-repeat:no-repeat; border:2px solid #000000; font-family: georgia, serif; font-size:12px; color:#426352;  letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:475px; text-align:justify; padding:125px 0px 10px 0px; margin:0px auto; }

</style>[/doHTML]

[html]

Word Count → 310 :: trolololo

mall-caps; }
</style>
[/html]

Code:
[dohtml]

<div class="io-txt">

<div class="ooc"><p><span class="wc">Word Count → 310</span> :: trolololo</p>

</div>

</div>

<style>

.io-txt {font-family:'trebuchet ms', verdana, geneva, sans-serif; font-size: 13px;  letter-spacing:0px;  word-spacing:2px;  text-align: left; margin:0px 25px; background-image:url(http://i.imgur.com/rn05r.png); background-position: top center; background-repeat:no-repeat; padding:75px 10px 10px 10px; margin:5px auto; width:475px; border-top:1px dotted #000000; }

.io-txt .ooc {font-style:italic; font-size:11px; text-align:justify; margin:5px auto; width:100%;}

.io-txt .tagline .sub {font-size:11px; font-weight:bold; font-style:italic; }

.io-txt .wc {text-transform: uppercase; font-weight:bold; font-style:normal;}

.io-txt p {text-indent: 25px; margin:0px; padding:0px 5px;}

.io-txt b {letter-spacing:1px; font-family:georgia, serif; font-size:12px; letter-spacing:-.05em;}

.io-txt u {text-decoration:none; border-bottom:1px dotted #000000; font-style:italic; font-variant:small-caps; }

</style>

[/dohtml]

[html]

Out of Character

Coding by Sie.

ooc text.

In Character

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

ooc text. </p>

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

</div></div> <style> 

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

.Freebie002 b {color:#eaeaea; text-shadow:#c6c6c6 0px 0px 4px;}

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

.Freebie002-header {font-family:verdana; color:#eaeaea; text-shadow:#c6c6c6 0px 0px 4px; float: right; margin:5px; text-transform:uppercase; font-size:15px; font-weight:bold; letter-spacing:1px;}

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

.Freebie002 {background-color:#000000; padding:0px 0px 10px 0px; border:1px solid #FFFFFF; font-family: trebuchet ms; font-size:12px; color:#eaeaea; letter-spacing:.3px; word-spacing:2px; line-height:14px; width:402px; text-align:justify; background-image:url(http://img705.imageshack.us/img705/8513/002wb.png); background-position:bottom center; background-repeat:no-repeat; padding:10px 0px 200px 0px; } </style></center>

[/doHTML]

[html]

Out of Character

Coding by Sie.

ooc text.

In Character

Code:
[doHTML]<center>

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

<p class="Iobl-ooc">Coding by Sie.<br />

ooc text. </p>

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

</div></div> 

<style> 

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

.Iobl b {font-family:verdana; color:#95a27c; text-shadow:#95a27c 0px 0px 4px; float: right; margin:5px; text-transform:uppercase; font-size:9px; font-weight:bold; letter-spacing:1px;}

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

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

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

.Iobl {background-color:#000000; padding:0px 0px 10px 0px; border:1px solid #ffffff; font-family: georgia, serif; font-size:12px; color:#3b422e; letter-spacing:.3px; word-spacing:2px; line-height:14px; width:345px; text-align:justify; background-image:url(http://img51.imageshack.us/img51/2508/tbl4.png); background-position:bottom center; background-repeat:no-repeat; padding:10px 0px 255px 0px; } </style></center>[/doHTML]

[html]

OOC here!

Code:
[doHTML]<center><div class="grassblack_07">

<p class="ooc">OOC here!

</div>

<style type="text/css">

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

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

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

.grassblack_07 {margin:0px auto; width:450px; background-color:none; background-image:url(http://img714.imageshack.us/img714/3305/grassblack.png); background-position:bottom center; background-repeat:no-repeat; border:none; padding: 10px 0px 25px 0px; font-family: georgia, sans-serif; font-size:12px; color:#111111; line-height:12px; letter-spacing:.5px; text-align:justify;}

</style></center>[/doHTML]

[html]

Out of Character, Word Count, Etc.

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

<p class="iovial-ooc">Out of Character, Word Count, Etc.</p>

<center><hr width="90%" size="2"></hr></center>

</div></div>

<style type="text/css">

.iovial-ooc {font-style:italic; padding:0px; font-size:12px; text-align:right;}

.iovial b {font-weight:bold; color:#4f412f; letter-spacing:1px}

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

.iovial {margin:0 auto; background-color:#dcbc8d; background-image:url(http://i54.tinypic.com/2wnp9jn.png); background-position:top center; background-repeat:no-repeat; padding: 215px 0px 10px 0px; font-family: Georgia, serif; font-size:12px; color:#80664b; letter-spacing:.3px; word-spacing:.8px; line-height:12px; text-align:justify; width:400px; border:1px solid #393222; margin:0 auto;}

</style> 

[/dohtml]

[html]

OOC jibbles

Code:
[doHTML]

<center><div class="ioheart1">

<p class="ooc">OOC jibbles

</div>

<style type="text/css"> 

.ioheart1 b {font-weight:bold; color: #4C4F56; letter-spacing:1px; }

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

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

.ioheart1 {margin:0px auto; width:450px; background-color: #ffffff; background-image:url(http://i910.photobucket.com/albums/ac307/fastandbad/ioheart.jpg); background-position:bottom center; background-repeat:no-repeat; border:none; padding: 10px 0px 25px 0px; font-family: verdana, sans-serif; font-size:12px; color: #960018; line-height:12px; letter-spacing:.5px; text-align:justify;}

</style></center>[/doHTML]

[html]

OOC jibbles

Code:
[doHTML]

<center><div class="ioknife1">

<p class="ooc">OOC jibbles

</div>

<style type="text/css"> 

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

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

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

.ioknife1 {margin:0px auto; width:450px; background-color: #ffffff; background-image:url(http://www.portwallpaper.com/imgwal/knife-and-blood.jpg); background-position:bottom center; background-repeat:no-repeat; border:none; padding: 10px 0px 25px 0px; font-family: verdana, sans-serif; font-size:12px; color: #000000; line-height:12px; letter-spacing:.5px; text-align:justify;}

</style></center>[/doHTML]

[html]

OOC jibbles

Code:
[doHTML]

<center><div class="twoioknife1"><div class="in">

<p class="ooc">OOC jibbles

</div></div>

<style type="text/css"> 

.twoioknife1 b {font-weight:bold; color: #0D6487; letter-spacing:1px; }

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

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

.twoioknife1 {margin:0px auto; width:450px; background:#fff url(http://i910.photobucket.com/albums/ac307/fastandbad/knife-and-blood.jpg) no-repeat top center; border:none; padding: 250px 0px 25px 0px; font-family: verdana, sans-serif; font-size:12px; color: #01B2F9; line-height:12px; letter-spacing:.5px; text-align:justify;}

.twoioknife1 .in {padding:150px 0 0 0}

</style></center>[/doHTML]

[html]

OOC/WC

Code:
[dohtml]<div class="io-motherly">

<p class="ooc">OOC/WC</p>

</div>

<style type="text/css">

.io-motherly b {font-weight:bold; color:#1c1b1b; letter-spacing:1px; }

.io-motherly .ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:11px; text-align:center; color:#827d7d;}

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

.io-motherly {margin:0px auto; width:399px; background-color:#484545; background-image:url(http://i.imgur.com/J7ZB3.png); background-position:top center; background-repeat:no-repeat; border:1px solid #1c1b1b; padding: 300px 0px 10px 0px; font-family: georgia, sans-serif; font-size:12px; color:#6d6b6b; line-height:16px; letter-spacing:.5px; text-align:justify;}

</style>[/dohtml]

[html]

Word Count » 000 :: Out of character text here.

Code:
[doHTML]

<div class="free-a23">

<div class="ooc"><p><span class="wc">Word Count » 000</span> :: Out of character text here.</p>

</div>

<div class="inner">

</div></div>

<style>

.free-a23 .ooc {font-style:italic; color:#000000;}

.free-a23 .wc {text-transform: uppercase; font-weight:bold; font-style:normal;}

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

.free-a23 b {color:#cbc6c1; letter-spacing:-.2px;}

.free-a23 {font-family: 'Palatino Linotype', palatino, georgia, serif; font-size:13px; color:#767172; letter-spacing:.4px; word-spacing:.3px; line-height:16px; text-align: justify; margin:0px auto; margin:5px auto; width:473px;}

.free-a23 .inner{background-color:#000000; background-image:url(http://anna.sleepyglow.net/images/gifts/free-a23.png); background-position:top center; background-repeat:no-repeat; padding:200px 0px 10px 0px; border:0px solid #fff; width:473px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 auto;}

</style>[/doHTML]

[html]

OOC:: Blahblahblah

Code:
[doHTML]

<div class="ioforest3">

<div class="inner" Out of character text here</p>

<div class="ooc"><p><span class="wc">OOC:: Blahblahblah</p>

</div>

</div></div>

<style>

.ioforest3 .ooc {font-style:italic; color: #ffffff;} .free-a23 .wc {text-transform: uppercase; font-weight: bold; font-style: captial;}

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

.ioforest3 b {color:#52B5F4; letter-spacing:-.2px;}

.ioforest3 {font-family: andalus, serif; font-size:15px; color: #ffffff; letter-spacing:.4px; word-spacing:.3px; line-height:16px; text-align: justify; margin:0px auto; margin:5px auto; width:473px;}

.ioforest3 .inner{background-color:#000000; background-image:url(http://i910.photobucket.com/albums/ac307/fastandbad/NTR1856.jpg); background-position:top center; background-repeat:no-repeat; padding:200px 0px 10px 0px; border:0px solid #fff; width:473px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 auto;}

</style>[/doHTML]

[html]

OOC here!

Code:
[doHTML]

<div class="iosmoke100-border"><div class="iosmoke100">

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

</div></div>

<style>

.iosmoke100 .ooc {font-style:italic; }

.iosmoke100 p {padding:2px 20px; margin:0px; text-indent:35px;}

.iosmoke100 b {color:#fa0141; letter-spacing:-.2px;  }

.iosmoke100 {background-color:#000000; background-image:url(http://i910.photobucket.com/albums/ac307/fastandbad/4574973833_fa1beefed1.jpg); background-position:bottom center; background-repeat:no-repeat; border:2px solid #000000; font-family: georgia, serif; font-size:12px; color:#7f0022;  letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:450px; text-align:justify; padding:10px 0px 430px 0px; }

.iosmoke100-border {width:454px; border:1px solid #000000; margin:0 auto;}

</style>[/doHTML]

[html]

out of character text

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

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

<style type="text/css">

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

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

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

.iocollie {margin:0px auto; width:500px; background-color:#97b3ca; background-image:url(http://i52.tinypic.com/1052j5g.png); background-position:bottom center; background-repeat:no-repeat; border:1px solid #000000; border-radius:10px; padding: 10px 0px 400px 0px; font-family: georgia, sans-serif; font-size:12px; color:#e1e2de; line-height:16px; letter-spacing:.5px; text-align:justify;}

</style>[/dohtml]

Login




Remember me Lost Password?